@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--ink:#24160f;--brown:#4c2b1c;--cream:#f6eee5;--paper:#fffdfb;--muted:#756c66;--line:#eee8e3;--sale:#ee5656}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a,input,select,textarea{font:inherit}.hidden{display:none!important}
.topbar{height:34px;background:#101414;color:white;padding:0 4%;display:flex;align-items:center;justify-content:space-between;font-size:12px}
header{height:82px;display:grid;grid-template-columns:170px 1fr 380px;align-items:center;padding:0 4%;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{text-decoration:none;color:var(--ink);display:flex;flex-direction:column;width:max-content}.brand b{font:700 29px 'Playfair Display',serif}.brand small{font-size:8px;letter-spacing:5px;text-align:center;margin-left:4px}nav{display:flex;justify-content:center;gap:26px}nav a{text-decoration:none;color:#2c2927;font-size:14px}.head-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.head-actions input,.mobile-search input{border:1px solid var(--line);border-radius:28px;padding:12px 18px;width:240px;outline:none}.head-actions button{border:0;background:white;font-size:20px;cursor:pointer;position:relative}.head-actions i{font-style:normal;font-size:10px;background:var(--brown);color:white;border-radius:50%;padding:3px 6px;position:absolute;top:-7px;right:-7px}
.hero{margin:14px 2.5% 0;min-height:440px;border-radius:12px;overflow:hidden;position:relative;display:grid;grid-template-columns:47% 53%;align-items:center;background:radial-gradient(circle at 78% 30%,#ead0ba 0,#e5c4a9 25%,transparent 26%),linear-gradient(105deg,#f5eee7 0,#ead7c6 58%,#d5ae8e 100%)}.hero-copy{padding:50px 0 42px 9%;z-index:2}.eyebrow{font-size:11px;letter-spacing:4px;color:#684432;font-weight:700}.hero h1{font:700 66px/.98 'Playfair Display',serif;margin:14px 0}.hero-copy>p{max-width:430px;color:#5f5752;line-height:1.6}.btn{display:inline-block;text-decoration:none;padding:13px 20px;border-radius:26px;margin:8px 8px 18px 0;font-size:13px;font-weight:600}.dark{background:var(--brown);color:white}.light{border:1px solid #aa8d78;color:var(--brown)}.mini-benefits{display:flex;gap:28px;margin-top:16px}.mini-benefits span{font-size:18px}.mini-benefits b,.mini-benefits small{font-size:11px;display:block;margin-left:24px;margin-top:-18px}.mini-benefits small{color:#766a62;margin-top:2px}.model-art{height:100%;display:grid;place-items:center;color:#704b36;opacity:.9}.silhouette{width:260px;height:340px;border-radius:48% 48% 15% 15%;background:linear-gradient(#b67e5e,#76503b);display:grid;place-items:center;color:#e8cdb9;font-size:70px;box-shadow:0 30px 70px #70432635}.model-art>span{position:absolute;right:23%;bottom:32px;letter-spacing:4px;text-align:center;font-weight:700}.model-art small{font-size:8px}.offer{position:absolute;right:7%;top:24%;background:#ffffffeb;border-radius:20px;padding:28px;width:190px;box-shadow:0 18px 40px #51331e20}.offer small{color:#9a55e7;letter-spacing:2px;font-size:9px}.offer b{display:block;font:600 25px 'Playfair Display';margin-top:16px}.offer strong{font-size:36px;color:#8c3be1}.offer p{font-size:11px;color:#777}
main{max-width:1240px;margin:auto;padding:0 24px}.category-strip{margin:-1px auto 18px;transform:translateY(16px);background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 28px #452a1710;padding:13px 20px;display:flex;justify-content:space-around;gap:12px}.cat{border:0;background:white;cursor:pointer;text-align:center;color:#403a36}.cat span{width:58px;height:58px;background:#f4f1ee;border-radius:50%;display:grid;place-items:center;font-size:28px;margin:auto auto 7px;transition:.2s}.cat:hover span,.cat.active span{transform:translateY(-3px);box-shadow:0 8px 18px #0001}.cat small{font-size:11px}
.audience-row{display:flex;align-items:center;gap:12px;padding-top:22px}.audience-row>span{font-size:12px;color:#777}.audience-row div{display:flex;gap:7px;flex-wrap:wrap}.audience-row button{border:1px solid var(--line);background:white;border-radius:18px;padding:7px 12px;font-size:11px;cursor:pointer}.audience-row button.active{background:var(--brown);color:#fff;border-color:var(--brown)}
.products-section{padding:32px 0 25px}.section-head{display:flex;align-items:end;justify-content:space-between}.section-head h2,.about h2{font:700 30px 'Playfair Display';margin:7px 0}.filters{display:flex;gap:8px}.filters button{border:0;background:transparent;padding:9px 14px;border-radius:20px;cursor:pointer;font-size:12px}.filters .active{background:var(--brown);color:#fff}.mobile-search{display:none}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.product{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:.25s;position:relative}.product:hover{transform:translateY(-4px);box-shadow:0 15px 35px #44281813}.photo{height:235px;background:linear-gradient(145deg,#f7f3ef,#e9dfd6);display:grid;place-items:center;font-size:82px;position:relative;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover}.emoji{font-size:82px}.badge{position:absolute;left:10px;top:10px;background:var(--sale);color:white;border-radius:16px;padding:5px 9px;font-size:10px;font-weight:700;z-index:2}.heart{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:50%;background:white;display:grid;place-items:center;font-size:16px;z-index:2}.details{padding:12px}.details>small{font-size:9px;color:#9a918b;text-transform:uppercase;letter-spacing:.7px}.details h3{font-size:14px;margin:5px 0 7px}.price{font-weight:700;color:#e34747;font-size:14px}.price.normal{color:var(--ink)}.old{color:#aaa;text-decoration:line-through;margin-left:9px;font-weight:400}.rating{font-size:10px;margin:9px 0}.instock{color:#4d8b5a}.low{color:#d4822a}.sold{color:#d34e4e}.details button{width:100%;border:0;background:#5b4639;color:white;border-radius:6px;padding:10px;cursor:pointer;font-size:12px}.details button:disabled,.wide-dark:disabled{opacity:.45;cursor:not-allowed}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;margin:12px 0 50px}.service-strip>div{padding:18px;display:flex;gap:12px;justify-content:center;align-items:center}.service-strip b,.service-strip small{display:block;font-size:11px}.service-strip small{color:#888;margin-top:3px}.about{text-align:center;background:#f6eee7;border-radius:20px;padding:65px 20px;margin-bottom:45px}.about p{color:#746a64;max-width:560px;margin:auto;line-height:1.7}footer{background:#171513;color:#eee;text-align:center;padding:45px}.foot{color:#fff;margin:auto}.foot b{font-size:32px}footer p{font-size:12px;color:#aaa}
.cart{position:fixed;right:-440px;top:0;width:420px;max-width:95vw;height:100vh;background:white;z-index:30;transition:.3s;padding:28px;display:flex;flex-direction:column}.cart.open{right:0}.cart-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}.cart-title small{letter-spacing:3px}.cart-title h2{font:700 27px 'Playfair Display';margin:4px 0}.cart-title button,.modal-x{border:0;background:none;font-size:30px;cursor:pointer}.cart-items{overflow:auto}.cart-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);font-size:13px}.cart-row small{color:#777}.cart-row button{border:0;background:none;color:#b24c45;cursor:pointer}.cart-empty{text-align:center;color:#999;padding:70px 0;font-size:40px}.cart-empty p{font-size:13px}.cart-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.cart-bottom>div{display:flex;justify-content:space-between;font-size:17px;margin:6px 0}.cart-bottom .small-total{font-size:12px;color:#777}.cart-bottom .grand{font-size:20px;padding-top:8px}.checkout-btn,.wide-dark{width:100%;border:0;border-radius:9px;background:var(--brown);color:white;padding:14px;margin-top:16px;font-weight:700;cursor:pointer}
#overlay{position:fixed;inset:0;background:#0009;z-index:20;display:none}#overlay.show{display:block}
.modal{position:fixed;inset:0;z-index:40;display:none;place-items:center;padding:20px}.modal.show{display:grid}.modal-card{width:min(900px,96vw);max-height:92vh;overflow:auto;background:white;border-radius:20px;padding:28px;position:relative;box-shadow:0 30px 80px #0003}.modal-x{position:absolute;right:18px;top:12px;z-index:2}.product-modal-grid{display:grid;grid-template-columns:42% 58%;gap:28px}.modal-image{min-height:430px;border-radius:16px;background:linear-gradient(145deg,#f7f3ef,#e7d9cd);display:grid;place-items:center;font-size:110px;overflow:hidden}.modal-image img{width:100%;height:100%;object-fit:cover}.product-modal-card h2,.checkout-card h2{font:700 32px 'Playfair Display';margin:8px 0}.product-modal-card p{color:#777;line-height:1.6}.modal-price{font-size:22px;font-weight:700;margin:14px 0}.modal-price span{text-decoration:line-through;color:#aaa;font-size:15px;margin-left:8px}.option-block{margin:18px 0}.option-block>label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}.option-buttons{display:flex;flex-wrap:wrap;gap:7px}.option-buttons button{border:1px solid #ded8d3;background:white;border-radius:8px;padding:8px 11px;cursor:pointer;font-size:12px}.option-buttons button.active{background:var(--brown);color:white;border-color:var(--brown)}.stock-note{padding:9px 11px;border-radius:8px;font-size:12px;margin:12px 0}.stock-note.ok{background:#edf8ef;color:#3f7a4c}.stock-note.low{background:#fff4e5;color:#ad6b1e}.stock-note.sold{background:#fdeeee;color:#b44545}.qty-row{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:13px}.qty-row div{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.qty-row button{border:0;background:#f5f2ef;width:34px;height:34px;cursor:pointer}.qty-row b{min-width:38px;text-align:center}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.form-grid label{font-size:12px;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:9px;padding:11px;background:white}.form-grid textarea{min-height:80px;resize:vertical}.checkout-summary{display:flex;justify-content:space-between;font-size:20px;padding:18px 0}.wa{width:100%;border:0;border-radius:9px;background:#25D366;color:white;padding:14px;font-weight:700;cursor:pointer}.muted{display:block;color:#999;text-align:center;margin-top:10px}.inactive{position:fixed;inset:0;background:#f7f2ec;z-index:100;display:grid;place-items:center;text-align:center}.inactive .big-icon{font-size:80px}.inactive h1{font:700 38px 'Playfair Display'}
.empty-state{grid-column:1/-1;text-align:center;padding:70px;color:#999}.empty-state>div{font-size:50px}
@media(max-width:1050px){header{grid-template-columns:150px 1fr}nav{display:none}.head-actions input{display:none}.hero{grid-template-columns:60% 40%}.offer{right:3%}.grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.topbar span:last-child{display:none}header{height:68px;padding:0 5%}.hero{margin:8px;min-height:500px;display:block}.hero-copy{padding:45px 26px}.hero h1{font-size:51px}.model-art{display:none}.offer{right:20px;top:auto;bottom:20px;width:155px;padding:18px}.offer strong{font-size:27px}.mini-benefits{display:none}.category-strip{overflow:auto;justify-content:flex-start;padding:12px}.cat{min-width:70px}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.photo{height:190px;font-size:65px}.section-head{align-items:flex-start}.filters{display:none}.mobile-search{display:block;margin-top:15px}.mobile-search input{width:100%}.service-strip{grid-template-columns:1fr 1fr}.service-strip>div{justify-content:flex-start}.topbar{font-size:10px}.hero-copy>p{max-width:280px}.btn.light{display:none}.product-modal-grid{grid-template-columns:1fr}.modal-image{min-height:250px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.audience-row{align-items:flex-start;flex-direction:column}}

.toplink{border:0;background:none;color:white;padding:0;cursor:pointer;font-size:12px}.topbar a{color:white;text-decoration:none}.brand-logo{max-width:145px;max-height:54px;object-fit:contain}.footer-logo{max-width:150px;max-height:70px;object-fit:contain;margin:auto}.head-actions #wishlistBtn i{right:-8px}.heart{border:0;cursor:pointer}.heart.saved{color:#d84a5b}
.coupon-box{display:grid!important;grid-template-columns:1fr auto;gap:7px;margin:14px 0!important}.coupon-box input{border:1px solid var(--line);border-radius:8px;padding:9px}.coupon-box button{border:0;background:#eee7e1;border-radius:8px;padding:8px 11px;cursor:pointer}.coupon-box small{grid-column:1/-1;color:#777}
.recent-section{padding:15px 0 35px}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mini-product{border:1px solid var(--line);background:white;border-radius:11px;padding:10px;text-align:left;cursor:pointer}.mini-product span{height:90px;background:#f3eee9;border-radius:8px;display:grid;place-items:center;font-size:40px;overflow:hidden}.mini-product img{width:100%;height:100%;object-fit:cover}.mini-product b,.mini-product small{display:block;margin-top:6px;font-size:11px}.mini-product small{color:#777}
.contact-section{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;margin:10px 0 45px}.contact-section>div{background:#f7f2ed;border-radius:16px;padding:28px}.contact-section h2,.faq-section h2{font:700 28px 'Playfair Display';margin:8px 0}.social-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.social-links a,.branch-card a{display:inline-block;color:var(--brown);font-size:12px}.branch-card{background:white;border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:10px}.branch-card p{font-size:12px;color:#666;margin:6px 0}.branch-card small{display:block;color:#888;margin-bottom:7px}.single-contact{grid-template-columns:1fr}.faq-section,.policies-section{margin:0 0 45px}.faq-section details,.policies-section details{border-bottom:1px solid var(--line);padding:14px 0}.faq-section summary,.policies-section summary{font-weight:700;cursor:pointer}.faq-section p,.policies-section p{color:#746a64;line-height:1.6}
.related-box,.review-box{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.related-box h3,.review-box h3{font:600 17px 'Playfair Display'}.related-row{display:flex;gap:8px}.related-row button{flex:1;border:1px solid var(--line);background:#faf7f4;border-radius:8px;padding:8px;cursor:pointer}.related-row span,.related-row small{display:block}.related-row span{font-size:26px}.related-row small{font-size:9px}.single-review{border-bottom:1px solid var(--line);padding:9px 0}.single-review b{font-size:11px}.single-review p{font-size:11px!important;margin:4px 0!important}.review-form{display:grid;grid-template-columns:90px 1fr;gap:7px;margin-top:12px}.review-form select,.review-form input,.review-form textarea{border:1px solid var(--line);padding:8px;border-radius:7px}.review-form textarea{grid-column:1/-1}.review-form button{grid-column:1/-1;border:0;background:var(--brown);color:white;border-radius:7px;padding:9px;cursor:pointer}
.track-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}.track-row input{border:1px solid var(--line);padding:10px;border-radius:8px}.track-row button{border:0;background:var(--brown);color:white;border-radius:8px;padding:10px 14px}.track-result{background:#f4f8f4;border-radius:10px;padding:15px;margin-top:15px}.track-result .status{float:right;background:#e7f0e8;padding:5px 9px;border-radius:14px}.track-error{color:#b54a4a}
@media(max-width:720px){.mini-grid{grid-template-columns:1fr 1fr}.contact-section{grid-template-columns:1fr}.track-row{grid-template-columns:1fr}.review-form{grid-template-columns:1fr}.review-form textarea,.review-form button{grid-column:auto}}

/* FlexStore V5.4.1 — product detail image: show the full square photo */
.product-modal-grid{align-items:start}
.modal-image{
  width:100%;
  aspect-ratio:1 / 1;
  min-height:0;
  height:auto;
  align-self:start;
  background:#f7f3ef;
}
.modal-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  display:block;
}
@media(max-width:720px){
  .product-modal-grid{grid-template-columns:1fr;gap:18px}
  .modal-image{
    width:100%;
    aspect-ratio:1 / 1;
    min-height:0;
    max-height:none;
  }
}

/* ============================================================
   FlexStore V5.6 — premium storefront polish
   Visual-only upgrade: no order, inventory or database logic changed.
   ============================================================ */
:root{
  --surface:#ffffff;
  --surface-soft:#faf8f6;
  --shadow-sm:0 8px 24px rgba(56,34,22,.07);
  --shadow-md:0 18px 55px rgba(56,34,22,.12);
  --radius:18px;
}
body{background:#fcfbfa;-webkit-font-smoothing:antialiased}
.topbar{height:36px;background:#171310;padding-inline:max(4%,20px);letter-spacing:.1px}
header{
  height:78px;
  background:rgba(255,255,255,.93);
  border-color:rgba(70,45,31,.08);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 5px 24px rgba(38,24,17,.035);
}
.brand b{font-size:30px;letter-spacing:-.5px}.brand small{color:#8d7b70}
nav a{position:relative;color:#4f4540;font-weight:500;transition:.2s}
nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;border-radius:2px;background:var(--brown);transition:.2s}
nav a:hover{color:var(--brown)}nav a:hover:after{right:0}
.head-actions input,.mobile-search input{background:#fbfaf9;border-color:#e9e2dd;transition:.2s}
.head-actions input:focus,.mobile-search input:focus{border-color:color-mix(in srgb,var(--brown) 42%,#ddd);box-shadow:0 0 0 4px color-mix(in srgb,var(--brown) 7%,transparent);background:white}
.head-actions button{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;transition:.2s}.head-actions button:hover{background:#f5f0ec;transform:translateY(-1px)}
.hero{
  min-height:500px;
  margin:18px 2.2% 0;
  border-radius:26px;
  box-shadow:var(--shadow-md);
  border:1px solid rgba(255,255,255,.65);
}
.hero-copy{padding-left:10%;max-width:650px}.hero h1{font-size:clamp(54px,5.4vw,78px);letter-spacing:-2.5px}.hero-copy>p{font-size:15px}
.hero .btn{border-radius:999px;padding:14px 22px;transition:.2s}.hero .btn.dark{box-shadow:0 10px 25px color-mix(in srgb,var(--brown) 24%,transparent)}.hero .btn:hover{transform:translateY(-2px)}
.hero.has-banner{background-size:cover;background-position:center}
.hero.has-banner .hero-copy{color:#fff;text-shadow:0 1px 24px rgba(0,0,0,.14)}
.hero.has-banner .eyebrow,.hero.has-banner .hero-copy>p{color:rgba(255,255,255,.84)}
.hero.has-banner .btn.dark{background:#fff;color:#251812}.hero.has-banner .btn.light{color:#fff;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.09);backdrop-filter:blur(8px)}
.hero.has-banner .mini-benefits{color:#fff}.hero.has-banner .mini-benefits small{color:rgba(255,255,255,.7)}
.hero.has-banner .model-art,.hero.has-banner .offer{display:none}
.category-strip{transform:translateY(-15px);margin-bottom:2px;border-radius:20px;padding:15px 20px;box-shadow:var(--shadow-sm);border-color:rgba(70,45,31,.08)}
.cat span{width:62px;height:62px;background:linear-gradient(145deg,#fbf9f7,#f0e9e4);transition:.25s}.cat:hover span,.cat.active span{transform:translateY(-4px);box-shadow:0 12px 25px rgba(56,34,22,.11)}
.audience-row{padding-top:12px}.audience-row button{padding:8px 14px;border-radius:999px;transition:.2s}.audience-row button:hover{border-color:#cbbdb4;background:#faf7f4}
.products-section{padding-top:38px}.section-head h2,.about h2{font-size:34px;letter-spacing:-.7px}
.filters{padding:4px;background:#f7f3f0;border-radius:999px}.filters button{padding:9px 15px}.filters .active{box-shadow:0 6px 15px color-mix(in srgb,var(--brown) 16%,transparent)}
.grid{gap:22px;margin-top:24px}
.product{border-radius:20px;border-color:rgba(70,45,31,.08);box-shadow:0 5px 18px rgba(56,34,22,.035);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.product:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:rgba(70,45,31,.13)}
.photo{height:auto;aspect-ratio:1;background:#f5f1ed}.photo img{transition:transform .42s ease}.product:hover .photo img{transform:scale(1.025)}
.badge{left:12px;top:12px;border-radius:999px;padding:6px 10px;box-shadow:0 6px 15px rgba(0,0,0,.08)}
.heart{right:12px;top:12px;width:34px;height:34px;box-shadow:0 5px 16px rgba(0,0,0,.08);transition:.2s}.heart:hover{transform:scale(1.08)}
.details{padding:15px 16px 17px}.details>small{letter-spacing:1.1px}.details h3{font-size:15px;margin:6px 0 9px}.price{font-size:15px}.details button{border-radius:10px;padding:11px;background:var(--brown);font-weight:700;transition:.2s}.details button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--brown) 18%,transparent)}
.service-strip{border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);border-color:rgba(70,45,31,.08)}.service-strip>div{padding:22px 18px}.service-strip>div+div{border-left:1px solid #f0ebe7}
.about{border-radius:26px;background:linear-gradient(135deg,#f8f2ec,#f1e5db);padding:74px 24px}.about p{font-size:14px}
.contact-section>div{border-radius:22px;background:#f8f5f2;border:1px solid rgba(70,45,31,.06)}
.branch-card{border-radius:14px}.faq-section details,.policies-section details{background:#fff;border:1px solid #eee7e2;border-radius:14px;padding:15px 17px;margin:8px 0}.faq-section details+details,.policies-section details+details{border-top:1px solid #eee7e2}
footer{padding:58px 24px;background:linear-gradient(145deg,#171310,#211a16)}
.cart{box-shadow:-20px 0 60px rgba(0,0,0,.13)}
#overlay{background:rgba(18,13,10,.58);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.modal-card{border-radius:24px;border:1px solid rgba(255,255,255,.55);box-shadow:0 34px 100px rgba(0,0,0,.24)}
.product-modal-card{width:min(980px,96vw);padding:30px}.product-modal-grid{grid-template-columns:minmax(320px,44%) 1fr;gap:34px}.modal-image{border-radius:20px;background:#f5f1ed;border:1px solid #eee7e2}.product-modal-card h2{font-size:38px;letter-spacing:-1px}.modal-price{font-size:24px}.option-buttons button{border-radius:10px;padding:9px 13px;transition:.18s}.option-buttons button:hover{border-color:#bba99e}.option-buttons button.active{box-shadow:0 6px 14px color-mix(in srgb,var(--brown) 14%,transparent)}
.stock-note{border-radius:11px;padding:11px 13px}.wide-dark,.checkout-btn{border-radius:12px;padding:15px;transition:.2s}.wide-dark:hover,.checkout-btn:hover{filter:brightness(1.05);transform:translateY(-1px)}
@media(max-width:1050px){.hero{min-height:470px}.grid{gap:14px}}
@media(max-width:720px){
  header{height:70px}.brand b{font-size:25px}.brand-logo{max-height:48px}
  .hero{margin:8px;min-height:480px;border-radius:20px}.hero-copy{padding:42px 24px}.hero h1{font-size:48px;letter-spacing:-1.8px}
  .hero.has-banner{min-height:500px;background-position:center}.hero.has-banner .hero-copy{padding-top:70px}
  .category-strip{transform:translateY(-10px);margin-inline:4px;border-radius:17px}
  .grid{gap:11px}.product{border-radius:16px}.details{padding:12px}.details h3{font-size:13px}.details button{padding:10px 7px;font-size:11px}
  .service-strip{border-radius:16px}.service-strip>div{padding:16px 12px}.service-strip>div+div{border-left:0}
  .modal{padding:8px}.product-modal-card{padding:16px;border-radius:19px}.product-modal-grid{grid-template-columns:1fr;gap:18px}.product-modal-card h2{font-size:30px}.modal-x{right:12px;top:8px;background:rgba(255,255,255,.9);width:38px;height:38px;border-radius:50%;display:grid;place-items:center}
}

/* ===== FlexStore V6.0 themes & refinements ===== */
body[data-buttons="pill"] .btn,body[data-buttons="pill"] button:not(.modal-x):not(.heart){border-radius:999px!important}body[data-buttons="square"] .btn,body[data-buttons="square"] button:not(.modal-x):not(.heart){border-radius:4px!important}
body[data-cards="clean"] .product{box-shadow:none!important;border-color:transparent!important;background:transparent!important}body[data-cards="bordered"] .product{box-shadow:none!important;border:1px solid #d9d1cb!important}
body[data-font="modern"]{font-family:'DM Sans',Arial,sans-serif}body[data-font="modern"] h1,body[data-font="modern"] h2,body[data-font="modern"] h3{font-family:'DM Sans',Arial,sans-serif!important;letter-spacing:-.03em}body[data-font="friendly"]{font-family:'DM Sans',Arial,sans-serif}body[data-font="friendly"] h1,body[data-font="friendly"] h2{font-family:'DM Sans',Arial,sans-serif!important;font-weight:700}
body[data-theme="minimal"]{--cream:#fafafa;background:#fafafa;color:#161616}body[data-theme="minimal"] .topbar,body[data-theme="minimal"] footer{background:#111}body[data-theme="minimal"] .product,body[data-theme="minimal"] .service-strip{border-radius:8px}
body[data-theme="fashion"]{background:#f8f6f4}body[data-theme="fashion"] .hero:not(.has-banner){background:linear-gradient(135deg,#eadfd9,#f8f2ee)}body[data-theme="fashion"] .product{border-radius:22px}
body[data-theme="jewellery"]{background:#fbf8f0}body[data-theme="jewellery"] .hero:not(.has-banner){background:linear-gradient(135deg,#f3ead4,#fffaf0)}body[data-theme="jewellery"] .eyebrow{letter-spacing:.24em}
body[data-theme="beauty"]{background:#fff7f8}body[data-theme="beauty"] .hero:not(.has-banner){background:linear-gradient(135deg,#f9e5e9,#fff7f8)}body[data-theme="beauty"] .product{border-radius:26px}
body[data-theme="bakery"]{background:#fff9f1}body[data-theme="bakery"] .hero:not(.has-banner){background:linear-gradient(135deg,#f5e0c6,#fff9f1)}
body[data-hero="centered"] .hero-copy{text-align:center;margin:auto;max-width:760px}body[data-hero="centered"] .hero{grid-template-columns:1fr}body[data-hero="centered"] .model-art,body[data-hero="centered"] .offer{display:none}body[data-hero="editorial"] .hero-copy h1{font-size:clamp(54px,8vw,112px);line-height:.82;letter-spacing:-.06em}.quick-profile{font-size:12px;color:#6d625c;display:flex;align-items:center;gap:8px}.quick-profile input{width:auto}.inactive{z-index:9999}
.product-cta-row{display:grid;grid-template-columns:1fr auto;gap:9px}.product-cta-row .wide-dark{width:100%}.share-product{border:1px solid #ded5cf;background:#fff;padding:0 18px;border-radius:12px;cursor:pointer;font-weight:700;color:#4b3b32}@media(max-width:520px){.product-cta-row{grid-template-columns:1fr}.share-product{padding:12px}}


/* ===== FlexStore V6.0.1 storefront performance + mobile purchase UX ===== */
.reviews-disabled{display:none!important}
.hero.has-banner{background-color:#2a211c;transition:filter .18s ease,opacity .18s ease}

@media(max-width:720px){
  /* Keep the purchase action visible from the moment the product modal opens. */
  .product-modal-card{padding-bottom:92px!important;max-height:calc(100dvh - 12px)!important}
  .product-modal-card .modal-image{min-height:0!important;height:auto!important;aspect-ratio:1/1;max-height:38dvh}
  .product-modal-card .modal-image img{object-fit:contain!important}
  .product-modal-card .product-cta-row{
    position:fixed!important;
    left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));
    z-index:70;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px;
    padding:10px;
    border:1px solid rgba(70,45,31,.10);
    border-radius:16px;
    background:rgba(255,255,255,.96);
    box-shadow:0 14px 40px rgba(30,20,14,.20);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
  .product-modal-card .product-cta-row .wide-dark{margin:0!important;min-height:50px}
  .product-modal-card .product-cta-row .share-product{padding:0 15px!important;min-height:50px}
}

/* ===== FlexStore V6.0.2 mobile banner fit ===== */
@media(max-width:720px){
  /*
    The hero has two background layers: gradient first, banner image second.
    Keep the overlay covering the hero, but contain the actual banner so the
    full wide crop is visible on phones instead of being chopped by cover.
  */
  .hero.has-banner{
    position:relative;
    min-height:0!important;
    height:clamp(220px,56vw,360px);
    aspect-ratio:16/9;
    background-size:cover,contain!important;
    background-position:center,center!important;
    background-repeat:no-repeat,no-repeat!important;
    background-color:#2a211c;
    overflow:hidden;
  }
  .hero.has-banner .hero-copy{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:22px 20px 18px!important;
    max-width:none;
    background:linear-gradient(0deg,rgba(20,14,11,.58) 0%,rgba(20,14,11,.16) 58%,rgba(20,14,11,0) 100%);
  }
  .hero.has-banner .eyebrow{font-size:9px;letter-spacing:2.5px;margin:0 0 5px}
  .hero.has-banner h1{font-size:clamp(29px,9vw,40px)!important;line-height:.96;margin:4px 0 7px;letter-spacing:-1.2px}
  .hero.has-banner .hero-copy>p{
    max-width:min(82%,340px);
    margin:0 0 7px;
    font-size:12px;
    line-height:1.35;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .hero.has-banner .btn{padding:10px 15px;margin:3px 5px 0 0;font-size:11px}
}

@media(max-width:420px){
  .hero.has-banner{height:clamp(210px,58vw,280px)}
  .hero.has-banner .hero-copy{padding:18px 16px 14px!important}
  .hero.has-banner .hero-copy>p{display:none}
  .hero.has-banner h1{font-size:clamp(27px,9vw,35px)!important}
}


/* ===== FlexStore V6.0.3 mobile smooth-flow polish ===== */
html,body{max-width:100%;overflow-x:hidden}
@supports selector(body:has(.modal.show)){
  body:has(.modal.show),body:has(.cart.open){overflow:hidden}
}

@media(max-width:720px){
  /* Banner: uploaded banners are 16:9, so match that ratio exactly.
     This removes the empty bars without turning the hero into a tall crop. */
  .hero.has-banner{
    width:calc(100% - 16px)!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:16/9!important;
    margin:8px!important;
    background-size:cover,cover!important;
    background-position:center,center!important;
    background-repeat:no-repeat!important;
    border-radius:16px;
  }
  .hero.has-banner .hero-copy{
    padding:clamp(14px,4vw,22px)!important;
    justify-content:flex-end;
  }
  .hero.has-banner .hero-copy>p{margin-bottom:5px}

  /* General modal behaviour: smooth, phone-sized, safe around browser bars/notches. */
  .modal{
    padding:6px!important;
    align-items:end!important;
    overflow:hidden;
  }
  .modal-card{
    width:100%!important;
    max-width:none!important;
    max-height:calc(100dvh - 8px)!important;
    border-radius:20px 20px 0 0!important;
    padding:18px 16px!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .modal-x{
    position:sticky!important;
    float:right;
    top:0!important;
    right:0!important;
    width:38px;
    height:38px;
    margin:-4px -3px 2px 8px;
    border-radius:50%;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 5px 18px rgba(35,22,15,.12);
    z-index:90!important;
  }

  /* Product modal: compact above-the-fold buying experience. */
  .product-modal-card{
    padding:12px 12px calc(88px + env(safe-area-inset-bottom))!important;
  }
  .product-modal-grid{gap:12px!important}
  .product-modal-card .modal-image{
    width:100%;
    max-height:none!important;
    aspect-ratio:4/3!important;
    border-radius:15px!important;
  }
  .product-modal-card .modal-image img{object-fit:contain!important}
  .product-modal-card h2{font-size:25px!important;margin:5px 0!important}
  .product-modal-card p{font-size:12px;line-height:1.4;margin:5px 0 8px}
  .modal-price{margin:8px 0!important;font-size:19px!important}
  .option-block{margin:10px 0!important}
  .option-block>label{margin-bottom:5px!important}
  .option-buttons{gap:5px!important}
  .option-buttons button{padding:7px 10px!important}
  .stock-note{margin:8px 0!important;padding:7px 9px!important}
  .qty-row{margin:10px 0!important}
  .related-box{margin-top:12px}
  .product-modal-card .product-cta-row{
    left:6px!important;
    right:6px!important;
    bottom:max(6px,env(safe-area-inset-bottom))!important;
    padding:8px!important;
    border-radius:15px!important;
  }

  /* Cart: only the item list scrolls; totals + Continue button are always visible. */
  .cart{
    top:auto!important;
    right:0!important;
    bottom:-110dvh;
    width:100%!important;
    max-width:none!important;
    height:min(92dvh,780px)!important;
    max-height:92dvh;
    padding:16px 16px max(12px,env(safe-area-inset-bottom))!important;
    border-radius:22px 22px 0 0;
    transition:bottom .28s cubic-bezier(.22,.8,.24,1)!important;
    box-shadow:0 -18px 55px rgba(25,17,12,.18);
  }
  .cart.open{right:0!important;bottom:0!important}
  .cart-title{flex:0 0 auto;padding-bottom:10px!important}
  .cart-title h2{font-size:23px!important;margin:2px 0!important}
  .cart-items{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding-right:2px;
  }
  .cart-row{padding:12px 0!important;gap:12px}
  .cart-bottom{
    flex:0 0 auto!important;
    margin-top:0!important;
    padding:12px 0 0!important;
    background:#fff;
    border-top:1px solid var(--line);
    box-shadow:0 -12px 22px rgba(255,255,255,.94);
  }
  .cart-bottom>div{margin:3px 0!important}
  .cart-bottom .grand{font-size:18px!important;padding-top:4px!important}
  .coupon-box{margin:8px 0!important}
  .checkout-btn{
    margin-top:9px!important;
    min-height:50px;
    font-size:14px;
    border-radius:13px!important;
  }

  /* Checkout: fields scroll, order total + Place Order stay pinned at the bottom. */
  .checkout-card{
    display:flex!important;
    flex-direction:column;
    height:min(94dvh,820px)!important;
    max-height:94dvh!important;
    padding:16px 14px 0!important;
    overflow:hidden!important;
  }
  .checkout-card>.eyebrow,.checkout-card>h2{flex:0 0 auto}
  .checkout-card>h2{font-size:26px!important;margin:4px 0 8px!important}
  .checkout-card .form-grid{
    flex:1 1 auto;
    min-height:0;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    margin-top:6px!important;
    padding:2px 2px 14px;
  }
  .checkout-card .form-grid .wide{grid-column:auto!important}
  .checkout-card .form-grid input,
  .checkout-card .form-grid select,
  .checkout-card .form-grid textarea{
    padding:10px!important;
    margin-top:4px!important;
    font-size:16px; /* prevents iOS zoom */
  }
  .checkout-card .form-grid textarea{min-height:62px!important}
  .checkout-actions{
    flex:0 0 auto;
    position:relative;
    margin:0 -14px;
    padding:10px 14px max(10px,env(safe-area-inset-bottom));
    border-top:1px solid var(--line);
    background:rgba(255,255,255,.98);
    box-shadow:0 -12px 30px rgba(40,26,18,.08);
  }
  .checkout-summary{padding:0 0 8px!important;font-size:17px!important}
  .checkout-actions .wa{
    min-height:50px;
    border-radius:13px!important;
    font-size:14px;
  }
  .checkout-actions .muted{font-size:9px;margin-top:6px!important;line-height:1.3}
}

@media(max-width:420px){
  .hero.has-banner{height:auto!important;aspect-ratio:16/9!important}
  .hero.has-banner .hero-copy{padding:13px!important}
  .hero.has-banner h1{font-size:clamp(24px,8vw,31px)!important}
  .hero.has-banner .eyebrow{font-size:8px!important}
  .hero.has-banner .btn{padding:8px 12px!important;font-size:10px!important}
  .cart{height:94dvh!important;max-height:94dvh!important}
}


/* FlexStore V6.1 — customer account + smooth shopping tools */
.account-btn{display:flex;align-items:center;gap:5px;white-space:nowrap}.account-btn span{font-size:12px;font-style:normal}.shop-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:14px 0 22px;padding:12px 14px;border:1px solid rgba(60,40,28,.1);border-radius:16px;background:rgba(255,255,255,.78);backdrop-filter:blur(10px)}.shop-tools select,.shop-tools input{border:1px solid #ddd2c8;border-radius:10px;padding:9px 10px;background:#fff}.shop-tools label{display:flex;align-items:center;gap:7px;font-size:13px}.shop-tools .price-filter input{width:100px}.clear-filters{border:0;background:transparent;text-decoration:underline;cursor:pointer}
.account-modal{z-index:120}.account-card{width:min(760px,94vw);max-height:min(90dvh,850px);overflow:auto;padding:30px}.account-head p{margin-top:4px;color:#786b63}.google-btn{width:100%;border:1px solid #d9d6d2;background:#fff;border-radius:14px;padding:13px 16px;font-weight:700;cursor:pointer;display:flex;justify-content:center;gap:12px;align-items:center}.google-btn span{font:800 20px Arial;color:#4285f4}.account-signed-out{padding:28px 0 8px;text-align:center}.account-signed-out small{display:block;margin-top:10px;color:#786b63}.account-user{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #eee}.account-user>div:nth-child(2){display:flex;flex:1;flex-direction:column}.account-user button,.my-orders-head button{border:0;background:#f2eee9;border-radius:10px;padding:8px 10px;cursor:pointer}.account-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#f2eee9}.account-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.account-profile-grid label{font-size:12px;font-weight:700}.account-profile-grid input,.account-profile-grid textarea{width:100%;margin-top:6px;border:1px solid #ddd2c8;border-radius:12px;padding:11px}.account-profile-grid .wide{grid-column:1/-1}.save-profile{border:0;background:var(--brown);color:#fff;border-radius:12px;padding:11px 16px;font-weight:700}.my-orders-head{display:flex;justify-content:space-between;align-items:center;margin-top:26px}.my-orders-list{display:grid;gap:14px}.my-order-card{border:1px solid #e8e0da;border-radius:16px;padding:16px;background:#fff}.my-order-title{display:flex;justify-content:space-between;gap:12px}.my-order-title>div{display:flex;flex-direction:column}.my-order-title small{color:#857970}.order-state{font-size:11px;font-weight:800;border-radius:999px;padding:6px 9px;background:#f2eee9;height:max-content}.customer-timeline{display:flex;margin:18px 2px;position:relative}.customer-timeline:before{content:"";position:absolute;left:8%;right:8%;top:6px;height:2px;background:#e5ddd6}.customer-timeline span{flex:1;text-align:center;position:relative;z-index:1}.customer-timeline i{display:block;width:13px;height:13px;border-radius:50%;background:#ddd2c8;margin:0 auto 7px;border:3px solid #fff;box-shadow:0 0 0 1px #ddd2c8}.customer-timeline .done i{background:var(--brown);box-shadow:0 0 0 1px var(--brown)}.customer-timeline .current small{font-weight:800;color:var(--brown)}.customer-timeline small{font-size:9px}.customer-timeline.cancelled:before{display:none}.customer-timeline.cancelled span{color:#a73333;font-weight:800}.my-order-card ul{list-style:none;padding:0;margin:0}.my-order-card li,.my-order-total{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #f2ede9;font-size:13px}.my-order-total{font-size:15px}.account-empty,.account-loading{text-align:center;padding:28px;color:#756b65}.account-empty small{display:block;margin-top:5px}
@media(max-width:700px){.account-btn span{display:none}.shop-tools{display:grid;grid-template-columns:1fr 1fr;margin:10px 0 16px}.shop-tools select{width:100%}.shop-tools .price-filter{grid-column:1/-1}.shop-tools .price-filter input{flex:1;width:auto}.account-card{width:100%;max-width:none;max-height:92dvh;border-radius:22px 22px 0 0;position:absolute;bottom:0;padding:22px 16px}.account-profile-grid{grid-template-columns:1fr}.customer-timeline small{font-size:8px}.my-order-title{align-items:flex-start}}