/*
Theme Name: My Little Treasurehunt
Theme URI: https://mylittletreasurehunt.co.za
Author: My Little Treasurehunt
Description: A quirky, colourful WooCommerce theme for My Little Treasurehunt: vintage treasures, home decor and interior styling.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
WC requires at least: 8.0
Text Domain: mlt
Tags: e-commerce, custom-menu, featured-images, woocommerce
*/
:root{--bg:#fbf6ea;--surface:#fff;--ink:#17331f;--muted:#5b6a5f;--red:#d12f2f;--lemon:#f6d84a;--blush:#f8dcd8;--line:#eadfc4;--green:#1f5a32;--btn-ink:#fff;--plate:transparent;--sh:rgba(40,30,10,.08)}
@media (prefers-color-scheme:dark){:root{--bg:#15221a;--surface:#1f3025;--ink:#f6ecd4;--muted:#b8c4b4;--red:#ff7b7b;--blush:#4a3436;--line:#32483a;--green:#8fd29f;--btn-ink:#10281a;--plate:#fbf6ea;--sh:rgba(0,0,0,.35)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 "Nunito Sans",system-ui,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:Fraunces,Georgia,serif;font-weight:700;margin:0 0 .5em;line-height:1.1;letter-spacing:-.01em}
button{font:inherit;color:inherit;cursor:pointer}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.sr,.screen-reader-text{position:absolute;left:-9999px}
.wrap{max-width:1180px;margin:auto;padding:0 20px}
.btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.wc-block-components-button:not(.is-link){display:inline-block;border:0;border-radius:99px;background:var(--green);color:var(--btn-ink);padding:.8em 1.5em;font-weight:700;text-decoration:none;line-height:1.3;transition:transform .15s,box-shadow .15s}
.btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.button.alt:hover,.woocommerce a.button.alt:hover{background:var(--green);color:var(--btn-ink);transform:translateY(-2px);box-shadow:0 6px 14px var(--sh)}
.btn.ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.eyebrow{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--red)}
.meta{font-size:.84rem;color:var(--muted)}
/* loader */
#mlt-loader{position:fixed;inset:0;z-index:100;background:#fbf6ea;color:#17331f;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;transition:transform .8s cubic-bezier(.7,0,.2,1);overflow:hidden;padding:0 1rem}
#mlt-loader.out{transform:translateY(-100%)}
html.mlt-seen #mlt-loader{display:none}
#mlt-loader .lg{width:min(80vw,420px)}
.ring{position:relative;width:min(80vw,320px);aspect-ratio:1}
.ring img{position:absolute;left:0;top:0;will-change:transform}
.ctr{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:600 1.05rem/1.25 Fraunces,serif;padding:0 28%}
.fishbar{width:min(70vw,250px);height:26px;border-radius:99px;background:#f8dcd8;padding:3px;display:flex;gap:3px}
.fishbar span{flex:1;text-align:center;font-size:.9rem;line-height:20px;opacity:.2;transition:opacity .3s}.fishbar span.on{opacity:1}
#mlt-skip{position:absolute;right:1rem;top:1rem;background:none;border:0;text-decoration:underline;font-weight:700;color:#17331f}
/* header */
.ann{background:var(--green);color:var(--btn-ink);text-align:center;font-size:.85rem;font-weight:600;padding:.45rem 1rem}
header.site{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.admin-bar header.site{top:32px}
.hd{display:flex;align-items:center;gap:1rem;height:68px}
.brand{background:var(--plate);border-radius:10px;padding:2px 6px;display:block}
.brand img{height:26px;width:auto}
.nav{display:flex;gap:1.8rem;margin:0 auto;font-weight:600;font-size:.95rem}
.nav a{text-decoration:none;padding:.3rem 0;border-bottom:2px solid transparent}.nav a:hover{border-color:var(--red)}
.icons{display:flex;gap:.2rem}.nav+.icons{margin-left:0}
.ic{background:none;border:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;position:relative;font-size:1.25rem;text-decoration:none}
.ic:hover{background:var(--blush)}
.ic em,.mlt-bag-count{position:absolute;top:2px;right:0;background:var(--red);color:#fff;border-radius:99px;font:700 .68rem/1 "Nunito Sans";padding:3px 5px;font-style:normal;min-width:17px;text-align:center}
.mlt-bag-count.is-empty,.ic em.is-empty{display:none}
.menu-b{display:none}
.mmenu{display:none;border-top:1px solid var(--line);padding:.6rem 20px 1rem}
.mmenu.on{display:grid}.mmenu a{padding:.6rem 0;text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
.spanel{border-top:1px solid var(--line);padding:.8rem 0}
.spanel form{display:flex;gap:.5rem}
.spanel input[type=search]{flex:1;min-width:0;border:1.5px solid var(--line);border-radius:99px;padding:.7rem 1.1rem;background:var(--surface);color:inherit;font:inherit}
@media(max-width:820px){.nav{display:none}.menu-b{display:grid}.brand img{height:22px}.icons{margin-left:auto}}
/* hero */
.hero{padding:clamp(2rem,6vw,4.5rem) 0 2rem}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}
.hero h1{font-size:clamp(2.5rem,6.4vw,4.6rem);margin:.7rem 0 1rem}
.hero h1 i{color:var(--red)}
.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:30em;margin:0 0 1.6rem}
.cta{display:flex;gap:.8rem;flex-wrap:wrap}
.trust{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:1.8rem;font-size:.9rem;color:var(--muted);font-weight:600}
.bento{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1/1.05}
.bento a{border-radius:24px;overflow:hidden;background:#eee;position:relative;box-shadow:0 10px 24px var(--sh);display:block}
.bento img.p{width:100%;height:100%;object-fit:cover}
.bento .tall{grid-row:span 2}
.stk{position:absolute;filter:drop-shadow(0 3px 4px rgba(0,0,0,.15));pointer-events:none}
@media(max-width:820px){.hero .wrap{grid-template-columns:1fr;gap:2rem}.bento{max-width:460px}}
/* collections */
.cols{padding:1rem 0 2.5rem}
.cgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.cgrid .col{flex:0 0 calc((100% - 4rem)/5)}
.col{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1rem .5rem .8rem;text-align:center;font-weight:700;font-size:.9rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}
.col:hover{transform:translateY(-4px);box-shadow:0 10px 20px var(--sh)}
.col img{height:70px;margin:0 auto .5rem;width:auto;object-fit:contain}
@media(max-width:760px){.cgrid{gap:.6rem}.cgrid .col{flex:0 0 calc((100% - 1.2rem)/3);font-size:.78rem;padding:.8rem .3rem .6rem}.col img{height:56px}}
.sec{padding:2.2rem 0}
.sec>h2,.sec-h{font-size:clamp(1.8rem,4.5vw,2.7rem)}
/* product cards (WooCommerce) */
.woocommerce ul.products,ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:1.5rem 1.2rem;list-style:none;padding:0;margin:0 0 2rem}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;float:none!important;margin:0!important;position:relative;display:flex;flex-direction:column;padding:0}
@media(max-width:900px){.woocommerce ul.products,ul.products{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:620px){.woocommerce ul.products,ul.products{grid-template-columns:1fr 1fr!important;gap:1.1rem .7rem}}
.mlt-card .ph{display:block;aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#eee;box-shadow:0 4px 12px var(--sh)}
.mlt-card .ph img{width:100%!important;height:100%!important;object-fit:cover;margin:0!important;border-radius:0!important;box-shadow:none!important;transition:transform .5s}
.mlt-card .ph:hover img{transform:scale(1.05)}
.lab{position:absolute;left:10px;top:10px;z-index:3;padding:.2rem .65rem;border-radius:99px;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#2b2200;box-shadow:0 2px 6px rgba(0,0,0,.12);background:#eadfc2}
.l-new-find{background:#f6d84a}.l-vintage{background:#f8dcd8}.l-one-of-a-kind{background:#cfe6f6}.l-sale{background:#d12f2f;color:#fff}.l-limited-stock{background:#eadfc2}.l-treasure-approved{background:#cfe9c9}
.fav{position:absolute;right:10px;top:10px;z-index:3;width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:#d12f2f;font-size:1.1rem;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.ci{padding:.8rem .2rem 0;display:flex;flex-direction:column;gap:.1rem;flex:1}
.ci h3{font-size:1.1rem;margin:0}.ci h3 a{text-decoration:none}
.price,.woocommerce div.product p.price,.woocommerce ul.products li.product .price{font-weight:700;color:var(--ink)!important;font-size:1rem}
.price del{color:var(--muted);font-weight:400;margin-right:.4rem}.price ins{text-decoration:none}
.low{font-size:.8rem;color:var(--red);font-weight:700}
.mlt-card .button{margin-top:.6rem;background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 1.5px var(--ink);text-align:center;padding:.55em 1em}
.mlt-card .button:hover{background:var(--ink)!important;color:var(--bg)!important}
.mlt-card .added_to_cart{margin-top:.4rem;font-size:.85rem;font-weight:700;text-align:center}
/* shop page */
.mlt-wc{padding:1.5rem 20px 3rem}
.woocommerce-breadcrumb{font-size:.85rem;color:var(--muted);margin-bottom:1rem!important}
.woocommerce-products-header__title,.page-title{font-size:clamp(2rem,5vw,3rem)}
.woocommerce-result-count{color:var(--muted);font-size:.9rem}
.woocommerce-ordering select,select{font:inherit;background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-radius:99px;padding:.6rem 1rem}
.woocommerce-pagination ul{border:0!important}.woocommerce-pagination .page-numbers li{border:0!important}
.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{border-radius:99px;padding:.5em .9em;background:var(--surface);color:var(--ink)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--green);color:var(--btn-ink)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--surface)!important;color:var(--ink)!important;border-top-color:var(--green)!important;border-radius:14px}
/* single product */
.woocommerce div.product{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;position:relative;margin-bottom:3rem}
.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%!important;float:none!important;margin:0!important}
.woocommerce div.product div.images img{border-radius:24px}
.woocommerce div.product .woocommerce-tabs,.woocommerce div.product .related,.woocommerce div.product .upsells{grid-column:1/-1;width:100%}
.woocommerce div.product .product_title{font-size:clamp(2rem,5vw,3rem)}
.woocommerce div.product p.price{font-size:1.6rem}
.mlt-single-label{position:absolute;left:16px;top:16px;z-index:9}
.mlt-single-label .lab{position:static;font-size:.75rem}
.woocommerce div.product form.cart{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0}
.woocommerce div.product form.cart .single_add_to_cart_button{flex:1 1 220px}
.woocommerce .quantity .qty{border:1.5px solid var(--line);border-radius:99px;padding:.7rem;background:var(--surface);color:var(--ink);width:5em}
.facts{list-style:none;padding:0;margin:1.2rem 0;border-top:1px solid var(--line)}
.facts li{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--line)}
.facts li span{color:var(--muted);text-align:right}
.deliv{display:grid;gap:.35rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:1rem 1.2rem;font-size:.92rem;margin:1rem 0}
.mlt-fav-single{width:100%;margin-bottom:1rem;cursor:pointer}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 1rem}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{border-color:var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none!important;border:0!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{border-bottom:3px solid var(--red)!important}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{color:var(--ink)!important;font-weight:700}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none!important}
@media(max-width:820px){.woocommerce div.product{grid-template-columns:1fr;gap:1.5rem}}
/* cart, checkout, forms */
.woocommerce table.shop_table,.woocommerce-checkout #payment{border-color:var(--line);border-radius:18px;background:var(--surface)}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{border-color:var(--line)}
.woocommerce-checkout #payment div.payment_box{background:var(--bg);color:var(--ink)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.f input,.f textarea,.f select,.nl input[type=email]{border:1.5px solid var(--line);border-radius:14px;padding:.7rem .9rem;background:var(--surface);color:inherit;font:inherit;width:100%}
.woocommerce a.remove{color:var(--red)!important}
.page-wrap{padding:2rem 20px 3rem;max-width:860px;margin:auto}
.page-wrap .entry-title{font-size:clamp(2rem,5vw,3rem)}
.wp-block-image img,.entry-content img{border-radius:16px}
.page-wrap.wide{max-width:1180px}
/* features / values / talks / newsletter */
.fg{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.fc{position:relative;border-radius:28px;padding:2.2rem;overflow:hidden;min-height:340px;color:#17331f}
.fc.y{background:#f9e58a}.fc.p{background:#f8dcd8}
.fc h2{font-size:clamp(1.8rem,4vw,2.5rem);margin:.5rem 0 .6rem;max-width:12em}
.fc p{max-width:26em;margin:0 0 1.2rem}
.fc .btn{background:#17331f;color:#fff}
.fc .stk{right:14px;bottom:10px}
@media(max-width:820px){.fg{grid-template-columns:1fr}.fc{padding:1.6rem 1.6rem 7rem;min-height:0}}
.vals{border-block:1px solid var(--line);padding:1.8rem 0;margin:2rem 0}
.vg{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.v{display:flex;align-items:center;gap:.8rem;font-weight:700;font-size:.95rem}.v img{height:44px;width:44px;object-fit:contain}
@media(max-width:760px){.vg{grid-template-columns:1fr 1fr}}
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:1.3rem}
.post{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;gap:.5rem;transition:transform .2s,box-shadow .2s}
.post:hover{transform:translateY(-4px);box-shadow:0 12px 24px var(--sh)}
.post h3{font-size:1.25rem;margin:0}.post span.more{color:var(--red);font-weight:700;font-size:.9rem;margin-top:auto}
@media(max-width:760px){.tg{grid-template-columns:1fr}}
.nl{background:var(--green);color:var(--btn-ink);border-radius:30px;padding:2.6rem 1.5rem;text-align:center;margin-top:2.5rem}
.nl h2{font-size:clamp(1.8rem,4vw,2.5rem)}.nl p{max-width:34em;margin:.6rem auto 1.4rem;opacity:.92}
.nl form{display:flex;gap:.5rem;max-width:460px;margin:auto}
.nl input[type=email]{border:0;border-radius:99px;color:#17331f;background:#fff}
.nl .btn{background:#f6d84a;color:#2b2200;cursor:pointer}
.hp{position:absolute;left:-9999px}
/* styling page */
.sthero{padding:2.5rem 0 1rem;max-width:760px}.sthero h1{font-size:clamp(2.3rem,6vw,4rem);margin:.6rem 0 1rem}
.svc,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.sc,.st{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:1.4rem}
.sc img{height:64px;width:auto;margin-bottom:.6rem}.sc h3,.st h3{font-size:1.2rem}.sc p,.st p{margin:0;color:var(--muted);font-size:.95rem}
.steps{counter-reset:s}.st{background:var(--blush)}
.st::before{counter-increment:s;content:counter(s);font:700 1.8rem Fraunces,serif;color:var(--red);display:block;margin-bottom:.3rem}
.pal{display:flex;border-radius:22px;overflow:hidden;box-shadow:0 8px 20px var(--sh)}
.pal div{flex:1;padding:2.6rem .6rem 1rem;font-weight:700;font-size:.8rem;text-align:center;color:#17331f}
.f{display:grid;gap:.8rem}.f label{display:grid;gap:.25rem;font-weight:700;font-size:.9rem}
.sform{background:var(--surface);border:1px solid var(--line);border-radius:28px;max-width:640px;padding:1.8rem}
details{border-bottom:1px solid var(--line);padding:.85rem 0}summary{font-weight:700;cursor:pointer}details p{margin:.5rem 0 0;color:var(--muted)}
@media(max-width:820px){.svc,.steps{grid-template-columns:1fr}.pal{flex-direction:column}.pal div{padding:1rem}}
/* footer */
footer.site{padding:3rem 0 1.5rem;margin-top:3rem;border-top:1px solid var(--line)}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem}
.fgrid h3{font-size:1rem;margin-bottom:.6rem;font-family:"Nunito Sans",sans-serif}
.fgrid a{display:block;text-decoration:none;color:var(--muted);padding:.15rem 0}.fgrid a:hover{color:var(--ink)}
.fgrid .brand{display:inline-block;margin-bottom:.8rem;padding:2px 6px;background:var(--plate)}.fgrid .brand img{height:24px}
.legal{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem;font-size:.85rem;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}
@media(max-width:760px){.fgrid{grid-template-columns:1fr 1fr}.fgrid>div:first-child{grid-column:1/-1}}
/* treasure box drawer + toast */
.scrim{position:fixed;inset:0;background:rgba(20,20,10,.5);z-index:60;opacity:0;pointer-events:none;transition:opacity .25s}.scrim.on{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--bg);z-index:70;transform:translateX(105%);transition:transform .3s;display:flex;flex-direction:column;box-shadow:-10px 0 30px var(--sh)}
.drawer.on{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.dh h2{font-size:1.4rem;margin:0}
.dl{flex:1;overflow:auto;padding:1rem 1.2rem}
.row{display:grid;grid-template-columns:64px 1fr auto;gap:.8rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--line)}
.row img{width:64px;height:64px;object-fit:cover;border-radius:12px}
#toast{position:fixed;left:50%;bottom:calc(1.2rem + env(safe-area-inset-bottom,0px));transform:translate(-50%,160%);background:#17331f;color:#fff;padding:.75rem 1.3rem;border-radius:99px;z-index:90;transition:transform .3s;font-weight:600;max-width:92vw;text-align:center}
#toast.on{transform:translate(-50%,0)}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---- Phase 2: striped awning + scalloped paper nav ---- */
:root{--awn-a:var(--red);--awn-b:#fbf6ea;--scallop:var(--surface)}
header.site{border-bottom:0;overflow:visible}
header.site::before{content:"";display:block;height:11px;background:repeating-linear-gradient(90deg,var(--awn-a) 0 24px,var(--awn-b) 24px 48px);box-shadow:0 2px 0 rgba(0,0,0,.08)}
header.site::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;pointer-events:none;
  background:
    radial-gradient(circle at 50% 0,var(--scallop) 9px,var(--line) 9.5px,var(--line) 10.5px,transparent 11px) 0 0/22px 12px repeat-x;
  filter:drop-shadow(0 2px 2px var(--sh))}
.nav a{border-bottom:0;padding:.35rem .9rem;border-radius:999px;transition:background .15s,transform .15s}
.nav a:hover{background:var(--lemon);color:#17331f;transform:rotate(-2deg)}
.nav{gap:.4rem}
.mmenu{margin-bottom:12px}
@media(prefers-reduced-motion:reduce){.nav a:hover{transform:none}}

/* ---- Ginger cat loader ---- */
.gcat{position:absolute;left:0;top:0;width:132px;will-change:transform;pointer-events:none;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff) drop-shadow(0 4px 5px rgba(0,0,0,.18))}
.gcat svg{display:block;width:100%;height:auto;overflow:visible}
.gc-bob{animation:gcbob .36s ease-in-out infinite}
.gc-leg{animation:gcswing .36s ease-in-out infinite alternate}.gc-leg.gc-b{animation-direction:alternate-reverse}
.gc-tail{transform-origin:30px 56px;animation:gctail .9s ease-in-out infinite alternate}
.gc-ear{animation:gcear 2.6s ease-in-out infinite}
.gc-eye{animation:gcblink 3.2s infinite}
@keyframes gcbob{50%{transform:translateY(-4px)}}
@keyframes gcswing{from{transform:rotate(32deg)}to{transform:rotate(-32deg)}}
@keyframes gctail{from{transform:rotate(-12deg)}to{transform:rotate(14deg)}}
@keyframes gcear{0%,88%,100%{transform:rotate(0)}93%{transform:rotate(-9deg)}}
@keyframes gcblink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}

/* ---- Homepage v2: swipeable, thumb-friendly ---- */
.chips{padding-top:.9rem;border-bottom:1px solid var(--line)}
.chips-in{display:flex;gap:.5rem;overflow-x:auto;scroll-snap-type:x proximity;padding:.2rem 20px .8rem;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 32px),transparent)}
.chips-in::-webkit-scrollbar{display:none}
.chip{flex:none;display:flex;align-items:center;gap:.45rem;min-height:44px;padding:.3rem .95rem .3rem .4rem;border-radius:99px;background:var(--surface);border:1px solid var(--line);text-decoration:none;font-weight:700;font-size:.88rem;white-space:nowrap;scroll-snap-align:start;transition:transform .15s}
.chip:active{transform:scale(.96)}
.chip img{width:30px;height:30px;object-fit:contain}
.chip.all{background:var(--green);color:var(--btn-ink);border-color:transparent;padding-left:1.1rem}
@media(min-width:821px){.chips-in{flex-wrap:wrap;justify-content:center;-webkit-mask-image:none;mask-image:none;max-width:1180px;margin:auto}}

.hero .eyebrow{text-transform:none;letter-spacing:0;font-size:1rem;margin:0}
.hv{position:relative}
.bento a .cap{position:absolute;left:10px;right:10px;bottom:10px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(6px);color:var(--ink);border-radius:99px;padding:.35rem .8rem;font-weight:700;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stk.s1{width:84px;left:-22px;top:-18px;transform:rotate(-10deg)}
.stk.s2{width:100px;right:-14px;bottom:-22px;transform:rotate(8deg)}
.dots{display:none}

.tick{background:var(--lemon);color:#17331f;overflow:hidden;border-block:2px solid #17331f;margin:1rem 0 0}
.tick-t{display:flex;width:max-content;animation:tick 34s linear infinite}
.tick span{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.5rem;font-weight:800;font-size:.95rem;white-space:nowrap}
.tick img{height:26px;width:auto}
@keyframes tick{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tick-t{animation:none;width:auto;overflow-x:auto}}

.sh{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}
.sh h2{margin:0;font-size:clamp(1.6rem,4.5vw,2.4rem)}
.sh a{font-weight:700;color:var(--red);text-decoration:none;white-space:nowrap;padding:.6rem 0}
.rail-sub{margin:.25rem 0 1rem}
.tabs{display:none}

@media(max-width:820px){
.hero{padding:1.1rem 0 .6rem}
.hero .wrap{gap:1.1rem}
.hero h1{font-size:clamp(2.1rem,9.5vw,2.8rem);margin:.35rem 0 .6rem}
.hero p.lead{font-size:1rem;margin:0 0 1.1rem}
.hero .cta{flex-wrap:nowrap}.hero .cta .btn{flex:1;text-align:center;padding:.95em .6em}
.hv{margin-inline:-20px}
.bento{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;aspect-ratio:auto;max-width:none;padding:0 20px 8px;scroll-padding-inline:20px;scrollbar-width:none;overscroll-behavior-x:contain}
.bento::-webkit-scrollbar{display:none}
.bento a,.bento .tall{flex:0 0 76%;aspect-ratio:4/5;scroll-snap-align:start;grid-row:auto}
.stk.s1{width:62px;left:8px;top:-16px}.stk.s2{width:74px;right:8px;top:-14px;bottom:auto}
.dots{display:flex;justify-content:center;gap:6px;margin-top:.4rem}
.dots i{width:7px;height:7px;border-radius:99px;background:var(--line);transition:width .2s,background .2s}
.dots i.on{width:20px;background:var(--red)}
.sec{padding:1.6rem 0}
.rail ul.products{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;margin:0 -20px;padding:.3rem 20px 1rem;scroll-padding-inline:20px;scrollbar-width:none;overscroll-behavior-x:contain}
.rail ul.products::-webkit-scrollbar{display:none}
.rail ul.products li.product{flex:0 0 min(62vw,250px)!important;scroll-snap-align:start}
.tg-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;margin:1rem -20px 0;padding:0 20px 8px;scroll-padding-inline:20px;scrollbar-width:none}
.tg-rail::-webkit-scrollbar{display:none}
.tg-rail .post{flex:0 0 78%;scroll-snap-align:start}
.fc{min-height:0}
/* header declutter: heart + bag live in the bottom bar on phones */
#mlt-fav-btn,header.site .icons a.ic{display:none}
/* bottom tab bar */
body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
.tabs{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:4px 6px calc(4px + env(safe-area-inset-bottom,0px))}
.tabs a,.tabs button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;background:none;border:0;padding:6px 0;font:700 .68rem/1.1 "Nunito Sans",sans-serif;color:var(--muted);text-decoration:none}
.tabs svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tabs [aria-current]{color:var(--ink)}
.tabs [aria-current]::before{content:"";position:absolute;top:-4px;width:28px;height:4px;border-radius:0 0 4px 4px;background:var(--red)}
.tabs em,.tabs .mlt-bag-count{position:absolute;top:3px;right:calc(50% - 24px);background:var(--red);color:#fff;border-radius:99px;font:700 .64rem/1 "Nunito Sans",sans-serif;padding:3px 5px;font-style:normal;min-width:17px;text-align:center}
.tabs em.is-empty,.tabs .mlt-bag-count.is-empty{display:none}
#toast{bottom:calc(5rem + env(safe-area-inset-bottom,0px))}
}

/* ---- Fix: empty toast pill was peeking above the tab bar; tidy hero buttons ---- */
#toast{opacity:0;visibility:hidden;transform:translate(-50%,300%);transition:transform .3s,opacity .3s,visibility 0s .3s}
#toast.on{opacity:1;visibility:visible;transform:translate(-50%,0);transition:transform .3s,opacity .3s,visibility 0s}
@media(max-width:820px){.hero .cta .btn{display:flex;align-items:center;justify-content:center;line-height:1.2}}
.hero .wrap.solo{grid-template-columns:1fr;text-align:center;justify-items:center}
.hero .wrap.solo .cta{justify-content:center}

/* ---- Design pass 3: true colours, calmer header, better feature cards ---- */
:root{color-scheme:light dark}
/* Logged-in admin bar: don't leave a gap above the sticky header on phones */
@media(max-width:782px){.admin-bar header.site{top:46px}}
@media(max-width:600px){.admin-bar header.site{top:0}}

@media(max-width:820px){
/* slimmer awning header */
header.site::before{height:8px}
.hd{height:56px}
header.site::after{height:10px}

/* hero actions: equal, single line */
.hero .cta .btn{font-size:.95rem;white-space:nowrap;padding:.95em .4em;min-height:50px}

/* product cards in rails: lighter, easier to scan */
.mlt-card .ph{border-radius:18px}
.ci h3{font-size:1rem;line-height:1.2}
.mlt-card .button{font-size:.85rem;padding:.6em .8em}

/* feature cards: sticker on top, text, full-width button, nothing overlaps */
.fg{gap:1rem}
.fc{display:flex;flex-direction:column;align-items:flex-start;padding:1.4rem;border-radius:26px}
.fc .stk{position:static;order:-1;width:84px!important;margin:0 0 .5rem;transform:rotate(-6deg)!important}
.fc h2{font-size:1.65rem;margin:.1rem 0 .5rem}
.fc p{margin:0 0 1.1rem;font-size:.98rem}
.fc .btn{width:100%;text-align:center;min-height:50px;display:flex;align-items:center;justify-content:center}

/* keep the cookie button off the tab bar (CookieYes / Complianz) */
.cky-btn-revisit-wrapper{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;left:12px!important}
#cmplz-manage-consent .cmplz-manage-consent{bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
}

/* ---- Info pages (Contact, Shipping, Payment, Returns, Terms, Privacy) ---- */
.entry-content .lede{font-size:1.15rem;color:var(--muted);max-width:36em;margin:0 0 1.6rem}
.entry-content h2{font-size:1.5rem;margin:2.2rem 0 .6rem}
.entry-content p,.entry-content li{max-width:65ch}
.entry-content li{margin:.4rem 0}
.entry-content a{color:var(--red);font-weight:700}
.mlt-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:1.6rem 0}
.mlt-info{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:1.2rem}
.mlt-info h3{margin:0 0 .35rem;font-size:1.15rem}
.mlt-info p{margin:0;color:var(--muted);font-size:.95rem}
.entry-content .sform{margin:0 0 1.5rem}

/* ---- Clean redesign, step 1: spacing, flat cards, product page ---- */
:root{--r-img:18px;--r-card:24px}
.sec{padding:3.6rem 0}
.post,.fc,.sc,.st,.sform,.mlt-info,.deliv{border-radius:var(--r-card)}
.post:hover{transform:none;box-shadow:none;border-color:var(--ink)}

/* Product cards: photo first, quiet details, round "+" to add */
.mlt-card .pw{position:relative}
.mlt-card .ph{box-shadow:none;border-radius:var(--r-img);background:var(--blush)}
.mlt-card .ph:hover img{transform:scale(1.03)}
.ci{padding:.75rem .1rem 0;gap:.15rem}
.ci h3{font-size:1rem;line-height:1.25}
.ci .meta{font-size:.8rem;color:var(--muted)}
.ci .price,.woocommerce ul.products li.product .price{font-size:.95rem}
.low{font-size:.78rem;font-weight:700;color:var(--red)}
.lab{font-size:.66rem;padding:.18rem .6rem;box-shadow:none}
.fav{width:36px;height:36px;font-size:1rem;box-shadow:0 1px 4px rgba(0,0,0,.14)}
.pw .button{position:absolute;right:10px;bottom:10px;margin:0!important;width:42px;height:42px;padding:0!important;border-radius:50%;display:grid;place-items:center;font-size:0!important;line-height:0;background:#fff!important;color:#17331f!important;box-shadow:0 2px 8px rgba(0,0,0,.2)!important;transform:none}
.pw .button::before{content:"+";font-size:1.55rem;line-height:1;font-weight:600}
.pw .button.loading::before{content:"…"}
.pw .button.added::before{content:"✓";font-size:1.2rem}
.pw .button::after{display:none!important}
.pw .button:hover{background:#f6d84a!important;transform:none}
.pw .button:not(.product_type_simple){width:auto;height:auto;border-radius:99px;padding:.5em .95em!important;font-size:.78rem!important;line-height:1.1}
.pw .button:not(.product_type_simple)::before{content:none}
.pw .added_to_cart{position:absolute;left:10px;bottom:10px;background:#fff;color:#17331f;padding:.4rem .75rem;border-radius:99px;font-size:.78rem;font-weight:700;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.2)}

/* Single product */
.woocommerce div.product{gap:2.5rem 3.5rem;margin-bottom:4rem}
.woocommerce div.product div.images{position:sticky;top:110px;align-self:start}
.woocommerce div.product div.images img{border-radius:var(--r-img);box-shadow:none}
.woocommerce div.product div.images .flex-control-thumbs{display:flex;gap:.5rem;margin:.6rem 0 0;padding:0;list-style:none}
.woocommerce div.product div.images .flex-control-thumbs li{width:calc(25% - .4rem)!important;float:none!important;margin:0!important}
.woocommerce div.product div.images .flex-control-thumbs img{border-radius:12px;opacity:.55;cursor:pointer;transition:opacity .2s}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active,.woocommerce div.product div.images .flex-control-thumbs img:hover{opacity:1}
.woocommerce div.product div.summary{position:relative}
.woocommerce div.product .product_title{font-size:clamp(1.7rem,5vw,2.4rem);line-height:1.1;margin:0 0 .5rem;padding-right:58px}
.woocommerce div.product p.price{font-size:1.5rem;font-weight:700;margin:0 0 1rem}
.woocommerce-product-details__short-description{color:var(--muted);margin-bottom:1.2rem}
.woocommerce div.product form.cart .single_add_to_cart_button{flex:1 1 100%;padding:1.05em;font-size:1.05rem}
.mlt-fav-single{position:absolute;right:0;top:0;width:46px;height:46px;padding:0;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);color:var(--red);font-size:1.3rem;line-height:1;cursor:pointer;display:grid;place-items:center;margin:0;width:46px}
.facts{margin:1.4rem 0 1rem}
.facts li{font-weight:600;font-size:.95rem}
.deliv a{color:var(--red);font-weight:700}
.product_meta{font-size:.85rem;color:var(--muted)}
.buybar{display:none}

@media(max-width:820px){
.sec{padding:2.2rem 0}
.woocommerce div.product{grid-template-columns:1fr;gap:1.4rem}
.woocommerce div.product div.images{position:relative;top:auto;margin-inline:-20px!important;width:calc(100% + 40px)!important}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper img,.woocommerce div.product div.images>img{border-radius:0 0 var(--r-card) var(--r-card)}
.woocommerce div.product div.images .flex-control-thumbs{padding:0 20px}
.related ul.products,.upsells ul.products{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:.8rem;margin:0 -20px;padding:.3rem 20px 1rem;scrollbar-width:none}
.related ul.products li.product,.upsells ul.products li.product{flex:0 0 min(62vw,250px)!important;scroll-snap-align:start}
/* sticky add-to-bag replaces the tab bar on product pages */
body.single-product .tabs{display:none}
body.single-product{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
.buybar{position:fixed;left:0;right:0;bottom:0;z-index:46;display:flex;align-items:center;gap:.9rem;padding:.7rem 16px calc(.7rem + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);visibility:hidden;transform:translateY(100%);transition:transform .25s,visibility 0s .25s}
.buybar.show{visibility:visible;transform:none;transition:transform .25s}
.bb-p{flex:1;min-width:0;display:flex;flex-direction:column}
.bb-n{font-size:.8rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bb-pr{font-weight:800;font-size:1.1rem}
.buybar .btn{flex:none;padding:.9em 1.6em;min-height:48px}
}

/* ---- Clean redesign, step 2: type, quieter details, tuned dark mode, soft motion ---- */
body{line-height:1.65;text-wrap:pretty}
h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.02em;font-optical-sizing:auto}
h3{font-size:1.15rem}
@media(min-width:821px){.hero h1{font-size:clamp(2.8rem,5vw,4rem);letter-spacing:-.03em;line-height:1.04}}
.btn,.woocommerce a.button,.woocommerce button.button{letter-spacing:0;min-height:46px}
.btn:active,.chip:active,.tabs a:active,.tabs button:active{transform:scale(.97)}
.price,.bb-pr,.woocommerce-Price-amount{font-variant-numeric:tabular-nums}
.nav a{font-weight:600;font-size:.95rem}
.nav a:hover{transform:none;background:var(--blush);color:var(--ink)}
/* labels and small headings in sentence case */
.eyebrow{text-transform:none;letter-spacing:0;font-size:.95rem}
.lab{text-transform:none;letter-spacing:0;font-size:.72rem}

/* quieter awning */
:root{--awn-a:#c94a4a;--awn-b:var(--bg)}
header.site::before{height:6px;box-shadow:none}
header.site::after{height:9px;background:radial-gradient(circle at 50% 0,var(--scallop) 6.5px,var(--line) 7px,var(--line) 7.5px,transparent 8px) 0 0/16px 9px repeat-x;filter:none}

/* stickers: one per moment, not everywhere */
.stk.s2{display:none}
.stk.s1{width:76px}
.tick{background:transparent;color:var(--ink);border-block:1px solid var(--line)}
.tick span{font-weight:700}
.fc.y{background:#fbefb5}.fc.p{background:#f8e6e2}

/* soft reveal */
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

/* tuned dark mode: layered greens, softer light colours */
@media(prefers-color-scheme:dark){
:root{--bg:#101a14;--surface:#18271e;--ink:#f3ead6;--muted:#a9b8ab;--line:#2b4033;--blush:#352a2c;--green:#9bd8a8;--btn-ink:#0e2417;--red:#ff8a80;--sh:rgba(0,0,0,.4);--awn-a:#9c3a3a;--awn-b:#18271e}
.mlt-card .ph img{filter:brightness(.95)}
.fc.y{background:#3a3719;color:var(--ink)}
.fc.p{background:#38292b;color:var(--ink)}
.fc .btn{background:var(--lemon);color:#2b2200}
.hero .eyebrow{color:var(--red)}
.chip.all{color:var(--btn-ink)}
}

/* ---- Clean redesign, step 3: shop, cart, checkout ---- */
/* Shop */
.shop-chips{border:0;padding:0;margin:0 -20px 1rem}
.shop-chips .chips-in{padding-top:.2rem}
.shop-chips .chip{padding:.3rem 1rem}
.shop-chips .chip.all{background:var(--surface);color:var(--ink);border-color:var(--line)}
.shop-chips .chip.on{background:var(--green);color:var(--btn-ink);border-color:transparent}
@media(min-width:821px){.shop-chips .chips-in{justify-content:flex-start;max-width:none;margin:0;padding-left:20px}}
.woocommerce-result-count{float:left;margin:0 0 1rem;line-height:44px}
.woocommerce-ordering{float:right;margin:0 0 1rem}
.woocommerce ul.products{clear:both}
.woocommerce-info,.woocommerce-message{padding:1rem 1.2rem 1rem 3.2rem!important}

/* Cart (classic) */
.woocommerce-cart table.cart{border:0;background:transparent}
.woocommerce-cart table.cart td.product-thumbnail img{width:84px;border-radius:12px}
.woocommerce-cart table.cart td.product-name a{font-family:Fraunces,Georgia,serif;font-weight:700;text-decoration:none}
.woocommerce-cart .coupon{display:flex;gap:.5rem;flex-wrap:wrap}
.woocommerce-cart .coupon input.input-text{flex:1;min-width:140px}
.cart_totals{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:1.2rem}
.cart_totals h2{font-size:1.3rem}
.cart_totals table.shop_table{border:0;background:transparent}
.wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;padding:1.1em;font-size:1.05rem;min-height:52px}
@media(min-width:769px){.woocommerce-cart .cart-collaterals .cart_totals{width:min(420px,100%)!important;float:right}}
@media(max-width:768px){
.woocommerce table.shop_table_responsive tr.cart_item{display:grid;grid-template-columns:84px 1fr;gap:.15rem .9rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:.9rem;margin-bottom:.8rem;position:relative}
.woocommerce table.shop_table_responsive tr.cart_item td{display:block;border:0!important;padding:.1rem 0!important;text-align:left!important;background:none}
.woocommerce table.shop_table_responsive tr.cart_item td::before{content:none!important}
.woocommerce table.shop_table_responsive tr.cart_item td.product-thumbnail{grid-row:1/5}
.woocommerce table.shop_table_responsive tr.cart_item td.product-remove{position:absolute;right:.7rem;top:.5rem;width:auto;grid-column:auto}
.woocommerce table.shop_table_responsive tr.cart_item td.product-name{padding-right:1.6rem!important}
.woocommerce-cart table.cart td.product-thumbnail img{width:84px}
.woocommerce-cart table.cart td.actions{display:block;padding:0}
}

/* Checkout (classic): fields left, order summary card right */
.woocommerce-checkout h3{font-size:1.3rem}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.15fr .85fr;gap:0 2.5rem;align-items:start}
.woocommerce-checkout form.checkout>.woocommerce-NoticeGroup{grid-column:1/-1}
.woocommerce-checkout #customer_details{grid-column:1;grid-row:1/span 2}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:100%!important;float:none!important}
.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1;margin:0 0 .8rem}
.woocommerce-checkout #order_review{grid-column:2;grid-row:2;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:1.2rem}
.woocommerce-checkout #order_review table.shop_table{border:0;background:transparent;margin:0 0 1rem}
.woocommerce-checkout #payment{background:transparent;border:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0}
.woocommerce-checkout #payment div.form-row{padding:1rem 0 0}
.woocommerce-checkout #place_order{width:100%;float:none;padding:1.1em;font-size:1.05rem;min-height:54px}
@media(min-width:901px){.woocommerce-checkout #order_review{position:sticky;top:110px}}
@media(max-width:900px){
.woocommerce-checkout form.checkout{display:block}
.woocommerce-checkout #order_review_heading{margin-top:1.8rem}
}
/* Pudo locker picker */
.mlt-pudo{margin:.8rem 0 .2rem;padding:1rem;border:1.5px dashed var(--line);border-radius:16px;background:var(--bg);text-align:left}
.mlt-pudo label{display:block;font-weight:700;margin-bottom:.4rem}
.mlt-pudo input[type=search]{width:100%;margin:0 0 .5rem;border:1.5px solid var(--line);border-radius:14px;padding:.7rem .9rem;background:var(--surface);color:inherit;font:inherit}
.mlt-pudo .button{width:100%;text-align:center}
.mlt-pudo-sel{margin:0 0 .8rem;padding:.7rem .9rem;border-radius:14px;background:var(--surface);border:1.5px solid var(--green)}
#mlt-pudo-res{list-style:none;margin:.7rem 0 0;padding:0;display:grid;gap:.5rem}
#mlt-pudo-res li{padding:0;color:var(--muted);font-size:.92rem}
#mlt-pudo-res li button{width:100%;text-align:left;padding:.75rem .9rem;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);cursor:pointer;line-height:1.35}
#mlt-pudo-res li button:hover{border-color:var(--green)}

/* Block cart/checkout (if the shop still uses them) */
.wc-block-cart .wc-block-components-sidebar,.wc-block-checkout .wc-block-components-sidebar{background:var(--surface);border-radius:var(--r-card);padding:1rem}
.wc-block-cart-item__image img{border-radius:12px}
.wc-block-components-product-name{font-family:Fraunces,Georgia,serif;font-weight:700;text-decoration:none}

/* ---- White background (light mode); cards and fields keep a faint warm tint ---- */
@media(prefers-color-scheme:light){:root{--bg:#fff;--surface:#fbf8f1;--line:#eee6d2}}