:root{--bg:#100c08;--soft:#1a140d;--card:#1b150e;--deep:#0a0805;--line:#f2c14e29;--line2:#f2c14e57;--text:#f7f1e3;--dim:#ddd2bb;--mute:#b0a488;--gold:#f2c14e;--gold-dim:#b98a2e;--on-gold:#1a1204;--grad:linear-gradient(135deg, #ffe29a, #f2c14e 45%, #c9932a);--wa:#25d366;--pad:clamp(16px, 4vw, 28px);--hdr:64px;--max:1240px}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:radial-gradient(ellipse 80% 40% at 50% 0, #f2c14e12, transparent 70%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:400 15px/1.55 Jost,sans-serif;overflow-x:clip}h1,h2,h3,.serif{font-family:Cormorant Garamond,serif;font-weight:600}a{color:inherit;text-decoration:none}button,select,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.i{fill:currentColor;flex:none;width:16px;height:16px}.announce{background:var(--grad);color:var(--on-gold);text-align:center;letter-spacing:.08em;padding:8px var(--pad);font-size:12.5px;font-weight:500}.hdr{z-index:60;height:var(--hdr);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#100c08f0;position:sticky;top:0}.hdr-in{max-width:var(--max);height:100%;padding:0 var(--pad);align-items:center;gap:24px;margin:0 auto;display:flex}.logo{letter-spacing:.24em;color:#fff;flex:none;font-size:30px;line-height:1;display:block}.logo small{letter-spacing:.4em;color:var(--gold);text-transform:uppercase;margin-top:5px;font:500 8.5px Jost,sans-serif;display:block}.hnav{flex:1;justify-content:center;gap:clamp(16px,3vw,38px);display:flex}.hnav a,.hnav button{letter-spacing:.08em;text-transform:uppercase;color:var(--text);padding:8px 0;font-size:13px;font-weight:500;transition:color .25s;position:relative}.hnav a:after,.hnav button:after{content:"";background:var(--grad);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:2px;left:0;transform:scaleX(0)}.hnav a:hover,.hnav button:hover{color:var(--gold)}.hnav a:hover:after,.hnav button:hover:after{transform:scaleX(1)}.h-icons{gap:2px;margin-left:auto;display:flex}.h-icons button{color:#fff;place-items:center;width:44px;height:44px;transition:color .25s,transform .25s;display:grid;position:relative}.h-icons svg{width:23px;height:23px}.h-icons button:hover{color:var(--gold);transform:translateY(-2px)}.badge{background:var(--grad);min-width:18px;height:18px;color:var(--on-gold);border-radius:9px;place-items:center;padding:0 5px;font-size:11px;font-weight:600;display:grid;position:absolute;top:3px;right:1px}.hero{isolation:isolate;background:#000;height:clamp(480px,74vh,640px);position:relative;overflow:hidden}.hs{opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s;position:absolute;inset:0}.hs.on{opacity:1;visibility:visible}.hs:before{content:"";background:var(--bg-img,linear-gradient(135deg, #4a3514, #100c08)) center/cover no-repeat;filter:blur(26px)brightness(.55)saturate(1.15);transition:transform 9s ease-out;position:absolute;inset:-40px;transform:scale(1.05)}.hs.on:before{transform:scale(1.18)}.hs:after{content:"";background:radial-gradient(60% 70% at 25%,#f2c14e29,#0000 70%),linear-gradient(#0000 45%,#0a0805d9);position:absolute;inset:0}.hs.bare:before{filter:none;inset:0}.hs.bare:after{background:linear-gradient(#0000 65%,#0a080573)}.hs-hit{z-index:2;cursor:pointer;position:absolute;inset:0}.hs-inner{z-index:2;max-width:var(--max);height:100%;padding:36px calc(var(--pad) + 40px) 60px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,6vw,80px);margin:0 auto;display:grid;position:relative}.hs-pic{aspect-ratio:3/4;border-radius:10px;justify-self:center;height:min(100%,440px);animation:7s ease-in-out infinite float;overflow:hidden;box-shadow:0 24px 70px #000000a6,0 0 0 1px #f2c14e66}.hs-pic img{object-fit:cover;width:100%;height:100%}@keyframes float{50%{transform:translateY(-8px)}}.hs-eye{letter-spacing:.34em;text-transform:uppercase;color:var(--gold);margin-bottom:10px;font-size:12px}.hs-title{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.1em;font-size:clamp(46px,7.4vw,92px);font-style:italic;font-weight:500;line-height:.95}.hs-p{color:var(--dim);max-width:26em;margin:12px 0 26px;font-size:16px}.hs-cta{border:1px solid var(--gold);min-height:52px;color:var(--gold);letter-spacing:.16em;text-transform:uppercase;background:var(--grad) no-repeat left / 0% 100%;align-items:center;gap:14px;padding:0 28px;font-size:13px;transition:background-size .35s,color .35s,box-shadow .35s;display:inline-flex}.hs-cta span{font-size:18px;transition:transform .3s}.hs-cta:hover{color:var(--on-gold);background-size:100% 100%;box-shadow:0 0 24px #f2c14e73}.hs-cta:hover span{transform:translate(4px,-4px)}.h-arr{z-index:5;border:1px solid var(--line2);color:#fff;background:#00000073;border-radius:50%;place-items:center;width:44px;height:44px;margin-top:-22px;font-size:26px;line-height:1;transition:all .25s;display:grid;position:absolute;top:50%}.h-arr.prev{left:var(--pad)}.h-arr.next{right:var(--pad)}.h-arr:hover{background:var(--gold);color:var(--on-gold);transform:scale(1.1)}.dots{z-index:5;justify-content:center;gap:2px;display:flex;position:absolute;bottom:12px;left:0;right:0}.dots button{width:34px;height:24px;position:relative}.dots button:before{content:"";background:#ffffff59;height:3px;transition:all .3s;position:absolute;top:10px;left:3px;right:3px}.dots button.on:before,.dots button:hover:before{background:var(--gold)}.perks{max-width:var(--max);padding:20px var(--pad);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:12px;margin:0 auto;display:grid}.perk{text-align:left;justify-content:center;align-items:center;gap:12px;display:flex}.perk svg{width:30px;height:30px;color:var(--gold);flex:none}.perk b{font-size:14px;display:block}.perk span{color:var(--mute);font-size:12.5px}.sec-head{text-align:center;margin-bottom:18px}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:4px;font-size:12px}.sec-title{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(30px,5vw,46px);line-height:1.1}.slider{max-width:var(--max);padding:34px var(--pad) 10px;margin:0 auto}.sl-wrap{position:relative}.sl-track{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;gap:12px;display:flex;overflow-x:auto}.sl-track::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;text-align:left;color:#fff;border:1px solid var(--line);background:linear-gradient(135deg,#5a4630,#2b2621) 50%/cover no-repeat;border-radius:10px;flex-direction:column;flex:0 0 calc(25% - 9px);justify-content:flex-end;height:clamp(160px,18vw,220px);padding:12px 14px;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.slide:hover{border-color:var(--gold);transform:translateY(-3px)}.slide:before{content:"";background:linear-gradient(#140f080d 30%,#140f08d9);position:absolute;inset:0}.slide>*{position:relative}.sl-top{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font:600 11px Jost,sans-serif}.sl-big{text-transform:uppercase;letter-spacing:.03em;max-width:80%;font-size:clamp(26px,3vw,34px);font-weight:500;line-height:1.05}.sl-n{color:var(--dim);font-size:12px}.sl-go{background:var(--grad);width:38px;height:38px;color:var(--on-gold);border-radius:50%;place-items:center;font-size:18px;transition:transform .2s;display:grid;bottom:12px;right:12px;position:absolute!important}.slide:hover .sl-go{transform:scale(1.12)translate(3px)}.sl-nav{z-index:2;color:#222;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;margin-top:-18px;font-size:22px;line-height:1;display:grid;position:absolute;top:50%;box-shadow:0 2px 8px #0006}.sl-nav.prev{left:-10px}.sl-nav.next{right:-10px}.controls{top:var(--hdr);z-index:40;scroll-margin-top:var(--hdr);background:var(--bg);border-bottom:1px solid var(--line);padding:8px var(--pad);margin-top:24px;position:sticky}.controls-inner{max-width:var(--max);grid-template-columns:minmax(0,1fr);gap:10px;margin:0 auto;display:grid}.cats{scrollbar-width:none;border-bottom:1px solid var(--line);gap:2px;display:flex;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.chips::-webkit-scrollbar{display:none}.cat{letter-spacing:.14em;text-transform:uppercase;min-height:44px;color:var(--mute);border-bottom:2px solid #0000;flex:none;margin-bottom:-1px;padding:0 16px;font:500 13px Jost,sans-serif;transition:color .25s}.cat:hover{color:var(--gold)}.cat[aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold)}.top-row{gap:8px;display:flex}.search{border:1px solid var(--line2);background:var(--soft);border-radius:6px;flex:1;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 12px;display:flex}.search:focus-within{border-color:var(--gold)}.search svg{opacity:.65;flex:none;width:17px;height:17px}.search input{appearance:none;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:16px}.search input::placeholder{color:var(--mute)}.sort{border:1px solid var(--line2);background:var(--soft);width:clamp(124px,36vw,210px);min-height:44px;color:var(--dim);border-radius:6px;flex:none;padding:0 8px;font-size:14px}.chips{scrollbar-width:none;margin:0 calc(var(--pad) * -1);padding:2px var(--pad);gap:8px;display:flex;overflow-x:auto}.chip{border:1px solid var(--line2);min-height:36px;color:var(--dim);white-space:nowrap;border-radius:18px;flex:none;padding:0 14px;font-size:13.5px;transition:transform .22s,background .25s,color .25s,border-color .25s}.chip small{opacity:.7;margin-left:5px;font-size:11.5px}.chip:hover{color:var(--gold);border-color:var(--gold);background:#f2c14e24;transform:translateY(-1px)}.chip[aria-pressed=true],.chip[aria-pressed=true]:hover{background:var(--grad);color:var(--on-gold);border-color:#0000}.catalog{max-width:var(--max);padding:22px var(--pad) 120px;margin:0 auto}.result-count{color:var(--mute);margin-bottom:14px;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px 16px;display:grid}.card{background:var(--card);border:1px solid var(--line);content-visibility:auto;contain-intrinsic-size:auto 480px;border-radius:10px;flex-direction:column;min-width:0;transition:transform .3s,box-shadow .3s,border-color .3s;animation:.45s both fadeUp;display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 12px 30px #00000080,0 0 0 1px #f2c14e40}.card.sel{border-color:var(--gold)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.media{aspect-ratio:3/4;background:var(--soft);place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.media img{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.ph{text-align:center;color:var(--gold-dim)}.ph span{font-size:56px;line-height:1;display:block}.ph small{color:var(--mute);font-size:12px}.quick{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);opacity:0;background:linear-gradient(#0000,#0a0805d9);padding:10px;font-size:12px;transition:all .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(6px)}@media (hover:hover){.card:hover .media img{transform:scale(1.06)}.card:hover .quick{opacity:1;transform:none}}.fav{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#100c0899;border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;line-height:1;transition:transform .2s,color .2s;display:grid;position:absolute;top:8px;right:8px}.fav:hover{transform:scale(1.12)}.fav.on{color:var(--gold)}.tag{z-index:2;background:var(--grad);color:var(--on-gold);letter-spacing:.08em;text-transform:uppercase;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.body{text-align:center;flex-direction:column;flex:1;gap:3px;padding:12px 12px 14px;display:flex}.fam{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-size:11.5px}.name{color:var(--text);text-transform:uppercase;letter-spacing:.03em;overflow-wrap:anywhere;-webkit-line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;min-height:2.6em;font:500 14.5px/1.3 Jost,sans-serif;display:-webkit-box;overflow:hidden}.price{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:22px}.actions{gap:8px;margin-top:auto;padding-top:10px;display:grid}.btn{border:1px solid var(--gold);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:42px;font-size:13px;transition:transform .22s,box-shadow .25s,background .25s,color .25s,border-color .25s;display:flex}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f2c14e4d}.btn:active{transform:scale(.97)}.btn.add{background:var(--grad);color:var(--on-gold);border-color:#0000;font-weight:600}.btn.wa{border-color:var(--line2);color:var(--gold);text-transform:none;letter-spacing:0}.btn.wa:hover{background:var(--grad);color:var(--on-gold);border-color:#0000}.stepper{border:1px solid var(--gold);border-radius:6px;grid-template-columns:44px 1fr 44px;align-items:center;min-height:42px;display:grid;overflow:hidden}.stepper button{height:100%;min-height:42px;color:var(--gold);font-size:20px;transition:background .2s}.stepper button:hover{background:#f2c14e29}.stepper output{text-align:center;font-size:16px;font-weight:600}.more{border:1px solid var(--gold);min-height:46px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;margin:26px auto 0;padding:0 34px;font-size:13px;transition:all .25s;display:block}.more:hover{background:var(--grad);color:var(--on-gold);border-color:#0000}.more-load{color:var(--mute);justify-content:center;align-items:center;gap:10px;padding:34px 0 6px;font-size:13px;display:flex}.spin{border:2px solid var(--line2);border-top-color:var(--gold);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.end{text-align:center;color:var(--mute);padding:30px 0 0;font-size:13px}.empty{text-align:center;color:var(--mute);padding:70px 0}.empty .serif{color:var(--dim);font-size:28px}.how{max-width:var(--max);padding:10px var(--pad) 56px;margin:0 auto}.steps{grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;display:grid}.steps li{text-align:center;background:var(--card);border:1px solid var(--line);border-radius:10px;justify-items:center;gap:4px;padding:22px 16px;display:grid}.steps b{font-size:16px}.steps li>span:last-child{color:var(--mute);font-size:14px}.step-n{background:var(--grad);width:44px;height:44px;color:var(--on-gold);border-radius:50%;place-items:center;margin-bottom:6px;font-size:26px;display:grid}footer{background:var(--deep);padding:48px var(--pad) calc(110px + env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--line)}.f-logo{letter-spacing:.26em;margin-bottom:8px;font-size:34px}.f-tag{color:#b7b0a1;max-width:32em;margin:0 auto 22px}.footer-cta{background:var(--grad);min-height:48px;color:var(--on-gold);border-radius:6px;align-items:center;gap:8px;padding:0 28px;font-size:14px;font-weight:500;transition:transform .22s,box-shadow .25s;display:inline-flex}.footer-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px #f2c14e59}.f-copy{color:var(--mute);margin-top:28px;font-size:12.5px}.cart-bar{left:50%;bottom:calc(14px + env(safe-area-inset-bottom));z-index:50;background:var(--deep);border:1px solid var(--gold);color:#fff;border-radius:32px;align-items:center;gap:8px;width:min(580px,100% - 24px);padding:6px 6px 6px 18px;animation:.3s both fadeUp;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000008c}.cart-open{text-align:left;color:#ddd;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;min-height:44px;font-size:14px;overflow:hidden}.cart-open b{color:#fff;font-size:16px;font-weight:600}.cart-see{color:var(--gold);margin-left:8px;font-size:12.5px;text-decoration:underline}.cart-cta{background:var(--wa);color:#0b2e17;white-space:nowrap;border-radius:24px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 22px;font-size:14px;font-weight:600;transition:transform .22s,box-shadow .25s;display:inline-flex}.cart-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px #25d36659}.cart-cta.full{width:100%}.ov{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000b3;place-items:center;padding:16px;animation:.2s both fade;display:grid;position:fixed;inset:0;overflow-y:auto}.ov.bottom{align-items:end;padding:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border:1px solid var(--line2);border-radius:12px;width:100%;max-width:880px;animation:.3s both fadeUp;position:relative;overflow:hidden}.x{z-index:3;color:#fff;background:#0009;border-radius:50%;width:42px;height:42px;font-size:17px;position:absolute;top:8px;right:8px}.pd{grid-template-columns:1fr 1fr;display:grid}.pd-img{aspect-ratio:3/4;background:var(--soft);position:relative}.pd-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pd-info{text-align:left;flex-direction:column;gap:8px;padding:26px;display:flex}.pd-info h2{text-transform:uppercase;font-size:34px;line-height:1.08}.pd-info .price{font-size:30px}.pd-ml{color:var(--dim)}.pd-desc{color:var(--dim);white-space:pre-line;line-height:1.6}.pd-act{grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:14px;display:grid}.pd-act>:first-child{grid-column:1/-1}.rel{border-top:1px solid var(--line);padding:4px 20px 22px}.rel-t{margin:14px 0 10px;font-size:24px}.rel-row{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.rel-it{text-align:left;gap:4px;min-width:0;display:grid}.rel-img{aspect-ratio:3/4;background:var(--soft);border:1px solid var(--line);border-radius:8px;transition:border-color .25s;display:block;position:relative;overflow:hidden}.rel-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.rel-img .ph span{font-size:36px}.rel-img .ph small{display:none}.rel-it:hover .rel-img{border-color:var(--gold)}.rel-n{text-transform:uppercase;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.25;display:-webkit-box;overflow:hidden}.rel-p{color:var(--gold);font-size:13px;font-weight:500}.sheet{background:var(--card);border:1px solid var(--line2);width:100%;max-width:580px;max-height:88vh;padding:18px var(--pad) calc(18px + env(safe-area-inset-bottom));border-bottom:0;border-radius:16px 16px 0 0;flex-direction:column;animation:.3s both slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.sheet-head h2{font-size:30px}.sheet-head button{width:44px;height:44px;color:var(--dim);font-size:20px}.sheet-list{flex:1;list-style:none;overflow-y:auto}.sheet-list li{border-top:1px solid var(--line);grid-template-columns:56px 1fr 128px;align-items:center;gap:12px;padding:12px 0;display:grid}.s-img{aspect-ratio:3/4;background:var(--soft);border-radius:6px;width:56px;display:block;position:relative;overflow:hidden}.s-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.s-img .ph span{font-size:24px}.s-img .ph small{display:none}.s-name{text-transform:uppercase;overflow-wrap:anywhere;font-size:13.5px;font-weight:500;line-height:1.25}.s-price{color:var(--mute);font-size:13px}.sheet-foot{border-top:1px solid var(--line2);justify-items:center;gap:10px;padding-top:14px;display:grid}.total{justify-content:space-between;align-items:baseline;width:100%;display:flex}.total b{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px}.linkbtn{min-height:44px;color:var(--mute);font-size:14px;text-decoration:underline}.wa-float{right:14px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:45;flex-direction:column;align-items:flex-end;gap:10px;transition:bottom .3s;display:flex;position:fixed}.wa-float.up{bottom:calc(84px + env(safe-area-inset-bottom))}.wa-btn{background:var(--wa);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;animation:2.4s infinite waPulse;display:grid;box-shadow:0 6px 18px #00000073}.wa-btn svg{fill:currentColor;width:32px;height:32px}.wa-pop{color:#222;background:#fff;border-radius:14px 14px 4px;max-width:min(260px,100vw - 40px);padding:12px 34px 12px 14px;animation:.35s both fadeUp;position:relative;box-shadow:0 8px 24px #0006}.wa-pop a{font-size:14px;line-height:1.35;display:block}.wa-pop b{color:#128c4a;margin-bottom:2px;font-size:13px;display:block}.wa-pop button{color:#777;width:32px;height:32px;font-size:13px;position:absolute;top:2px;right:2px}@keyframes waPulse{0%{box-shadow:0 6px 18px #00000073,0 0 #25d3668c}70%{box-shadow:0 6px 18px #00000073,0 0 0 16px #25d36600}to{box-shadow:0 6px 18px #00000073,0 0 #25d36600}}.totop{left:14px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:44;background:var(--grad);width:46px;height:46px;color:var(--on-gold);border-radius:50%;font-size:20px;transition:transform .2s,bottom .3s;position:fixed;box-shadow:0 6px 18px #00000073}.totop.up{bottom:calc(84px + env(safe-area-inset-bottom))}.totop:hover{transform:translateY(-3px)}.toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:120;background:var(--deep);border:1px solid var(--gold);color:var(--text);text-align:center;border-radius:24px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:14px;animation:.25s both fade;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000080}@media (width<=1000px){.hnav{display:none}.h-icons{margin-left:auto}}@media (width<=900px){.slide{flex-basis:calc(50% - 6px)}.rel-row{grid-template-columns:repeat(2,1fr)}}@media (width>=900px){.chips{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.cats{justify-content:center}}@media (width<=760px){:root{--hdr:58px}.logo{font-size:26px}.hero{height:560px}.hs-inner{text-align:center;padding:26px var(--pad) 50px;grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;justify-items:center;gap:16px}.hs-pic{height:210px}.hs-title{font-size:clamp(44px,14vw,64px)}.hs-p{margin:8px auto 18px;font-size:15px}.hs-cta{min-height:48px;padding:0 22px}.h-arr{display:none}.perks{grid-template-columns:1fr;gap:10px}.perk{justify-content:flex-start;padding-left:8px}.steps,.pd{grid-template-columns:1fr}.pd-img{aspect-ratio:1}.pd-info h2{font-size:28px}.modal{max-height:94vh;overflow-y:auto}}@media (width<=640px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.name{font-size:12.5px}.price{font-size:19px}.body{padding:10px 8px 12px}.btn{font-size:12.5px}.sl-nav{display:none}.sheet-list li{grid-template-columns:48px 1fr 118px;gap:8px}.s-img{width:48px}}@media (width<=480px){.slide{flex-basis:78%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.sw{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:6px 0 2px}
.sw button{width:22px;height:22px;border-radius:50%;border:1px solid #ffffff55;position:relative;transition:transform .2s,box-shadow .2s}
.sw button:after{content:"";position:absolute;inset:-9px}
.sw button.on{transform:scale(1.12);box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--gold)}
.sw-n{flex-basis:100%;text-align:center;font-size:12px;color:var(--mute);letter-spacing:.04em}
.sw.big{justify-content:flex-start;gap:10px;margin:8px 0}
.sw.big button{width:30px;height:30px}
.sw.big button.on{box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--gold)}
.sw.big .sw-n{text-align:left;font-size:13px}
.cdesc{color:var(--mute);font-size:12.5px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2px;display:-webkit-box;overflow:hidden}
.gift-hero{text-align:center;border:1px solid var(--line2);background:linear-gradient(135deg,#7a1230,#2a0710 55%,#070204);border-radius:14px;margin-bottom:22px;padding:28px 18px 32px;position:relative;overflow:hidden}
.gift-hero:before{content:"";background:radial-gradient(circle at 82% 0,#ff4d7a2e,#0000 55%),radial-gradient(circle at 10% 100%,#a3173a40,#0000 50%);position:absolute;inset:0}
.gift-hero>*{position:relative}
.gift-hero .eyebrow{color:#ff9fb2}
.gift-hero h2{background:linear-gradient(135deg,#ffd9e0,#e0556e 50%,#a3173a);color:#0000;-webkit-background-clip:text;background-clip:text;padding-bottom:.08em;font-size:clamp(40px,8vw,68px);font-style:italic;font-weight:500;line-height:1}
.gift-hero p:last-child{color:#f0d0d6;max-width:34em;margin:8px auto 0}
body[data-cat=regalos]{--bg:#12040a;--soft:#240912;--card:#1d0710;--line:#e0345a2e;--line2:#e0345a5c;background:radial-gradient(ellipse 90% 45% at 50% 0,#8b1a3a99,#0000 70%),linear-gradient(#5c0f22 0,#2a0710 35%,#0b0306 75%,#050102 100%) fixed}
body[data-cat=regalos] .controls{background:#1a060bf2}
body[data-cat=regalos] .card{background:linear-gradient(160deg,#2c0b16,#12040a)}
body[data-cat=regalos] .card:hover{border-color:#e0345a;box-shadow:0 14px 36px #000000b3,0 0 28px #8b1a3a80}
body[data-cat=regalos] .card.sel{border-color:#e0345a}
body[data-cat=regalos] .cat[aria-pressed=true]{color:#ff9fb2;border-bottom-color:#e0345a}

.cdot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #ffffff59;margin-right:7px;vertical-align:-1px}
@media (width>=900px){.sl-nav{display:none}}

/* ---- Modelos con foto (regalos / referencia) ---- */
.sw.thumbs{gap:6px}
.sw.thumbs button{width:38px;height:38px;border-radius:8px;overflow:hidden;background:var(--soft);padding:0;border:1px solid var(--line2)}
.sw.thumbs button img{width:100%;height:100%;object-fit:cover;display:block}
.sw.thumbs.big button{width:54px;height:54px}
.sw.thumbs button.on{transform:none;box-shadow:0 0 0 2px var(--card),0 0 0 3.5px var(--gold)}

/* ---- Filtro de color compacto (paleta) ---- */
.chips.pal{flex-wrap:nowrap;overflow-x:auto;align-items:center;gap:6px;scrollbar-width:none}
.chips.pal .chip{flex:none}
.pal-sep{flex:none;width:1px;height:26px;background:var(--line2);margin:0 4px}
.pal-i{flex:none;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:46px;padding:4px 2px;border-radius:10px;color:var(--mute);transition:transform .2s,color .2s,background .2s}
.pal-dot{width:26px;height:26px;border-radius:50%;border:1px solid #ffffff59;display:block;transition:transform .2s,box-shadow .2s}
.pal-l{font-size:10.5px;letter-spacing:.03em;line-height:1}
.pal-i:hover{color:var(--gold);transform:translateY(-1px)}
.pal-i[aria-pressed=true]{color:var(--gold);background:#f2c14e1a}
.pal-i[aria-pressed=true] .pal-dot{transform:scale(1.12);box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--gold)}

/* ================= Caprigo Store · identidad comercial ================= */
.announce{overflow:hidden;min-height:33px;display:grid;place-items:center}
.announce span{display:block;animation:annIn .5s both}
@keyframes annIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.logo{display:flex;align-items:center;gap:10px;letter-spacing:.2em;font-size:26px}
.logo-mark{height:42px;width:auto;flex:none;filter:drop-shadow(0 0 10px #f2c14e33)}
.logo-txt{display:block;line-height:1;text-transform:uppercase}
/* hero: slide de marca */
.hs.brand:before{background:radial-gradient(55% 75% at 22% 50%,#f2c14e30,#0000 70%),radial-gradient(40% 60% at 85% 20%,#c9932a22,#0000 70%),linear-gradient(135deg,#1c140a,#0a0805);filter:none}
.hs.brand:after{background:linear-gradient(#0000 60%,#0a080599)}
.hb{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
.hb-mark{justify-self:center;height:min(78%,380px);width:auto;filter:drop-shadow(0 18px 50px #000000b3) drop-shadow(0 0 30px #f2c14e40);animation:7s ease-in-out infinite float}
.hb-word{margin:4px 0 2px;line-height:0}
.hb-word img{height:clamp(54px,8vw,96px);width:auto}
.hb-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hs-cta.solid{background:var(--grad);color:var(--on-gold);border-color:#0000;font-weight:600}
.hs-cta.solid:hover{box-shadow:0 0 28px #f2c14e80;transform:translateY(-2px)}
.hs-cta.ghost{border-color:var(--line2);color:var(--text);background:#0000}
.hs-cta.ghost:hover{border-color:var(--wa);color:#fff;background:#25d36622;box-shadow:none}
.hs-cta.ghost .i{color:var(--wa);width:18px;height:18px}
.hb-stats{list-style:none;display:flex;gap:clamp(18px,4vw,40px);margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.hb-stats li{display:grid;color:var(--mute);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.hb-stats b{font:600 28px/1.1 Cormorant Garamond,serif;letter-spacing:0;text-transform:none;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:#0000}
.hs-from{color:var(--dim);margin:-14px 0 22px;font-size:14px;letter-spacing:.06em}
.hs-from b{font:600 24px Cormorant Garamond,serif;color:var(--gold);margin-left:4px}
/* beneficios (n columnas) */
.perks{grid-template-columns:repeat(var(--n,3),1fr)}
/* destacados */
.feat{max-width:var(--max);margin:0 auto;padding:40px var(--pad) 8px}
.feat-head{display:flex;align-items:flex-end;justify-content:space-between;text-align:left}
.feat-nav{display:flex;gap:8px}
.feat-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);color:var(--gold);font-size:22px;line-height:1;transition:all .25s}
.feat-nav button:hover{background:var(--grad);color:var(--on-gold);border-color:#0000}
.feat-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,calc(25% - 12px));gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:6px 2px 14px}
.feat-row::-webkit-scrollbar{display:none}
.feat-row .card{scroll-snap-align:start;content-visibility:visible}
.feat-all{text-align:center}
.feat-all .more{margin-top:10px}
/* asesoría */
.advice{max-width:calc(var(--max) - 2 * var(--pad));margin:10px auto 56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(18px,4vw,40px);padding:clamp(22px,4vw,38px);border:1px solid var(--line2);border-radius:14px;background:radial-gradient(60% 120% at 0 50%,#f2c14e1f,#0000 70%),var(--card)}
.advice-mark{height:96px;width:auto;opacity:.95}
.advice .sec-title{font-size:clamp(26px,3.6vw,38px)}
.advice-p{color:var(--dim);max-width:36em;margin-top:6px}
.advice .footer-cta{white-space:nowrap}
/* footer */
footer{text-align:left}
.f-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:36px}
.f-brand{display:grid;justify-items:start;gap:12px}
.f-mark{height:64px;width:auto}
.f-word{height:34px;width:auto}
.f-tag{margin:0 0 6px;max-width:28em}
.f-col{display:grid;align-content:start;justify-items:start;gap:8px;color:var(--dim);font-size:14px}
.f-col a,.f-col button{color:var(--dim);transition:color .2s}
.f-col a:hover,.f-col button:hover{color:var(--gold)}
.f-h{color:var(--gold);letter-spacing:.24em;text-transform:uppercase;font-size:12px;margin-bottom:4px}
.f-h2{margin-top:14px}
.f-copy{max-width:var(--max);margin:36px auto 0;padding-top:18px;border-top:1px solid var(--line);text-align:center}
@media (width<=900px){.feat-row{grid-auto-columns:minmax(200px,42%)}.f-grid{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}.perks{grid-template-columns:repeat(min(var(--n,3),2),1fr)}}
@media (width<=760px){.logo{font-size:22px;gap:8px}.logo-mark{height:36px}
.hb{grid-template-columns:1fr}.hb-mark{height:130px}.hb-ctas{justify-content:center}.hb-stats{justify-content:center}.hb-word img{margin:0 auto}
.hs-from{margin:-8px 0 16px}
.feat-head{align-items:center}.feat-nav{display:none}
.advice{grid-template-columns:1fr;text-align:center;justify-items:center}.advice-mark{height:72px}
.perks{grid-template-columns:1fr}}
@media (width<=640px){.feat-row{grid-auto-columns:62%;gap:10px}}
@media (width<=420px){.logo small{letter-spacing:.28em}.hb-stats b{font-size:24px}}
.feat-row .cdesc{display:none}.feat-row .card{animation:none}
.advice{width:calc(100% - 2 * var(--pad))}

/* Banner de marca: espacio reservado para las rayitas del slider */
@media (width>760px){
  .hero{height:clamp(580px,80vh,680px)}
  .hb{padding-top:28px;padding-bottom:72px}
  .hb-mark{height:min(74%,360px)}
  .hb-word img{height:clamp(52px,min(7vw,11vh),92px)}
  .hb .hs-p{margin:10px 0 22px}
  .hb-stats{margin-top:20px;padding-top:14px}
}
@media (width>760px) and (height<=760px){
  .hb .hs-eye{margin-bottom:6px}
  .hb .hs-p{font-size:15px;margin:8px 0 18px}
  .hb .hs-cta{min-height:48px}
  .hb-stats{margin-top:16px;padding-top:12px}
  .hb-stats b{font-size:24px}
}
@media (width<=760px){
  .hero{height:620px}
  .hb{padding-bottom:56px}
  .hb-stats{margin-top:16px;padding-top:12px}
}

/* Nombre de la marca en texto (portada y pie de página) */
.brand-word{display:inline-block;font-family:Cormorant Garamond,serif;font-weight:600;line-height:1;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#b8862f,#f6d27e 28%,#fff0b8 50%,#e2b04f 72%,#a87a28);-webkit-background-clip:text;background-clip:text;color:transparent}
.hb-word{line-height:1}
.hb-word .brand-word{font-size:clamp(40px,6.4vw,84px)}
.f-word{margin:0;font-size:28px}

/* Encabezado en celular: el nombre "Caprigo Store" no debe empujar los íconos fuera de la pantalla */
@media (width<=760px){
  .hdr-in{gap:8px}
  .logo{min-width:0;flex:0 1 auto;font-size:19px;letter-spacing:.12em}
  .logo-txt{white-space:nowrap}
  .logo small{letter-spacing:.24em}
  .h-icons{flex:none}
}
@media (width<=420px){
  .logo{font-size:16px;letter-spacing:.08em;gap:6px}
  .logo-mark{height:30px}
  .logo small{font-size:7.5px;letter-spacing:.16em}
  .h-icons button{width:40px}
  .h-icons svg{width:21px;height:21px}
  .hb-word .brand-word{font-size:clamp(30px,10vw,40px);letter-spacing:.1em}
}
@media (width>1000px) and (width<=1280px){
  .hdr-in{gap:16px}
  .logo{font-size:22px;letter-spacing:.14em}
  .hnav{gap:16px}
  .hnav a,.hnav button{font-size:12px;letter-spacing:.06em}
}
@media (width>760px) and (width<=1000px){
  .logo{font-size:22px;letter-spacing:.14em}
}