/* CaseMart BD — main stylesheet */
:root{
  --ink:#121212;--ink2:#1f1f1f;--gold:#C9A23A;--gold2:#E8C766;--goldsoft:#F6EDD3;
  --bg:#F6F4EF;--card:#fff;--line:#ECE8DF;--muted:#8A857A;
  --green:#1F9D62;--orange:#E07A1F;--red:#D9434A;--cn:#C0392B;
  --r:18px;--ease:cubic-bezier(.2,.8,.2,1);
  --font:"Inter","Hind Siliguri","Noto Sans Bengali",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.cm{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5;padding-bottom:66px;overflow-x:hidden;-webkit-tap-highlight-color:transparent}
body.cm.no-scroll{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.25}
.h3{font-size:19px;font-weight:800}.h4{font-size:16px;font-weight:800}
.muted{color:var(--muted)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.skip-link:focus{clip:auto;width:auto;height:auto;z-index:999;background:#fff;padding:8px 12px;top:8px;left:8px}
.ic{width:22px;height:22px;flex:none}
.wrap{max-width:1200px;margin:0 auto}
.main{padding:10px 12px 24px}
.cm-hide,.cm-hp{display:none!important}

/* ---------- Header ---------- */
.top{position:sticky;top:0;z-index:30;background:var(--ink);color:#fff;padding:10px 12px;border-radius:0 0 20px 20px;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.admin-bar .top{top:46px}
@media (min-width:783px){.admin-bar .top{top:32px}}
.hd{display:flex;align-items:center;gap:8px}
.hd-menu{color:#fff;width:34px;height:40px;display:grid;place-items:center;flex:none}
.hd-menu .ic{width:26px;height:26px}
.hd-logo{display:flex;align-items:center;gap:6px;flex:none}
.logo-img{width:34px;height:34px;object-fit:contain;flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.35))}
.hd-logo .wm{display:flex;flex-direction:column;line-height:1;font-weight:850;font-size:15px;letter-spacing:.3px}
.hd-logo .wm b{color:var(--gold2);font-size:10.5px;letter-spacing:4px;margin-top:2px;font-weight:900}
.hd-div{width:2.5px;height:30px;background:var(--gold);border-radius:2px;flex:none}
.hd-tag{font-size:8.5px;line-height:1.15;font-weight:800;letter-spacing:.6px;color:#e9e3d3;flex:none;text-transform:uppercase}
.hd-search{flex:1;min-width:0;display:flex;align-items:center;background:#fff;border-radius:30px;padding:0 6px 0 12px;height:42px;margin:0}
.hd-search input{flex:1;min-width:0;border:0;outline:0;font-size:14.5px;background:none;color:var(--ink);-webkit-appearance:none}
.hd-search input::placeholder{color:#9b978d}
.hd-search button{width:32px;height:32px;display:grid;place-items:center;color:var(--gold)}
.hd-desk{display:none}
.badge{position:absolute;top:-4px;right:6px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:800;display:grid;place-items:center;transform:scale(0);transition:transform .3s var(--ease)}
.badge.on{transform:scale(1)}

/* ---------- Drawer ---------- */
.scrim{position:fixed;inset:0;background:rgba(18,18,18,.5);opacity:0;pointer-events:none;transition:opacity .3s;z-index:60}
.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;bottom:0;left:0;width:84%;max-width:360px;background:#fff;z-index:61;transform:translateX(-102%);transition:transform .38s var(--ease);display:flex;flex-direction:column;border-radius:0 24px 24px 0}
.drawer.on{transform:none}
.dr-head{background:var(--ink);color:#fff;padding:20px 16px 16px;border-radius:0 24px 0 0}
.dr-head .row{display:flex;justify-content:space-between;align-items:center}
.dr-head .brand{display:flex;align-items:center;gap:10px;font-weight:850;font-size:18px}
.dr-head .logo-img{width:40px;height:40px}
.dr-head p{font-size:12.5px;color:#bdb6a5;margin:8px 0 0}
.ibtn{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff}
.dr-body{flex:1;overflow-y:auto;padding:8px 8px 30px}
.acc-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;text-align:left;font-size:15.5px;font-weight:650}
.acc-btn:active{background:#f6f3ec}
.acc-btn.hot{color:var(--orange)}.acc-btn.cn{color:var(--cn)}
.icb{width:34px;height:34px;border-radius:10px;background:var(--goldsoft);display:grid;place-items:center;flex:none;overflow:hidden;font-weight:800;color:#8a6a10}
.icb img{width:100%;height:100%;object-fit:cover}
.icb img[src$='.svg']{width:80%;height:80%;object-fit:contain}
.icb .ic{width:19px;height:19px}
.acc-btn .t{flex:1;min-width:0}
.acc-btn .t .sub{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-top:1px}
.pill-s{display:inline-block;flex:none;font-size:10.5px;font-weight:800;padding:4px 9px;border-radius:8px;background:#FDECEC;color:var(--cn)}
.pm{width:22px;height:22px;position:relative;flex:none;color:#555}
.pm::before,.pm::after{content:"";position:absolute;left:4px;right:4px;top:10px;height:2px;background:currentColor;border-radius:2px;transition:transform .3s var(--ease)}
.pm::after{transform:rotate(90deg)}
.acc.open>.acc-btn .pm::after{transform:rotate(0)}
.acc.open>.acc-btn{color:var(--gold)}
.acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s var(--ease)}
.acc.open>.acc-panel{grid-template-rows:1fr}
.acc-inner{overflow:hidden}
.acc-list{margin:2px 0 8px 28px;border-left:2px solid var(--line);padding-left:8px}
.acc-list .acc-btn{font-size:14.5px;font-weight:500;padding:9px 10px;color:#444}
.acc-list .acc-list{margin-left:10px}
.leaf{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;font-size:14.5px;color:#444}
.icb.sm{width:32px;height:32px;border-radius:9px;background:#fff;border:1px solid var(--line);color:#555;font-size:14px}
.icb.sm.img{padding:2px}.icb.sm.img img{object-fit:contain;border-radius:7px}
.icb.sm.ph{color:#9a937f}.icb.sm.ph svg{width:20px;height:20px}
.leaf.all{font-weight:650;color:var(--ink)}
.leaf:active{background:var(--goldsoft)}

.dr-empty{margin:14px 10px 0;padding:14px;border:1.5px dashed var(--line);border-radius:14px;font-size:13px;color:var(--muted);text-align:center}

/* ---------- Home ---------- */
.quick{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 8px}
.quick::-webkit-scrollbar,.hscroll::-webkit-scrollbar,.phones::-webkit-scrollbar,.steps::-webkit-scrollbar{display:none}
.q{flex:none;width:70px;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:12px;font-weight:600;color:#333}
.q .bub{width:58px;height:58px;margin-bottom:5px;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:transform .2s var(--ease)}
.q .bub img{width:100%;height:100%;object-fit:cover}
.q .bub.svg img{width:76%;height:76%;object-fit:contain}
.q .bub img.lg{width:38px;height:38px;object-fit:contain}
.q .bub .cn-flag{width:64%;height:64%;filter:drop-shadow(0 2px 3px rgba(215,36,39,.25))}
.q .em{font-size:28px}.q .em.ltr{font-size:22px;font-weight:800;color:var(--gold)}
.q.on .bub{border:1.5px solid var(--gold);background:var(--goldsoft)}
.q:active .bub{transform:scale(.92)}
.q .ql{line-height:1.2}

.hero{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:2/1;max-height:420px;margin-top:2px;background:var(--ink)}
.slides{display:flex;height:100%;transition:transform .6s var(--ease)}
.slide{flex:0 0 100%;height:100%;padding:18px;color:#fff;position:relative;overflow:hidden;background-size:cover;background-position:center;display:flex;align-items:center}
.slide.s1{background-color:#121212;background-image:linear-gradient(135deg,#121212,#3a2f12)}
.slide.s2{background-image:linear-gradient(135deg,#0f2a3d,#2e6fd8)}
.slide.s3{background-image:linear-gradient(135deg,#3b1520,#e2783b)}
.slide.has-img{background-color:#222}
.slide.has-img .sl-txt{background:linear-gradient(90deg,rgba(0,0,0,.55),transparent);margin:-18px;padding:18px;align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.sl-txt{max-width:70%}
.sl-h{display:block;font-size:22px;line-height:1.15;font-weight:850}
.sl-p{display:block;font-size:13px;opacity:.88;margin-top:6px}
.cta{margin-top:12px;display:inline-flex;gap:6px;align-items:center;background:var(--gold);color:var(--ink);padding:8px 14px;border-radius:12px;font-weight:750;font-size:13px;align-self:flex-start}
.pager{position:absolute;top:14px;right:16px;display:flex;gap:5px}
.pager i{width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.45);transition:width .3s}
.pager i.on{width:20px;background:var(--gold2)}

.sec{margin-top:16px}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:10px;gap:10px}
.sec-h small{display:block;font-size:11px;letter-spacing:2.5px;color:var(--muted);font-weight:700;margin-bottom:2px}
.link{font-size:13px;font-weight:700;color:var(--gold);white-space:nowrap}
.phones{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.pill{flex:none;padding:9px 15px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:13.5px;font-weight:600}
.pill:active{background:var(--ink);color:#fff}

.flash{background:var(--ink);border-radius:22px;padding:14px 0 14px 14px;color:#fff}
.flash .sec-h{padding-right:14px}
.flash .sec-h small{color:#b9b2a1}
.timer{display:flex;gap:4px;align-items:center;font-variant-numeric:tabular-nums;font-weight:800}
.timer span{background:var(--gold);color:var(--ink);border-radius:7px;padding:3px 6px;font-size:13px}
.hscroll{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:0 14px 2px 0;margin:0;list-style:none}
.hscroll>li.card{flex:0 0 156px}

.cn-promo{margin-top:16px;border-radius:22px;padding:16px;color:#fff;background:linear-gradient(135deg,#7a1414,var(--cn) 55%,#d9822b);position:relative;overflow:hidden}
.cn-promo::after{content:"🇨🇳";position:absolute;right:-6px;top:-10px;font-size:92px;opacity:.16;transform:rotate(12deg)}
.cn-promo p{font-size:13px;opacity:.9;margin:6px 0 0;max-width:85%}
.cn-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.cn-chips span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:5px 10px;border-radius:10px;font-size:12px;font-weight:700}
.cn-promo .cta{background:#fff;color:#7a1414;font-size:14px;padding:10px 16px}

.trust{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.trust>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;display:flex;gap:10px;align-items:center;font-size:12.5px;line-height:1.3}
.trust b{display:block;font-size:13.5px}
.ti{width:34px;height:34px;border-radius:10px;background:var(--goldsoft);display:grid;place-items:center;flex:none;font-size:17px}
.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:30px 0}

/* ---------- Product grid + card ---------- */
.cm-grid,.woocommerce ul.products{display:grid!important;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.card,li.card{width:auto!important;margin:0!important;float:none!important;padding:0}
li.card{position:relative;color:var(--ink);background:var(--card);border-radius:16px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column;animation:pop .45s var(--ease) both;transition:transform .18s var(--ease)}
li.card:active{transform:scale(.97)}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}}
.card .pic{position:relative;display:block;aspect-ratio:3/4;background:#F3EFE6;overflow:hidden}
.card .pic img.ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0!important}
.tag{position:absolute;top:8px;left:8px;background:var(--ink);color:var(--gold2);font-size:10.5px;font-weight:800;padding:4px 8px;border-radius:8px;z-index:1}
.tag.hot{background:var(--orange);color:#fff}.tag.cn{background:var(--cn);color:#fff}
.heart{position:absolute;top:6px;right:6px;width:30px;height:30px;border-radius:50%;background:#fff;display:grid;place-items:center;z-index:2;color:var(--ink)}
.heart .ic{width:16px;height:16px}
.heart.on{color:var(--red)}.heart.on .ic{fill:var(--red)}
.card .body{padding:9px 9px 10px;display:flex;flex-direction:column;gap:4px;flex:1}
.card .nm{font-size:13.2px;font-weight:650;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;padding:0}
.dots{display:flex;gap:4px;align-items:center;flex-wrap:wrap}
.dots i{width:12px;height:12px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px #ddd}
.dots em{font-style:normal;font-size:11px;color:var(--muted);margin-left:2px}
.stock{font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:5px}
.stock::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.stock.ok{color:var(--green)}.stock.low{color:var(--orange)}.stock.out{color:var(--red)}.stock.pre{color:var(--cn)}
.pr{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:4px}
.pr .p{display:flex;flex-direction:column;line-height:1.1;flex:1;min-width:0}
.pr b{font-size:16px;font-weight:850}.pr s{font-size:11.5px;color:var(--muted)}
.mini-co{background:var(--gold);color:var(--ink);font-weight:800;font-size:12px;padding:8px 10px;border-radius:11px;white-space:nowrap}
.mini-co.pre{background:var(--cn);color:#fff}
.mini-co.disabled{background:#eee;color:#aaa;pointer-events:none}

/* WooCommerce archive header */
.woocommerce-products-header__title.page-title,.page-title{font-size:20px;font-weight:850;margin:4px 0 10px}
.woocommerce .woocommerce-result-count{font-size:13px;color:var(--muted);margin:0 0 10px;float:left}
.woocommerce .woocommerce-ordering{margin:0 0 12px;float:right}
.woocommerce .woocommerce-ordering select{border:1px solid var(--line);border-radius:10px;padding:7px 10px;background:#fff;font-size:13px}
.woocommerce ul.products{clear:both}
.woocommerce nav.woocommerce-pagination ul{border:0}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0 3px}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:10px;background:#fff;padding:8px 12px}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--ink);color:#fff}
.term-description{font-size:14px;color:#555}

/* ---------- Boxes / buttons / forms ---------- */
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-top:10px}
.box h5{font-size:13.5px;font-weight:750;display:flex;justify-content:space-between;margin:0 0 10px}
.box h5 span{color:var(--muted);font-weight:600}
.btn-co,.woocommerce .button.alt,.woocommerce #place_order,.woocommerce a.checkout-button{background:var(--ink)!important;color:var(--gold2)!important;min-height:48px;padding:0 20px;border-radius:14px!important;font-weight:800;font-size:15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;transition:transform .15s}
.btn-co .ic{width:18px;height:18px}
.btn-co:active{transform:scale(.96)}
.btn-co.red{background:var(--cn)!important;color:#fff!important}
.btn-co.ghost{background:#fff!important;color:var(--ink)!important;border:1.5px solid var(--line)}
.btn-co.confirm{width:100%;margin-top:12px}
.woocommerce .button{border-radius:12px;font-weight:700}
.fld{margin-top:10px}
.fld label,.woocommerce form .form-row label{font-size:12.5px;font-weight:700;color:#555;display:block;margin-bottom:5px}
.fld input,.fld textarea,.fld select,.woocommerce form .form-row .input-text,.woocommerce form .form-row select,.woocommerce form .form-row textarea,.select2-container .select2-selection--single{width:100%;border:1.5px solid var(--line)!important;border-radius:12px!important;padding:11px 12px;font-size:15px;outline:none;background:#FBFAF7;transition:border .2s}
.select2-container .select2-selection--single{height:46px;padding:8px 6px}
.select2-container--default .select2-selection--single .select2-selection__arrow{top:10px}
.fld input:focus,.fld textarea:focus,.woocommerce form .form-row .input-text:focus{border-color:var(--gold)!important}
.row2{display:grid;grid-template-columns:1fr 110px;gap:10px}
.note{background:#FFF4E5;border:1px solid #f5d7a8;color:#7a4b00;border-radius:14px;padding:12px;font-size:13px;line-height:1.55;margin-top:12px}
.note.err{background:#FDECEC;border-color:#f3c3c3;color:#8a1f1f}
.note.ok{background:#E8F6EF;border-color:#b9e2cc;color:#145c3a}
.mnote{font-size:12.5px;color:var(--muted);margin:10px 0 0}
.done{text-align:center;padding:30px 10px}
.done .big{font-size:54px}

/* ---------- Single product ---------- */
.is-product{padding-top:6px}
.crumb2{display:flex;align-items:center;gap:6px;padding:0 2px 8px}
.cr-path{flex:1;min-width:0;display:flex;align-items:center;gap:8px;font-size:16px;white-space:nowrap;overflow:hidden}
.cr-path a{color:var(--muted)}
.cr-path a:last-child{color:var(--ink);font-weight:800;border-bottom:3px solid var(--gold);padding-bottom:1px;overflow:hidden;text-overflow:ellipsis}
.cr-path span{color:#c2bcae}
.cr-ic{width:36px;height:36px;display:grid;place-items:center}
.gal{background:#fff;border:1.5px solid #e4dccb;border-radius:24px;padding:12px;display:flex;gap:10px;box-shadow:0 8px 24px rgba(60,45,10,.06)}
.g-side{width:70px;flex:none;display:flex;flex-direction:column;gap:8px}
.g-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;scrollbar-width:none;scroll-snap-type:y mandatory}
.g-list::-webkit-scrollbar{display:none}
.g-th{width:70px;height:94px;flex:none;border-radius:14px;overflow:hidden;background:#F3EFE6;border:2.5px solid transparent;scroll-snap-align:start;transition:border-color .25s}
.g-th img{width:100%;height:100%;object-fit:cover}
.g-th.on{border-color:var(--gold)}
.g-nav{display:flex;gap:6px}
.g-nav button{flex:1;height:36px;border-radius:12px;background:#f4f1ea;display:grid;place-items:center}
.g-nav .ic{width:18px;height:18px}
.g-main{flex:1;position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3/4;background:#eee}
.g-stage{position:absolute;inset:0;cursor:zoom-in}
.g-img{width:100%;height:100%;object-fit:cover}
.g-off{position:absolute;top:10px;right:10px;background:var(--ink);color:#fff;font-weight:800;font-size:13px;padding:6px 10px;border-radius:20px;pointer-events:none}
.g-count{position:absolute;left:10px;top:10px;background:rgba(255,255,255,.85);font-size:11.5px;font-weight:800;padding:4px 9px;border-radius:10px;pointer-events:none}
.g-arr{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.6)}
.g-arr .ic{width:18px;height:18px}.g-arr.l{left:6px}.g-arr.r{right:6px}
.g-play{position:absolute;left:10px;bottom:10px;width:56px;height:56px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.g-play .ic{width:26px;height:26px;margin-left:3px}
.g-zoom{position:absolute;right:10px;bottom:12px;display:flex;gap:4px;align-items:center;background:rgba(18,18,18,.6);color:#fff;font-size:11px;font-weight:700;padding:5px 9px;border-radius:12px;pointer-events:none}
.g-zoom .ic{width:13px;height:13px}
.sp-body{padding:12px 2px 0}
.pd-cat{font-size:12px;letter-spacing:2px;color:var(--muted);font-weight:700;text-transform:uppercase}
.cm-single h1.product_title{font-size:21px;line-height:1.3;margin-top:4px;font-weight:800}
.rate{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.rate .st{color:#E7A912;letter-spacing:1px}
.rate .sold{color:var(--green);font-weight:700}.rate .pre-t{color:var(--cn);font-weight:700}
.pd-price{display:flex;align-items:baseline;gap:10px;margin-top:10px;flex-wrap:wrap}
.pd-price b{font-size:28px;font-weight:900}
.pd-price s{color:var(--muted)}
.save{background:var(--goldsoft);color:#7a5c00;font-size:12px;font-weight:800;padding:4px 9px;border-radius:8px}
.stock-line{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;gap:8px}
.stock-line small{font-weight:500;color:var(--muted);font-size:12px}
.meter{height:8px;border-radius:5px;background:#f0ece3;overflow:hidden;margin-top:8px}
.meter i{display:block;height:100%;width:0;border-radius:5px;transition:width .5s var(--ease),background .3s}
.pd-pre{background:linear-gradient(135deg,#FDECEC,#FFF4E5);border-color:#f3c9c4}
.pd-pre .stock-line span{color:var(--cn)}
.pre-note{font-size:12px;color:#7a4b00;margin:8px 0 0}
.quote{background:#FBFAF7;border-radius:12px;padding:10px 12px;margin-top:10px;font-size:13px}
.quote div{display:flex;justify-content:space-between;padding:2px 0;gap:8px}
.quote .gt{font-weight:900;font-size:15px;border-top:1px dashed #ddd;margin-top:5px;padding-top:6px}
.quote .due{color:var(--cn);font-weight:700}.quote .paid{color:var(--green);font-weight:700}

/* variation form */
.cart-box form.cart{margin:0!important}
.cart-box table.variations{border:0;margin:0 0 6px;width:100%}
.cart-box table.variations tr{display:block;margin-bottom:12px}
.cart-box table.variations th,.cart-box table.variations td{display:block;padding:0!important;text-align:left;line-height:1.3!important}
.cart-box table.variations th label{font-size:13.5px;font-weight:750;margin-bottom:8px;display:block}
.cm-sel-hidden select{position:absolute!important;opacity:0;pointer-events:none;width:1px!important;height:1px}
.cm-sw{display:flex;gap:8px;flex-wrap:wrap}
.cm-sw .sw{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11.5px;color:#555;width:58px}
.cm-sw .sw i{width:36px;height:36px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1.5px #ddd;transition:box-shadow .2s,transform .2s}
.cm-sw .sw span{line-height:1.15;text-align:center}
.cm-sw .sw.on i{box-shadow:0 0 0 2.5px var(--ink);transform:scale(1.06)}
.cm-sw .sz{padding:8px 13px;border-radius:11px;border:1.5px solid var(--line);font-size:13.5px;font-weight:600;background:#fff}
.cm-sw .sz.on{border-color:var(--ink);background:var(--ink);color:#fff}
.cm-sw .off{opacity:.35;text-decoration:line-through}
.cart-box .reset_variations{font-size:12.5px;color:var(--muted);display:inline-block;margin-top:4px}
.cart-box .woocommerce-variation-price,.cart-box .woocommerce-variation-availability{display:none}
.cart-box .woocommerce-variation-description{font-size:13px;color:#555}
.cart-box .quantity{display:inline-flex!important;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;margin:0!important;float:none!important}
.cart-box .quantity .qbtn{width:40px;height:40px;font-size:20px}
.cart-box .quantity input.qty{width:44px!important;height:40px;border:0!important;text-align:center;font-weight:800;-moz-appearance:textfield;background:none}
.cart-box .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none}
.cart-box .single_add_to_cart_button{display:none!important}
.cart-box .woocommerce-variation-add-to-cart,.cart-box form.cart:not(.variations_form){display:flex;align-items:center;justify-content:space-between;gap:10px}
.cart-box .qlab{font-size:14px;font-weight:700}
.info-box{padding:2px 14px}
.info{border-top:1px solid var(--line)}
.info:first-child{border:0}
.info .acc-btn{padding:13px 2px;font-size:14.5px}
.entry{font-size:14px;color:#444;line-height:1.7}
.entry ul{padding-left:18px;margin:0 0 12px}
.entry table{width:100%;border-collapse:collapse;font-size:13.5px}
.entry table th,.entry table td{border-bottom:1px solid var(--line);padding:8px 4px;text-align:left}
.related-sec{margin-top:18px}
.cm-single~.related,.cm-single .up-sells{display:none}
.bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;z-index:40;border-radius:20px 20px 0 0;box-shadow:0 -8px 30px rgba(0,0,0,.08)}
.bar .tot{flex:1;line-height:1.15;min-width:0}
.bar .tot small{font-size:11.5px;color:var(--muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar .tot b{font-size:20px;font-weight:900}
.bar .addc{width:48px;height:48px;border-radius:14px;border:1.5px solid var(--ink);display:grid;place-items:center}
.single-product .nav{display:none}
.single-product .cfab{bottom:84px}
body.single-product{padding-bottom:80px}

@keyframes rise{from{opacity:0;transform:translateY(18px)}}
.cm-single .gal{animation:pop .5s var(--ease) both}
.sp-body>*{animation:rise .5s var(--ease) both}
.sp-body>*:nth-child(2){animation-delay:.05s}.sp-body>*:nth-child(3){animation-delay:.1s}.sp-body>*:nth-child(4){animation-delay:.15s}.sp-body>*:nth-child(5){animation-delay:.2s}.sp-body>*:nth-child(6){animation-delay:.25s}.sp-body>*:nth-child(n+7){animation-delay:.3s}
.bar{animation:rise .5s .2s var(--ease) both}
.bar button:disabled{opacity:.4}

/* ---------- Lightbox / video ---------- */
.lb{position:fixed;inset:0;z-index:150;background:#000;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .25s;touch-action:none}
.lb.on{opacity:1;pointer-events:auto}
.lb-top{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;color:#fff;font-size:17px;font-weight:600;position:relative;z-index:2}
.lb-top div{display:flex;gap:6px}
.lb-top button{width:42px;height:42px;display:grid;place-items:center;color:#fff;border-radius:12px}
.lb-view{flex:1;position:relative;overflow:hidden;display:grid;place-items:center;cursor:zoom-in}
.lb.zoomed .lb-view{cursor:grab}
.lb-stage{width:100%;height:100%;display:grid;place-items:center;will-change:transform}
.lb-stage img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.lb-arr{position:absolute;top:50%;width:42px;height:42px;border-radius:50%;background:#ffffff1f;color:#fff;display:grid;place-items:center;z-index:2}
.lb-arr.l{left:8px}.lb-arr.r{right:8px}
.lb.zoomed .lb-arr,.lb.zoomed .lb-dots,.lb.zoomed .lb-hint{opacity:0;pointer-events:none}
.lb-dots{display:flex;gap:8px;justify-content:center;padding:12px;overflow-x:auto}
.lb-dots button{width:46px;height:60px;border-radius:10px;overflow:hidden;opacity:.5;border:2px solid transparent;flex:none}
.lb-dots button img{width:100%;height:100%;object-fit:cover}
.lb-dots button.on{opacity:1;border-color:var(--gold2)}
.lb-hint{text-align:center;color:#888;font-size:12px;padding-bottom:18px}
.vid{position:fixed;inset:0;z-index:160;background:rgba(0,0,0,.8);display:grid;place-items:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}
.vid.on{opacity:1;pointer-events:auto}
.vid-x{position:absolute;top:14px;right:14px;width:44px;height:44px;color:#fff;display:grid;place-items:center}
.vid-box{width:100%;max-width:720px}
.vid-box iframe{width:100%!important;height:auto!important;aspect-ratio:16/9;border-radius:16px;border:0}

/* ---------- Footer ---------- */
.ft{background:var(--ink);color:#d8d2c4;border-radius:28px 28px 0 0;padding:20px 14px 10px;font-size:13.5px;margin-top:20px}
.ft h6,.ft .lbl{font-size:15px;font-weight:800;color:#fff;margin:0 0 10px;position:relative;padding-bottom:8px}
.ft h6::after,.ft .lbl::after{content:"";position:absolute;left:0;bottom:0;width:26px;height:3px;border-radius:2px;background:var(--gold)}
.sup-ph{display:flex;align-items:center;gap:12px;color:#fff;background:linear-gradient(160deg,#1d1d1d,#151515);border:1px solid #2c2c2c;border-radius:16px;padding:12px}
.sp-ic{width:42px;height:42px;border-radius:50%;background:var(--gold);color:#121212;display:grid;place-items:center;flex:none}
.sp-ic .ic{width:20px;height:20px}
.sp-tx{flex:1;min-width:0}
.sup-ph b{display:block;font-size:18px;font-weight:800;letter-spacing:.5px;line-height:1.2}
.sup-ph small{display:flex;align-items:center;gap:6px;color:#8a857a;font-size:12px;margin-top:3px}
.sp-dot{width:8px;height:8px;border-radius:50%;background:#2ecc71;flex:none;position:relative;box-shadow:0 0 6px rgba(46,204,113,.8);animation:cmLiveDot 1.6s ease-in-out infinite}
.sp-dot::before,.sp-dot::after{content:"";position:absolute;inset:0;border-radius:50%;background:#2ecc71;animation:cmLiveRing 1.6s cubic-bezier(.2,.6,.3,1) infinite}
.sp-dot::after{animation-delay:.8s}
@keyframes cmLiveRing{0%{transform:scale(1);opacity:.7}100%{transform:scale(3.2);opacity:0}}
@keyframes cmLiveDot{0%,100%{opacity:1}50%{opacity:.75}}
@media (prefers-reduced-motion:reduce){.sp-dot,.sp-dot::before,.sp-dot::after{animation:none}}
.sp-go{font-size:12.5px;font-weight:800;color:#121212;background:var(--gold2);border-radius:999px;padding:7px 14px;flex:none}
.sup-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.sup-links a{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 10px;border-radius:14px;border:1px solid #2e2e2e;background:#1a1a1a;color:#e9e3d3;transition:transform .15s}
.sup-links a:active{transform:scale(.97)}
.sl-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;background:rgba(201,162,58,.12);color:var(--gold2)}
.sl-ic .ic{width:18px;height:18px}
.sup-links a.wa .sl-ic{background:#25D366;color:#fff}
.sl-tx{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.sl-tx b{font-size:13.5px;font-weight:800;color:#fff}
.sl-tx small{font-size:11px;color:#8a857a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid #2a2a2a}
.ft-list{list-style:none;margin:0;padding:0}
.ft-list a{display:block;padding:5px 0;color:#bdb6a5}
.ft-list a:hover{color:var(--gold2)}
.ft-stay{margin-top:16px;padding-top:16px;border-top:1px solid #2a2a2a}
.ft-social{display:flex;gap:10px;flex-wrap:wrap}
.ft-social a{width:42px;height:42px;border-radius:12px;background:#1f1f1f;border:1px solid #2e2e2e;display:grid;place-items:center;color:var(--gold2);font-weight:800}
.ft-social a.w{color:#25D366}.ft-social .ic{width:20px;height:20px}
.ft-addr{margin-top:14px;background:linear-gradient(160deg,#1d1d1d,#151515);border:1px solid #2c2c2c;border-radius:18px;padding:14px;line-height:1.6}
.ft-addr svg{width:100%;height:100%}
.ft-addr p{margin:0;color:#bdb6a5}
.fa-hd{display:flex;align-items:center;gap:10px}
.fa-ic{width:40px;height:40px;border-radius:12px;background:rgba(201,162,58,.12);border:1px solid rgba(201,162,58,.25);color:var(--gold2);padding:9px;flex:none}
.fa-hd b{display:block;color:#fff;font-size:14.5px;font-weight:800;line-height:1.25}
.fa-hd small{display:block;color:#8a857a;font-size:11.5px;letter-spacing:.2px}
.fa-txt{font-size:12.5px;margin-top:10px!important;color:#a9a294!important}
.fa-pts{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.fa-pts span{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;color:#e9e3d3;background:#232323;border:1px solid #2f2f2f;border-radius:999px;padding:5px 10px 5px 8px}
.fa-pts svg{width:14px;height:14px;color:var(--gold2);flex:none}
.fa-loc{display:flex;align-items:center;gap:10px;margin-top:12px;padding-top:12px;border-top:1px dashed #333}
.fa-pin{width:34px;height:34px;border-radius:50%;background:var(--gold);color:#121212;padding:8px;flex:none}
.fa-loc small{display:block;font-size:10.5px;color:#8a857a;text-transform:uppercase;letter-spacing:.6px}
.fa-loc b{display:block;color:#fff;font-size:14px;font-weight:800}
.ft-addr .ft-mail{margin-top:10px;font-size:13px}
.ft-mail a{color:var(--gold2);font-weight:700}
.ft-copy{margin-top:16px;padding:14px 0 6px;border-top:1px solid #2a2a2a;font-size:12.5px;color:#8a857a;text-align:center}
.pay-line{color:#bdb6a5;font-size:13px;margin-bottom:8px}

/* ---------- Bottom nav / fab / toast ---------- */
.nav{position:fixed;left:0;right:0;bottom:0;background:var(--ink);border-radius:18px 18px 0 0;display:flex;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:25;box-shadow:0 -4px 18px rgba(0,0,0,.12)}
.nav>a,.nav>button{display:flex;flex-direction:column;align-items:center;gap:3px;color:#8d8778;font-size:10.5px;font-weight:600;padding:4px 8px;border-radius:12px;position:relative;white-space:nowrap}
.nav .on{color:var(--gold2)}
.nav .cn-nav{color:#ff8b7e}.nav .cn-nav.on{color:var(--gold2)}
.cfab{position:fixed;right:16px;bottom:76px;z-index:41;width:50px;height:50px;transition:opacity .25s,transform .25s var(--ease)}
.cfab.hide{opacity:0;transform:scale(.6);pointer-events:none}
.cfab-main,.cfab-it{width:50px;height:50px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.16);border:0;padding:0;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cfab-main .ic{width:25px;height:25px;grid-area:1/1;transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .15s;will-change:transform}
.cfab-main .cf-x{opacity:0;transform:rotate(-90deg) scale(.5)}
.cfab.open .cf-chat{opacity:0;transform:rotate(90deg) scale(.5)}
.cfab.open .cf-x{opacity:1;transform:none}
.cf-dot{position:absolute;top:2px;right:2px;width:12px;height:12px;border-radius:50%;background:#2ecc71;border:2px solid #fff}
.cfab.open .cf-dot{opacity:0}
.cfab-it{position:absolute;left:0;bottom:0;opacity:0;transform:translateY(0) scale(.4);pointer-events:none;transition:transform .22s cubic-bezier(.34,1.4,.64,1),opacity .14s ease-out;will-change:transform,opacity}
.cfab-it .ic{width:26px;height:26px}
.cfab-it.wa{color:#25D366}.cfab-it.ms{color:#0a7cff}
.cfab.open .cfab-it{opacity:1;pointer-events:auto}
.cfab.open .cfab-it.wa{transform:translateY(-62px) scale(1)}
.cfab.open .cfab-it.ms{transform:translateY(-124px) scale(1);transition-delay:.035s}
.cfab-main{transition:transform .12s}.cfab-main:active{transform:scale(.9)}
.cf-tip{position:absolute;right:58px;top:50%;transform:translateY(-50%) translateX(10px) scale(.9);transform-origin:right center;white-space:nowrap;background:#fff;color:var(--ink);font-size:12.5px;font-weight:650;padding:7px 11px;border-radius:10px;box-shadow:0 3px 12px rgba(0,0,0,.12);opacity:0;pointer-events:none;transition:opacity .4s,transform .45s var(--ease)}
.cf-tip::after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;background:#fff;transform:translateY(-50%) rotate(45deg);border-radius:2px}
.cfab.tip:not(.open) .cf-tip{opacity:1;transform:translateY(-50%)}
.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:10px 16px;border-radius:14px;font-size:13.5px;opacity:0;transition:all .3s var(--ease);z-index:300;white-space:nowrap;pointer-events:none}
.toast.on{opacity:1;transform:translate(-50%,0)}
.flyer{position:fixed;z-index:200;pointer-events:none;border-radius:50%;background:var(--gold);width:22px;height:22px}

/* ---------- China pre-order page ---------- */
.cn-hero{border-radius:22px;padding:16px;color:#fff;background:linear-gradient(135deg,#7a1414,var(--cn) 60%,#d9822b)}
.cn-hero p{font-size:13px;opacity:.9;margin:6px 0 0}
.cn-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.cn-stats div{background:rgba(255,255,255,.14);border-radius:14px;padding:10px 6px;text-align:center;font-size:11.5px;line-height:1.3}
.cn-stats b{display:block;font-size:16px}
.seg{display:flex;background:#ebe6db;border-radius:14px;padding:4px;margin-top:14px;position:relative}
.seg a{flex:1;padding:10px;border-radius:11px;font-weight:700;font-size:14px;color:#6f6a5f;position:relative;z-index:1;text-align:center}
.seg a.on{color:var(--ink)}
.seg i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);background:#fff;border-radius:11px;box-shadow:0 2px 8px rgba(0,0,0,.08);transition:transform .35s var(--ease)}
.seg.r i{transform:translateX(100%)}
.steps{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:12px}
.step{flex:0 0 112px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 10px;font-size:12px;line-height:1.35;color:#555}
.step b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--cn);color:#fff;font-size:13px;margin-bottom:6px}
.step strong{display:block;color:var(--ink);font-size:13px;margin-bottom:2px}
.ups{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.up-t{aspect-ratio:1;border-radius:14px;overflow:hidden;position:relative;background:#F3EFE6}
.up-t img{width:100%;height:100%;object-fit:cover}
.up-t button{position:absolute;top:5px;right:5px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;font-size:12px}
.up-t.add{border:2px dashed #d8cfbd;background:#FBFAF7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:24px;color:var(--muted);cursor:pointer}
.up-t.add small{font-size:11.5px;font-weight:700}
.rules{padding:2px 14px}
.rl{padding:0 0 12px 20px;margin:0;display:grid;gap:8px;font-size:13.5px;line-height:1.6;color:#444}
.agree{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13.5px;line-height:1.5;color:#444}
.agree input{width:20px;height:20px;accent-color:var(--cn);flex:none;margin-top:1px}
.po{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-top:12px}
.po-h{display:flex;gap:12px;align-items:center}
.po-h .th{width:56px;height:56px;border-radius:14px;background:#F3EFE6;display:grid;place-items:center;overflow:hidden;flex:none;font-size:24px}
.po-h .th img{width:100%;height:100%;object-fit:cover}
.po-h .nm{flex:1;font-size:13px;line-height:1.35;min-width:0}
.po-h .nm b{display:block;font-size:14px}
.po-h .nm span,.po-h .nm small{color:var(--muted)}
.po .pill-s{margin-top:10px}
.pill-s.wait{background:#FFF4E5;color:#b26a00}.pill-s.act{background:#FDECEC;color:var(--cn)}.pill-s.go{background:#E8F6EF;color:var(--green)}
.tl{margin-top:14px;display:flex;justify-content:space-between;position:relative}
.tl::before{content:"";position:absolute;left:12px;right:12px;top:11px;height:3px;background:#eee7da;border-radius:2px}
.tl .fill{position:absolute;left:12px;top:11px;height:3px;background:var(--green);border-radius:2px}
.tl div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;color:var(--muted);width:46px;text-align:center;line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.2px}
.tl div i{width:25px;height:25px;border-radius:50%;background:#fff;border:3px solid #eee7da;display:grid;place-items:center;font-style:normal;font-size:11px}
.tl div.ok i{background:var(--green);border-color:var(--green);color:#fff}
.tl div.ok{color:var(--ink);font-weight:700}
.tl div.now i{border-color:var(--cn);box-shadow:0 0 0 4px #fbdede}
.po-msg{font-size:13px;background:#FBFAF7;border-radius:10px;padding:8px 10px;margin:10px 0 0}
.po-act{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.po-act .btn-co{flex:1}
.po-cbtn{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px 12px;border-radius:16px;text-decoration:none;transition:transform .15s,box-shadow .2s}
.po-cbtn:active{transform:scale(.97)}
.po-cbtn .pci{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none}
.po-cbtn .pci .ic{width:20px;height:20px}
.po-cbtn .pct{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.po-cbtn .pct b{font-size:14.5px;font-weight:800}
.po-cbtn .pct small{font-size:11.5px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-cbtn.call{background:var(--ink);color:#fff;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.po-cbtn.call .pci{background:rgba(201,162,58,.16);color:var(--gold2)}
.po-cbtn.wa{background:#25D366;color:#fff;box-shadow:0 6px 16px rgba(37,211,102,.28)}
.po-cbtn.wa .pci{background:#fff;color:#25D366}
.po-cbtn.wa .pci .ic{width:22px;height:22px}
.cm-pay .paym{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pm-o{position:relative;border:1.5px solid var(--line);border-radius:12px;padding:10px 6px;text-align:center;line-height:1.2;background:#fff;cursor:pointer;display:block}
.pm-o input{position:absolute;opacity:0;pointer-events:none}
.pm-o b{display:block;color:var(--c);font-size:15px}
.pm-o small{font-size:11px;color:var(--muted)}
.pm-o:has(input:checked){border-color:var(--c);box-shadow:inset 0 0 0 1px var(--c)}
.paynum{display:flex;align-items:center;justify-content:space-between;margin-top:10px;background:var(--ink);color:#fff;border-radius:14px;padding:10px 10px 10px 14px}
.paynum small{display:block;font-size:11.5px;color:#bdb6a5}
.paynum b{font-size:19px;letter-spacing:1px}
.paynum button{background:var(--gold);color:var(--ink);font-weight:800;border-radius:10px;padding:8px 14px;font-size:13px}

/* ---------- WooCommerce cart / checkout / account ---------- */
.wc-page .page-title{margin-top:6px}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:14px;border-top-width:0!important;border-left:4px solid var(--gold);background:#fff;margin-bottom:12px!important;font-size:14px}
.woocommerce-error{border-left-color:var(--red)}
.woocommerce-message::before,.woocommerce-info::before{color:var(--gold)}
.woocommerce table.shop_table{border-radius:16px;background:#fff;border:1px solid var(--line);border-collapse:separate}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-color:var(--line)}
.woocommerce-cart table.cart img{width:56px;border-radius:10px}
.woocommerce .cart-collaterals .cart_totals{width:100%;float:none}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:100%;float:none}
.woocommerce-checkout .woocommerce-billing-fields,.woocommerce-checkout .woocommerce-additional-fields,.woocommerce-checkout #order_review{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:12px}
.woocommerce-checkout h3{font-size:16px;font-weight:800;margin:0 0 10px}
.woocommerce form .form-row{padding:0;margin:0 0 10px}
.woocommerce-checkout #payment{background:#FBFAF7;border-radius:14px}
.woocommerce-checkout #payment ul.payment_methods{border-bottom-color:var(--line)}
.woocommerce-checkout #payment div.payment_box{background:#fff;border-radius:12px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce #payment #place_order{width:100%;float:none;margin-top:10px}
.cm-adv-row th,.cm-adv-row td{color:var(--cn)}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;display:flex;gap:6px;overflow-x:auto;margin:0 0 12px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:13px;white-space:nowrap}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--ink);color:#fff}
.woocommerce-account .woocommerce-MyAccount-navigation,.woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none}
.page-art .entry.box{padding:16px}
.post-thumb img{border-radius:18px;margin-bottom:10px}


/* ---------- Search: animated ring + live suggestions ---------- */
@property --ang{syntax:'<angle>';initial-value:0deg;inherits:false}
.hd-search{position:relative;transition:box-shadow .3s}
.hd-search::before{content:"";position:absolute;inset:-3px;border-radius:34px;padding:3px;background:conic-gradient(from var(--ang),var(--gold) 0deg,var(--gold2) 90deg,#fff7d6 140deg,var(--gold) 200deg,var(--gold) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transform:scale(.96);transition:opacity .3s,transform .35s var(--ease);pointer-events:none}
.hd-search:focus-within::before{opacity:1;transform:none;animation:cmSpin 2.4s linear infinite}
.hd-search:focus-within{box-shadow:0 0 0 6px rgba(201,162,58,.18)}
.hd-search:focus-within button{animation:cmPop .4s var(--ease)}
@keyframes cmSpin{to{--ang:360deg}}
@keyframes cmPop{50%{transform:scale(1.25)}}
.top{position:sticky}
.sugg{position:absolute;left:12px;right:12px;top:calc(100% + 8px);background:#fff;color:var(--ink);border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.22);overflow:hidden;z-index:50;animation:sgIn .28s var(--ease);max-height:70vh;overflow-y:auto}
.sugg[hidden]{display:none}
@keyframes sgIn{from{opacity:0;transform:translateY(-8px)}}
.sg-item{display:flex;gap:12px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}
.sg-item:active,.sg-item:hover{background:#faf8f3}
.sg-item img{width:56px;height:56px;border-radius:12px;object-fit:cover;background:#f3efe6;flex:none}
.sg-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.sg-n{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sg-n u{text-decoration-color:var(--gold);text-decoration-thickness:2px;text-underline-offset:2px;font-weight:800}
.sg-p{display:flex;gap:8px;align-items:baseline;font-size:13px}
.sg-p s{color:var(--muted)}.sg-p b{color:var(--gold);font-size:15px;font-weight:850}
.sg-p em{font-style:normal;font-size:10.5px;font-weight:800;background:#FDECEC;color:var(--cn);padding:2px 7px;border-radius:6px}
.sg-all{display:block;text-align:center;padding:14px;font-weight:800;font-size:13px;letter-spacing:1.5px;color:var(--ink)}
.sg-empty{padding:18px;text-align:center;font-weight:700;font-size:14px}
.sg-empty small{display:block;font-weight:500;color:var(--muted);margin-top:4px}
.sg-load{display:flex;gap:6px;justify-content:center;padding:20px}
.sg-load i{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:sgDot 1s infinite}
.sg-load i:nth-child(2){animation-delay:.15s}.sg-load i:nth-child(3){animation-delay:.3s}
@keyframes sgDot{50%{opacity:.25;transform:translateY(-4px)}}
@media (min-width:900px){.sugg{left:50%;right:auto;width:520px;transform:translateX(-50%)}}

/* ---------- Social + payment ---------- */
.ft-social a{color:#fff}
.ft-social a.s-facebook{background:#1877F2;border-color:#1877F2}
.ft-social a.s-instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fd5949 45%,#d6249f 60%,#285AEB 90%);border:0}
.ft-social a.s-youtube{background:#FF0000;border-color:#FF0000}
.ft-social a.s-tiktok{background:#000;border-color:#333}
.ft-social a.s-whatsapp{background:#25D366;border-color:#25D366;color:#fff}
.ft-social a .ic{width:20px;height:20px}
.ft-social a{transition:transform .2s}.ft-social a:active{transform:scale(.9)}
.pay-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px}
.pchip{display:inline-flex;align-items:center;gap:6px;background:#1c1c1c;border:1px solid #2e2e2e;border-radius:11px;padding:5px 9px 5px 5px;font-size:11.5px;font-weight:700;color:#ece6d6}
.pchip .pl{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center}
.pchip.cod .pl{background:#1F9D62;color:#fff}.pchip.cod svg{width:15px;height:15px}
.pm-o img{width:34px;height:34px;border-radius:9px;display:block;margin:0 auto 5px}
.pm-o b{font-size:14px}


/* ---------- Header v2: brand row + full-width search row ---------- */
.top{padding:12px 14px 14px}
.hd{flex-wrap:wrap;gap:10px;align-items:center}
.hd-logo{gap:9px}
.hd-logo .logo-img{width:42px;height:42px}
.hd-logo .wm{font-size:19px;letter-spacing:.2px}
.hd-logo .wm b{font-size:11px;letter-spacing:5px;margin-top:3px}
.hd-div{height:34px}
.hd-tag{font-size:9.5px;letter-spacing:1px;line-height:1.25}
.hd-right{margin-left:auto;display:flex;gap:8px}
.hd-right .hd-ic:first-child{display:none}
.hd{gap:9px}
.hd-ic{position:relative;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#fff}
.hd-ic .ic{width:20px;height:20px}
.hd-ic .badge{top:-5px;right:-5px}
.hd-search{order:10;flex:1 1 100%;height:44px;margin:2px 0 0;padding:0 4px 0 16px;border-radius:30px;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(201,162,58,.35)}
.hd-search input{font-size:14.5px}
.hd-search .hd-clear{width:30px;height:30px;display:grid;place-items:center;color:#8a857a;border-radius:50%}
.hd-search .hd-clear .ic{width:18px;height:18px}
.hd-clear[hidden]{display:none}
.hd-sep{width:1.5px;height:20px;background:#e6e0d2;margin:0 4px;flex:none}
.hd-search .hd-go{width:36px;height:36px;display:grid;place-items:center;color:var(--gold)}
.hd-search .hd-go .ic{width:21px;height:21px}
.sugg{top:calc(100% + 6px)}
/* small phones (360px): keep the tagline, just make the brand row a bit tighter */
@media (max-width:380px){
  .hd{gap:7px}.hd-logo{gap:7px}
  .hd-logo .logo-img{width:38px;height:38px}
  .hd-logo .wm{font-size:17px}.hd-logo .wm b{font-size:10px;letter-spacing:4px}
  .hd-div{height:30px}
  .hd-tag{font-size:8px;letter-spacing:.5px}
  .hd-ic{width:38px;height:38px}
}
@media (max-width:330px){.hd-tag,.hd-div{display:none}}
@media (min-width:900px){
  .hd-right{display:none}
  .hd-search{order:0;flex:1 1 auto;max-width:560px;margin:0 auto}
}

/* ---------- Checkout (demo style) ---------- */
.woocommerce-checkout .page-title{font-size:22px}
.woocommerce-checkout #customer_details h3,.woocommerce-checkout #order_review_heading{font-size:17px;font-weight:850;margin:0 0 12px}
.woocommerce-checkout #order_review_heading{margin:4px 0 10px}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{display:flex;flex-direction:column}
.woocommerce-checkout #billing_country_field{display:none!important}
.woocommerce-checkout textarea#billing_address_1{min-height:80px;resize:vertical}
.woocommerce-checkout .woocommerce-additional-fields{display:none}
/* order review table */
.woocommerce-checkout table.shop_table{border:0;background:#FBFAF7;border-radius:16px;padding:6px 14px;display:block}
.woocommerce-checkout table.shop_table thead{display:none}
.woocommerce-checkout table.shop_table tbody,.woocommerce-checkout table.shop_table tfoot{display:block}
.woocommerce-checkout table.shop_table tr{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px dashed #e4ded1}
.woocommerce-checkout table.shop_table tr:last-child{border-bottom:0}
.woocommerce-checkout table.shop_table td,.woocommerce-checkout table.shop_table th{border:0!important;padding:0!important;background:none!important;font-weight:600;font-size:14px}
.woocommerce-checkout table.shop_table td.product-name{font-weight:600;flex:1}
.woocommerce-checkout table.shop_table .product-total,.woocommerce-checkout table.shop_table tfoot td{text-align:right;white-space:nowrap}
.woocommerce-checkout table.shop_table tr.order-total th,.woocommerce-checkout table.shop_table tr.order-total td{font-size:19px;font-weight:900}
.woocommerce-checkout table.shop_table tr.order-total td strong{font-weight:900}
.woocommerce-checkout table.shop_table dl.variation{margin:2px 0 0;font-size:12px;color:var(--muted);display:flex;gap:4px;flex-wrap:wrap}
.woocommerce-checkout table.shop_table dl.variation dt,.woocommerce-checkout table.shop_table dl.variation dd{margin:0;float:none}
/* delivery area cards */
.woocommerce-checkout tr.woocommerce-shipping-totals{flex-direction:column;align-items:stretch}
.woocommerce-checkout tr.woocommerce-shipping-totals th{font-size:13px!important;color:#555;text-align:left}
.woocommerce-checkout tr.woocommerce-shipping-totals td{text-align:left!important;white-space:normal!important}
ul#shipping_method{list-style:none;margin:8px 0 0!important;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
ul#shipping_method li{display:block!important;margin:0!important;padding:0!important;position:relative;text-indent:0!important}
ul#shipping_method li input{position:absolute;opacity:0;pointer-events:none}
ul#shipping_method li label{display:block!important;border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:12px;cursor:pointer;line-height:1.35;margin:0!important;transition:all .2s}
ul#shipping_method li label b{display:block;font-size:14.5px;font-weight:800;color:var(--ink)}
ul#shipping_method li label small{display:block;font-size:13px;color:#555;margin-top:2px}
ul#shipping_method li input:checked+label{border:2px solid var(--ink);background:#faf8f3;box-shadow:0 4px 12px rgba(0,0,0,.06)}
ul#shipping_method li label .amount{display:none}
/* payment cards */
.woocommerce-checkout #payment{background:none!important;margin-top:16px}
.woocommerce-checkout #payment ul.payment_methods{border:0!important;padding:0!important;display:flex;flex-direction:column;gap:10px}
.woocommerce-checkout #payment ul.payment_methods::before,.woocommerce-checkout #payment ul.payment_methods::after{display:none}
.woocommerce-checkout #payment ul.payment_methods li{list-style:none;margin:0!important;border:1.5px solid var(--line);background:#fff;border-radius:16px;padding:0!important;overflow:hidden;transition:border-color .2s}
.woocommerce-checkout #payment ul.payment_methods li:has(>input:checked){border:2px solid var(--ink);background:#faf8f3}
.woocommerce-checkout #payment ul.payment_methods li>input{position:absolute;opacity:0}
.woocommerce-checkout #payment ul.payment_methods li>label{display:flex!important;align-items:center;gap:8px;padding:14px;font-weight:800;font-size:15px;cursor:pointer;margin:0}
.woocommerce-checkout #payment ul.payment_methods li>label::after{content:"";margin-left:auto;width:20px;height:20px;border-radius:50%;border:2px solid #cfc8b8;flex:none}
.woocommerce-checkout #payment ul.payment_methods li:has(>input:checked)>label::after{border:6px solid var(--ink)}
.woocommerce-checkout #payment div.payment_box{background:none!important;margin:0!important;padding:0 14px 14px!important;font-size:13px;color:#555}
.woocommerce-checkout #payment div.payment_box p{margin:0}
.woocommerce-checkout #payment .place-order{padding:0!important;margin-top:14px}
.woocommerce-checkout #payment #place_order{width:100%;min-height:54px;font-size:16px;border-radius:16px!important}
.woocommerce-checkout .woocommerce-privacy-policy-text{font-size:12px;color:var(--muted)}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{font-size:13px}

/* pre-order submit loading */
.btn-co.is-busy{opacity:.85;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-co .spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:cmRot .7s linear infinite;flex:none}
@keyframes cmRot{to{transform:rotate(360deg)}}

/* order confirmed sheet */
.cm-ok{position:fixed;inset:0;z-index:200;display:none}
.cm-ok.on{display:block}
.cm-ok-scrim{position:absolute;inset:0;background:rgba(10,10,10,.45);animation:cmFade .25s ease}
.cm-ok-sheet{position:absolute;left:0;right:0;bottom:0;background:#fff;border-radius:26px 26px 0 0;padding:8px 0 calc(22px + env(safe-area-inset-bottom));animation:cmUp .38s cubic-bezier(.2,.8,.2,1);max-width:560px;margin:0 auto}
.cm-ok-grab{display:block;width:44px;height:5px;border-radius:5px;background:#e2ded5;margin:2px auto 8px}
.cm-ok-hd{display:flex;align-items:center;justify-content:space-between;padding:4px 20px 14px;border-bottom:1px solid var(--line)}
.cm-ok-hd b{font-size:20px;font-weight:850}
.cm-ok-hd button{width:42px;height:42px;border-radius:13px;background:#f3f0e8;display:grid;place-items:center;border:0}
.cm-ok-hd .ic{width:20px;height:20px}
.cm-ok-bd{text-align:center;padding:26px 24px 0}
.cm-ok-tick{width:84px;height:84px;border-radius:50%;background:#4C9C68;display:grid;place-items:center;margin:0 auto 18px;animation:cmPop .5s .15s cubic-bezier(.2,1.6,.4,1) both;box-shadow:0 10px 24px rgba(76,156,104,.3)}
.cm-ok-tick svg{width:42px;height:42px}
.cm-ok-bd h3{font-size:21px;font-weight:850;margin:0 0 6px}
.cm-ok-id{margin:0;color:var(--muted);font-size:15px}.cm-ok-id b{color:var(--ink);font-size:17px;letter-spacing:.3px}
.cm-ok-msg{margin:4px 0 0;color:var(--muted);font-size:14px}
.cm-ok-sum{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0 18px}
.cm-ok-sum span{background:#f6f3ec;border-radius:999px;padding:6px 12px;font-size:12.5px;color:#555;font-weight:600}.cm-ok-sum b{color:var(--ink)}
.cm-ok .btn-co{width:100%;min-height:54px;border-radius:16px!important;font-size:16px}
@keyframes cmUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes cmFade{from{opacity:0}}
@keyframes cmPop{from{transform:scale(.3);opacity:0}}
.woocommerce-order-received .woocommerce-thankyou-order-received{display:none}

.entry h2{font-size:16px;font-weight:800;color:var(--ink);margin:18px 0 6px}
.entry h2:first-child{margin-top:0}
.entry ol{padding-left:20px;margin:0 0 12px}.entry li{margin-bottom:6px}
.entry a{color:#8a6a10;font-weight:600}
.entry .btn-co{color:var(--gold2)!important}
.faq{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:#fff;overflow:hidden}
.faq summary{list-style:none;cursor:pointer;padding:13px 40px 13px 14px;font-weight:700;color:var(--ink);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--gold);font-weight:600}
.faq[open] summary::after{content:"−"}
.faq p{margin:0;padding:0 14px 14px}
.page-art .entry.box:has(>.faq:first-child){background:none;border:0;padding:0;box-shadow:none}

/* checkout: product photo rows */
.woocommerce-checkout table.shop_table tr.cart_item{align-items:flex-start;padding:10px 0}
.woocommerce-checkout table.shop_table td.product-name{position:relative;padding-left:70px!important;min-height:58px;line-height:1.35}
.co-thumb{position:absolute;left:0;top:0;width:58px!important;height:58px!important;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#fff}
.co-nm{display:block;font-weight:700;font-size:13.5px;color:var(--ink)}
.co-qty{display:inline-block;margin-top:6px;font-size:11.5px;font-weight:700;color:#555;background:#fff;border:1px solid var(--line);border-radius:8px;padding:2px 9px}
.woocommerce-checkout table.shop_table tr.cart_item td.product-total{font-weight:800!important;padding-top:2px!important}
.woocommerce-checkout table.shop_table tr.order-total td .amount{color:#B8860B}

/* ===== unique delivery + payment cards ===== */
ul#shipping_method li label{position:relative;padding:12px 12px 12px 54px!important;border-radius:16px!important;min-height:64px;display:flex!important;flex-direction:column;justify-content:center;transition:transform .15s,background .25s,border-color .25s,box-shadow .25s!important}
ul#shipping_method li label::before{content:"";position:absolute;left:12px;top:50%;width:32px;height:32px;margin-top:-16px;border-radius:10px;background:#F3EEDF;box-shadow:inset 0 0 0 1px #E9DFC2}
ul#shipping_method li label::after{content:"";position:absolute;left:19px;top:50%;width:18px;height:18px;margin-top:-9px;background:#B48A1F;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s-7-6.1-7-11.5A7%207%200%200%201%2019%209.5C19%2014.9%2012%2021%2012%2021z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.5%22%20r%3D%222.5%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s-7-6.1-7-11.5A7%207%200%200%201%2019%209.5C19%2014.9%2012%2021%2012%2021z%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%229.5%22%20r%3D%222.5%22/%3E%3C/svg%3E") center/contain no-repeat}
ul#shipping_method li:last-child label::after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%206h11v9h-11zM13.5%209h4l3%203v3h-7%22/%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2217%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2217%22%20r%3D%221.8%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2.5%206h11v9h-11zM13.5%209h4l3%203v3h-7%22/%3E%3Ccircle%20cx%3D%226.5%22%20cy%3D%2217%22%20r%3D%221.8%22/%3E%3Ccircle%20cx%3D%2216.5%22%20cy%3D%2217%22%20r%3D%221.8%22/%3E%3C/svg%3E")}
ul#shipping_method li label small{display:inline-block!important;margin-top:4px!important;font-weight:700;color:#7a6a3a!important;background:#F6F1E3;border-radius:999px;padding:2px 8px;width:max-content}
ul#shipping_method li label:active{transform:scale(.97)}
ul#shipping_method li input:checked+label{background:#121212!important;border-color:#121212!important;box-shadow:0 10px 22px rgba(18,18,18,.22)!important}
ul#shipping_method li input:checked+label b{color:#fff!important}
ul#shipping_method li input:checked+label small{background:rgba(232,199,102,.16);color:#E8C766!important}
ul#shipping_method li input:checked+label::before{background:linear-gradient(135deg,#C9A23A,#E8C766);box-shadow:none}
ul#shipping_method li input:checked+label::after{background:#121212}
ul#shipping_method li{position:relative}
ul#shipping_method li:has(input:checked)::after{content:"";position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:#E8C766 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012.5l4.5%204.5L19%207.5%22%20stroke-width%3D%223%22/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:0 2px 6px rgba(0,0,0,.2);z-index:2;animation:cmPop .3s both}

.woocommerce-checkout #payment ul.payment_methods li>label{display:grid!important;grid-template-columns:44px 1fr 22px;column-gap:12px;align-items:center;padding:14px!important;line-height:1.25}
.woocommerce-checkout #payment ul.payment_methods li>label::before{content:"";grid-column:1;grid-row:1/3;width:44px;height:44px;border-radius:13px;background:#F3EEDF;box-shadow:inset 0 0 0 1px #E9DFC2;transition:background .25s}
.woocommerce-checkout #payment ul.payment_methods li>label::after{grid-column:3;grid-row:1/3;margin:0!important}
.woocommerce-checkout #payment ul.payment_methods li>label .pm-ic{display:none}
.woocommerce-checkout #payment ul.payment_methods li>label .pm-sub{grid-column:2;font-size:12px;font-weight:600;color:#8a857a;display:flex;align-items:center;gap:6px;margin-top:3px}
.pm-sub img{height:16px;width:auto;border-radius:4px}
.woocommerce-checkout #payment ul.payment_methods li{position:relative}
.woocommerce-checkout #payment ul.payment_methods li::before{content:"";position:absolute;left:24px;top:24px;width:24px;height:24px;background:#B48A1F;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%226%22%20width%3D%2219%22%20height%3D%2212%22%20rx%3D%222.5%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.8%22/%3E%3Cpath%20d%3D%22M6%209.5v.01M18%2014.5v.01%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%226%22%20width%3D%2219%22%20height%3D%2212%22%20rx%3D%222.5%22/%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%222.8%22/%3E%3Cpath%20d%3D%22M6%209.5v.01M18%2014.5v.01%22/%3E%3C/svg%3E") center/contain no-repeat;z-index:1;pointer-events:none;transition:background .25s}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_cm_mobile::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226.5%22%20y%3D%222.5%22%20width%3D%2211%22%20height%3D%2219%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M10.5%2018.5h3%22/%3E%3Cpath%20d%3D%22M9.5%209.5l2%202%203.5-4%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%226.5%22%20y%3D%222.5%22%20width%3D%2211%22%20height%3D%2219%22%20rx%3D%222.5%22/%3E%3Cpath%20d%3D%22M10.5%2018.5h3%22/%3E%3Cpath%20d%3D%22M9.5%209.5l2%202%203.5-4%22/%3E%3C/svg%3E")}
.woocommerce-checkout #payment ul.payment_methods li:has(>input:checked){border:2px solid #C9A23A!important;background:linear-gradient(180deg,#FFFBF0,#fff)!important;box-shadow:0 10px 24px rgba(201,162,58,.18)}
.woocommerce-checkout #payment ul.payment_methods li:has(>input:checked)>label::before{background:linear-gradient(135deg,#C9A23A,#E8C766);box-shadow:none}
.woocommerce-checkout #payment ul.payment_methods li:has(>input:checked)::before{background:#121212}
.woocommerce-checkout #payment ul.payment_methods li:has(>input:checked)>label::after{border:0!important;background:#C9A23A url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2012.5l4.5%204.5L19%207.5%22%20stroke-width%3D%223%22/%3E%3C/svg%3E") center/11px no-repeat;animation:cmPop .3s both}
.woocommerce-checkout #payment div.payment_box{border-top:1px dashed #E9DFC2;padding-top:10px!important;margin:0 14px 2px!important;padding-left:0!important;padding-right:0!important}

ul#shipping_method{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
ul#shipping_method li{min-width:0}
ul#shipping_method li label{padding-left:48px!important}
ul#shipping_method li label::before{left:10px;width:30px;height:30px;margin-top:-15px}
ul#shipping_method li label::after{left:16px}
ul#shipping_method li label b{font-size:13.5px!important;line-height:1.25}
ul#shipping_method li label small{width:auto!important;max-width:100%;white-space:normal;font-size:11px!important;padding:2px 7px!important;line-height:1.3}
ul#shipping_method li label{padding-right:8px!important;overflow:hidden}
.woocommerce-checkout #payment ul.payment_methods li.payment_method_cod div.payment_box{display:none!important}

/* ===== cool + light animations (GPU only: transform/opacity) ===== */
@view-transition{navigation:auto}
.top{view-transition-name:cm-top}
.nav{view-transition-name:cm-nav}
::view-transition-old(root){animation:cmVtOut .16s ease-in both}
::view-transition-new(root){animation:cmVtIn .26s cubic-bezier(.2,.8,.2,1) both}
@keyframes cmVtOut{to{opacity:0;transform:translateY(-6px)}}
@keyframes cmVtIn{from{opacity:0;transform:translateY(10px)}}
/* scroll reveal */
.rv{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
/* image skeleton shimmer while loading, then soft fade-in */
.card .pic:has(img.ph:not(.ld)){background:linear-gradient(100deg,#F3EFE6 30%,#FBF8F1 50%,#F3EFE6 70%) 0 0/300% 100%;animation:cmShim 1.3s linear infinite}
.card .pic img.ph{opacity:0;transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.card .pic img.ph.ld{opacity:1}
@keyframes cmShim{to{background-position:-300% 0}}
/* card feel */
li.card{transition:transform .18s var(--ease),box-shadow .25s}
@media (hover:hover){li.card:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.08)}li.card:hover .pic img.ph{transform:scale(1.06)}}
li.card:active{transform:scale(.97)}
/* hero: text rise on the shown slide (only when JS marks slides) */
.hero[data-anim] .slide .sl-txt>*{transform:translateY(12px);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s}
.hero[data-anim] .slide.on .sl-txt>*{transform:none;opacity:1}
.hero .slide .sl-txt>*:nth-child(2){transition-delay:.08s}.hero .slide .sl-txt>*:nth-child(3){transition-delay:.16s}
/* buttons press */
.btn-co,.mini-co,.cta{transition:transform .12s,filter .2s}.btn-co:active,.mini-co:active{transform:scale(.95)}
/* cart badge bounce */
.cm-badge.on{animation:cmBounce .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes cmBounce{0%{transform:scale(.4)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}::view-transition-old(root),::view-transition-new(root){animation:none}.hero .slide{animation:none!important}}

/* ===== intro splash (first visit per session) ===== */
.cm-intro{display:none}
.cm-intro.on{display:grid;place-items:center;position:fixed;inset:0;z-index:100000;background:radial-gradient(circle at 50% 46%,#3a2a0c 0,#1a1408 34%,#0c0c0c 70%);transition:opacity .55s ease,filter .55s ease}
.cm-intro.out{opacity:0;filter:blur(6px);pointer-events:none}
.ci-in{display:flex;flex-direction:column;align-items:center;gap:22px;padding:0 24px;text-align:center}
.ci-wm{color:#fff;font:800 25px/1 Inter,sans-serif;letter-spacing:3px;text-transform:uppercase;padding:9px 14px;border:2px solid rgba(255,255,255,.9);border-radius:4px;animation:ciUp .6s cubic-bezier(.2,.8,.2,1) both}
.ci-wm i{font-style:normal;color:#E8B23A}
.ci-ring{position:relative;width:96px;height:96px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(232,178,58,.28),rgba(232,178,58,0) 70%);animation:ciPop .7s .1s cubic-bezier(.2,1.4,.4,1) both,ciGlow 1.6s 0.8s ease-in-out infinite}
.ci-ring::before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from 0deg,#E8B23A,rgba(232,178,58,0) 65%,#E8B23A);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ciSpin 1.1s linear infinite}
.ci-ring img{width:58px;height:58px;border-radius:16px}
.ci-bar{width:150px;height:3px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden;animation:ciUp .5s .25s both}
.ci-bar em{display:block;height:100%;width:100%;background:linear-gradient(90deg,#b8862a,#E8B23A,#ffd77a);box-shadow:0 0 12px #E8B23A;transform-origin:left;animation:ciLoad 1s .2s cubic-bezier(.6,0,.3,1) both}
.ci-tag{color:rgba(255,255,255,.42);font:500 12px/1.4 Inter,sans-serif;letter-spacing:.3px;animation:ciUp .5s .35s both}
@keyframes ciPop{from{opacity:0;transform:scale(.4)}}
@keyframes ciUp{from{opacity:0;transform:translateY(12px)}}
@keyframes ciLoad{from{transform:scaleX(0)}}
@keyframes ciSpin{to{transform:rotate(360deg)}}
@keyframes ciGlow{50%{box-shadow:0 0 34px 4px rgba(232,178,58,.35)}}
/* page arrives softly as the splash leaves */
.cm-intro-on body>*:not(.cm-intro){opacity:0}
.cm-intro-done body>*:not(.cm-intro){animation:ciPage .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes ciPage{from{opacity:0;transform:scale(1.03)}}
/* sold pill (product page) */
.sold-pill{display:inline-flex;align-items:center;gap:5px;background:#121212;color:#fff;font-size:13.5px;font-weight:500;padding:7px 15px;border-radius:999px;line-height:1;box-shadow:inset 0 0 0 1px rgba(232,178,58,.35)}
.sold-pill b{font-weight:800;color:#E8B23A}
/* pre-order: link field + big upload box */
.po-url input{width:100%;height:52px;border:1.5px solid #d6d3cc;border-radius:16px;padding:0 18px;font-size:15px;background:#fff;margin-bottom:12px;box-sizing:border-box}
.po-url input:focus{border-color:var(--ink);outline:0}
.ups:not(.has) .up-t.add{grid-column:1/-1;aspect-ratio:auto;padding:26px 12px}
.up-t.add{border:2px dashed #dccfb1;background:#FAF8F3;gap:6px;color:#222;transition:background .2s,border-color .2s,transform .15s}
.up-t.add:active{transform:scale(.98)}
.up-t.add.over{background:#FFF4DA;border-color:#E8B23A}
.up-ic{width:46px;height:46px;border-radius:13px;background:#141a26;color:#fff;display:grid;place-items:center;margin-bottom:6px}
.up-t.add b{font-size:16px;font-weight:700;color:#1f2430}
.up-t.add small{font-size:13px;font-weight:500;color:#9aa0aa}
.ups.has .up-ic{width:34px;height:34px;margin:0}.ups.has .up-t.add b{font-size:12px}.ups.has .up-t.add small{display:none}
.po-or{font-size:12px;color:var(--muted);margin:10px 2px 14px}
/* stronger scroll animation for product cards */
li.card.rv{transform:translateY(28px) scale(.94);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
li.card.rv.in{transform:none}
/* product page: details rise as a sheet over the photo (mobile) */
@media (max-width:899px){
  .woocommerce div.product.cm-single div.summary.sp-body{position:relative;z-index:2;float:none;background:#fff;border-radius:26px 26px 0 0;margin:14px -12px 0!important;width:calc(100% + 24px)!important;max-width:none;box-sizing:border-box;padding:24px 16px 4px;box-shadow:0 -12px 30px rgba(0,0,0,.07);animation:cmSheet .6s cubic-bezier(.2,.8,.2,1) both}
  .cm-single .sp-body::before{content:"";position:absolute;top:9px;left:50%;width:42px;height:4px;margin-left:-21px;border-radius:4px;background:#ddd5c4}
}
@keyframes cmSheet{from{transform:translateY(40px);opacity:.3}}

/* ---------- Desktop ---------- */
@media (min-width:900px){
  body.cm{padding-bottom:0}
  .top{border-radius:0;padding:12px 24px}
  .hd{gap:14px}
  .hd-search{max-width:520px;margin:0 auto}
  .hd-desk{display:flex;gap:18px;align-items:center}
  .hd-desk a{display:flex;flex-direction:column;align-items:center;font-size:11px;color:#cfc8b8;position:relative;gap:2px}
  .hd-desk .badge{right:-6px}
  .nav{display:none}
  .main{padding:18px 24px 40px}
  .quick{gap:14px}
  .q{width:90px}.q .bub{width:76px;height:76px}
  .hero{aspect-ratio:3/1}
  .sl-h{font-size:34px}.sl-p{font-size:16px}
  .cm-grid,.woocommerce ul.products{grid-template-columns:repeat(4,1fr);gap:16px}
  .hscroll>li.card{flex:0 0 220px}
  .trust{grid-template-columns:repeat(4,1fr)}
  .cn-promo{padding:24px}
  .sp-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}
  .gal{position:sticky;top:90px}
  .g-side{width:86px}.g-th{width:86px;height:114px}.g-list{max-height:480px}
  .sp-body{padding-top:0}
  .bar{left:auto;right:24px;bottom:20px;width:420px;border-radius:20px;border:1px solid var(--line)}
  .cfab,.single-product .cfab{bottom:24px}
  body.single-product .cfab{right:460px}
  .ft{border-radius:0;padding:32px 24px 10px}
  .ft-grid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:32px}
  .ft-cols,.ft-stay{margin-top:0;padding-top:0;border-top:0}
  .toast{bottom:30px}
  .woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}
  .woocommerce-checkout #order_review_heading{display:none}
  .woocommerce-checkout form.checkout>.woocommerce-NoticeGroup,.woocommerce-checkout form.checkout>.woocommerce-error{grid-column:1/-1}
  .po-form,.po-track,.cn-page .po{max-width:720px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}