:root{--bg:#f6f3ec;--surface:#fff;--ink:#171717;--muted:#73706a;--line:#e4dfd5;--gold:#e2a00c;--gold2:#f4bd36;--black:#080808;--radius:22px;--shadow:0 14px 40px rgba(20,16,7,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.app-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:50;height:76px;padding:8px max(12px,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(9,9,9,.96);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.brand{display:flex;align-items:center;min-width:0;color:#fff;text-decoration:none}.brand-logo{width:58px;height:58px;object-fit:contain;border-radius:12px;background:#000;flex:none}.brand-copy{display:flex;flex-direction:column;min-width:0;margin-left:9px;line-height:1.05}.brand-copy strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.brand-copy small{font-size:10px;color:#aaa;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:165px}.header-actions{display:flex;align-items:center;gap:6px}.icon-btn{position:relative;border:0;background:rgba(255,255,255,.1);color:#fff;width:40px;height:40px;border-radius:14px;display:inline-grid;place-items:center;font-size:20px}.icon-btn b{position:absolute;right:-3px;top:-5px;background:var(--gold);color:#121212;border-radius:999px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;font-size:10px}.icon-btn.plain{background:#f1eee7;color:#171717}.icon-btn.dark{background:rgba(255,255,255,.1);color:#fff}.poster-section{max-width:1240px;margin:0 auto;padding:14px 12px 0}.poster-fallback,.poster-image{width:100%;aspect-ratio:16/7;border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.poster-fallback{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px;background:radial-gradient(circle at 85% 20%,rgba(226,160,12,.26),transparent 30%),linear-gradient(135deg,#161616,#050505);color:#fff}.poster-fallback:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.04) 50%,transparent 58%);animation:shine 5s ease-in-out infinite}.poster-fallback>div{position:relative;z-index:1;max-width:65%}.poster-fallback h1{font-size:clamp(24px,6vw,52px);margin:4px 0 7px;letter-spacing:-.04em}.poster-fallback p{font-size:12px;color:#c9c9c9;margin:0;max-width:380px}.poster-fallback img{width:30%;max-height:84%;object-fit:contain;position:relative;z-index:1}.poster-image{object-fit:cover;background:#ddd}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:10px;color:#a56f00}.poster-fallback .eyebrow{color:var(--gold2)}@keyframes shine{0%,60%,100%{transform:translateX(-15%)}70%{transform:translateX(15%)}}.search-wrap{max-width:1240px;margin:0 auto;padding:16px 12px 0;display:grid;grid-template-columns:1fr auto;gap:8px}.search-box{height:50px;border:1px solid var(--line);background:var(--surface);border-radius:17px;display:flex;align-items:center;padding:0 14px;box-shadow:0 6px 18px rgba(0,0,0,.03)}.search-box>span{font-size:21px;color:#6f6b63}.search-box input{border:0;outline:0;background:transparent;min-width:0;flex:1;padding:0 10px;font-size:14px;color:var(--ink)}.search-box button{border:0;background:transparent;color:#888;font-size:18px}.filter-btn{height:50px;border:0;border-radius:17px;background:#171717;color:#fff;padding:0 16px;font-weight:750}.badge{display:inline-grid;place-items:center;background:var(--gold);color:#111;border-radius:999px;min-width:18px;height:18px;margin-left:4px;font-size:10px}.section{max-width:1240px;margin:0 auto;padding:24px 12px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:13px}.section-head h2{margin:2px 0 0;font-size:22px;letter-spacing:-.03em}.text-btn{border:0;background:transparent;color:#8c6100;font-weight:750}.muted{font-size:12px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-card{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:12px;text-align:left;min-width:0;box-shadow:0 6px 18px rgba(0,0,0,.025);transition:.2s ease}.category-card:active{transform:scale(.985)}.category-cover{width:100%;aspect-ratio:1;border-radius:999px;object-fit:cover;background:#eee}.category-card h3{font-size:13px;margin:10px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card p{margin:0;color:var(--muted);font-size:11px;min-height:14px}.chips{display:flex;gap:7px;overflow:auto;padding:0 0 10px;scrollbar-width:none}.chip{flex:none;border:1px solid #ddd5c6;background:#fff;border-radius:999px;padding:7px 10px;font-size:11px;color:#6e6558}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;min-width:0;box-shadow:0 6px 18px rgba(0,0,0,.025)}.product-photo-wrap{position:relative;background:#f2f0eb;aspect-ratio:1/1}.product-photo{width:100%;height:100%;object-fit:contain;display:block}.product-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:11px;color:#918d84}.heart-btn{position:absolute;right:8px;top:8px;border:0;width:34px;height:34px;border-radius:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);font-size:19px}.heart-btn.active{background:#171717;color:var(--gold2)}.product-copy{padding:10px}.product-meta{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#8a8377;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-copy h3{font-size:13px;line-height:1.25;min-height:33px;margin:4px 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price-line{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;min-height:24px}.price-main{font-weight:850;font-size:14px}.price-old{text-decoration:line-through;color:#98958f;font-size:10px}.discount{font-size:9px;font-weight:850;color:#7c5400;background:#fff0c2;border-radius:999px;padding:3px 5px}.view-btn{margin-top:8px;width:100%;height:35px;border:1px solid #1b1b1b;border-radius:11px;background:#171717;color:#fff;font-size:11px;font-weight:750}.load-more-wrap{text-align:center;padding:20px 0}.primary-btn,.secondary-btn{border-radius:15px;height:48px;padding:0 18px;font-weight:800;border:0}.primary-btn{background:#171717;color:#fff}.secondary-btn{background:#fff;color:#171717;border:1px solid var(--line)}.wa-btn{background:#151515}.full{width:100%}.empty{text-align:center;padding:46px 15px;background:#fff;border:1px solid var(--line);border-radius:24px}.empty-mark{font-size:34px;color:#b7b0a5}.empty h3{margin:9px 0 4px}.empty p{margin:0 0 18px;color:var(--muted);font-size:13px}.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.social-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:#171717;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.social-icon{width:34px;height:34px;border-radius:11px;background:#f3efe5;display:grid;place-items:center;color:#7c5400;font-weight:900}.social-link strong{font-size:12px}.social-link small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.footer{max-width:1240px;margin:28px auto 0;padding:22px 12px calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.footer img{width:52px;height:52px;border-radius:12px;object-fit:contain;background:#000}.footer div{display:flex;flex-direction:column}.footer strong{font-size:13px}.footer small,.footer>span{font-size:10px;color:var(--muted)}.sheet{position:fixed;inset:0;z-index:100;pointer-events:none;visibility:hidden}.sheet[aria-hidden="false"]{pointer-events:auto;visibility:visible}.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.48);opacity:0;transition:.2s}.sheet[aria-hidden="false"] .sheet-backdrop{opacity:1}.sheet-panel{position:absolute;left:0;right:0;bottom:0;max-height:min(80vh,760px);background:var(--bg);border-radius:26px 26px 0 0;transform:translateY(105%);transition:.28s cubic-bezier(.2,.7,.2,1);padding-bottom:env(safe-area-inset-bottom);display:flex;flex-direction:column}.sheet[aria-hidden="false"] .sheet-panel{transform:none}.sheet-handle{width:44px;height:5px;border-radius:99px;background:#c9c3b9;margin:9px auto}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:7px 16px 11px;border-bottom:1px solid var(--line)}.sheet-head h3{margin:0}.filter-body,.selection-list{padding:14px 16px;overflow:auto}.filter-group{margin-bottom:18px}.filter-group label.title{display:block;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:#716a5f}.filter-options{display:flex;flex-wrap:wrap;gap:7px}.filter-option{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:11px}.filter-option.selected{background:#171717;color:#fff;border-color:#171717}.sheet-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;padding:12px 16px;border-top:1px solid var(--line);background:rgba(246,243,236,.96)}.sheet-actions.stacked{grid-template-columns:1fr}.selection-item{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.selection-item img{width:64px;height:64px;object-fit:contain;border-radius:12px;background:#eee}.selection-item h4{font-size:12px;margin:0 0 4px}.selection-item p{font-size:10px;margin:0;color:var(--muted)}.selection-remove{border:0;background:#eee9df;width:32px;height:32px;border-radius:11px}.product-modal{position:fixed;inset:0;z-index:90;background:var(--bg);transform:translateX(102%);transition:.28s cubic-bezier(.2,.7,.2,1);overflow:auto;visibility:hidden}.product-modal[aria-hidden="false"]{transform:none;visibility:visible}.product-modal-head{position:sticky;top:0;z-index:3;height:66px;background:#0b0b0b;color:#fff;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 12px}.product-modal-title{min-width:0;display:flex;flex-direction:column}.product-modal-title small{color:#aaa;font-size:9px}.product-modal-title strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-modal-body{max-width:1040px;margin:0 auto;padding:12px 12px 80px;display:grid;gap:12px}.gallery-card,.product-info-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden}.gallery-stage{position:relative;aspect-ratio:1;background:#f1efea;display:grid;place-items:center;touch-action:pan-y}.gallery-stage>img{width:100%;height:100%;object-fit:contain}.gallery-empty{color:#9c978e;font-size:12px}.gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:46px;border:0;border-radius:13px;background:rgba(0,0,0,.54);color:#fff;font-size:28px;display:grid;place-items:center}.gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}.gallery-fullscreen{position:absolute;right:9px;bottom:9px;border:0;background:rgba(0,0,0,.65);color:#fff;width:38px;height:38px;border-radius:12px}.image-counter{position:absolute;left:9px;bottom:9px;background:rgba(0,0,0,.65);color:#fff;border-radius:999px;padding:6px 9px;font-size:10px}.thumbs{display:flex;gap:7px;padding:9px;overflow:auto}.thumb{width:56px;height:56px;object-fit:contain;background:#f2f0eb;border-radius:10px;border:2px solid transparent}.thumb.active{border-color:var(--gold)}.product-info-card{padding:16px}.modal-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8b806f}.product-info-card h1{font-size:24px;line-height:1.12;margin:5px 0 11px;letter-spacing:-.03em}.price-block{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:9px}.price-block .offer{font-weight:900;font-size:23px}.price-block .mrp{text-decoration:line-through;color:#999;font-size:12px}.price-block .off{background:#fff0c5;color:#7e5600;font-weight:850;font-size:10px;padding:5px 7px;border-radius:999px}.availability{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;background:#edf7ec;color:#2a6f32;margin:3px 0 14px}.availability.out{background:#f8e9e7;color:#9c342b}.availability.soon{background:#f8f0dc;color:#8a620a}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:6px 0 15px}.detail-cell{background:#f7f4ee;border-radius:13px;padding:10px}.detail-cell small{display:block;color:#8c857a;font-size:9px;margin-bottom:3px}.detail-cell strong{font-size:11px;word-break:break-word}.description{font-size:12px;line-height:1.6;color:#615d57;white-space:pre-wrap}.fullscreen-gallery{position:fixed;inset:0;z-index:120;background:#050505;visibility:hidden;opacity:0;transition:.18s;color:#fff}.fullscreen-gallery[aria-hidden="false"]{visibility:visible;opacity:1}.fs-toolbar{height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:8px 10px;gap:8px}.fs-toolbar>span{text-align:center;font-size:11px}.fs-toolbar>div{display:flex;align-items:center;gap:5px}.zoom-reset{border:0;background:rgba(255,255,255,.1);color:#fff;height:40px;border-radius:12px;padding:0 9px;font-size:10px}.fs-stage{position:absolute;top:62px;left:0;right:0;bottom:0;overflow:hidden;display:grid;place-items:center;touch-action:none}.fs-stage img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;will-change:transform;user-select:none}.dialog{position:fixed;inset:0;z-index:130;visibility:hidden}.dialog[aria-hidden="false"]{visibility:visible}.dialog-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55)}.dialog-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,360px);background:#fff;border-radius:24px;padding:24px;text-align:center}.dialog-card img{width:80px;height:80px;border-radius:18px}.dialog-card h3{margin:12px 0 7px}.dialog-card p{font-size:12px;color:var(--muted);line-height:1.5}.close-dialog{position:absolute;right:10px;top:10px}.toast{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:150;background:#171717;color:#fff;padding:10px 14px;border-radius:999px;font-size:11px;transition:.2s;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.skeleton-grid:empty:before,.skeleton-products:empty:before{content:"";grid-column:1/-1;height:220px;border-radius:20px;background:linear-gradient(100deg,#ebe7de 20%,#f7f4ed 35%,#ebe7de 50%);background-size:300% 100%;animation:skeleton 1.4s infinite}.skeleton-products:empty:before{height:340px}@keyframes skeleton{to{background-position:-150% 0}}@media(min-width:700px){.brand-copy strong{max-width:300px;font-size:15px}.brand-copy small{max-width:300px}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.social-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-modal-body{grid-template-columns:1.15fr .85fr;align-items:start;padding-top:20px}.product-info-card{position:sticky;top:82px}.gallery-card{min-width:0}}@media(min-width:1050px){.category-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.poster-section,.search-wrap,.section{padding-left:20px;padding-right:20px}.topbar{padding-left:max(20px,calc((100vw - 1240px)/2));padding-right:max(20px,calc((100vw - 1240px)/2))}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* ==============================
   PREMIUM VISUAL REFRESH · v2
   Brand-safe: black / warm ivory / gold
   ============================== */
:root{
  --bg:#f4f1e9;
  --surface:#fffdf9;
  --surface-2:#f9f6ef;
  --ink:#11110f;
  --muted:#777166;
  --line:#ded8cc;
  --gold:#e5a310;
  --gold2:#ffc64a;
  --black:#070706;
  --shadow-soft:0 12px 35px rgba(26,20,8,.055);
  --shadow-card:0 12px 28px rgba(20,16,8,.065);
  --shadow-hero:0 24px 60px rgba(0,0,0,.16);
}
body{
  background:
    radial-gradient(circle at 14% 0%,rgba(229,163,16,.07),transparent 24rem),
    radial-gradient(circle at 92% 28%,rgba(229,163,16,.035),transparent 26rem),
    var(--bg);
}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:radial-gradient(rgba(17,17,15,.11) .45px,transparent .45px);background-size:7px 7px;mask-image:linear-gradient(to bottom,black,transparent 42%)}

.topbar{
  height:72px;
  padding-top:7px;padding-bottom:7px;
  background:rgba(6,6,5,.94);
  border-bottom:1px solid rgba(229,163,16,.2);
  box-shadow:0 6px 28px rgba(0,0,0,.12);
}
.brand-logo{width:54px;height:54px;border-radius:14px;border:1px solid rgba(229,163,16,.28);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 8px 25px rgba(0,0,0,.2)}
.brand-copy{margin-left:10px}
.brand-copy strong{font-size:14px;font-weight:850;letter-spacing:-.025em}
.brand-copy small{font-size:9px;color:#a9a69f;letter-spacing:.035em;margin-top:4px}
.header-actions{gap:7px}
.icon-btn{width:39px;height:39px;border-radius:13px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.065);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.icon-btn:hover{background:rgba(255,255,255,.12);border-color:rgba(229,163,16,.28);transform:translateY(-1px)}
.icon-svg,.search-icon,.filter-icon{display:grid;place-items:center}
.icon-svg svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-btn b{right:-4px;top:-5px;box-shadow:0 2px 7px rgba(0,0,0,.28);border:1px solid rgba(0,0,0,.25)}

.poster-section{padding-top:16px}
.poster-fallback,.poster-image{border-radius:28px;box-shadow:var(--shadow-hero);border:1px solid rgba(255,255,255,.05)}
.poster-fallback{
  min-height:230px;
  background:
    radial-gradient(circle at 76% 45%,rgba(255,194,56,.19),transparent 18%),
    radial-gradient(circle at 94% 8%,rgba(229,163,16,.2),transparent 23%),
    linear-gradient(120deg,#11110f 0%,#080807 55%,#020202 100%);
  padding:28px;
}
.poster-fallback::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.05),transparent 28%,transparent 70%,rgba(229,163,16,.045))}
.poster-fallback:after{opacity:.55;animation-duration:7s}
.poster-copy{position:relative;z-index:2;max-width:66%}
.hero-label{display:inline-flex;align-items:center;gap:8px;color:#e7b642;text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:9px}
.hero-label i{width:18px;height:1px;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 0 10px rgba(229,163,16,.6)}
.poster-fallback h1{font-size:clamp(29px,6.6vw,62px);font-weight:900;line-height:.95;margin:13px 0 10px;letter-spacing:-.055em;max-width:720px;text-wrap:balance}
.poster-fallback p{font-size:12px;line-height:1.6;color:#b9b7b2;max-width:440px}
.hero-flow{display:flex;align-items:center;gap:8px;margin-top:18px;color:#d7d2c9;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.1em}
.hero-flow i{width:4px;height:4px;border-radius:50%;background:var(--gold)}
.poster-logo-wrap{position:relative;z-index:2;width:min(29%,310px);aspect-ratio:1;display:grid;place-items:center;border-radius:28px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 40px rgba(229,163,16,.035)}
.poster-logo-wrap::before{content:"";position:absolute;inset:9%;border-radius:24px;border:1px solid rgba(229,163,16,.12)}
.poster-logo-wrap img{width:88%;height:88%;max-height:none;object-fit:contain;border-radius:18px}
.poster-image{background:#111;object-position:center}

.search-wrap{position:relative;z-index:4;margin-top:-20px;padding-top:0;padding-left:20px;padding-right:20px}
.search-box{height:56px;border-color:rgba(214,205,190,.95);border-radius:19px;padding:0 15px;background:rgba(255,253,249,.96);backdrop-filter:blur(14px);box-shadow:0 14px 34px rgba(26,20,8,.11)}
.search-icon svg{width:20px;height:20px;fill:none;stroke:#6e685d;stroke-width:1.65;stroke-linecap:round}
.search-box input{font-size:13px;padding:0 11px;font-weight:520}
.search-box input::placeholder{color:#a09a90}
.search-box button{width:31px;height:31px;border-radius:10px;color:#837c71}
.search-box button:hover{background:#f0ece4}
.filter-btn{height:56px;border-radius:19px;padding:0 17px;background:#11110f;border:1px solid rgba(255,255,255,.04);box-shadow:0 14px 30px rgba(0,0,0,.13);display:flex;align-items:center;gap:7px;font-size:12px;letter-spacing:.01em}
.filter-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.badge{margin-left:0}

.section{padding-top:30px}
.section-head{margin-bottom:15px;align-items:flex-end}
.section-head h2{font-size:24px;font-weight:900;letter-spacing:-.045em}
.eyebrow{font-size:9px;letter-spacing:.19em;color:#9b6a02}
.text-btn{font-size:11px;color:#7c5607;padding:7px 0}

.category-grid{gap:12px}
.category-card{position:relative;overflow:hidden;border:1px solid #ded8cd;border-radius:23px;padding:11px 11px 13px;background:rgba(255,253,249,.94);box-shadow:var(--shadow-soft);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.category-card::before{content:"";position:absolute;inset:0 0 auto;height:38%;background:linear-gradient(180deg,rgba(229,163,16,.045),transparent);pointer-events:none}
.category-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(22,17,8,.09);border-color:#d7caa9}
.category-cover{position:relative;width:100%;aspect-ratio:1;border-radius:50%;object-fit:cover;background:#f2eee5;border:1px solid rgba(229,163,16,.16);box-shadow:inset 0 0 0 5px rgba(255,255,255,.5)}
.category-card h3{position:relative;font-size:12.5px;font-weight:850;margin:11px 1px 3px;letter-spacing:-.018em}
.category-card p{position:relative;font-size:9.5px;line-height:1.35;color:#8a8378;min-height:13px}

.chips{gap:8px;padding-bottom:12px}
.chip{border-color:#d8d0c2;background:rgba(255,253,249,.88);padding:7px 11px;color:#675f53;box-shadow:0 4px 13px rgba(0,0,0,.025)}
.product-grid{gap:12px}
.product-card{border:1px solid #ded8cd;border-radius:22px;background:rgba(255,253,249,.98);box-shadow:var(--shadow-soft);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(24,18,7,.1);border-color:#d7caa9}
.product-photo-wrap{aspect-ratio:1/1.08;background:linear-gradient(145deg,#fbfaf6,#f0ece3);border-bottom:1px solid #ebe5da;overflow:hidden}
.product-photo{padding:7px;transition:transform .35s ease}
.product-card:hover .product-photo{transform:scale(1.025)}
.heart-btn{right:9px;top:9px;width:36px;height:36px;border-radius:13px;background:rgba(255,255,255,.9);border:1px solid rgba(214,207,195,.8);box-shadow:0 6px 18px rgba(0,0,0,.08);color:#2f2d29}
.heart-btn.active{background:#11110f;color:var(--gold2);border-color:#11110f}
.product-copy{padding:12px}
.product-meta{font-size:8.5px;letter-spacing:.095em;color:#978f82;font-weight:750}
.product-copy h3{font-size:13px;line-height:1.28;min-height:34px;margin:5px 0 9px;font-weight:830;letter-spacing:-.018em}
.price-line{gap:6px;min-height:25px}
.price-main{font-size:14.5px;font-weight:900;letter-spacing:-.02em}
.price-old{font-size:9.5px}
.discount{font-size:8.5px;color:#775000;background:#fff1c7;border:1px solid rgba(229,163,16,.15)}
.view-btn{height:37px;margin-top:9px;border-radius:12px;background:#11110f;border-color:#11110f;font-size:10px;font-weight:800;letter-spacing:.015em;transition:background .2s ease,transform .2s ease}
.view-btn:hover{background:#25231f;transform:translateY(-1px)}
.primary-btn{background:#11110f;box-shadow:0 8px 22px rgba(0,0,0,.09)}
.primary-btn,.secondary-btn{border-radius:14px}

.connect-section{padding-top:34px}
.social-grid{gap:10px}
.social-link{border-radius:18px;padding:13px;background:rgba(255,253,249,.94);border-color:#ded8cd;box-shadow:var(--shadow-soft);transition:transform .2s ease,border-color .2s ease}
.social-link:hover{transform:translateY(-2px);border-color:#d3c49d}
.social-icon{width:36px;height:36px;border-radius:12px;background:#f2ead8;color:#825b05;border:1px solid rgba(229,163,16,.14)}
.footer{margin-top:34px;border-top:1px solid #d9d2c6;padding-top:24px}
.footer img{width:54px;height:54px;border-radius:14px;border:1px solid rgba(229,163,16,.18)}
.footer strong{font-weight:850}

.sheet-backdrop{background:rgba(4,4,3,.56);backdrop-filter:blur(3px)}
.sheet-panel{background:#f6f3ed;border-radius:28px 28px 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.18)}
.sheet-head{background:rgba(255,253,249,.82);backdrop-filter:blur(12px)}
.filter-option{background:#fffdf9;border-color:#ddd5c9}
.filter-option.selected{background:#11110f;border-color:#11110f}
.sheet-actions{background:rgba(246,243,237,.95);backdrop-filter:blur(12px)}

.product-modal{background:#f4f1e9}
.product-modal-head{height:68px;background:rgba(6,6,5,.96);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,163,16,.18)}
.gallery-card,.product-info-card{border-radius:24px;border-color:#ddd6ca;box-shadow:var(--shadow-soft)}
.gallery-stage{background:linear-gradient(145deg,#fbfaf6,#efebe2)}
.product-info-card{padding:18px}
.modal-kicker{color:#96700f;font-size:9px;letter-spacing:.12em;font-weight:800}
.product-info-card h1{font-size:25px;font-weight:900;letter-spacing:-.045em;margin-top:7px}
.price-block .offer{font-size:25px;letter-spacing:-.035em}
.detail-cell{background:#f7f2e9;border:1px solid #ece4d8;border-radius:14px}
.description{color:#5d584f;line-height:1.7}
.availability{border:1px solid rgba(42,111,50,.09)}

.dialog-card{border-radius:26px;border:1px solid #e3ddd2;box-shadow:0 30px 90px rgba(0,0,0,.24)}
.toast{background:#11110f;border:1px solid rgba(229,163,16,.22);box-shadow:0 12px 34px rgba(0,0,0,.2)}

@keyframes premiumRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.poster-section{animation:premiumRise .45s ease both}
.search-wrap{animation:premiumRise .5s .05s ease both}
#categorySection{animation:premiumRise .5s .1s ease both}
#productSection{animation:premiumRise .5s .14s ease both}

@media(max-width:520px){
  .topbar{height:68px}
  .brand-logo{width:50px;height:50px;border-radius:13px}
  .brand-copy strong{font-size:13px;max-width:125px}
  .brand-copy small{font-size:8.5px;max-width:125px}
  .header-actions{gap:5px}
  .icon-btn{width:36px;height:36px;border-radius:12px}
  .icon-svg svg{width:16px;height:16px}
  .poster-section{padding:12px 10px 0}
  .poster-fallback,.poster-image{aspect-ratio:1.68/1;border-radius:24px}
  .poster-fallback{min-height:0;padding:20px 18px}
  .poster-copy{max-width:67%}
  .hero-label{font-size:7.5px;letter-spacing:.15em;gap:6px}
  .hero-label i{width:12px}
  .poster-fallback h1{font-size:clamp(25px,8.7vw,38px);margin:10px 0 8px}
  .poster-fallback p{font-size:10px;line-height:1.55;max-width:230px}
  .hero-flow{font-size:7.5px;gap:6px;margin-top:12px;letter-spacing:.08em}
  .poster-logo-wrap{width:29%;border-radius:19px}
  .poster-logo-wrap::before{border-radius:15px}
  .poster-logo-wrap img{border-radius:12px}
  .search-wrap{margin-top:-16px;padding-left:18px;padding-right:18px;gap:7px}
  .search-box,.filter-btn{height:52px;border-radius:17px}
  .filter-btn{padding:0 14px;font-size:11px}
  .section{padding:27px 10px 0}
  .section-head h2{font-size:21px}
  .category-grid{gap:10px}
  .category-card{border-radius:20px;padding:9px 9px 11px}
  .category-card h3{font-size:11.5px;margin-top:9px}
  .category-card p{font-size:8.8px}
  .product-grid{gap:10px}
  .product-card{border-radius:19px}
  .product-copy{padding:10px}
  .product-copy h3{font-size:12px;min-height:31px}
  .price-main{font-size:13.5px}
  .view-btn{height:35px}
}

@media(min-width:700px){
  .poster-fallback{padding:38px 42px}
  .search-wrap{margin-top:-24px;padding-left:34px;padding-right:34px}
  .category-card{padding:13px 13px 15px}
  .category-card h3{font-size:13px}
}
@media(min-width:1050px){
  .poster-section{padding-top:22px}
  .poster-fallback,.poster-image{border-radius:32px}
  .search-wrap{max-width:1060px}
  .section{padding-top:38px}
}
@media(prefers-reduced-motion:reduce){
  .poster-section,.search-wrap,#categorySection,#productSection{animation:none!important}
  .poster-fallback:after{animation:none!important}
}


/* ==============================
   INTERACTION + LIVE SEARCH · v4
   ============================== */
.brand{cursor:pointer;touch-action:manipulation}
.brand-logo{pointer-events:none}
.product-card{cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;outline:none}
.product-card *:not(button){user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.product-card:focus-visible{box-shadow:0 0 0 3px rgba(229,163,16,.28),0 18px 42px rgba(24,18,7,.1);border-color:var(--gold)}
.product-card:active{transform:scale(.992)}
.product-photo{pointer-events:none;-webkit-user-drag:none}
.product-copy,.product-meta,.product-copy h3,.price-line{pointer-events:none}
.view-btn{pointer-events:auto}
.search-field-wrap{position:relative;flex:1;min-width:0}
.search-field-wrap .search-box{width:100%}
.search-suggestions{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:80;background:rgba(255,253,249,.985);border:1px solid #dcd4c7;border-radius:18px;padding:7px;box-shadow:0 22px 50px rgba(20,16,8,.16);backdrop-filter:blur(16px);max-height:min(420px,62vh);overflow:auto}
.search-suggestion{width:100%;border:0;background:transparent;border-radius:13px;padding:9px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;color:var(--ink)}
.search-suggestion:hover,.search-suggestion:focus-visible{background:#f4efe5;outline:none}
.search-suggestion img,.suggestion-icon{width:38px;height:38px;border-radius:10px;background:#f2ede3;object-fit:contain;display:grid;place-items:center;border:1px solid #e4dccd;color:#8a6207;font-weight:900}
.search-suggestion span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}
.search-suggestion strong{font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-suggestion small{font-size:8.5px;color:#8a8378;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-suggestion>b{font-size:8.5px;color:#865d04;background:#f8edcf;border:1px solid rgba(229,163,16,.18);border-radius:999px;padding:5px 7px;white-space:nowrap}
.search-no-result{padding:13px 12px;display:flex;flex-direction:column;gap:3px}
.search-no-result strong{font-size:11px}.search-no-result small{font-size:9px;color:var(--muted)}
@media(max-width:699px){.search-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto}.search-suggestions{left:0;right:0;top:calc(100% + 7px);max-height:55vh}.search-suggestion{grid-template-columns:34px minmax(0,1fr) auto;padding:8px}.search-suggestion img,.suggestion-icon{width:34px;height:34px}.search-suggestion strong{font-size:10.5px}.search-suggestion>b{font-size:8px}}

/* =======================================
   PREMIUM SOCIAL ICONS + OPENING QUOTE · v5
   ======================================= */
.social-icon svg{width:20px;height:20px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-icon svg .fill-shape,.social-icon svg .fill-dot{fill:currentColor;stroke:none}
.social-instagram .social-icon{color:#7b5605}
.social-facebook .social-icon{color:#6d4b03}
.social-whatsapp .social-icon{color:#6f4f08}
.social-location .social-icon,.social-call .social-icon,.social-website .social-icon,.social-review .social-icon{color:#7c5907}
.social-link strong{letter-spacing:-.01em}

.catalogue-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 50% 35%,rgba(212,157,38,.16),transparent 30%),linear-gradient(160deg,#11110f 0%,#080807 62%,#15120b 100%);color:#fff;overflow:hidden;transition:opacity .34s ease,visibility .34s ease}
.catalogue-loader.is-done{opacity:0;visibility:hidden;pointer-events:none}
.loader-aura{position:absolute;width:min(78vw,520px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(226,172,54,.12);box-shadow:0 0 0 34px rgba(226,172,54,.03),0 0 0 72px rgba(226,172,54,.018);animation:loaderAura 2.4s ease-in-out infinite}
.loader-card{position:relative;width:min(92vw,440px);text-align:center;padding:26px 24px 24px;border:1px solid rgba(232,183,73,.22);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 28px 90px rgba(0,0,0,.42);backdrop-filter:blur(14px)}
.loader-topline{display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.22em;font-weight:900;color:rgba(255,224,153,.66)}
.loader-emblem{width:92px;height:92px;margin:15px auto 10px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(230,174,49,.13),rgba(255,255,255,.02));border:1px solid rgba(229,163,16,.23);box-shadow:inset 0 0 30px rgba(229,163,16,.06)}
.loader-emblem svg{width:76px;height:76px;fill:none;stroke:#e8b73c;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.loader-emblem .helmet{fill:rgba(232,183,60,.1);stroke:#f0c45e;stroke-width:2}
.loader-kicker{font-size:8px;letter-spacing:.23em;font-weight:850;color:#d8aa3c;margin-top:4px}
.catalogue-loader blockquote{margin:12px auto 15px;max-width:340px;font-size:clamp(18px,5.3vw,25px);line-height:1.24;font-weight:900;letter-spacing:-.035em;color:#fff}
.loader-progress{height:2px;width:min(250px,72%);margin:0 auto 11px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden}
.loader-progress span{display:block;height:100%;width:42%;border-radius:inherit;background:linear-gradient(90deg,transparent,#e4ad2d,#ffe3a1,transparent);animation:loaderProgress 1.05s ease-in-out infinite}
.catalogue-loader small{font-size:8px;letter-spacing:.09em;color:rgba(255,255,255,.5)}
@keyframes loaderProgress{0%{transform:translateX(-130%)}100%{transform:translateX(330%)}}
@keyframes loaderAura{0%,100%{transform:scale(.96);opacity:.65}50%{transform:scale(1.03);opacity:1}}
@media(max-width:520px){.loader-card{padding:22px 20px 21px;border-radius:24px}.loader-emblem{width:82px;height:82px;border-radius:23px}.loader-emblem svg{width:67px;height:67px}.catalogue-loader blockquote{font-size:21px;max-width:300px}}
@media(prefers-reduced-motion:reduce){.loader-aura,.loader-progress span{animation:none}.catalogue-loader{transition:none}}