/* ===== TIMEORA main stylesheet. Colours/fonts/radius are CSS variables: edit the two token blocks to re-theme the whole site. ===== */
[hidden]{display:none!important}
:root{--bg:#fff;--surface:#fff;--surface2:#F6F4F1;--ink:#16161a;--muted:#6f6a63;--line:#E8E5DF;--gold:#C2A276;--gold-d:#9c7d47;--on-gold:#141414;--red:#D32F2F;--green:#2E9E5B;--amber:#C77700;
 --serif:'Cormorant Garamond','Playfair Display',Georgia,serif;--sans:'Inter','Manrope',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;--r:8px;--r-sm:6px;--shadow:0 6px 24px rgba(20,20,20,.07);--shadow-lg:0 18px 50px rgba(20,20,20,.14);--hdr-h:64px;color-scheme:light}
:root[data-theme=dark]{--bg:#0F0F10;--surface:#181819;--surface2:#1f1f21;--ink:#F2EEE6;--muted:#A29B8F;--line:#2c2c2e;--on-gold:#141414;--shadow:0 6px 24px rgba(0,0,0,.4);--shadow-lg:0 18px 50px rgba(0,0,0,.6);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:110px}
html.no-scroll{overflow:hidden}body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.6 var(--sans);overflow-x:hidden;transition:background .3s,color .3s}
img,svg{max-width:100%}img{display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3{margin:0 0 .5em;line-height:1.15}.serif,h1.serif,h2.serif{font-family:var(--serif);font-weight:600;letter-spacing:.01em}h1.serif{font-size:clamp(2rem,4vw,3rem)}h2.serif{font-size:clamp(1.6rem,3vw,2.2rem)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:6px}
.container{width:100%;max-width:1280px;margin:0 auto;padding:0 20px}@media(min-width:1900px){.container{max-width:1560px}}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:10px 14px;border-radius:8px;z-index:200}.skip:focus{left:8px}
.muted{color:var(--muted)}.sm{font-size:13px}.ok{color:var(--green)}.err{color:var(--red)}.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}.ic{flex:none}
main{min-height:60vh;padding-bottom:60px}.page{padding-top:26px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:var(--r-sm);font-weight:600;font-size:14.5px;border:1.5px solid transparent;transition:transform .2s,background .2s,box-shadow .2s,color .2s;text-align:center}
.btn:active{transform:scale(.98)}.btn-gold{background:var(--gold);color:var(--on-gold)}.btn-gold:hover{background:var(--gold-d);box-shadow:0 8px 22px rgba(184,151,95,.35)}
.btn-dark{background:var(--ink);color:var(--bg)}.btn-dark:hover{opacity:.88}.btn-outline{border-color:var(--ink);color:var(--ink)}.btn-outline:hover{background:var(--ink);color:var(--bg)}
.btn-block{width:100%}.btn-lg{min-height:54px;font-size:16px}.btn-disabled,.btn:disabled{opacity:.5;pointer-events:none}[data-magnetic]{transition:transform .25s cubic-bezier(.2,.8,.2,1)}
.link-btn{color:var(--gold-d);font-weight:600;text-decoration:underline;text-underline-offset:3px;padding:6px 0}.badge{position:absolute;top:2px;right:0;background:var(--red);color:#fff;font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 5px}
/* form fields */
.fld{display:block;margin-bottom:14px;font-size:13.5px;font-weight:600}.fld input,.fld select,.fld textarea{display:block;width:100%;margin-top:6px;min-height:48px;padding:11px 14px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);font-weight:400;transition:border-color .2s}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,151,95,.2)}.fld.bad input,.fld.bad select{border-color:var(--red)}.fld .msg{display:block;color:var(--red);font-weight:500;font-size:12.5px;min-height:0}
.card-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--shadow);margin-bottom:16px}.card-box h2{font:700 16px var(--sans);margin-bottom:14px}
.row{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:14px}.row.tot{font-size:17px;border-top:1px solid var(--line);margin-top:8px;padding-top:12px}.row.ok{color:var(--green)}
.note-box{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;margin:14px 0;font-size:14px}.note-box.ok{color:var(--green)}
.empty{text-align:center;padding:70px 20px;display:grid;gap:12px;justify-items:center}
.skel{min-height:340px;background:linear-gradient(100deg,var(--surface) 30%,var(--surface2) 50%,var(--surface) 70%);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--r)}@keyframes sk{to{background-position:-200% 0}}
/* toasts + modals */
#toasts{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);z-index:300;display:grid;gap:8px;width:min(92vw,420px)}.toast{background:var(--ink);color:var(--bg);padding:13px 18px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:14px;animation:tin .35s}.toast.err{background:var(--red);color:#fff}.toast.out{opacity:0;transition:.3s}@keyframes tin{from{transform:translateY(14px);opacity:0}}
.modal{position:fixed;inset:0;z-index:250;background:rgba(10,10,10,.6);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;overflow:auto}.modal[hidden]{display:none}
.modal-card{position:relative;background:var(--surface);border-radius:20px;padding:30px 26px;width:min(440px,100%);box-shadow:var(--shadow-lg);animation:tin .35s}.modal-x{position:absolute;top:12px;right:12px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.modal-x:hover{background:var(--surface2)}
.lightbox{background:rgba(0,0,0,.92)}.lightbox img{max-height:90vh;max-width:92vw;border-radius:12px}.lightbox .modal-x{color:#fff}
.tabs-sm{display:flex;gap:6px;background:var(--surface2);padding:4px;border-radius:12px;margin:14px 0}.tabs-sm button{flex:1;min-height:40px;border-radius:9px;font-weight:600;color:var(--muted)}.tabs-sm button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:14px 0}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
/* ===== header ===== */
.ann{background:var(--ink);color:var(--bg);text-align:center;font-size:13px;padding:8px 40px;position:relative}.ann a{text-decoration:underline;text-underline-offset:3px}.ann button{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:inherit;width:36px;height:36px;display:grid;place-items:center}
.hdr{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:box-shadow .3s,background .4s,color .4s}.hdr.stuck{box-shadow:var(--shadow)}
.hdr-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:var(--hdr-h)}
.burger{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;justify-self:start}.burger svg path{stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none;transition:transform .55s cubic-bezier(.7,0,.2,1),opacity .3s}
.burger .l1{transform-origin:14px 9px}.burger .l2{transform-origin:14px 14px}.burger .l3{transform-origin:5px 19px;transform:scaleX(.55)}.burger:hover .l3{transform:scaleX(1)}
.burger.x .l1{transform:translateY(5px) rotate(45deg)}.burger.x .l2{transform:scaleX(0);opacity:0}.burger.x .l3{transform-origin:14px 19px;transform:translateY(-5px) rotate(-45deg)}
.logo{text-align:center;display:grid;line-height:1}.logo-name{font-family:var(--serif);font-size:clamp(26px,3.2vw,34px);font-weight:600;letter-spacing:.14em}.logo small{font-size:8.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.search{position:absolute;left:84px;width:min(300px,24vw);display:none}.search input{width:100%;height:42px;border-radius:30px;border:1.5px solid var(--line);background:var(--bg);padding:0 16px 0 40px}.search input:focus{outline:none;border-color:var(--gold)}.search-ic{position:absolute;left:13px;top:11px;color:var(--muted)}
@media(min-width:900px){.search{display:block}}.hdr-in{position:relative}
.sugg{position:absolute;top:50px;left:0;right:0;min-width:320px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden;z-index:5}.sugg a{display:flex;align-items:center;gap:12px;padding:10px 14px}.sugg a:hover{background:var(--surface2)}.sugg img{border-radius:8px;width:44px;height:44px;object-fit:cover}.sugg span{flex:1;font-size:14px}.sugg .all{justify-content:center;color:var(--gold-d);font-weight:600;font-size:13px}
.hdr-act{display:flex;justify-content:flex-end;gap:2px}.ib{position:relative;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;transition:background .2s}.ib:hover{background:var(--surface2)}.only-m{display:none}
.tg{position:relative;width:22px;height:22px;display:block}.tg>span{position:absolute;inset:0;transition:transform .6s cubic-bezier(.6,0,.2,1),opacity .4s}.tg-moon{transform:rotate(-90deg) scale(.4);opacity:0}[data-theme=dark] .tg-sun{transform:rotate(90deg) scale(.4);opacity:0}[data-theme=dark] .tg-moon{transform:none;opacity:1}
.tabs{display:flex;justify-content:center;gap:34px;padding-bottom:0}.tabs a{padding:10px 2px 12px;font-size:14px;font-weight:500;position:relative;color:var(--muted)}.tabs a::after{content:"";position:absolute;left:0;bottom:6px;height:2px;width:100%;background:var(--gold);transform:scaleX(0);transition:transform .35s}.tabs a:hover,.tabs a.on{color:var(--ink)}.tabs a:hover::after,.tabs a.on::after{transform:scaleX(1)}
@media(max-width:899px){.only-m{display:grid}.search{display:none;position:static;width:auto;grid-column:1/-1;padding-bottom:10px}body.search-open .search{display:block}.hdr-in{grid-template-columns:auto 1fr auto;min-height:64px;gap:6px}.search input{height:44px}.sugg{top:48px}.tabs,.hide-m{display:none}.hdr-act .theme{display:none}}
/* ===== full-screen menu ===== */
.menu{position:fixed;inset:0;z-index:55;background:#0e0e0f;color:#f2eee6;clip-path:inset(0 0 100% 0);transition:clip-path .75s cubic-bezier(.7,0,.2,1);overflow:auto;padding-top:calc(var(--hdr-h) + 10px)}.menu[hidden]{display:none}.menu.open{clip-path:inset(0)}
html.menu-open .hdr{background:transparent;color:#f2eee6;border-color:transparent;backdrop-filter:none}html.menu-open .logo small{color:#a29b8f}
.menu-in{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;min-height:calc(100vh - var(--hdr-h) - 20px);padding-bottom:40px}
.menu-links{display:grid}.menu-links a{font-family:var(--serif);font-size:clamp(34px,6vw,76px);line-height:1.12;overflow:hidden;display:block;opacity:0;transform:translateY(46px);transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s,color .3s,padding .4s;transition-delay:calc(.3s + var(--i)*.055s)}
.menu.open .menu-links a{opacity:1;transform:none}.menu-links a:hover,.menu-links a:focus-visible{color:var(--gold);padding-left:18px}.menu-links a span{display:inline-block}
.menu-side{display:grid;gap:26px;opacity:0;transition:opacity .8s .6s}.menu.open .menu-side{opacity:1}.menu-prev{aspect-ratio:1;max-width:420px;width:100%;border-radius:22px;overflow:hidden;background:#17171a;justify-self:center}.menu-prev img{width:100%;height:100%;object-fit:cover;transition:opacity .2s,transform .8s}.menu-prev img.swap{opacity:0;transform:scale(1.06)}
.menu-short{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.menu-short>*{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #3a3a3d;border-radius:30px;font-size:14px;min-height:44px}.menu-short>*:hover{border-color:var(--gold);color:var(--gold)}
.socials{display:flex;gap:10px;justify-content:center}.socials a{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.menu .socials a{border-color:#3a3a3d}.socials a:hover{color:var(--gold);border-color:var(--gold)}
@media(max-width:820px){.menu-in{grid-template-columns:1fr;gap:20px}.menu-prev{display:none}.menu-links a{font-size:clamp(34px,11vw,52px)}}
/* ===== hero + sections ===== */
.hero{position:relative;overflow:hidden;background:#0c0c0e;color:#f4efe6}.slides{position:relative;height:clamp(420px,62vw,700px)}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.1s,visibility 1.1s}.slide.on{opacity:1;visibility:visible}
.slide img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover;object-position:70% center}.slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.78),rgba(8,8,10,.25) 55%,transparent)}
.hero-txt{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px}.hero-txt h1,.hero-txt h2{font-size:clamp(46px,8vw,104px);margin:0;line-height:1.02;font-weight:500}
.sw{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.08em}.sw>span{display:inline-block}.sw-css .sw>span{animation:swup 1s cubic-bezier(.2,.8,.2,1) both}@keyframes swup{from{transform:translateY(110%)}}
.caps{letter-spacing:.34em;text-transform:uppercase;font-size:clamp(11px,1.4vw,14px);color:#d8cfbd;margin:0}.dots{display:flex;gap:8px;position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:3}.dots button,.dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4);transition:.3s;display:block}.dots .on{background:var(--gold);width:26px;border-radius:5px}
.hero .dots button{position:relative}.hero .dots button::before{content:"";position:absolute;inset:-18px -4px}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 20px;background:var(--surface);border-bottom:1px solid var(--line)}.trust-i{display:flex;align-items:center;gap:12px;justify-content:center}.trust-i b{display:block;font-size:13.5px}.trust-i span{font-size:12px;color:var(--muted)}.trust-i .ic{color:var(--gold-d)}
@media(max-width:700px){.trust{grid-template-columns:1fr 1fr;padding:16px 12px}.trust-i{justify-content:flex-start}}
.sec{padding-top:54px}.sec-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:22px}.sec-head h2,.sec-h{margin:0 0 22px}.sec-head h2{margin:0}.sec-head a{font-weight:600;font-size:14px;color:var(--gold-d)}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1000px){.grid4{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.grid4.snap{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -20px;padding:4px 20px 10px;scrollbar-width:none}.grid4.snap::-webkit-scrollbar{display:none}.grid4.snap .pc{flex:0 0 68%;scroll-snap-align:start}#grid{grid-template-columns:repeat(2,1fr);gap:12px}}
/* product card */
.pc{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}.pc:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pc-img{position:relative;display:block;aspect-ratio:1;overflow:hidden;background:var(--surface2)}.pc-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.pc:hover .pc-img img{transform:scale(1.07)}
.badge-off,.badge-new{position:absolute;top:10px;left:10px;z-index:2;background:var(--red);color:#fff;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px}.badge-new{background:var(--ink);color:var(--bg)}
.pc-heart{position:absolute;top:8px;right:8px;z-index:3;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.85);color:#141414;transition:.25s}.pc-heart.on{color:var(--red)}.pc-heart.on svg{fill:currentColor}.pc-heart:hover{transform:scale(1.1)}
.pc-body{padding:14px;display:grid;gap:7px;flex:1;align-content:start}.pc-name{font-weight:600;font-size:14.5px;line-height:1.35;min-height:2.7em}.pc-price b{color:var(--red);font-size:17px}.pc-price s{color:var(--muted);margin-left:8px;font-size:13px}.pc-rate{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted)}.pc-rate.lg{font-size:14px}.pc-rate a{text-decoration:underline}.pc-body .btn{margin-top:4px;min-height:44px}
.stars{position:relative;display:inline-block;line-height:0}.stars svg{fill:var(--line)}.stars-fg{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap}.stars-fg svg{fill:#F0B429}
/* bundle banner, story, testimonials, newsletter */
.bb{position:relative;display:block;border-radius:22px;overflow:hidden;color:#f4efe6;min-height:260px;background:#0c0c0e}.bb img{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover;object-position:80% center}.bb::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,10,.8),transparent 70%)}.bb div{position:relative;z-index:2;padding:clamp(26px,5vw,60px);display:grid;gap:12px;justify-items:start;max-width:560px}.bb h2{font-size:clamp(32px,5vw,56px);margin:0;color:var(--gold)}.bb p{margin:0;color:#d8cfbd}
.story{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story img{border-radius:22px;width:100%}.story p{color:var(--muted);font-size:16px}@media(max-width:800px){.story{grid-template-columns:1fr;gap:24px}}
.tms{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:800px){.tms{grid-template-columns:1fr}}.tm{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px}.tm-stars{color:#F0B429;letter-spacing:3px}.tm blockquote{margin:10px 0 14px;font-family:var(--serif);font-size:21px;line-height:1.4}.tm figcaption{font-size:13px;color:var(--muted)}
.newsband{margin-top:54px;background:var(--ink);color:var(--bg);border-radius:22px;padding:clamp(28px,5vw,56px);display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}@media(max-width:800px){.newsband{grid-template-columns:1fr}}.newsband .news input{background:rgba(255,255,255,.08);border-color:#444;color:inherit}
/* footer */
.ftr{margin-top:70px;background:var(--surface);border-top:1px solid var(--line);padding-top:50px}.ftr-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:34px}@media(max-width:800px){.ftr-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.ftr-grid{grid-template-columns:1fr}}
.ftr h3{font:700 13px var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}.ftr-grid a{display:block;padding:5px 0;color:var(--muted)}.ftr-grid a:hover{color:var(--gold-d)}.ftr .socials{justify-content:flex-start;margin-top:14px}.ftr .socials a{display:grid;padding:0}
.news{display:flex;gap:8px}.news input[type=email]{flex:1;min-width:0;height:46px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--bg);padding:0 14px}.ftr-bot{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-top:36px;padding-top:18px;padding-bottom:22px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.pay{display:flex;gap:6px;flex-wrap:wrap}.pay i{font-style:normal;font-size:11px;font-weight:700;border:1px solid var(--line);border-radius:6px;padding:3px 8px}
.wa{position:fixed;right:16px;bottom:18px;z-index:70;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-lg)}.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:620px;z-index:120;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow-lg);display:grid;gap:10px;font-size:13.5px}.cookie p{margin:0}.cookie .btn{min-height:40px;padding:0 16px}
.maint{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}.cursor{position:fixed;left:-5px;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--gold);pointer-events:none;z-index:400;opacity:0;transition:width .25s,height .25s,margin .25s,background .25s;mix-blend-mode:difference}.cursor.big{width:44px;height:44px;margin:-17px 0 0 -17px;background:rgba(184,151,95,.5)}
[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s var(--d,0ms),transform .9s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}[data-reveal].in{opacity:1;transform:none}
/* ===== shop ===== */
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 18px;font-size:13px;color:var(--muted)}.crumbs li+li::before{content:"\203A";margin-right:6px}.crumbs a:hover{color:var(--gold-d)}
.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.chip{white-space:nowrap;padding:9px 18px;border:1px solid var(--line);border-radius:30px;background:var(--surface);font-size:13.5px;font-weight:500}.chip.on,.chip:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.filters{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:18px 0 24px;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.filters select,.filters input[type=range]{min-height:44px;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);padding:0 10px}.filters input[type=range]{padding:0;accent-color:var(--gold)}.filters label{display:flex;align-items:center;gap:8px;font-size:13.5px}.filters .grow{flex:1}
.more{display:block;margin:30px auto 0}
/* ===== product page ===== */
.pdp-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:44px;align-items:start}@media(max-width:900px){.pdp-grid{grid-template-columns:1fr;gap:22px}}
.gal{display:grid;grid-template-columns:78px 1fr;gap:14px;position:sticky;top:130px}@media(max-width:900px){.gal{grid-template-columns:1fr;position:static}}
.thumbs{display:grid;gap:10px;align-content:start}.thumbs button{border:2px solid transparent;border-radius:12px;overflow:hidden;aspect-ratio:1;background:var(--surface2)}.thumbs button[aria-selected=true]{border-color:var(--gold)}.thumbs img{width:100%;height:100%;object-fit:cover}@media(max-width:900px){.thumbs{display:none}}
.mainimg{position:relative;border-radius:20px;overflow:hidden;background:var(--surface2);aspect-ratio:1;touch-action:pan-y}.mainimg>img{width:100%;height:100%;object-fit:cover;animation:fadein .5s}@keyframes fadein{from{opacity:.4}}
.mainimg .badge-off{font-size:14px;padding:5px 12px}.expand{position:absolute;right:12px;bottom:12px;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.88);color:#141414;display:grid;place-items:center}.mainimg .dots{bottom:14px}.mainimg .dots i{background:rgba(0,0,0,.25)}.mainimg .dots .on{background:var(--gold)}@media(min-width:901px){.mainimg .dots,.mainimg .pc-heart{display:none}}
.info h1{margin-bottom:10px}.price-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:12px 0}.price{color:var(--red);font-size:clamp(28px,3.5vw,38px);font-weight:700;font-family:var(--sans)}.price.sm{font-size:16px}.price-row s{color:var(--muted);font-size:18px}.save{background:var(--red);color:#fff;font-weight:700;font-size:13px;border-radius:20px;padding:4px 14px}.lead{color:var(--muted);font-size:15.5px}
.opt{margin:18px 0}.opt-h{margin-bottom:8px}.swatches{display:flex;gap:12px}.swatches button{width:46px;height:46px;border-radius:50%;background:var(--c);border:2px solid var(--line);box-shadow:inset 0 0 0 3px var(--surface);transition:.2s;position:relative}.swatches button[aria-checked=true]{border-color:var(--gold);transform:scale(1.08)}.swatches .oos::after{content:"";position:absolute;inset:6px;background:linear-gradient(135deg,transparent 47%,var(--red) 48%,var(--red) 52%,transparent 53%)}
.qty-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.qty{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface)}.qty button{width:44px;height:44px;display:grid;place-items:center}.qty button:disabled{opacity:.3}.qty output{min-width:34px;text-align:center;font-weight:600}
.stock .in{color:var(--green);font-weight:600}.stock .low{color:var(--amber);font-weight:600}.stock .out{color:var(--red);font-weight:600}.notify{background:var(--surface2);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px;margin:14px 0}.notify[hidden]{display:none}.notify div{display:flex;gap:8px}.notify input[type=email]{flex:1;height:46px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;background:var(--surface);min-width:0}
.cta{display:grid;gap:12px;margin:18px 0}.cta[hidden]{display:none}.est{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--muted)}
.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11.5px}.trust-row>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:var(--muted)}.trust-row b{display:block;color:var(--ink);font-size:12px}.trust-row .ic{color:var(--gold-d)}@media(max-width:480px){.trust-row{grid-template-columns:1fr 1fr}}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0}@media(max-width:700px){.tiles{grid-template-columns:1fr 1fr}}.tile{display:grid;justify-items:center;text-align:center;gap:4px;padding:20px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.tile .ic{color:var(--gold-d);margin-bottom:6px}.tile b{font-size:14px}.tile span{font-size:12px;color:var(--muted)}
.tab-list{display:flex;gap:6px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}.tab-list button{padding:14px 18px;font-weight:600;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;min-height:48px}.tab-list [aria-selected=true]{color:var(--ink);border-color:var(--gold)}
.tab-pn{padding:26px 0}.tab-pn[hidden]{display:none}.desc-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}.desc-grid img{border-radius:var(--r);width:100%}@media(max-width:800px){.desc-grid{grid-template-columns:1fr}}
.feat{padding-left:20px;margin:0 0 16px}.feat li{margin:6px 0}.specs{width:100%;border-collapse:collapse}.specs th,.specs td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:14px}.specs th{color:var(--muted);font-weight:500;width:40%}
.rev{padding:16px 0;border-bottom:1px solid var(--line)}.rev p{margin:6px 0}.rev-form{margin-top:26px;max-width:520px}.faq{border-bottom:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}.faq summary::after{content:"+";font-size:20px}.faq[open] summary::after{content:"\2212"}.faq p{color:var(--muted)}
.sticky-bar{display:none}@media(max-width:768px){.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:65;display:grid;grid-template-columns:auto 1fr 1fr;gap:10px;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.08)}.sticky-bar.off{display:none}.sticky-bar small{display:block;font-size:11px;color:var(--muted);line-height:1}.sticky-bar .price{font-size:18px}.has-bar{padding-bottom:80px}.wa{bottom:92px}}
/* ===== cart ===== */
.cart-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:start}@media(max-width:900px){.cart-grid{grid-template-columns:1fr}}.cart-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.cl{display:grid;grid-template-columns:96px 1fr auto;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}.cl img{border-radius:12px;width:96px;height:96px;object-fit:cover}.cl-i{display:grid;gap:4px;align-content:start}.cl-r{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.sum{position:sticky;top:130px}.sum .btn{margin:14px 0 6px}
/* ===== checkout ===== */
.co{max-width:720px;margin:0 auto}.steps{display:flex;justify-content:space-between;list-style:none;padding:0;margin:0 auto 26px;max-width:420px;position:relative}.steps::before{content:"";position:absolute;top:19px;left:12%;right:12%;height:2px;background:var(--line)}
.steps li{position:relative;display:grid;justify-items:center;gap:6px;font-size:12.5px;color:var(--muted);width:33%}.steps i{width:40px;height:40px;border-radius:50%;background:var(--surface);border:2px solid var(--line);display:grid;place-items:center;transition:.4s;font-style:normal;font-weight:700}.steps .on i{border-color:var(--gold);background:var(--gold);color:var(--on-gold);box-shadow:0 0 0 5px rgba(184,151,95,.2)}.steps .done i{background:var(--ink);color:var(--bg);border-color:var(--ink)}.steps .on,.steps .done{color:var(--ink)}
.co h2 .n{color:var(--gold-d)}.sum-i{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.sum-i img{width:64px;height:64px;border-radius:10px;object-fit:cover}.sum-i small{display:block}
.coupon{display:flex;gap:8px;margin:14px 0 4px}.coupon input{flex:1;height:46px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;background:var(--surface);text-transform:uppercase;min-width:0}
.pay-card{display:flex;gap:14px;align-items:center;padding:16px;border:1.5px solid var(--line);border-radius:var(--r-sm);margin-bottom:10px;cursor:pointer;background:var(--surface);transition:.25s}.pay-card input{accent-color:var(--gold);width:20px;height:20px}.pay-card .ic{color:var(--green)}.pay-card.on{border-color:#7fb0e6;background:color-mix(in srgb,#4A9BEF 10%,var(--surface))}.pay-card small{display:block;color:var(--muted)}
.fine{text-align:center;color:var(--muted);font-size:12.5px;margin-top:10px}#quoteErr{background:color-mix(in srgb,var(--red) 10%,var(--surface));border:1px solid var(--red);color:var(--red);padding:12px 14px;border-radius:10px;margin-bottom:14px}#quoteErr[hidden]{display:none}
.bar{display:none}@media(max-width:768px){.bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:65;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(0,0,0,.1);padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.bar-rows{display:none;padding-bottom:8px}.bar.open .bar-rows{display:block}#barToggle{display:flex;justify-content:space-between;width:100%;padding:6px 0 10px;font-weight:700}#barToggle .ic{transition:transform .3s}.bar.open #barToggle .ic{transform:rotate(180deg)}.place-inline{display:none}}
/* ===== confirmation, orders ===== */
.conf-card{position:relative;max-width:560px;margin:0 auto;text-align:center;display:grid;gap:14px}canvas#cf{position:absolute;inset:-20px -40px auto;height:340px;width:calc(100% + 80px);pointer-events:none}.check{width:92px;margin:0 auto}.check circle{transform-origin:center;animation:pop .6s cubic-bezier(.2,1.6,.4,1) both}.check path{stroke-dasharray:60;stroke-dashoffset:60;animation:draw .6s .35s ease forwards}@keyframes pop{from{transform:scale(0)}}@keyframes draw{to{stroke-dashoffset:0}}
.od{text-align:left}.od dl{margin:0 0 10px}.od dl div{display:flex;justify-content:space-between;padding:7px 0;font-size:14px}.od dt{color:var(--muted)}.od dd{margin:0}.est-card{display:flex;gap:14px;align-items:flex-start;text-align:left}.est-card p{margin:0;font-size:17px;font-weight:700}.est-card .ic{color:var(--gold-d);margin-top:3px}
.ord{display:flex;justify-content:space-between;gap:14px;align-items:center}.ord>div{display:grid;gap:3px}.ord-r{justify-items:end}.od-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:10px 0 16px}
.st{display:inline-block;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:700;background:var(--surface2);border:1px solid var(--line)}.st-delivered{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.st-cancelled,.st-rejected,.st-refunded{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red)}.st-pending{color:var(--amber)}.st-shipped,.st-out_for_delivery{color:#2d6cdf}
.tl{list-style:none;margin:20px 0;padding:0}.tl li{position:relative;display:flex;gap:16px;padding:0 0 22px;color:var(--muted)}.tl li::before{content:"";position:absolute;left:9px;top:20px;bottom:0;width:2px;background:var(--line)}.tl li:last-child::before{display:none}.tl i{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);background:var(--surface);flex:none;z-index:1}.tl .done{color:var(--ink)}.tl .done i{background:var(--green);border-color:var(--green)}.tl .done::before{background:var(--green)}.tl .now i{box-shadow:0 0 0 5px rgba(46,158,91,.25);animation:pulse 1.6s infinite}.tl .bad i{background:var(--red);border-color:var(--red)}.tl small{display:block}@keyframes pulse{50%{box-shadow:0 0 0 9px rgba(46,158,91,0)}}.hist{padding:10px 0;border-bottom:1px solid var(--line)}.hist small{display:block}
#info{max-width:760px}#info p{color:var(--muted);font-size:16px}.stack{display:grid;max-width:520px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1;transform:none}body{opacity:1}.menu{transition:none}.menu-links a{opacity:1;transform:none}}
/* ===== account area (Phase 4) ===== */
.acct{display:grid;grid-template-columns:230px 1fr;gap:34px;align-items:start}@media(max-width:860px){.acct{grid-template-columns:1fr;gap:16px}}
.acct-nav{position:sticky;top:130px;display:grid;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:10px}.acct-nav a,.acct-nav button{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:10px;font-weight:500;color:var(--muted);text-align:left;width:100%}.acct-nav a:hover,.acct-nav button:hover{background:var(--surface2);color:var(--ink)}.acct-nav [aria-current=page]{background:var(--ink);color:var(--bg)}
@media(max-width:860px){.acct-nav{position:static;display:flex;overflow-x:auto;gap:6px;padding:8px;scrollbar-width:none}.acct-nav a,.acct-nav button{white-space:nowrap;width:auto;flex:none}}
.badge-i{margin-left:auto;background:var(--red);color:#fff;font-size:11px;font-weight:700;min-width:20px;height:20px;border-radius:10px;display:inline-grid;place-items:center;padding:0 6px;font-style:normal}
.btns{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.btns .btn{flex:1}.btns.inline{margin:0 0 16px}.btns.inline .btn{flex:none;min-height:42px;padding:0 16px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:6px 0 16px}@media(max-width:600px){.stats{grid-template-columns:1fr}}.stats .card-box{display:grid;margin:0;gap:2px}.stats b{font-size:26px;font-family:var(--serif)}
.notif{display:grid;gap:2px;padding:12px 12px;border-bottom:1px solid var(--line);border-radius:8px}.notif.new{background:color-mix(in srgb,var(--gold) 12%,transparent)}.notif span{font-size:14px;color:var(--muted)}.notif:hover{background:var(--surface2)}
.av-row{display:flex;gap:18px;align-items:center;margin-bottom:18px}.avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--gold);color:var(--on-gold);display:grid;place-items:center;font:600 38px var(--serif)}.avatar img{width:100%;height:100%;object-fit:cover}
.phones{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.chip-x{display:inline-flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--line);border-radius:30px;padding:6px 6px 6px 14px;font-weight:500}.chip-x button{width:28px;height:28px;display:grid;place-items:center;border-radius:50%}.chip-x button:hover{background:var(--line)}.phone-add{display:flex;gap:8px}.phone-add input{flex:1;min-width:0;height:46px;border:1.5px solid var(--line);border-radius:10px;padding:0 12px;background:var(--surface)}
.switch{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}.switch:last-child{border:0}.switch small{display:block}.switch input{position:absolute;opacity:0}.switch i{flex:none;width:48px;height:28px;border-radius:14px;background:var(--line);position:relative;transition:.3s}.switch i::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:.3s;box-shadow:0 1px 4px rgba(0,0,0,.3)}.switch input:checked+i{background:var(--green)}.switch input:checked+i::after{transform:translateX(20px)}.switch input:focus-visible+i{outline:2px solid var(--gold);outline-offset:3px}
.addr-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px}@media(max-width:700px){.addr-grid{grid-template-columns:1fr}}.addr{display:grid;gap:6px;margin:0}.addr p{margin:0;color:var(--muted)}.addr .st{justify-self:start}
.grid4.two{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){.grid4.two{display:grid;grid-template-columns:1fr 1fr;overflow:visible;margin:0;padding:0}.grid4.two .pc{flex:none}}
.msg-grid{display:grid;grid-template-columns:280px 1fr;gap:16px;margin-top:16px;align-items:start}@media(max-width:860px){.msg-grid{grid-template-columns:1fr}}.threads{display:grid;gap:6px;margin:0;padding:10px;max-height:560px;overflow:auto}.th{position:relative;display:grid;gap:2px;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid transparent}.th:hover,.th.on{background:var(--surface2);border-color:var(--line)}.th .badge-i{position:absolute;right:10px;top:12px}
.chat{margin:0;min-height:320px}.bubbles{display:grid;gap:10px;max-height:420px;overflow:auto;padding:4px 2px 12px}.bub{max-width:82%;padding:10px 14px;border-radius:16px;background:var(--surface2);border:1px solid var(--line)}.bub p{margin:0}.bub small{display:block;color:var(--muted);font-size:11.5px;margin-top:4px}.bub.user{justify-self:end;background:var(--ink);color:var(--bg);border-color:var(--ink)}.bub.user small{color:inherit;opacity:.65}
.reply{display:flex;gap:10px;align-items:flex-end;margin-top:8px}.reply textarea{flex:1;border:1.5px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);resize:vertical;min-height:50px}
/* invoice */
.inv-wrap{max-width:860px;margin:0 auto}.inv-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.inv{background:#fff;color:#141414;border:1px solid var(--line);border-radius:12px;padding:40px;font-size:14px}.inv header{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #B8975F;padding-bottom:18px;margin-bottom:20px}.inv h1{margin:0;letter-spacing:.12em}.inv h2{margin:0;color:#B8975F;letter-spacing:.2em;font:700 20px var(--sans)}.inv .r{text-align:right}.inv h3{font:700 12px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#6b645a;margin-bottom:6px}.inv-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.inv table{width:100%;border-collapse:collapse}.inv th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#6b645a;border-bottom:1px solid #ddd;padding:8px 6px}.inv th.r{text-align:right}.inv td{padding:9px 6px;border-bottom:1px solid #eee;vertical-align:top}.inv .grand td{font-size:17px;font-weight:700;border-top:2px solid #141414}.inv footer{margin-top:26px;font-size:12.5px;color:#6b645a}.paid{color:#2E9E5B;font-weight:700;border:2px solid;padding:2px 10px;border-radius:6px}.due{color:#C77700;font-weight:700}
@media(max-width:600px){.inv{padding:18px}.inv header,.inv-two{grid-template-columns:1fr;display:grid}.inv header .r{text-align:left}}
@media print{.hdr,.ftr,.menu,.wa,.cookie,.ann,.inv-bar,#toasts,.skip,.cursor{display:none!important}body{background:#fff!important;opacity:1!important}.container.page{padding:0;max-width:none}.inv{border:0;padding:0}}

/* ===== compare (Phase 6) ===== */
.pc-cmp{position:absolute;top:56px;right:8px;z-index:3;height:30px;padding:0 9px;border-radius:15px;display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.88);color:#141414;font-size:11px;font-weight:600;opacity:0;transform:translateX(6px);transition:.25s}.pc:hover .pc-cmp,.pc-cmp:focus-visible,.pc-cmp.on{opacity:1;transform:none}.pc-cmp.on{background:var(--gold)}@media(hover:none){.pc-cmp{opacity:1;transform:none;min-height:36px}}
.cmp-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--bg);padding:10px 12px 10px 20px;border-radius:40px;box-shadow:var(--shadow-lg);animation:tin .3s}.cmp-bar .ib{color:inherit}.cmp-bar .btn{min-height:40px}@media(max-width:768px){.cmp-bar{bottom:84px;width:calc(100% - 24px);justify-content:space-between}}
.cmp-wrap{overflow-x:auto}.cmp-table{width:100%;min-width:640px;border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.cmp-table th,.cmp-table td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:14px}.cmp-table thead th{text-align:center;vertical-align:bottom}.cmp-table thead img{border-radius:12px;margin:0 auto 8px;width:160px;height:160px;object-fit:cover}.cmp-table tbody th{width:150px;color:var(--muted);font-weight:500}.cmp-table .feat{margin:0}

/* =====================================================================
   v2 UI - matches the supplied design: clean white e-commerce look,
   calm motion, mobile-first alignment. Everything below overrides the
   rules above, so you can delete this block to get the old look back.
   ===================================================================== */
.tw-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
html,body{max-width:100%}
img{height:auto}.pc-img img,.mainimg>img,.thumbs img,.cl img,.sum-i img,.sugg img,.slide img,.bb img{height:100%}

/* ---------- clock loading screen ---------- */
#tw-loader{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--bg);color:var(--ink);transition:opacity .35s}
#tw-loader.off{opacity:0;pointer-events:none}
.tw-clock{overflow:visible}.tw-clock .face{fill:var(--surface);stroke:var(--ink);stroke-width:3}
.tw-clock .arc{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round;stroke-dasharray:70 207;transform-origin:50px 50px;animation:tw-spin 1.6s linear infinite}
.tw-clock .ticks line{stroke:var(--ink);stroke-width:2;stroke-linecap:round;opacity:.55}
.tw-clock .hh,.tw-clock .mh{stroke:var(--ink);stroke-linecap:round;transform-origin:50px 50px}
.tw-clock .hh{stroke-width:4;animation:tw-spin 9.6s linear infinite}.tw-clock .mh{stroke-width:3;animation:tw-spin 1.6s linear infinite}
.tw-clock .pin{fill:var(--gold)}
.tw-brand{font:600 15px var(--serif);letter-spacing:.34em;padding-left:.34em;color:var(--muted)}
@keyframes tw-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.tw-clock .arc,.tw-clock .hh,.tw-clock .mh{animation-duration:6s!important}}

/* ---------- calmer motion ---------- */
.btn{border-radius:6px;transition:background .15s,box-shadow .15s,color .15s,border-color .15s}.btn:active{transform:none;opacity:.9}
.btn-gold:hover{box-shadow:none;background:var(--gold-d)}[data-magnetic]{transition:none}
[data-reveal]{transform:translateY(10px);transition:opacity .4s var(--d,0ms),transform .4s ease var(--d,0ms)}
.tg>span{transition:transform .25s,opacity .2s}
.burger svg path{transition:transform .25s ease,opacity .15s}
.skel{animation-duration:1.6s}

/* ---------- header ---------- */
.hdr{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--line)}.hdr.stuck{box-shadow:0 2px 10px rgba(20,20,20,.06)}
.hdr-in{display:flex;align-items:center;gap:12px;min-height:60px}
.burger{width:40px;height:40px;border-radius:8px;flex:none;margin-left:-8px}
.logo{text-align:left;gap:3px;flex:none}.logo-name{font-size:clamp(22px,2.3vw,27px);letter-spacing:.12em;line-height:1}
.logo small{font-size:7px;letter-spacing:.3em;margin-top:0;white-space:nowrap}
.search{position:relative;left:auto;display:none;width:min(300px,26vw);margin-left:12px}
@media(min-width:900px){.search{display:block}}
.search input{height:38px;border-radius:20px;border:1px solid var(--line);background:var(--surface2);padding:0 14px 0 38px;font-size:13px}
.search input:focus{background:var(--surface);border-color:var(--gold)}.search-ic{left:12px;top:10px}
.hdr-act{margin-left:auto;gap:0;align-items:center}.ib{width:40px;height:40px}.ib:hover{background:var(--surface2)}
.badge{top:1px;right:0;min-width:16px;height:16px;font-size:10px;padding:0 4px;border-radius:8px}
.tabs{justify-content:flex-start;gap:26px;padding-top:0;overflow-x:auto;scrollbar-width:none;margin-top:-4px}.tabs::-webkit-scrollbar{display:none}
.tabs a{white-space:nowrap;font-size:13px;font-weight:500;color:var(--ink);padding:8px 0 10px}.tabs a:hover{color:var(--ink)}.tabs a.on{font-weight:700}
.tabs a::after{bottom:0;height:2px;background:var(--ink);transition:transform .2s}
@media(max-width:899px){
  .hdr-in{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto;gap:4px;min-height:56px;position:relative}
  .burger{grid-area:1/1;justify-self:start}.logo{grid-area:1/2;text-align:center;justify-items:center}.hdr-act{grid-area:1/3;justify-self:end;margin-left:0}
  .search{grid-area:2/1/3/-1;margin:0 0 10px;width:auto;display:none}body.search-open .search{display:block}
  .search input{height:42px}.search-ic{top:12px}.sugg{top:46px;min-width:0}
}

/* ---------- side menu (drawer) ---------- */
.menu{position:fixed;inset:0;z-index:90;padding:0;background:rgba(10,10,12,.45);color:var(--ink);clip-path:none;opacity:0;transition:opacity .25s;overflow:hidden}.menu.open{opacity:1}
.menu-in{position:absolute;left:0;top:0;bottom:0;display:flex;flex-direction:column;gap:0;width:min(340px,88vw);max-width:none;min-height:0;margin:0;padding:0 0 24px;background:var(--surface);overflow-y:auto;transform:translateX(-100%);transition:transform .28s ease;box-shadow:var(--shadow-lg);-webkit-overflow-scrolling:touch}
.menu.open .menu-in{transform:none}
.menu-head{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 14px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:1}.menu-head .logo-name{font-size:24px}
.menu-x{width:40px;height:40px;display:grid;place-items:center;border-radius:8px}.menu-x:hover{background:var(--surface2)}
.menu-links{display:block;padding:4px 0}
.menu-links a{font-family:var(--sans);font-size:15.5px;font-weight:500;line-height:1.3;padding:14px 20px;border-bottom:1px solid var(--line);opacity:1;transform:none;overflow:visible;transition:background .15s;transition-delay:0s}
.menu-links a:hover,.menu-links a:focus-visible{background:var(--surface2);color:var(--ink);padding-left:20px}
.menu-side{display:grid;gap:16px;padding:18px 20px 0;opacity:1;transition:none}.menu-prev{display:none}
.menu-short{justify-content:flex-start;gap:8px}.menu-short>*{border:1px solid var(--line);min-height:40px;padding:8px 14px;font-size:13px;border-radius:20px}.menu-short>*:hover{border-color:var(--gold);color:var(--gold-d)}
.menu .socials{justify-content:flex-start}.menu .socials a{border-color:var(--line)}
html.menu-open .hdr{background:var(--surface);color:inherit;border-color:var(--line)}html.menu-open .logo small{color:var(--muted)}

/* ---------- hero ---------- */
.hero{width:calc(100% - 40px);max-width:1240px;margin:16px auto 0;border-radius:10px}
.slides{height:clamp(250px,34vw,440px)}.slide{transition:opacity .6s,visibility .6s}
.slide img{inset:0;height:100%;object-position:70% center}.slide::after{background:linear-gradient(90deg,rgba(6,6,8,.74),rgba(6,6,8,.18) 62%,transparent)}
.hero-txt{padding:0 clamp(20px,5vw,56px);gap:10px;max-width:none}
.hero-txt h1,.hero-txt h2{font-size:clamp(32px,5vw,62px);font-weight:500;line-height:1.08;letter-spacing:0}
.hero .caps{font-size:clamp(9px,1.05vw,12px);letter-spacing:.3em;color:#e4dccb}
.hero-txt .btn{min-height:38px;padding:0 18px;font-size:13px;margin-top:6px}
.dots{bottom:12px}.dots button,.dots i{width:7px;height:7px}.dots .on{width:20px}
@media(max-width:700px){.hero{width:100%;margin:0;border-radius:0}.slides{height:clamp(280px,74vw,340px)}.hero-txt{padding:0 22px}.hero-txt h1,.hero-txt h2{font-size:clamp(34px,10vw,42px)}.slide img{object-position:62% center}}

/* ---------- trust strip ---------- */
.trust{max-width:1280px;margin:0 auto;gap:12px;padding:16px 20px;background:none;border:0;border-bottom:1px solid var(--line)}
.trust-i{justify-content:flex-start;gap:10px}.trust-i b{font-size:12.5px}.trust-i span{font-size:11px}.trust-i .ic{width:24px;height:24px;color:var(--ink)}
@media(max-width:700px){.trust{grid-template-columns:repeat(4,1fr);gap:4px;padding:14px 8px}.trust-i{flex-direction:column;text-align:center;justify-content:flex-start;gap:6px}.trust-i span{display:none}.trust-i b{font-size:10.5px;line-height:1.25}.trust-i .ic{width:22px;height:22px}}

/* ---------- sections + product cards ---------- */
.sec{padding-top:30px}.sec-head{align-items:center;margin-bottom:14px}.sec-head h2,.sec-head h2.serif{font:700 18px/1.2 var(--sans);letter-spacing:0}.sec-head a{color:var(--ink);font-size:13px;font-weight:600}
.grid4{gap:16px}
.pc{border-radius:8px;box-shadow:none;transition:box-shadow .2s}.pc:hover{transform:none;box-shadow:var(--shadow)}
.pc-img{aspect-ratio:1/1.04}.pc-img img{transition:none}.pc:hover .pc-img img{transform:none}
.badge-off,.badge-new{top:8px;left:8px;border-radius:4px;font-size:11px;font-weight:600;padding:2px 7px}
.pc-heart{top:6px;right:6px;width:32px;height:32px;background:rgba(255,255,255,.92);transition:color .15s}.pc-heart:hover{transform:none}
.pc-body{padding:10px 10px 12px;gap:5px}.pc-name{font-size:12.5px;line-height:1.35;overflow-wrap:anywhere}
.pc-price b{font-size:14px}.pc-price s{font-size:11.5px;margin-left:6px}.pc-rate{font-size:11px;gap:5px;flex-wrap:wrap}
.stars svg{width:66px;height:13px;fill:#E4E0D8}.stars-fg svg{fill:#E9A93B}.pc-rate.lg .stars svg{width:78px;height:15px}
.pc-body .btn{min-height:34px;font-size:12.5px;border-radius:5px;margin-top:4px}
.pc-cmp{top:46px;right:6px;height:26px;font-size:10.5px}
@media(max-width:700px){.grid4.snap{margin:0 -16px;padding:2px 16px 10px;gap:10px}.grid4.snap .pc{flex:0 0 42%;max-width:220px}.pc-cmp{display:none}#grid{gap:10px}}

/* bundle banner, story, newsletter */
.bb{border-radius:10px;min-height:clamp(140px,19vw,220px)}.bb img{inset:0;height:100%}.bb div{padding:clamp(18px,4vw,44px);gap:8px;max-width:520px}.bb h2{font-size:clamp(24px,3.6vw,40px)}.bb p{font-size:clamp(11.5px,1.3vw,14px)}.bb .btn{min-height:34px;font-size:12.5px;padding:0 16px;border-radius:5px}
.story img{border-radius:10px}.newsband,.tm{border-radius:10px}.tm blockquote{font-size:19px}

/* ---------- product page ---------- */
.crumbs ol{font-size:12px;margin-bottom:14px}
.pdp-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:34px}
.gal{grid-template-columns:64px minmax(0,1fr);gap:10px;top:100px}
.thumbs{gap:8px;max-height:620px;overflow-y:auto;scrollbar-width:none}.thumbs::-webkit-scrollbar{display:none}.thumbs button{border:1.5px solid var(--line);border-radius:6px;flex:none}.thumbs button[aria-selected=true]{border-color:var(--ink)}
.mainimg{border-radius:8px;aspect-ratio:4/5}.mainimg>img{animation:none}.mainimg .badge-off{font-size:12px;padding:3px 9px;top:12px;left:12px}
.expand{width:36px;height:36px;right:10px;bottom:10px;border-radius:8px}
.info h1.serif{font:700 clamp(19px,2.2vw,24px)/1.25 var(--sans);letter-spacing:0;margin-bottom:6px}
.price-row{gap:10px;margin:8px 0}.price{font-size:clamp(22px,2.6vw,28px)}.price-row s{font-size:15px}.save{border-radius:4px;font-size:12px;font-weight:600;padding:3px 10px}
.lead{font-size:13px;margin:6px 0}
.opt{margin:14px 0}.opt-h{font-size:13.5px;margin-bottom:8px}
.swatches{gap:10px;flex-wrap:wrap}.swatches button{width:42px;height:42px;background-color:var(--c);background-image:var(--im,none);background-size:cover;background-position:center;box-shadow:none;border:2px solid var(--line);transition:border-color .15s}
.swatches button[aria-checked=true]{border-color:var(--ink);transform:none}
.qty-row{gap:14px}.qty{border-radius:6px}.qty button{width:36px;height:38px}.qty output{min-width:30px}.stock{font-size:13px}
.cta{gap:10px;margin:14px 0}.cta .btn{min-height:46px;font-size:14.5px;border-radius:6px}.btn-outline{border-color:var(--ink)}
.trust-row{gap:6px;margin-top:14px;padding:14px 0;font-size:10.5px}.trust-row>div{flex-direction:row;text-align:left;align-items:center;gap:7px}.trust-row b{font-size:11px}.trust-row .ic{color:var(--ink);width:20px;height:20px}
@media(max-width:1100px){.trust-row{grid-template-columns:1fr 1fr;gap:12px}}
.est{font-size:12.5px;margin:12px 0 4px}.mini-links{display:flex;flex-wrap:wrap;gap:6px 18px}.mini-links .link-btn{font-size:12.5px;color:var(--ink)}
.tiles{gap:10px;margin:26px 0}.tile{background:var(--surface2);border:0;border-radius:8px;padding:16px 8px}.tile .ic{color:var(--ink)}.tile b{font-size:12.5px}.tile span{font-size:11px}
.tab-list button{padding:12px 16px;font-size:13.5px;min-height:44px}.tab-list [aria-selected=true]{color:var(--ink);border-color:var(--ink);font-weight:700}
.tab-pn{padding:20px 0}.tab-pn h2.serif{font:700 15px var(--sans);letter-spacing:0;margin-bottom:10px}.desc-grid{grid-template-columns:1.2fr 1fr;gap:24px}.desc-grid img{border-radius:8px}.feat li{font-size:13.5px}
@media(max-width:900px){
  .pdp-grid{gap:16px}.gal{grid-template-columns:56px minmax(0,1fr);gap:8px;position:static}
  .thumbs{display:grid;max-height:calc((100vw - 104px)*1.25)}.mainimg .dots{display:none}
  .info h1.serif{font-size:18px}.price{font-size:24px}
}
@media(max-width:700px){.tiles{grid-template-columns:1fr 1fr}}
.sticky-bar .btn{min-height:44px;font-size:14px;border-radius:6px;padding:0 14px}

/* ---------- cart ---------- */
@media(max-width:520px){.cl{grid-template-columns:72px 1fr;gap:12px}.cl img{width:72px;height:72px}.cl-r{grid-column:1/-1;flex-direction:row;align-items:center}}

/* ---------- checkout ---------- */
.co{max-width:600px}
.steps{max-width:360px;margin:0 auto 20px}.steps::before{top:17px;left:17%;right:17%}
.steps li{font-size:12px;gap:6px;width:33.3%;font-weight:500}
.steps i{width:36px;height:36px;border-width:1.5px;transition:background .2s,border-color .2s}
.steps .on i{background:var(--gold);border-color:var(--gold);color:#fff;box-shadow:none}.steps .done i{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.co .card-box{border-radius:8px;box-shadow:none;padding:16px;margin-bottom:12px}.card-box h2{font-size:14.5px;margin-bottom:12px}
.fld{font-size:12.5px;margin-bottom:12px}.fld em{color:var(--red);font-style:normal}
.fld input,.fld select,.fld textarea{min-height:42px;margin-top:5px;padding:9px 12px;border-radius:5px;font-size:13.5px}
.fld input::placeholder{color:#a8a39b}
.fld select{appearance:none;-webkit-appearance:none;padding-right:34px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6a63' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center}
.sum-i{grid-template-columns:52px 1fr auto;gap:10px}.sum-i img{width:52px;height:52px;border-radius:6px}.sum-i b{font-size:13px}.sum-i small{font-size:11.5px}
.row{font-size:13px}.row.tot{font-size:15px}
.coupon-d{margin:8px 0 2px}.coupon-d summary{font-size:12.5px;font-weight:600;color:var(--gold-d);cursor:pointer;padding:6px 0}.coupon-d .coupon{margin:8px 0 4px}
.pay-card{padding:12px 14px;gap:12px;border-radius:6px;font-size:13px}.pay-card b{font-size:13px}.pay-card small{font-size:11.5px}.pay-card.on{border-color:#7fb0e6;background:color-mix(in srgb,#4A9BEF 10%,var(--surface))}
.co .btn-lg{min-height:46px;font-size:15px}.fine{font-size:12px}
@media(max-width:768px){.has-bar{padding-bottom:84px}body.has-bar:has(.bar){padding-bottom:0}body.has-bar:has(.bar) main{padding-bottom:124px}body:has(.bar) .wa{bottom:136px}.bar .btn{min-height:46px}#barToggle{font-size:14px}body.has-bar .cookie{bottom:84px}}

/* ---------- order confirmation ---------- */
.conf-card{max-width:480px;gap:12px}.conf-card h1.serif{font:700 clamp(26px,6vw,32px)/1.15 var(--sans);letter-spacing:0;margin:0}.check{width:76px}
.conf-card>p{font-size:14px;color:var(--muted);margin:0}.conf-card>p b{color:var(--ink)}
.od{padding:0;overflow:hidden;border-radius:8px;box-shadow:none}.od h2{margin:0;padding:12px 16px;background:var(--surface2);font-size:14px}
.od>:not(h2){margin-left:16px;margin-right:16px}.od dl{margin-top:8px}.od .row.tot{margin-bottom:14px}.od .sum-i{margin-bottom:0}
.conf-card .btn{min-height:44px;border-radius:6px}
.est-card{display:grid;justify-items:center;text-align:center;gap:4px;background:var(--surface2);border:0;box-shadow:none}.est-card p{font-size:15px}.est-card small{font-size:12px}

/* ---------- small-screen alignment ---------- */
@media(max-width:768px){
  .container{padding:0 16px}main{padding-bottom:40px}
  input,select,textarea,.search input,.fld input,.fld select,.fld textarea{font-size:16px}   /* stops iOS zooming into fields */
  .filters{gap:10px;padding:12px}.filters>*{flex:1 1 140px;min-width:0}
  .sec{padding-top:24px}.tm blockquote{font-size:17px}
  .ftr{margin-top:44px}.ftr-bot{justify-content:center;text-align:center}
  .cookie{left:12px;right:12px;bottom:12px}
}
@media(max-width:380px){.logo-name{font-size:21px}.hdr-act .ib{width:36px}.pc-name{font-size:12px}.grid4.snap .pc{flex-basis:46%}}
@media(prefers-reduced-motion:reduce){#tw-loader{transition:none}}

/* ---------- fixes found while testing on phone sizes ---------- */
.pc-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px}.pc-price s{margin-left:0}
.bb::after{background:linear-gradient(90deg,rgba(8,8,10,.86),rgba(8,8,10,.4) 65%,transparent)}
.news{flex-wrap:wrap}.news .btn{flex:none}
@media(max-width:700px){
  .grid4.snap{scroll-padding:0 16px}
  .pc-body{padding:9px 9px 11px}.pc-price b{font-size:13.5px}.pc-price s{font-size:11px}
  .bb div{max-width:75%}
}
@media(max-width:480px){.news{flex-direction:column}.news input[type=email],.news .btn{width:100%}}
@media(max-width:900px){.pdp-grid{grid-template-columns:minmax(0,1fr)}}
.est{display:block}.est .ic{display:inline-block;vertical-align:-3px;margin-right:6px}
@media(max-width:480px){.news input[type=email]{flex:none;height:46px}}
.pc-rate a{text-decoration:none}
canvas#cf{inset:-20px 0 auto 0;width:100%}.conf-card{overflow:visible}main{overflow-x:clip}
#payCod svg{color:var(--green)}.pay-card input{accent-color:#2d6cdf}.conf-card{padding-top:14px}

/* ---------- menu drawer: tidy, left-aligned layout ---------- */
.menu-in{align-items:stretch;justify-content:flex-start;text-align:left;grid-template-columns:none}
.menu-head{width:100%;box-sizing:border-box}
.menu-links{width:100%;padding:0}
.menu-links a{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:15px 20px;text-align:left}
.menu-links a::after{content:"\203A";color:var(--muted);font-size:18px;line-height:1}
.menu-links a span{display:block}
.menu-side{width:100%;box-sizing:border-box;padding:20px;margin-top:auto;border-top:1px solid var(--line);background:var(--surface2)}
.menu-short{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}
.menu-short>*{justify-content:flex-start;border-radius:8px;background:var(--surface);width:100%;box-sizing:border-box}
.menu-short .theme{justify-content:center}
.menu .socials{justify-content:flex-start;gap:8px}
.menu .socials:empty{display:none}
.menu-in{padding-bottom:0}.menu-short .theme{grid-column:1/-1;width:100%;border-radius:8px}

/* ---------- category tabs: centred on desktop ---------- */
.tabs{justify-content:center}

/* ---------- shop filters (clean grid, works from phone to desktop) ---------- */
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}
.chip{flex:none;white-space:nowrap}
.filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;align-items:end;padding:16px;margin:12px 0 20px;background:var(--surface2);border:1px solid var(--line);border-radius:10px}
.filters .f-item{display:grid;gap:6px;min-width:0;margin:0}
.f-l{font-size:12px;font-weight:600;color:var(--muted);display:flex;justify-content:space-between;gap:8px;white-space:nowrap}.f-l b{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis}
.filters select{width:100%;min-height:42px;padding:0 34px 0 12px;font-size:14px;border:1px solid var(--line);border-radius:6px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236f6a63' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;appearance:none;-webkit-appearance:none;text-overflow:ellipsis}
.f-price{align-self:stretch;display:grid;align-content:end}
.filters input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:42px;margin:0;padding:0;background:transparent;touch-action:pan-y;cursor:pointer;accent-color:var(--gold-d)}
.filters input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--line)}
.filters input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--line)}
.filters input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:50%;background:var(--gold);border:3px solid var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.35)}
.filters input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--gold);border:3px solid var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.35)}
.f-foot{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:10px;border-top:1px solid var(--line);font-size:13.5px}
.f-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer;min-height:36px}.f-check input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
@media(max-width:700px){.filters{grid-template-columns:1fr 1fr;padding:14px;gap:12px}.f-price{grid-column:1/-1}}
@media(max-width:380px){.filters{grid-template-columns:1fr}}

/* ---------- contact page ---------- */
#info:has(.ct){max-width:1040px;margin-left:auto;margin-right:auto}
.ct-h{text-align:center;max-width:620px;margin:0 auto 28px}.ct-h h1{margin:0 0 8px}.ct-h p{margin:0;font-size:15px}
.ct-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px;align-items:start}
.ct-info{display:grid;gap:12px}
.ct-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);text-decoration:none;min-width:0}
a.ct-card:hover{border-color:var(--gold)}
.ct-ic{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);color:var(--gold-d)}
.ct-tx{display:grid;gap:2px;min-width:0}.ct-tx b{font-size:13px}.ct-tx span{font-size:14px;color:var(--muted);overflow-wrap:anywhere}
.ct-form{display:grid;gap:14px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px;max-width:none;box-shadow:var(--shadow)}
.ct-form h2{margin:0;font:700 18px var(--sans)}
.ct-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-form .fld{margin:0}.ct-form textarea{min-height:130px;resize:vertical}
@media(max-width:820px){.ct-grid{grid-template-columns:1fr}.ct-form{padding:18px}.ct-row{grid-template-columns:1fr}.ct-h{text-align:left;margin-bottom:20px}}

/* ---------- WhatsApp button: lower-right corner, small and low ---------- */
.wa{left:auto;right:14px;bottom:14px;width:48px;height:48px}
.wa svg{width:24px;height:24px}
.cookie{left:16px;right:76px}
@media(max-width:768px){.wa{right:12px;bottom:12px;width:46px;height:46px}.cookie{left:12px;right:12px;bottom:70px}body.has-bar .wa{bottom:84px}body:has(.bar) .wa{bottom:132px}}

/* =====================================================================
   Payment methods: Cash on Delivery, Online Bank Transfer, locked card payment
   ===================================================================== */
.pay-card{position:relative;flex-wrap:nowrap;min-width:0}
.pay-card>span{flex:1 1 auto;min-width:0}.pay-card>svg{flex:none}
.pay-card input{flex:none}
.pay-card.locked{opacity:.62;cursor:not-allowed;background:var(--surface2);border-style:dashed;filter:grayscale(.6)}
.pay-card.locked input{cursor:not-allowed}
.pay-card .soon{flex:none;display:inline-flex;align-items:center;gap:5px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:4px 9px;border-radius:20px;background:var(--ink);color:var(--bg);white-space:nowrap}
@media(max-width:520px){.pay-card.locked{padding-top:34px}.pay-card .soon{position:absolute;top:9px;right:10px;font-size:10px;padding:3px 8px}}

.bank-panel{margin:-4px 0 14px;padding:16px;border:1.5px solid color-mix(in srgb,#4A9BEF 45%,var(--line));border-radius:8px;background:color-mix(in srgb,#4A9BEF 5%,var(--surface));animation:none}
.bank-panel h3,.bank-card h2{margin:0 0 12px;font:700 14.5px var(--sans)}
.bank-dl{display:grid;gap:0;margin:0;border:1px solid var(--line);border-radius:8px;background:var(--surface);overflow:hidden}
.bank-dl>div{display:grid;grid-template-columns:minmax(110px,34%) minmax(0,1fr);gap:4px 12px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line)}
.bank-dl>div:last-child{border-bottom:0}
.bank-dl dt{font-size:12px;font-weight:600;color:var(--muted)}
.bank-dl dd{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}
.bank-dl dd>span{min-width:0}
.bank-dl .hl{background:var(--surface2)}.bank-dl .hl dd b{font-size:16px}
.bank-dl .ref dd b{letter-spacing:.04em;color:var(--gold-d);font-size:17px}
.bank-dl .muted{font-weight:400;font-size:12.5px}
.copy{flex:none;display:inline-flex;align-items:center;gap:5px;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);font-size:12px;font-weight:600;color:var(--ink);cursor:pointer}
.copy:hover{border-color:var(--gold)}.copy.ok{background:var(--green);border-color:var(--green);color:#fff}
.copy svg{width:14px;height:14px}
.bank-note{margin:12px 0 0;font-size:13px;line-height:1.55;color:var(--muted)}
.bank-steps{margin:0 0 14px;padding-left:20px;display:grid;gap:4px;font-size:13.5px}
.bank-card .note-box{margin:14px 0 0}
.note-box.bad{border-color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface))}

.slip-up{display:grid;gap:10px;margin-top:14px}
.slip-drop{display:flex;align-items:center;gap:12px;padding:14px;border:1.5px dashed var(--line);border-radius:8px;background:var(--surface);cursor:pointer;min-width:0}
.slip-drop:hover,.slip-drop:focus-within{border-color:var(--gold)}
.slip-drop>svg{flex:none;color:var(--gold-d)}
.slip-drop span{display:grid;gap:2px;min-width:0}.slip-drop b{font-size:13.5px}.slip-drop small{font-size:12px;color:var(--muted);line-height:1.4}
.slip-chosen{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:6px;background:var(--surface2);font-size:13px}
.slip-chosen span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.slip-up .btn{min-height:44px}

@media(max-width:520px){
  .bank-panel{padding:12px}
  .bank-dl>div{grid-template-columns:1fr;gap:2px;padding:10px 12px}
  .bank-dl dd{font-size:14.5px}
}
.bank-card,.bank-card *{text-align:left}
.bank-card{padding:16px}
.bank-card h2{margin-bottom:10px}
.bank-card .bank-steps{padding-left:22px}
.bank-card .bank-steps li{padding-left:2px}
.bank-card .note-box{margin-top:14px}
.conf-card .bank-card .btn{text-align:center}

/* ---------- signed-out account pages: one centred column (no empty sidebar) ---------- */
.acct.acct-gate{grid-template-columns:minmax(0,1fr);justify-items:center}
.acct.acct-gate .acct-nav{display:none}
.acct.acct-gate>section{width:100%}
.acct-gate .empty{min-height:46vh;align-content:center;justify-items:center;text-align:center;padding:60px 20px}
.acct-gate .empty h1{margin:0;font-size:clamp(26px,4vw,34px)}
.acct-gate .empty p{margin:0 0 6px;max-width:34ch}

/* ---------- product description tab: text only, tidy on every screen ---------- */
.desc{max-width:880px}
.desc h2.serif{font:700 16px var(--sans);letter-spacing:0;margin:0 0 14px}
.desc h2.serif.desc-h{margin-top:32px}
.feat.feat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}
.feat.feat-grid li{position:relative;margin:0;padding:2px 0 2px 30px;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.feat.feat-grid li::before{content:"";position:absolute;left:0;top:3px;width:20px;height:20px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat}
.desc-text{max-width:70ch}
.desc-text p{margin:0 0 14px;font-size:14.5px;line-height:1.75;color:var(--muted)}
.desc-text p:last-child{margin-bottom:0}
@media(max-width:700px){
  .feat.feat-grid{grid-template-columns:1fr;gap:10px}
  .feat.feat-grid li{font-size:14px}
  .desc-text p{font-size:14px;line-height:1.7}
  .desc h2.serif.desc-h{margin-top:26px}
}

/* =====================================================================
   Bank transfer card on the order confirmation / My orders pages
   ===================================================================== */
.card-box.bk{padding:0;overflow:hidden;border-radius:12px;box-shadow:var(--shadow);margin-bottom:14px}
.bk,.bk *{text-align:left}
.bk-h{display:flex;gap:14px;align-items:center;padding:18px 20px;background:color-mix(in srgb,var(--gold) 14%,var(--surface));border-bottom:1px solid var(--line)}
.bk-ic{flex:none;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--gold-d);box-shadow:0 1px 4px rgba(0,0,0,.1)}
.bk-h h2{margin:0 0 3px;font:700 17px/1.25 var(--sans)}
.bk-h p{margin:0;font-size:13.5px;line-height:1.45;color:var(--muted)}.bk-h p b{color:var(--ink)}
.bk .bk-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:18px 20px 4px}
.bk .bk-steps li{display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;font-size:12px;line-height:1.3;color:var(--muted);padding:0}
.bk .bk-steps span{text-align:center}
.bk-steps i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:700 13px var(--sans);font-style:normal;background:var(--surface2);border:1.5px solid var(--line);color:var(--ink)}
.bk-steps .now i{background:var(--gold);border-color:var(--gold);color:#fff}.bk-steps .now{color:var(--ink);font-weight:600}
.bk-steps .done i{background:var(--green);border-color:var(--green);color:#fff}
.bk-box{padding:14px 20px 6px}
.bk-box .bank-dl{border-radius:10px}.bk-box .bank-note{margin:12px 2px 0}
.bk-up{padding:18px 20px 20px;margin-top:14px;border-top:1px solid var(--line)}
.bk-h+.bk-up{margin-top:0;border-top:0}
.bk-up h3{margin:0 0 12px;font:700 15px var(--sans)}
.bk-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;margin:0 0 14px;border-radius:10px;background:var(--surface2);border:1px solid var(--line)}
.bk-note p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink)}
.bk-note>.ic{flex:none;margin-top:1px;color:var(--muted)}
.bk-note.ok{background:color-mix(in srgb,var(--green) 9%,var(--surface));border-color:color-mix(in srgb,var(--green) 40%,var(--line))}.bk-note.ok>.ic{color:var(--green)}
.bk-note.bad{background:color-mix(in srgb,var(--red) 8%,var(--surface));border-color:color-mix(in srgb,var(--red) 45%,var(--line))}.bk-note.bad>.ic{color:var(--red)}

/* drag & drop box */
.dz{display:grid;place-items:center;min-height:160px;padding:26px 16px;border:2px dashed color-mix(in srgb,var(--gold) 60%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--gold) 5%,var(--surface));cursor:pointer;transition:border-color .2s,background .2s}
.dz:hover,.dz:focus-visible{border-color:var(--gold-d);background:color-mix(in srgb,var(--gold) 11%,var(--surface));outline:0}
.dz:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 35%,transparent)}
.dz.over{border-style:solid;border-color:var(--gold-d);background:color-mix(in srgb,var(--gold) 20%,var(--surface))}
.dz.has{min-height:0;padding:14px;border-style:solid;border-color:var(--line);background:var(--surface);cursor:default}
.dz-empty{display:grid;justify-items:center;gap:6px}
.dz .dz-empty,.dz .dz-empty *{text-align:center}
.dz-empty>.ic{color:var(--gold-d);margin-bottom:2px}
.dz-t{font-size:15px;line-height:1.35}.dz-m{display:none}
.dz-or{font-size:13px;color:var(--muted)}.dz-or u{color:var(--gold-d);font-weight:600}
.dz-empty small{font-size:12px;color:var(--muted);margin-top:2px}
@media(pointer:coarse){.dz-d,.dz-or{display:none}.dz-m{display:inline}}
.dz-file{display:flex;align-items:center;gap:12px;width:100%}
.dz-thumb{flex:none;width:58px;height:58px;border-radius:8px;overflow:hidden;background:var(--surface2);border:1px solid var(--line);display:grid;place-items:center;align-content:center;color:var(--gold-d)}
.dz-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.dz-thumb em{font:700 10px var(--sans);font-style:normal;color:var(--muted);margin-top:-2px}
.dz-meta{display:grid;gap:2px;min-width:0;flex:1}
.dz-meta b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-meta small{font-size:12px;color:var(--muted)}
.dz-x{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:22px;line-height:1;cursor:pointer;color:var(--ink)}
.dz-x:hover{border-color:var(--red);color:var(--red)}
.bk-up .btn{margin-top:12px;min-height:48px}
@media(max-width:520px){
  .bk-h{padding:14px;gap:12px}.bk-h h2{font-size:16px}.bk-ic{width:42px;height:42px}
  .bk .bk-steps{padding:14px 12px 2px;gap:4px}.bk .bk-steps li{font-size:11px}
  .bk-box{padding:12px 14px 4px}.bk-up{padding:14px 14px 16px}
  .dz{min-height:140px;padding:22px 12px}
}

/* footer credit */
.ftr-bot .dev{font-size:13px;color:var(--muted)}.ftr-bot .dev b{color:var(--ink);font-weight:600}

/* ---------- info pages (About, Terms, Privacy): readable long text ---------- */
#info p{line-height:1.75}
#info h2{margin:30px 0 8px;font:700 18px/1.3 var(--sans);letter-spacing:0;color:var(--ink)}
#info ul{margin:0 0 14px;padding-left:22px;color:var(--muted);font-size:16px;line-height:1.7}
#info li{margin-bottom:8px;padding-left:2px}
#info li b,#info p b{color:var(--ink)}
#info p a,#info li a{color:var(--gold-d);text-decoration:underline;text-underline-offset:2px}
#info p.updated{font-size:13px;margin:-4px 0 18px;color:var(--muted)}
@media(max-width:700px){#info p,#info ul{font-size:15px}#info h2{font-size:17px;margin-top:26px}}

/* ---------- star ratings: gold row sits exactly on top of the grey row ---------- */
.stars{position:relative;display:inline-block;line-height:0;vertical-align:middle;flex:none}
.stars-bg,.stars-fg{display:block;line-height:0}
.stars svg{display:block;max-width:none;flex:none}      /* the global svg{max-width:100%} was shrinking the gold row */
.stars-fg{position:absolute;left:0;top:0;height:100%;overflow:hidden;white-space:nowrap}
.pc-rate{display:flex;align-items:center}