/*
Theme Name: Wonderie
Theme URI: https://thewonderie.com
Author: Wonderie
Description: Wonderie's own lightweight shop theme. Hand-drawn feel, built for WooCommerce.
Version: 0.3.0
Requires PHP: 8.0
Text Domain: wonderie
*/

:root{
  /* Warm, natural palette: oat/linen beiges, sage, sky and a terracotta accent */
  --ink:#33302b; --ink-soft:#615a50; --muted:#8f877a;
  --paper:#f6f0e6; --paper-2:#ece2d2; --white:#fffdf9; --line:#e0d4c0; --sand:#d8c5a5;
  --sky:#dbe9e8; --sky-deep:#6c9ea3; --leaf:#b9bf8e; --leaf-deep:#69744a;
  --sun:#e9b949; --peach:#e9a888; --coral:#c9714f; --coral-deep:#a95a3c;
  --radius:18px; --radius-sm:10px; --shadow:0 6px 24px rgba(43,42,40,.08);
  --display:"Amatic SC",cursive; --body:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration-color:var(--peach);text-underline-offset:3px}
a:hover{color:var(--coral-deep)}
h1,h2,h3,.display{font-family:var(--display);font-weight:700;line-height:1.05;letter-spacing:.5px;margin:0 0 .4em}
h1{font-size:clamp(44px,7vw,76px)} h2{font-size:clamp(36px,5vw,54px)} h3{font-size:32px}
h4{font:800 18px/1.3 var(--body);margin:0 0 .4em}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:999;background:var(--white);padding:8px 12px;clip:auto;width:auto;height:auto}

/* Buttons */
.btn,.button,button.button,input.button,.wc-block-components-button,#place_order,.single_add_to_cart_button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
  background:var(--coral)!important;color:#fff!important;font:800 16px/1 var(--body)!important;
  padding:15px 26px!important;border-radius:999px!important;text-decoration:none;transition:background .15s,transform .15s}
.btn:hover,.button:hover,.single_add_to_cart_button:hover,#place_order:hover{background:var(--coral-deep)!important;transform:translateY(-1px)}
.btn--ghost{background:transparent!important;color:var(--ink)!important;box-shadow:inset 0 0 0 2px var(--ink)}
.btn--ghost:hover{background:var(--ink)!important;color:#fff!important}
.btn--small{padding:10px 18px!important;font-size:14px!important}

/* Announcement + header */
.topbar{background:var(--ink);color:#fff;font-size:14px;text-align:center;padding:8px 16px}
.topbar a{color:#fff}
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,240,230,.95);backdrop-filter:blur(6px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;gap:20px;min-height:76px}
.logo img{height:46px;width:auto}
.nav{display:flex;gap:4px;margin-left:12px}
.nav>li{list-style:none;position:relative}
.nav a{display:block;padding:10px 14px;border-radius:999px;text-decoration:none;font-weight:700}
.nav a:hover{background:var(--paper-2);color:var(--ink)}
.nav .mega{position:absolute;left:0;top:100%;min-width:520px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;display:none;grid-template-columns:1fr 1fr;gap:2px}
.nav li:hover>.mega,.nav li:focus-within>.mega{display:grid}
.nav .mega a{font-weight:600;padding:8px 12px}
.nav .mega small{display:block;color:var(--muted);font-weight:400}
.header-tools{margin-left:auto;display:flex;align-items:center;gap:6px}
.header-tools a,.header-tools button,.header-tools select{background:none;border:0;font:700 15px var(--body);color:var(--ink);padding:8px 10px;border-radius:999px;cursor:pointer;text-decoration:none}
.header-tools a:hover{background:var(--paper-2)}
.icon{width:22px;height:22px;display:inline-block;vertical-align:middle}
.cart-count{background:var(--coral);color:#fff;border-radius:999px;font-size:12px;padding:1px 7px;margin-left:2px}
.switchers{display:flex;gap:2px;font-size:14px}
.switchers a{padding:6px 8px!important;font-size:14px!important}
.switchers a.on{background:var(--paper-2)}
.menu-toggle{display:none}
@media (max-width:960px){
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);flex-direction:column;padding:12px 20px 20px;border-bottom:1px solid var(--line);margin:0}
  .nav.open{display:flex}
  .nav .mega{position:static;display:grid;min-width:0;box-shadow:none;background:var(--paper-2);grid-template-columns:1fr}
  .menu-toggle{display:inline-flex}
  .switchers{display:none}
  .logo img{height:38px}
}

/* Sections */
.section{padding:72px 0}
.section--tint{background:var(--paper-2)}
.section--sky{background:var(--sky)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}
.section-head p{color:var(--ink-soft);max-width:560px;margin:0}
.eyebrow{font:800 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--coral-deep);margin-bottom:8px;display:block}
.squiggle{display:block;width:120px;height:12px;margin:6px 0 18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M2 7c10-6 18 6 28 0s18 6 28 0 18 6 28 0 18 6 28 0' fill='none' stroke='%23e9a888' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat}

/* Hero */
.hero{position:relative;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-top:56px;padding-bottom:72px}
.hero p.lead{font-size:20px;color:var(--ink-soft);max-width:520px}
.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.hero-img{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);transform:rotate(1.2deg);aspect-ratio:4/3}
.hero-img img{width:100%;height:100%;object-fit:cover}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:28px;font-size:15px;color:var(--ink-soft)}
.trust span::before{content:"✓";color:var(--leaf-deep);font-weight:900;margin-right:6px}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr;padding-top:28px}.hero-img{order:-1}}

/* Category tiles */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}
.tile{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--white);text-decoration:none;box-shadow:var(--shadow);transition:transform .2s}
.tile:hover{transform:translateY(-3px)}
.tile img{aspect-ratio:1;object-fit:cover;width:100%}
.tile span{display:block;padding:12px 16px;font:700 30px/1 var(--display)}

/* Products grid */
.products,ul.products{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px 22px;list-style:none;margin:0!important;padding:0!important}
ul.products::before,ul.products::after{display:none!important}
.products li.product{width:auto!important;margin:0!important;float:none!important;position:relative}
.products li.product a img{border-radius:var(--radius);aspect-ratio:1;object-fit:cover;background:var(--white);margin-bottom:12px!important;transition:transform .25s}
.products li.product:hover a img{transform:scale(1.02)}
.products .woocommerce-loop-product__title{font:800 17px/1.3 var(--body)!important;padding:0!important;margin:0 0 4px!important}
.products .price{color:var(--ink)!important;font-weight:700}
.products .star-rating{margin:4px 0!important;font-size:13px}
.products .button{margin-top:10px!important;padding:11px 18px!important;font-size:14px!important}
.products .onsale,.badge{position:absolute;top:12px;left:12px;background:var(--sun);color:var(--ink);font:800 12px var(--body);padding:5px 10px;border-radius:999px;z-index:2;min-height:0;line-height:1.3}
.badge--out{background:var(--ink);color:#fff}

/* Story / split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split img{border-radius:28px;box-shadow:var(--shadow)}
.split--flip>:first-child{order:2}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:28px}.split--flip>:first-child{order:0}}

/* Ways to play */
.ways{display:grid;gap:80px}
.way{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.way:nth-child(even) .way-img{order:2}
.way-img{border-radius:28px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3}
.way-img img{width:100%;height:100%;object-fit:cover}
.way .num{font:700 64px/1 var(--display);color:var(--peach)}
.way .picks{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.way .picks a{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:14px;font-weight:700;text-decoration:none}
@media (max-width:860px){.way{grid-template-columns:1fr;gap:20px}.way:nth-child(even) .way-img{order:0}}

/* Reviews strip */
.quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.quote{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);margin:0}
.quote .stars{color:var(--sun);letter-spacing:2px}
.quote cite{display:block;margin-top:10px;font-style:normal;font-weight:800;color:var(--ink-soft)}

/* Footer */
.site-footer{background:var(--ink);color:#e9e4da;padding:64px 0 28px;margin-top:0}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:36px}
.site-footer h4{color:#fff;font:700 28px var(--display)}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.footer-bottom{border-top:1px solid #4a4640;margin-top:44px;padding-top:20px;font-size:14px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;color:#b8b2a7}
.newsletter{display:flex;gap:8px;margin-top:12px}
.newsletter input{flex:1;min-width:0;border-radius:999px;border:0;padding:12px 16px;font:inherit}
@media (max-width:860px){.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer-grid{grid-template-columns:1fr}}

/* Page */
.page-hero{padding:56px 20px 24px;text-align:center}
.page-hero p{color:var(--ink-soft);font-size:19px;max-width:680px;margin:0 auto}
.entry{padding:24px 0 72px}
.entry .wrap>*{max-width:760px;margin-left:auto;margin-right:auto}
.entry details{background:var(--white);border-radius:var(--radius-sm);padding:14px 18px;margin-bottom:10px}
.entry summary{font-weight:800;cursor:pointer}

/* WooCommerce general */
.woocommerce-breadcrumb{font-size:14px;color:var(--muted);margin:22px 0 0!important}
.woocommerce-breadcrumb a{color:var(--muted)}
.shop-head{padding:28px 0 8px}
.shop-head p{color:var(--ink-soft);max-width:680px}
.cat-chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 30px}
.cat-chips a{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:8px 14px;text-decoration:none;font-weight:700;font-size:15px}
.cat-chips a.on,.cat-chips a:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.woocommerce-result-count{color:var(--muted);font-size:14px}
.woocommerce-ordering select{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:var(--white);font:inherit}
.woocommerce-message,.woocommerce-info,.woocommerce-error{background:var(--white)!important;border-radius:var(--radius-sm);border-top-color:var(--leaf-deep)!important;box-shadow:var(--shadow)}
.woocommerce-pagination ul{border:0!important}
.star-rating span::before,.star-rating::before{color:var(--sun)}

/* Single product */
.single-product div.product{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;margin-top:20px}
.single-product div.product .woocommerce-product-gallery,.single-product div.product .summary{width:auto!important;float:none!important;margin:0!important}
.single-product div.product .woocommerce-tabs,.single-product div.product .related,.single-product div.product .upsells,.single-product .wonderie-below{grid-column:1/-1}
.single-product .woocommerce-product-gallery img{border-radius:var(--radius)}
.single-product .flex-control-thumbs{display:flex;gap:8px;margin-top:10px!important}
.single-product .flex-control-thumbs li{width:76px!important}
.single-product .flex-control-thumbs img{border-radius:10px}
.single-product .product_title{font-size:clamp(46px,6vw,64px)}
.wonderie-rating-link{display:inline-flex;align-items:center;gap:8px;margin:-4px 0 12px;font-weight:700;text-decoration:none;color:var(--ink-soft)}
.wonderie-rating-link .stars{color:var(--sun);letter-spacing:1px;font-size:18px}
.single-product .summary .price{font:800 26px var(--body)!important;color:var(--ink)!important;margin-bottom:12px}
.single-product .summary .woocommerce-product-details__short-description{color:var(--ink-soft)}
.single-product form.cart{display:flex;gap:10px;align-items:stretch;flex-wrap:wrap;margin:22px 0 10px!important}
.single-product form.cart .quantity input{height:100%;min-height:50px;width:76px;border:1px solid var(--line);border-radius:999px;text-align:center;font:700 16px var(--body)}
.single-product form.cart .single_add_to_cart_button{flex:1;min-width:200px}
.reassure{list-style:none;margin:16px 0 18px;padding:14px 18px;background:var(--white);border-radius:var(--radius-sm);display:grid;gap:6px;font-weight:700;font-size:15px}
.reassure li::before{content:"✓";color:var(--leaf-deep);margin-right:8px;font-weight:900}
.size-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}
.size-panel div{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;text-align:center;font-size:14px}
.size-panel div.on{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.size-panel b{display:block;font-size:15px}
.single-product .product_meta{font-size:14px;color:var(--muted);margin-top:18px}
.woocommerce-tabs ul.tabs{padding:0!important;display:flex;gap:6px;border:0!important;flex-wrap:wrap}
.woocommerce-tabs ul.tabs::before{display:none!important}
.woocommerce-tabs ul.tabs li{border:0!important;background:var(--paper-2)!important;border-radius:999px!important;margin:0!important;padding:0!important}
.woocommerce-tabs ul.tabs li a{padding:10px 18px!important;font-weight:800!important}
.woocommerce-tabs ul.tabs li.active{background:var(--ink)!important}
.woocommerce-tabs ul.tabs li.active a{color:#fff!important}
.woocommerce-tabs ul.tabs li::before,.woocommerce-tabs ul.tabs li::after{display:none!important}
.woocommerce-Tabs-panel{background:var(--white);border-radius:var(--radius);padding:28px!important;margin-top:12px}
.related>h2,.upsells>h2,.wonderie-below h2{font-size:44px}
@media (max-width:900px){.single-product div.product{grid-template-columns:1fr;gap:24px}}

/* Cart / checkout */
.woocommerce table.shop_table{border-radius:var(--radius)!important;background:var(--white);border-color:var(--line)!important}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.select2-container .select2-selection{border:1px solid var(--line)!important;border-radius:var(--radius-sm)!important;padding:12px 14px!important;background:var(--white)!important;font:inherit}
.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{background:var(--white);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
.woocommerce-checkout form.checkout #order_review_heading{display:none}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:100%!important;float:none!important}
@media (max-width:900px){.woocommerce-checkout form.checkout{grid-template-columns:1fr}}
.delivery-note{background:var(--sky);border-radius:var(--radius-sm);padding:12px 16px;font-weight:700;margin-bottom:16px}

/* Wishlist heart (plugin outputs .wq-heart) */
.wq-heart{position:absolute;top:10px;right:10px;z-index:3;width:38px;height:38px;border-radius:50%;background:rgba(255,253,249,.92);border:0;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.wq-heart svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2}
.wq-heart.on svg{fill:var(--coral);stroke:var(--coral)}
.summary .wq-heart{position:static;width:auto;height:auto;border-radius:999px;padding:12px 16px;gap:6px;display:inline-flex;font:700 15px var(--body);box-shadow:inset 0 0 0 2px var(--line)}

/* ===== Full-width banner ===== */
.banner{position:relative;min-height:clamp(460px,78vh,720px);min-height:clamp(460px,78svh,720px);display:flex;align-items:flex-end;overflow:hidden;background:var(--paper-2)}
.banner-img,.banner-img img{position:absolute;inset:0;width:100%;height:100%}
.banner-img img{object-fit:cover;object-position:center 60%}
.banner::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(51,48,43,.55) 0%,rgba(51,48,43,.25) 45%,rgba(51,48,43,0) 75%)}
.banner-text{position:relative;z-index:2;width:100%;padding-top:56px;padding-bottom:64px}
.banner-card{max-width:560px;color:#fff}
.banner-card h1{color:#fff;font-size:clamp(54px,8vw,96px);text-shadow:0 2px 18px rgba(0,0,0,.25)}
.banner-card .eyebrow{color:#fbe3d6}
.banner-card .lead{font-size:20px;color:#fffaf2;max-width:470px;text-shadow:0 1px 10px rgba(0,0,0,.3)}
.banner-card .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.banner-card .btn--ghost{color:#fff!important;box-shadow:inset 0 0 0 2px #fff}
.banner-card .btn--ghost:hover{background:#fff!important;color:var(--ink)!important}
.trust-strip{background:var(--white);border-bottom:1px solid var(--line)}
.trust-strip .trust{margin:0;padding-top:14px;padding-bottom:14px;justify-content:center}

/* ===== Mobile first tidy-ups (most visitors come from Instagram on a phone) ===== */
html,body{overflow-x:hidden}
body{-webkit-tap-highlight-color:transparent}
input,select,textarea{font-size:16px!important} /* stops iOS zooming into fields */
.site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--paper)}
@media (max-width:960px){
  .site-header .wrap{min-height:60px;gap:8px}
  .logo{margin:0 auto}
  .header-tools{margin-left:0;gap:0}
  
  .header-tools a,.menu-toggle{min-width:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}
  .header-tools a[aria-label="My account"]{display:none!important}
  .nav a{padding:14px 12px;font-size:18px}
  .topbar{font-size:13px;padding:7px 12px}
}
@media (max-width:700px){
  body{font-size:16px}
  .section{padding:48px 0}
  .section-head{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:20px}
  .banner{min-height:auto;display:block;background:var(--paper)}
  .banner-img{position:relative;height:auto;aspect-ratio:4/5}
  .banner-img img{position:absolute}
  .banner::after{display:none}
  .banner-text{padding:0 16px 8px;margin-top:-90px}
  .banner-card{background:var(--white);color:var(--ink);border-radius:22px;padding:22px 20px;box-shadow:var(--shadow);max-width:none}
  .banner-card h1{color:var(--ink);text-shadow:none;font-size:52px}
  .banner-card .eyebrow{color:var(--coral-deep)}
  .banner-card .lead{color:var(--ink-soft);text-shadow:none;font-size:17px}
  .banner-card .ctas .btn{flex:1}
  .banner-card .btn--ghost{color:var(--ink)!important;box-shadow:inset 0 0 0 2px var(--ink)}
  .trust-strip .trust{justify-content:flex-start;gap:6px 16px;font-size:14px;padding:12px 16px}
  .tiles{grid-template-columns:1fr 1fr;gap:12px}
  .tile span{font-size:24px;padding:10px 12px}
  ul.products,.products{grid-template-columns:1fr 1fr!important;gap:18px 12px!important}
  .products .woocommerce-loop-product__title{font-size:15px!important}
  .products .button{width:100%;padding:10px 8px!important;font-size:13px!important}
  .wq-heart{width:34px;height:34px;top:8px;right:8px}
  .split img,.way-img{border-radius:20px}
  .way .num{font-size:48px}
  .cat-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-right:-20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .cat-chips::-webkit-scrollbar{display:none}
  .cat-chips a{white-space:nowrap}
  .single-product .product_title{font-size:44px}
  .size-panel div{padding:8px 4px;font-size:12px}
  .single-product form.cart .single_add_to_cart_button{min-width:0}
  .woocommerce-Tabs-panel{padding:18px!important}
  .woocommerce-checkout #customer_details,.woocommerce-checkout #order_review{padding:16px}
  .footer-grid{gap:24px}
  .page-hero{padding:36px 16px 16px}
  h1{font-size:46px}
}

/* Sticky add-to-basket bar on phones */
.atc-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--white);border-top:1px solid var(--line);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:none;align-items:center;gap:12px;box-shadow:0 -6px 20px rgba(0,0,0,.06);transform:translateY(110%);transition:transform .25s}
.atc-bar.show{transform:none}
.atc-bar .n{flex:1;min-width:0;font-weight:800;font-size:15px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.atc-bar .n small{display:block;font-weight:700;color:var(--ink-soft)}
.atc-bar .btn{padding:13px 18px!important;font-size:15px!important;white-space:nowrap}
@media (max-width:700px){.atc-bar{display:flex}.single-product .site-footer{padding-bottom:110px}}

.nav-cur{display:none}
@media (max-width:960px){.nav-cur{display:flex;gap:6px;padding:10px 0 0}.nav-cur a{display:inline-block!important;background:var(--white);border:1px solid var(--line);padding:8px 14px!important;font-size:15px!important}.nav-cur a.on{background:var(--ink);color:#fff}}

/* ===== Refined look (v0.2): finer headings, cleaner cards ===== */
:root{--display:"Fraunces",Georgia,serif;--radius:10px;--radius-sm:8px;--shadow:0 1px 2px rgba(51,48,43,.04)}
h1,h2,h3,.display{font-family:var(--display);font-weight:300;letter-spacing:-.015em;line-height:1.08;font-variation-settings:"opsz" 120}
h1{font-size:clamp(40px,5.6vw,68px)} h2{font-size:clamp(30px,3.6vw,46px)} h3{font-size:26px;font-weight:400}
h4{font-weight:700}
.eyebrow{font-weight:700;letter-spacing:.16em;font-size:12px}
.btn,.button,button.button,input.button,#place_order,.single_add_to_cart_button{font-weight:700!important}
.quote,.wq-card,.tile,.woocommerce-Tabs-panel,.reassure,.size-panel div,.delivery-note,.woocommerce-checkout #customer_details,.woocommerce-checkout #order_review,.woocommerce table.shop_table,.entry details,.banner-card{border-radius:var(--radius);box-shadow:none;border:1px solid var(--line)}
.delivery-note{border:0}
.quote{background:var(--white)}
.tile{box-shadow:none;background:transparent;border:0}
.tile img{border-radius:var(--radius)}
.tile span{font:300 24px/1.15 var(--display);padding:12px 2px 0}
.tile:hover{transform:none}.tile:hover img{opacity:.92}
.hero-img,.split img,.way-img,.products li.product a img,.single-product .woocommerce-product-gallery img{border-radius:var(--radius);box-shadow:none;transform:none}
.products .woocommerce-loop-product__title{font:400 19px/1.25 var(--display)!important;letter-spacing:-.01em}
.products .price{font-weight:600}
.single-product .product_title{font-weight:300}
.single-product .summary .price{font:500 24px var(--body)!important}
.wonderie-rating-link{font-weight:600}
.reassure{font-weight:600}
.way .num{font:300 56px/1 var(--display);color:var(--coral)}
.banner-card h1{font-weight:300;font-size:clamp(46px,6.5vw,84px);letter-spacing:-.02em}
.site-footer h4{font:300 26px var(--display)}
.related>h2,.upsells>h2,.wonderie-below h2{font-size:36px}
.nav a{font-weight:600}
.cat-chips a{font-weight:600}
.woocommerce-tabs ul.tabs li a{font-weight:600!important}
.size-panel b{font-weight:600}
.squiggle{opacity:.8}
@media (max-width:700px){
  .banner-card{border:0;box-shadow:0 10px 30px rgba(51,48,43,.08)}
  .banner-card h1{font-size:44px}
  h1{font-size:40px}
  .single-product .product_title{font-size:38px}
  .tile span{font-size:20px}
}

@media (min-width:701px){.banner-card{border:0}}

/* ===================================================================
   Brand v3: Amatic SC headings, edmondsans text, brand pink #f39c82
   (carried over from the original site, cleaned up)
   =================================================================== */
@font-face{font-family:"edmondsans";src:url("assets/fonts/edmondsans-regular-webfont.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"edmondsans";src:url("assets/fonts/edmondsans-medium-webfont.woff2") format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"edmondsans";src:url("assets/fonts/edmondsans-bold-webfont.woff2") format("woff2");font-weight:700 800;font-style:normal;font-display:swap}

:root{
  --display:"Amatic SC",cursive;
  --body:"edmondsans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pink:#f39c82; --pink-deep:#e2846a; --pink-soft:#f7ede6; --pink-ink:#8a6d5c;
  --coral:#f39c82; --coral-deep:#d9775c;
  --done:#6fae7f;
  --ink:#3a3632; --ink-soft:#5e5750;
}
body{font:400 16px/1.65 var(--body);color:var(--ink-soft)}
a:hover{color:var(--coral-deep)}

/* Headings: the handwritten brand font */
h1,h2,h3,.display{font-family:var(--display);font-weight:700;letter-spacing:.02em;line-height:1.02;color:var(--ink);font-variation-settings:normal}
h1{font-size:clamp(50px,7vw,82px)} h2{font-size:clamp(42px,5vw,60px)} h3{font-size:34px;font-weight:700}
h4{font:600 16px/1.35 var(--body);letter-spacing:.01em}
.eyebrow{font:500 12px/1.4 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--pink-deep)}
.banner-card h1{font-weight:700;font-size:clamp(56px,7.5vw,96px);letter-spacing:.02em}
.single-product .product_title{font-weight:700;font-size:clamp(46px,5vw,64px);margin-bottom:.1em}
.products .woocommerce-loop-product__title{font:700 26px/1.05 var(--display)!important;letter-spacing:.02em!important;color:var(--ink)}
.products .price{font:500 15px var(--body)!important;color:var(--ink-soft)}
.tile span{font:700 28px/1.05 var(--display)}
.way .num{font:700 64px/1 var(--display);color:var(--pink)}
.site-footer h4{font:700 30px var(--display)}
.related>h2,.upsells>h2,.wonderie-below h2,.wonderie-reviews h2{font-size:clamp(40px,4.4vw,52px)}
.nav a,.cat-chips a,.size-panel b,.wonderie-rating-link,.woocommerce-tabs ul.tabs li a{font-weight:500!important}
.single-product .summary .price{font:500 22px var(--body)!important;color:var(--ink)}
.wonderie-rating-link .stars,.stars{color:var(--pink);letter-spacing:1px}

/* Buttons: brand pink, medium weight, smaller text */
.btn,.button,button.button,input.button,a.button,.wc-block-components-button,#place_order,.single_add_to_cart_button,.checkout-button{
  background:var(--pink)!important;color:#fff!important;font:500 15px/1 var(--body)!important;letter-spacing:.03em;
  padding:14px 26px!important;border-radius:6px!important;box-shadow:none!important}
.btn:hover,.button:hover,button.button:hover,a.button:hover,#place_order:hover,.single_add_to_cart_button:hover,.checkout-button:hover{background:var(--pink-deep)!important;color:#fff!important;transform:none}
.btn--ghost,.btn.btn--ghost,a.btn--ghost{background:transparent!important;color:var(--ink)!important;border:1px solid var(--ink)!important}
.btn--ghost:hover{background:var(--ink)!important;color:#fff!important}
.badge{background:var(--pink);color:#fff;font-weight:500}

/* ---------- Product page ---------- */
.reassure,.single-product .delivery-note{display:none!important}
.wonderie-usps{display:flex;justify-content:space-between;gap:8px;margin:16px 0 8px;padding:14px 2px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wonderie-usp{flex:1 1 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:var(--ink-soft)}
.wonderie-usp svg{width:30px;height:30px;color:var(--pink)}
.wonderie-usp span{font-size:13px;line-height:1.25;font-weight:500;letter-spacing:.02em}
.wonderie-delivery-promise{display:flex;align-items:center;gap:9px;background:var(--pink-soft);border-radius:999px;padding:9px 16px;margin:12px 0 6px;width:fit-content;max-width:100%}
.wonderie-delivery-promise svg{flex:0 0 20px;color:var(--pink)}
.wonderie-delivery-promise span{font-size:13px;font-weight:500;color:var(--pink-ink);line-height:1.35}
.wonderie-accordions{margin-top:22px;clear:both;border-top:1px solid var(--line)}
.wonderie-accordion{border-bottom:1px solid var(--line)}
.wonderie-accordion summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 2px;font:700 26px/1.1 var(--display);letter-spacing:.03em;color:var(--ink);-webkit-tap-highlight-color:transparent}
.wonderie-accordion summary::-webkit-details-marker{display:none}
.wonderie-accordion summary::after{content:"+";font:300 24px/1 var(--body);color:var(--pink);transition:transform .25s ease}
.wonderie-accordion[open] summary::after{transform:rotate(45deg)}
.wonderie-accordion__content{padding:0 2px 18px;color:var(--ink-soft);font-size:15px;line-height:1.65;animation:wq-fade .3s ease}
.wonderie-accordion__content p:last-child{margin-bottom:0}
@keyframes wq-fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.wonderie-accordion__content{animation:none}.wonderie-accordion summary::after{transition:none}}
.wonderie-icon-list{list-style:none;margin:0;padding:0}
.wonderie-icon-list li{display:flex;align-items:flex-start;gap:12px;padding:7px 0}
.wonderie-icon-list svg{width:22px;height:22px;flex:0 0 22px;margin-top:1px;color:var(--pink)}
.woocommerce-tabs{display:none}
.wonderie-reviews{clear:both;margin-top:64px;padding-top:8px}
.wonderie-reviews__sub{color:var(--muted);margin-top:-6px}
.review-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:22px 0 28px}
.review-card{margin:0;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:20px}
.review-card blockquote{margin:8px 0 12px;font-size:15px;line-height:1.6;color:var(--ink-soft)}
.review-card figcaption{font-size:13px;color:var(--muted)}
.review-card figcaption a{color:var(--ink)}
.size-panel div.on{border-color:var(--pink)!important;background:var(--pink-soft)!important}

/* ---------- Washing-line journey ---------- */
.wonderie-journey{max-width:420px;margin:4px auto 18px;padding:0 16px}
.wonderie-journey svg{width:100%;height:auto;max-height:60px;display:block}
.wonderie-journey text{font-family:var(--body);font-size:10px;fill:#8a8178;letter-spacing:.04em}
.wonderie-journey text.on{fill:#3a3a3a;font-weight:600}
.wonderie-journey a text{text-decoration:underline}
.woocommerce-cart .wrap>h1,.woocommerce-checkout .wrap>h1{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}
.woocommerce-cart .delivery-note,.woocommerce-checkout .delivery-note{font-size:14px;padding:10px 14px;border-radius:8px}

/* ---------- Basket ---------- */
.woocommerce-cart .woocommerce{font-size:15px}
.woocommerce-cart table.shop_table.cart{border:0!important;border-radius:0!important;background:transparent;border-collapse:collapse}
.woocommerce-cart table.shop_table.cart thead th{font:500 12px/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:0;border-bottom:1px solid var(--line);padding:10px 8px;background:transparent}
.woocommerce-cart table.shop_table.cart td{border:0;border-bottom:1px solid var(--line);padding:16px 8px;vertical-align:middle;background:transparent}
.woocommerce-cart table.shop_table.cart td.product-thumbnail{display:table-cell!important;width:96px}
.woocommerce-cart table.shop_table.cart td.product-thumbnail img{width:80px;height:80px;object-fit:cover;border-radius:8px;display:block}
.woocommerce-cart table.shop_table.cart td.product-name a{font:700 24px/1.1 var(--display);letter-spacing:.02em;color:var(--ink);text-decoration:none}
.woocommerce-cart table.shop_table.cart td.product-price,.woocommerce-cart table.shop_table.cart td.product-subtotal{font-weight:400;color:var(--ink-soft)}
.woocommerce-cart table.shop_table.cart .woocommerce-Price-amount{font-weight:500}
.woocommerce-cart table.shop_table.cart td.product-remove a.remove{color:#b9a696!important;font-size:20px;font-weight:300;background:transparent!important}
.woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover{color:var(--pink-deep)!important}
.woocommerce .quantity input.qty{width:64px;height:40px;border:1px solid var(--line);border-radius:6px;font:400 15px var(--body);text-align:center;background:var(--white)}
.cart_totals h2{font-size:38px!important}
.cart_totals table.shop_table{border:0!important;background:transparent}
.cart_totals table.shop_table th,.cart_totals table.shop_table td{font-weight:400;font-size:15px;border-top:1px solid var(--line);padding:12px 4px;background:transparent}
.cart_totals .order-total th,.cart_totals .order-total td,.cart_totals .order-total .woocommerce-Price-amount{font-weight:600}
.cart-collaterals .cart_totals{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:22px}
.woocommerce-cart table.shop_table.cart td.actions{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:0;padding:14px 0 0}
.wonderie-coupon-toggle{order:1;display:inline-flex;align-items:center;cursor:pointer;font-size:14px;color:#8a8178;user-select:none;margin:0}
.wonderie-coupon-toggle input{position:absolute;opacity:0;pointer-events:none}
.wonderie-coupon-toggle span::after{content:"  +";color:var(--pink);font-size:17px;white-space:pre}
.woocommerce-cart td.actions:has(.wonderie-coupon-toggle input:checked) .wonderie-coupon-toggle span::after{content:"  \2212"}
.woocommerce-cart table.shop_table.cart td.actions .coupon{display:none!important;order:2;width:100%;max-width:420px;gap:8px}
.woocommerce-cart td.actions:has(.wonderie-coupon-toggle input:checked) .coupon{display:flex!important}
.woocommerce-cart td.actions .coupon label{display:none}
.woocommerce-cart td.actions .coupon input#coupon_code,.wonderie-coupon-row .input-text{flex:1 1 auto;min-width:0;width:auto!important;height:42px!important;border:1px solid var(--line);border-radius:6px;padding:0 12px;font-size:14px;background:var(--white)}
.woocommerce-cart td.actions .coupon button,.wonderie-coupon-row .button{height:42px;white-space:nowrap;padding:0 18px!important}
.wonderie-autocart .woocommerce-cart-form button[name="update_cart"]{position:absolute!important;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;clip:rect(0 0 0 0)}
.wonderie-shipbar{margin:2px 0 18px}
.wonderie-shipbar__label{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--pink-ink);margin-bottom:7px;line-height:1.35}
.wonderie-shipbar__label svg{flex:0 0 18px;color:var(--pink)}
.wonderie-shipbar__label strong{color:#6f5546;font-weight:600}
.wonderie-shipbar__track{height:8px;background:var(--pink-soft);border-radius:999px;overflow:hidden}
.wonderie-shipbar__fill{height:100%;background:var(--pink);border-radius:999px;transition:width .45s ease}
.wonderie-shipbar--unlocked .wonderie-shipbar__label svg{color:var(--done)}
.wonderie-shipbar--unlocked .wonderie-shipbar__fill{background:var(--done)}
.wonderie-trust{display:flex;justify-content:space-around;gap:6px;padding:12px 10px;background:var(--pink-soft);border-radius:10px;margin-top:14px}
.wonderie-trust>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:11px;line-height:1.3;color:var(--pink-ink)}
.wonderie-trust svg{width:20px;height:20px;color:var(--pink)}
.woocommerce-cart .wc-proceed-to-checkout{display:flex;flex-direction:column;gap:10px;padding-bottom:0}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:block;width:100%;text-align:center;font-size:16px!important;padding:16px!important;margin:0!important;order:4}
.woocommerce-cart .wc-proceed-to-checkout #wc-stripe-payment-request-wrapper{order:1;margin:0!important;padding:0!important}
.woocommerce-cart .wc-proceed-to-checkout [id^="ppc-button"],.woocommerce-cart .wc-proceed-to-checkout .ppc-button-wrapper,.woocommerce-cart .wc-proceed-to-checkout .ppcp-button-container{order:2;margin:0!important}
.woocommerce-cart .wc-proceed-to-checkout #wc-stripe-payment-request-button-separator{order:3;margin:0!important;font-size:12px;color:#8a8178}

@media (max-width:768px){
  .woocommerce-cart table.shop_table.cart,.woocommerce-cart table.shop_table.cart tbody{display:block;width:100%}
  .woocommerce-cart table.shop_table.cart thead{display:none}
  .woocommerce-cart table.shop_table.cart tr.cart_item{display:grid!important;grid-template-columns:72px minmax(0,1fr) auto auto;grid-template-areas:"thumb name name name" "thumb price qty subtotal";align-items:center;column-gap:12px;row-gap:6px;padding:14px 0;border-bottom:1px solid var(--line);position:relative}
  .woocommerce-cart table.shop_table.cart tr.cart_item td{display:block!important;padding:0!important;margin:0!important;border:none!important;background:transparent!important;text-align:left!important;width:auto!important}
  .woocommerce-cart table.shop_table.cart tr.cart_item td::before{display:none!important;content:none!important}
  .woocommerce-cart table.shop_table.cart td.product-thumbnail{grid-area:thumb;display:block!important}
  .woocommerce-cart table.shop_table.cart td.product-thumbnail img{width:72px;height:72px}
  .woocommerce-cart table.shop_table.cart td.product-name{grid-area:name;padding-right:30px!important}
  .woocommerce-cart table.shop_table.cart td.product-name a{font-size:24px}
  .woocommerce-cart table.shop_table.cart td.product-remove{grid-area:name;justify-self:end;align-self:start;z-index:2}
  .woocommerce-cart table.shop_table.cart td.product-price{grid-area:price;color:#8a8178;font-size:13px}
  .woocommerce-cart table.shop_table.cart td.product-quantity{grid-area:qty}
  .woocommerce-cart table.shop_table.cart td.product-quantity .quantity{margin:0}
  .woocommerce-cart table.shop_table.cart td.product-subtotal{grid-area:subtotal;justify-self:end;font-weight:500}
  .woocommerce-cart table.shop_table.cart tr:not(.cart_item){display:block}
  .woocommerce-cart table.shop_table.cart tr:not(.cart_item) td.actions{display:flex!important;width:100%!important;padding:14px 0 0!important;border:none!important}
  .woocommerce-cart table.shop_table.cart tr:not(.cart_item) td.actions::before{display:none!important}
  body.woocommerce-cart .wc-proceed-to-checkout{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--white);margin:0;padding:10px 14px calc(20px + env(safe-area-inset-bottom))!important;box-shadow:0 -4px 14px rgba(0,0,0,.08);border-top:1px solid var(--line)}
  body.woocommerce-cart .cart-collaterals{padding-bottom:96px}
  .cart-collaterals .cart_totals{padding:16px}
}

/* ---------- Checkout ---------- */
.woocommerce-checkout h3,.woocommerce-checkout #order_review_heading{font-size:36px}
.woocommerce form .form-row label{font-size:13px;font-weight:500;color:var(--ink-soft)}
.woocommerce-checkout .woocommerce-info{border-top-color:var(--pink)}
.woocommerce-checkout .woocommerce-info::before{color:var(--pink)}
.woocommerce-checkout table.shop_table th,.woocommerce-checkout table.shop_table td{font-weight:400;font-size:15px}
.woocommerce-checkout table.shop_table .order-total th,.woocommerce-checkout table.shop_table .order-total td{font-weight:600}
.wonderie-checkout-coupon{border:none!important;margin:4px 0 12px}
.wonderie-checkout-coupon summary{font:500 14px var(--body)!important;color:#8a8178!important;padding:8px 2px!important;letter-spacing:0}
.wonderie-coupon-row{display:flex;gap:8px}
.woocommerce-checkout #payment{background:#fff!important;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.woocommerce-checkout #payment ul.payment_methods{padding:14px!important;border-bottom:1px solid var(--line)!important}
.woocommerce-checkout #payment ul.payment_methods li{list-style:none}
.woocommerce-checkout #payment input[type=radio],.woocommerce-checkout #payment input[type=checkbox]{accent-color:var(--pink)}
.woocommerce-checkout #payment .wc_payment_method>label{font-weight:500;font-size:15px;color:#3a3a3a}
.woocommerce-checkout #payment div.payment_box{background:var(--pink-soft)!important;border-radius:8px;color:#6f6259!important;font-size:13px}
.woocommerce-checkout #payment div.payment_box::before{border:1em solid var(--pink-soft);border-left-color:transparent;border-right-color:transparent;border-top-color:transparent}
.woocommerce-checkout #payment .place-order{padding:14px!important}
.woocommerce-checkout #payment .woocommerce-privacy-policy-text p{font-size:12px;color:#8a8178;line-height:1.5}
#place_order{width:100%;font-size:16px!important;padding:16px!important}
@media (max-width:767px){
  .woocommerce-checkout h3,.woocommerce-checkout #order_review_heading{font-size:30px;margin:8px 0 10px}
  .woocommerce-checkout .form-row{margin:0 0 10px!important}
  .woocommerce-checkout .form-row-first{width:48.5%!important;float:left!important;clear:none!important}
  .woocommerce-checkout .form-row-last{width:48.5%!important;float:right!important;clear:none!important}
}

/* Homepage icons */
.trust span{display:inline-flex;align-items:center;gap:8px;font-weight:500}
.trust svg{width:20px;height:20px;flex:0 0 20px;color:var(--pink)}
.value-card{text-align:left}
.value-card svg{width:34px;height:34px;color:var(--pink);margin-bottom:10px;display:block}
.value-card h4{font:700 28px/1.1 var(--display);letter-spacing:.02em;margin-bottom:.3em}

/* Product form: one height, one corner style */
.size-panel div.on{box-shadow:inset 0 0 0 1px var(--pink)!important}
.single-product form.cart{gap:10px;align-items:stretch}
.single-product form.cart .quantity input.qty{height:52px;border-radius:6px}
.single-product form.cart .single_add_to_cart_button{flex:1 1 auto;white-space:nowrap;height:52px;padding:0 20px!important}
.single-product form.cart .wq-heart{border-radius:6px;height:52px;border:1px solid var(--line);background:var(--white);font-weight:500}
.single-product form.cart .wq-heart.on svg{fill:var(--pink);stroke:var(--pink)}

/* Lighter basket totals and notices */
.cart_totals table.shop_table tr,.cart_totals table.shop_table th,.cart_totals table.shop_table td{background:transparent!important}
.cart_totals table.shop_table td::before,.cart_totals table.shop_table th{font-weight:400!important;color:var(--ink-soft)}
.cart_totals .order-total td::before,.cart_totals .order-total th{font-weight:600!important;color:var(--ink)}
.woocommerce-shipping-destination,.woocommerce-shipping-destination strong{font-weight:400;font-size:13px;color:var(--muted)}
.woocommerce .delivery-note[style]{background:var(--pink-soft)!important;color:var(--pink-ink)!important;font-weight:400!important;font-size:14px!important;border:0!important}
.woocommerce .delivery-note b,.woocommerce .delivery-note strong{font-weight:600}

/* Checkout summary: clean rows with thumbnails */
.woocommerce-checkout-review-order-table{border:0!important;border-radius:0!important;background:transparent!important}
.woocommerce-checkout-review-order-table th,.woocommerce-checkout-review-order-table td{border:0!important;border-bottom:1px solid var(--line)!important;background:transparent!important;padding:12px 4px!important;font-weight:400!important;vertical-align:middle}
.woocommerce-checkout-review-order-table thead th{font:500 12px/1.4 var(--body)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.woocommerce-checkout-review-order-table td.product-total,.woocommerce-checkout-review-order-table tfoot td{text-align:right}
.woocommerce-checkout-review-order-table .order-total th,.woocommerce-checkout-review-order-table .order-total td,.woocommerce-checkout-review-order-table .order-total .amount{font-weight:600!important;color:var(--ink);border-bottom:0!important}
.woocommerce-checkout-review-order-table .product-quantity{font-weight:400;color:var(--muted)}
.wq-co-thumb{width:48px!important;height:48px;object-fit:cover;border-radius:6px;display:inline-block!important;vertical-align:middle;margin-right:10px}
.wq-co-name{vertical-align:middle}
.woocommerce-checkout #order_review{background:var(--white)}

.woocommerce-checkout-review-order-table,.cart_totals table.shop_table{border-collapse:collapse!important;border-spacing:0}
.woocommerce-checkout-review-order-table .product-name{line-height:1.3}

/* ===== Lighter weights (v0.3.1): fine Amatic, regular body ===== */
h1,h2,h3,.display,.banner-card h1,.single-product .product_title,.tile span,.way .num,.site-footer h4,
.products .woocommerce-loop-product__title,.wonderie-accordion summary,.value-card h4,.cart_totals h2,
.woocommerce-cart table.shop_table.cart td.product-name a,.related>h2,.upsells>h2,.wonderie-reviews h2,
.woocommerce-checkout h3,.woocommerce-checkout #order_review_heading{font-weight:400!important}
h1{letter-spacing:.03em} .products .woocommerce-loop-product__title{font-size:27px!important}
h4,.size-panel b,.wonderie-usp span,.wonderie-delivery-promise span,.nav a,.cat-chips a,.wonderie-rating-link,
.woocommerce-checkout #payment .wc_payment_method>label,.wonderie-shipbar__label strong,.woocommerce .delivery-note b,
.woocommerce .delivery-note strong,.trust span,.eyebrow,.wonderie-journey text.on,.products .price,
.woocommerce-cart table.shop_table.cart td.product-subtotal,.woocommerce-cart table.shop_table.cart .woocommerce-Price-amount{font-weight:400!important}
.cart_totals .order-total th,.cart_totals .order-total td,.cart_totals .order-total .woocommerce-Price-amount,.cart_totals .order-total td::before,
.woocommerce-checkout-review-order-table .order-total th,.woocommerce-checkout-review-order-table .order-total td,.woocommerce-checkout-review-order-table .order-total .amount,
.single-product .summary .price,.woocommerce-Price-amount,strong,b{font-weight:500!important}
.btn,.button,button.button,input.button,a.button,#place_order,.single_add_to_cart_button,.checkout-button{font-weight:400!important}

.woocommerce-Price-amount,.single-product .summary .price,.wq-heart,.wq-heart span,.quantity input.qty,.cart_totals td,.cart_totals th{font-weight:400!important}
.cart_totals .order-total .woocommerce-Price-amount,.woocommerce-checkout-review-order-table .order-total .amount{font-weight:500!important}

.star-rating span::before,.star-rating::before,p.stars a{color:var(--pink)!important}

/* ---------- Wholesale ---------- */
.ws-gate{background:var(--white);border:1px solid var(--line);border-radius:10px;padding:22px;max-width:640px}
.ws-banner{background:var(--pink-soft);color:var(--pink-ink);border-radius:8px;padding:10px 14px;font-size:14px;margin:0 0 14px}
.ws-banner a{color:var(--ink)} .ws-warn{color:var(--coral-deep)}
.ws-order{max-width:1100px}
.ws-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.ws-intro{margin:0 0 6px} .ws-tiers{color:var(--ink-soft);margin:0 0 10px}
.ws-vat{display:flex;gap:4px;align-items:center;font-size:14px}
.ws-vat a{padding:6px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink)}
.ws-vat a.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.ws-filter input{width:100%;max-width:320px;height:42px;border:1px solid var(--line);border-radius:6px;padding:0 12px;font:inherit;font-size:15px;background:var(--white)}
.ws-table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0 90px}
.ws-table th{text-align:left;font:500 12px/1.4 var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:8px 6px;border-bottom:1px solid var(--line)}
.ws-table td{padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:middle}
.ws-table .num{text-align:right}
.ws-table img{width:48px;height:48px;object-fit:cover;border-radius:6px;display:block}
.ws-table td a{color:var(--ink);text-decoration:none;font:400 20px/1.1 var(--display);letter-spacing:.02em}
.ws-table td small{display:block;color:var(--muted);font-size:12px}
.ws-table .rrp{color:var(--muted)} .ws-table .mine b{font-weight:500}
.ws-table input{width:64px;height:40px;border:1px solid var(--line);border-radius:6px;text-align:center;font:inherit;font-size:15px;background:var(--white)}
.ws-table tr.has td{background:#fbf4ec}
.ws-group td{font:400 24px/1 var(--display);letter-spacing:.02em;padding:22px 6px 6px;border-bottom:1px solid var(--ink);color:var(--ink)}
.ws-out{color:var(--coral-deep);font-size:13px}
.ws-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--white);border-top:1px solid var(--line);box-shadow:0 -4px 14px rgba(0,0,0,.08);padding:12px 20px calc(12px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap}
.ws-bar .ws-sum{font-size:15px} .ws-bar #ws-total{font-weight:500} .ws-bar .btn:disabled{opacity:.5;cursor:default}
.ws-register{max-width:720px}
.ws-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}
.ws-grid label{font-size:14px;color:var(--ink-soft);display:block}
.ws-grid label.wide{grid-column:1/-1}
.ws-grid label.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.ws-grid input:not([type=checkbox]),.ws-grid select,.ws-grid textarea{width:100%;margin-top:4px;border:1px solid var(--line);border-radius:6px;padding:10px 12px;font:inherit;font-size:16px;background:var(--white)}
.ws-grid .lastname_row{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media (max-width:700px){.ws-grid{grid-template-columns:1fr}.ws-table th:nth-child(3),.ws-table td:nth-child(3),.ws-table th:nth-child(5),.ws-table td:nth-child(5){display:none}.ws-table img{width:40px;height:40px}.ws-table td a{font-size:18px}}

/* ---------- Newsletter popup ---------- */
.wq-pop{position:fixed;inset:0;z-index:999;background:rgba(51,48,43,.45);display:flex;align-items:center;justify-content:center;padding:20px}
.wq-pop[hidden]{display:none}
.wq-pop__box{position:relative;background:var(--paper);border-radius:12px;padding:32px 28px 24px;max-width:420px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2)}
.wq-pop__box h3{font-size:40px;margin:0 0 6px}
.wq-pop__box p{margin:0 0 14px;color:var(--ink-soft)}
.wq-pop__x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer}
.wq-pop__form{display:flex;flex-direction:column;gap:10px}
.wq-pop__form input[type=email]{height:46px;border:1px solid var(--line);border-radius:6px;padding:0 14px;font:inherit;font-size:16px;background:var(--white)}
.wq-pop__shop{font-size:14px;color:var(--ink-soft);display:flex;gap:8px;justify-content:center;align-items:center}
.wq-pop__small{font-size:12px;color:var(--muted);margin:12px 0 0}
.wq-pop__done{font-weight:500;color:var(--ink)}

/* ---- fixes: related layout, size line, notices (v3.1) ---- */
section.products,.related.products,.upsells.products,.cross-sells.products{display:block!important;grid-template-columns:none!important;gap:0!important}
.related>h2,.upsells>h2{margin:0 0 18px}
.size-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:14px 0;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--white);font-size:14px;color:var(--ink)}
.size-line span{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.size-line em{font-style:normal;color:var(--muted)}
.size-panel{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:1fr}
.size-panel>a{display:block;color:inherit;text-decoration:none;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:10px;text-align:center;font-size:14px;box-shadow:none}
.size-panel>a b{display:block;font-size:15px;font-weight:600}
@media (max-width:700px){.size-panel>a{padding:8px 4px;font-size:12px}}
.woocommerce-message{text-align:left}
@media (max-width:700px){.woocommerce-message .button{flex-basis:100%;max-width:max-content}}
.size-panel a:hover{border-color:var(--ink)}
.size-panel div.on{border-color:#f39c82;box-shadow:inset 0 0 0 1px #f39c82}
.woocommerce-message,.woocommerce-info,.woocommerce-error{font:400 15px/1.5 var(--body)!important;color:var(--ink)!important;background:var(--white)!important;border:1px solid var(--line)!important;border-left:4px solid #f39c82!important;border-top-color:var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important;padding:14px 18px 14px 52px!important;margin:0 0 22px!important;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;position:relative;list-style:none}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{content:""!important;font:0/0 a!important;position:absolute;left:18px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#f39c82 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 8'/%3E%3C/svg%3E") center/13px no-repeat;color:transparent!important}
.woocommerce-info::before{background:#e8d9c6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2333302b' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 8h.01M12 11v6'/%3E%3C/svg%3E") center/13px no-repeat}
.woocommerce-error::before{background:#d9776a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M12 7v6M12 16.5v.5'/%3E%3C/svg%3E") center/13px no-repeat}
.woocommerce-error{border-left-color:#d9776a!important}
.woocommerce-message .button,.woocommerce-info .button{float:none!important;margin:0!important;order:2;padding:9px 16px!important;font-size:14px!important;margin-left:auto!important}
.woocommerce-error li{margin:0!important}
@media (max-width:700px){.woocommerce-message .button,.woocommerce-info .button{margin-left:0!important;width:auto}}

.products li.product{display:flex;flex-direction:column;align-items:flex-start}
.products li.product>a.woocommerce-LoopProduct-link{display:block;width:100%}
.products li.product .price{margin-bottom:6px}
.products li.product .button{margin-top:auto!important;align-self:flex-start}

/* ---- v3.2: review form, notice focus, heart, topbar regions ---- */
.woocommerce-message:focus,.woocommerce-info:focus,.woocommerce-error:focus,.woocommerce-notices-wrapper:focus,[role=alert]:focus{outline:0!important;box-shadow:none!important}
#review_form_wrapper{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:24px;margin-top:24px}
#review_form .comment-reply-title{font:400 32px/1.1 "Amatic SC",cursive;display:block;margin:0 0 14px}
#review_form .comment-form-rating label,#review_form .comment-form-comment label,#review_form .comment-form-author label,#review_form .comment-form-email label,#review_form .comment-form-photos label{display:block;font-size:14px;color:var(--muted);margin:0 0 6px}
#review_form p{margin:0 0 16px}
#review_form .stars{margin:4px 0 0}#review_form .stars a{color:#f39c82;font-size:28px}
#review_form textarea,#review_form input[type=text],#review_form input[type=email]{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:var(--white);box-sizing:border-box}
#review_form textarea{min-height:120px}
#review_form input[type=file]{font:inherit;font-size:14px;color:var(--muted);padding:8px 0}
#review_form input[type=file]::file-selector-button{font:inherit;font-size:14px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:var(--white);color:var(--ink);margin-right:10px;cursor:pointer}
#review_form .comment-form-photos small,#review_form .wq-review-note{display:block;font-size:13px;color:var(--muted)}
#review_form .form-submit{margin:6px 0 0}
#review_form .submit{background:#f39c82!important;color:#fff!important;border:0;border-radius:999px;padding:12px 24px;font:inherit;font-size:15px;cursor:pointer}
#review_form .submit:hover{filter:brightness(.95)}
.wq-heart.on svg{fill:#f39c82!important;stroke:#f39c82!important}
.summary .wq-heart.on{box-shadow:inset 0 0 0 2px #f39c82}
.wq-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:999px;font-size:14px;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.18);opacity:0;transition:opacity .25s}
.wq-toast.show{opacity:1}.wq-toast a{color:#f8d2c4;margin-left:8px;text-decoration:underline}
html[data-region=uk] .topbar [data-region=eu],html[data-region=uk] .topbar .topbar-sep,html[data-region=eu] .topbar [data-region=uk],html[data-region=eu] .topbar .topbar-sep{display:none}

.wq-bis{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;margin:14px 0}
.wq-bis__title{margin:0 0 10px;font-size:15px}
.wq-bis__form{display:flex;gap:8px;flex-wrap:wrap;position:relative}
.wq-bis__form input[type=email]{flex:1;min-width:180px;border:1px solid var(--line);border-radius:999px;padding:11px 16px;font:inherit;font-size:15px;background:var(--white)}
.wq-bis__form .button{border-radius:999px}
.wq-bis__msg{margin:8px 0 0;font-size:14px;color:var(--muted)}.wq-bis__msg:empty{display:none}

.wonderie-awards{display:flex;align-items:center;gap:10px;margin:8px 0 14px}
.wonderie-awards img{width:56px;height:56px;border-radius:50%;flex:none}
.wonderie-awards span{font-size:13px;color:var(--muted)}
.wonderie-icon-list li span b{display:block;font-weight:500;margin-bottom:2px}
.trust-strip .trust{flex-wrap:wrap;justify-content:center}

.about-vi{display:grid;grid-template-columns:minmax(220px,2fr) 3fr;gap:36px;align-items:start}
.about-vi__img{width:100%;height:auto;border-radius:24px;object-fit:cover}
.about-vi__placeholder{aspect-ratio:4/5;border-radius:24px;background:var(--white);border:1px dashed var(--line);display:grid;place-items:center;color:var(--muted);font-size:14px}
.about-vi__text h2{margin-top:0}
@media (max-width:700px){.about-vi{grid-template-columns:1fr}.about-vi__photo{max-width:320px}}

/* v3.3 tiles: label above image */
.tile{display:flex;flex-direction:column-reverse;justify-content:flex-end}
.tile span{padding:0 2px 6px}
.tiles{row-gap:34px}

/* v3.4 fanned theme tiles */
.tile--stack .stack{position:relative;aspect-ratio:1;margin:6% 8% 2%}
.tile--stack .s{position:absolute;inset:0;border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 6px 18px rgba(51,48,43,.12);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.tile--stack .s img{width:100%;height:100%;object-fit:cover;transform:scale(1.28);display:block}
.tile--stack .s0{z-index:3}
.tile--stack .s1{z-index:2;transform:rotate(-4deg) translate(-3%,-2%)}
.tile--stack .s2{z-index:1;transform:rotate(4deg) translate(3%,-2%)}
.tile--stack:hover .s0,.tile--stack.is-in .s0{transform:translateY(4%) scale(.94)}
.tile--stack:hover .s1,.tile--stack.is-in .s1{transform:rotate(-9deg) translate(-13%,-6%)}
.tile--stack:hover .s2,.tile--stack.is-in .s2{transform:rotate(9deg) translate(13%,-6%)}
.tile--stack:hover img{opacity:1}
@media (prefers-reduced-motion:reduce){.tile--stack .s{transition:none}}

/* v3.5 Instagram strip */
.ig-strip{padding:44px 0 36px;background:var(--cream,#f6f0e6)}
.ig-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.ig-grid a{display:block;aspect-ratio:1;border-radius:14px;overflow:hidden}
.ig-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.ig-grid a:hover img{transform:scale(1.04)}
@media (max-width:720px){.ig-grid{grid-template-columns:repeat(3,1fr);gap:6px}.ig-grid a{border-radius:10px}}

/* v3.6 lifestyle theme tiles */
.tile--life .life{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:1}
.tile--life .life img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.tile--life:hover .life img{transform:scale(1.04)}
.tile--life .life em{position:absolute;left:12px;bottom:12px;background:rgba(255,253,249,.92);color:#33302b;border-radius:999px;padding:6px 12px;font:700 13px/1 var(--body,Nunito,sans-serif);font-style:normal}

/* v3.7 cookie choice */
.wq-cookie{position:fixed;left:12px;right:12px;bottom:12px;z-index:9000;background:#fffdf9;border:1px solid var(--line,#e6dfd3);border-radius:16px;padding:12px 14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;box-shadow:0 8px 28px rgba(51,48,43,.14);font-size:14px;max-width:560px;margin:0 auto}
.wq-cookie span{flex:1 1 260px}

/* v3.8 mobile menu: full-height scrolling panel */
@media (max-width:900px){
.nav.open{position:fixed;top:60px;left:0;right:0;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;z-index:60;padding-bottom:40px}
.nav .mega a{padding:14px 12px;min-height:44px}
body.menu-open{overflow:hidden}
}

/* v3.9 thank-you next steps */
.ty-hello{font:700 30px/1.15 var(--display);color:var(--ink)}
.ty-next{background:#fffdf9;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;margin:18px 0 28px}
.ty-next h2{margin:0 0 10px}
.ty-next ol{margin:0;padding-left:20px}
.ty-next li{margin:0 0 10px;line-height:1.55}
.ty-next p{margin:14px 0 0}

/* v4.0 checkout: anything Stripe/Woo injects above the columns spans the full row */
form.checkout > *:not(#customer_details):not(#order_review){grid-column:1/-1}

.wq-cookie[hidden]{display:none}

/* v4.1 basket: plain "Proceed to checkout" first, express buttons under it; no sticky bar on mobile (it hid the button) */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{order:1!important}
.woocommerce-cart .wc-proceed-to-checkout #wc-stripe-express-checkout-button-separator{order:2;margin:4px 0 0!important;font-size:12px;color:#8a8178;text-align:center}
.woocommerce-cart .wc-proceed-to-checkout #wc-stripe-express-checkout-element{order:3;margin:0!important}
.woocommerce-cart .wc-proceed-to-checkout [id^="ppc-button"],.woocommerce-cart .wc-proceed-to-checkout .ppc-button-wrapper,.woocommerce-cart .wc-proceed-to-checkout .ppcp-button-container{order:4!important}
.woocommerce-cart .wc-proceed-to-checkout #wc-stripe-express-checkout-element-link{display:none!important}
@media (max-width:768px){
  body.woocommerce-cart .wc-proceed-to-checkout{position:static!important;box-shadow:none!important;border-top:0!important;padding:14px 0 0!important;background:transparent!important}
}

/* v4.2 product page: only gallery + summary sit in the two columns; everything after spans the row */
div.product > *:not(.woocommerce-product-gallery):not(.summary){grid-column:1/-1}

/* v4.3 guard against sideways overflow on phones (payment buttons / iframes can't push the page wider) */
.single-product div.product > *{min-width:0}
.summary > *,.wc-proceed-to-checkout > *{max-width:100%}
@media (max-width:768px){.single-product div.product{grid-template-columns:minmax(0,1fr)}html,body{overflow-x:hidden}}

/* v4.4 ways-to-play: point 4 (forest photo) is portrait — show the cloth and feet rather than the trees */
.way:nth-child(4) .way-img img{object-position:50% 100%}

/* v4.5 ways-to-play: 50 quick ideas */
.ideas .lead{max-width:560px;margin:0 0 26px;color:var(--muted,#6b645a)}
.ideas-list{columns:2;column-gap:48px;margin:0 0 28px;padding:0 0 0 1.6em;font-size:18px;line-height:1.5}
.ideas-list li{break-inside:avoid;padding:6px 0 6px 6px;border-bottom:1px solid rgba(0,0,0,.06)}
.ideas-list li::marker{color:var(--peach,#f39c82);font:700 15px/1 var(--display)}
@media (max-width:760px){.ideas-list{columns:1;font-size:17px}}
@media print{header,footer,.site-header,.site-footer,.section--tint,.ways,.hero,.wq-cookie,.btn{display:none!important}.ideas-list{columns:2;font-size:12pt}.ideas-list li{border:0}}

/* v4.6 ways-to-play: compact tips — two per row, photo above text, so the quick-ideas list is close by */
.ways{grid-template-columns:1fr 1fr;gap:44px 40px;align-items:start}
.way{grid-template-columns:1fr;gap:14px;align-items:start}
.way:nth-child(even) .way-img{order:0}
.way-img{aspect-ratio:3/2;border-radius:22px}
.way .num{font-size:44px;margin-bottom:-6px}
.way h2{font-size:34px;margin:0 0 6px}
.way p{margin:0 0 8px;font-size:16px}
@media (max-width:860px){.ways{grid-template-columns:1fr 1fr;gap:28px 16px}.way{gap:10px}.way-img{aspect-ratio:1/1;border-radius:16px}.way .num{font-size:32px}.way h2{font-size:24px;line-height:1.1}.way p{font-size:14px;line-height:1.45}}
.ideas{padding-top:30px}
