/* ===========================================================
   Skin Plus Beauty — store CONTENT styling.
   Scoped to WooCommerce body classes so it only touches store
   content; the site's own header/footer are left untouched.
   =========================================================== */
body.woocommerce,body.woocommerce-page{
  --accent:#e0a89c;--accent-hover:#cf9184;--ink:#262324;--muted:#6b625b;
  --body:#3f3b39;--link:#9a7d73;--bg:#f8ede8;--cream:#ebe1d6;--line:#e4d7cd;
  background:#f8ede8!important;   /* the design's soft-pink store background */
}
/* Constrain the store content to a centered column. This stylesheet only loads
   on store pages, so this never affects any other page. */
body.woocommerce #primary,body.woocommerce-page #primary{
  max-width:1320px!important;margin-left:auto!important;margin-right:auto!important;
  padding-left:30px!important;padding-right:30px!important;box-sizing:border-box;float:none!important;width:auto!important;
}
.spb-hero,.spb-chips{max-width:none}
/* Cart / Checkout wrappers (theme leaves these pages empty; plugin injects them) */
.spb-cart-wrap,.spb-checkout-wrap{max-width:1260px;margin:40px auto 20px;padding:0 30px;box-sizing:border-box}
.spb-cart-wrap .spb-cart-title{font-size:clamp(34px,5vw,54px);margin:0 0 30px}
/* fonts + type only within the store content, not the theme header/footer */
.woocommerce .woocommerce-breadcrumb,
.woocommerce ul.products,.woocommerce div.product,
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,
.spb-hero,.spb-chips,.woocommerce-products-header,
.woocommerce .cart-collaterals,.woocommerce-cart-form{
  font-family:'General Sans',sans-serif;color:var(--ink);
}
.woocommerce h1,.woocommerce h2,.woocommerce h3,.spb-hero-h1{
  font-family:'Clash Grotesk',sans-serif;font-weight:300;letter-spacing:-.01em;color:var(--ink);
}

/* ---------- hero + category chips ---------- */
.spb-hero{max-width:1260px;margin:6px auto 0;padding:8px 0 2px}
.spb-hero-eyebrow{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--link);margin-bottom:16px}
.spb-hero-h1{font-size:clamp(38px,5.5vw,62px);line-height:1.02;margin:0 0 18px;max-width:780px}
.spb-hero-h1 span{color:#c98776}
.spb-hero-p{max-width:560px;margin:0 0 6px;font-size:16px;line-height:1.7;color:var(--muted)}
.spb-chips{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:14px 0 22px;margin:0 0 4px;border-bottom:1px solid var(--line)}
.spb-chip{background:#fff;border:1px solid var(--line);color:var(--body)!important;padding:10px 20px;border-radius:999px;font-size:13px;white-space:nowrap;transition:all .2s;text-decoration:none}
.spb-chip:hover{border-color:#cdbcb2}
.spb-chip.is-on{background:var(--accent);border:1px solid var(--ink);color:var(--ink)!important;font-weight:500}

/* ---------- archive / shop ---------- */
.woocommerce .woocommerce-breadcrumb{font-size:14px;color:var(--muted);margin:24px 0 12px;line-height:1.7}
.woocommerce .woocommerce-breadcrumb a{color:var(--link);text-decoration:none}
.woocommerce .woocommerce-breadcrumb a:hover{text-decoration:underline;text-underline-offset:2px}
.woocommerce .woocommerce-breadcrumb .spb-bc-sep{color:#cdbcb2;margin:0 5px}
.woocommerce .woocommerce-products-header__title,
.woocommerce .page-title{display:none}                 /* hero replaces the default title */
.woocommerce .woocommerce-result-count{color:var(--muted);font-size:13px;margin:0 0 6px}
.woocommerce .woocommerce-ordering select,
.woocommerce select.orderby{border:1px solid var(--line);border-radius:999px;padding:9px 16px;background:#fff;font-family:'General Sans';font-size:13px;color:var(--body)}
.woocommerce ul.products{list-style:none;display:grid!important;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:34px 26px;margin:22px 0 20px!important;padding:22px 0 0;border-top:1px solid var(--line)}
.woocommerce ul.products::before,.woocommerce ul.products::after{content:none!important;display:none!important}

/* product card */
.woocommerce ul.products li.product.spb-card{width:auto!important;float:none!important;margin:0!important;padding:0!important;clear:none!important}
.woocommerce ul.products li.product.spb-card::before{display:none!important}
.spb-card .spb-card-a{display:flex;flex-direction:column;height:100%;text-decoration:none}
.spb-card .spb-thumb{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(45deg,#eaddd4,#eaddd4 11px,#e1d0c5 11px,#e1d0c5 22px)}
.spb-card .spb-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0}
.spb-card .spb-badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);color:#8a6d64;font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:7px 13px;border-radius:999px;z-index:2}
.spb-card .spb-card-meta{padding:18px 2px 0;flex:1;display:flex;flex-direction:column}
.spb-card .spb-card-cat{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--link);margin-bottom:8px}
.spb-card .spb-card-name{font-family:'Clash Grotesk';font-weight:400;font-size:20px;line-height:1.18;margin:0 0 9px;color:var(--ink)}
.spb-card .spb-card-blurb{font-size:13.5px;line-height:1.6;color:var(--muted);margin:0 0 18px}
.spb-card .spb-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:15px;border-top:1px solid var(--line)}
.spb-card .spb-card-price{font-size:15px;color:var(--ink);font-weight:500}
.spb-card .spb-card-price .amount{font-weight:500}
.spb-card .spb-card-price del{color:#b3a89f;font-weight:400;margin-right:6px}
.spb-card .spb-card-price ins{text-decoration:none}
.spb-card .spb-card-view{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#8a6d64;font-weight:500;display:flex;align-items:center;gap:6px}
/* hide the default Woo add-to-cart button under cards (card links to product) */
.woocommerce ul.products li.product.spb-card>a.button,
.woocommerce ul.products li.product.spb-card>a.added_to_cart{display:none!important}

/* ---------- perks band (shop archive) ---------- */
.spb-perks{max-width:1320px;margin:44px auto 8px;padding:0 30px;box-sizing:border-box}
.spb-perks-inner{background:var(--cream);border-radius:16px;padding:48px 44px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.spb-perk{display:flex;flex-direction:column;align-items:center;text-align:center}
.spb-perk-icon{width:56px;height:56px;border-radius:999px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.spb-perk-icon svg{width:24px;height:24px}
.spb-perk-title{font-family:'Clash Grotesk',sans-serif;font-weight:400;font-size:20px;margin:0 0 10px;color:var(--ink)}
.spb-perk-text{font-size:14px;line-height:1.6;color:var(--muted);max-width:300px;margin:0}
@media(max-width:820px){.spb-perks-inner{grid-template-columns:1fr;gap:30px;padding:40px 30px}}

/* ---------- single product ---------- */
.woocommerce div.product{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:start;padding-top:14px}
.woocommerce div.product .spb-left{min-width:0}
.woocommerce div.product .spb-left .woocommerce-product-gallery{width:100%!important;float:none;margin:0}
.woocommerce div.product .spb-left .woocommerce-product-gallery img{border-radius:10px}
.woocommerce div.product .summary{margin:0!important;width:auto!important;float:none!important;position:sticky;top:100px}
.woocommerce div.product .spb-pdp-cat{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--link);margin-bottom:14px}
.woocommerce div.product .product_title{font-size:clamp(34px,5vw,50px);line-height:1.03;margin:0 0 16px}
.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink);font-family:'Clash Grotesk';font-size:22px;font-weight:400;margin:0 0 18px}
.woocommerce div.product p.price del,.woocommerce div.product span.price del{color:#b3a89f;font-size:18px}
.woocommerce div.product p.price ins{text-decoration:none}
.woocommerce .woocommerce-product-details__short-description{font-size:15.5px;line-height:1.75;color:var(--body);margin:0 0 26px}

/* concern tag pills (pink fill, ink outline) */
.spb-concerns{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.spb-concern{font-size:11px;letter-spacing:.03em;color:var(--ink);background:var(--accent);border:1px solid var(--ink);padding:5px 13px;border-radius:999px;line-height:1.5}

/* radio-card option selector */
.spb-opt-label{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 13px}
.spb-opt-cards{display:flex;flex-direction:column;gap:10px;margin:0 0 24px}
.spb-opt{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid #cdbcb2;border-radius:12px;padding:15px 18px;cursor:pointer;font-family:'General Sans',sans-serif;transition:border-color .15s,background .15s}
.spb-opt:hover{border-color:#c98776}
.spb-opt.is-on{border:1.5px solid var(--accent-hover);background:#f7ebe4}
.spb-opt-name{font-size:15px;font-weight:500;color:var(--ink)}
.spb-opt-price{font-family:'Clash Grotesk',sans-serif;font-size:17px;font-weight:500;color:var(--ink);white-space:nowrap}
.spb-opt-price .amount{font-weight:500}
.spb-opt-price del{color:#b3a89f;font-weight:400;margin-right:5px}
.spb-opt-price ins{text-decoration:none}
/* hidden native select that drives WooCommerce's variation JS */
.spb-select-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0;opacity:0;pointer-events:none}

/* selected-variation price + add-to-cart */
.woocommerce div.product form.variations_form{display:block}
.woocommerce div.product .single_variation .price{display:block;color:var(--ink);font-family:'Clash Grotesk';font-size:22px;font-weight:400;margin:0 0 16px}
/* Buy box — matches the Claude design: a "− qty +" stepper inline to the LEFT of a
   flex:1 Add to Cart, with Book a Consultation full-width directly beneath. */
.woocommerce div.product form.cart{margin-bottom:0!important}
.woocommerce div.product .woocommerce-variation-add-to-cart,
.woocommerce div.product form.cart:not(.variations_form){display:flex;gap:12px;align-items:stretch;flex-wrap:nowrap;margin:0}
.woocommerce div.product form.cart .quantity{flex:0 0 auto;margin:0;display:flex;align-items:center;border:1px solid #cdbcb2;border-radius:999px;background:#fff;height:52px;padding:0 2px;box-sizing:border-box}
.woocommerce div.product form.cart .quantity input.qty{border:none!important;background:none!important;box-shadow:none!important;width:34px!important;height:auto!important;min-height:0!important;text-align:center;font-size:15px;padding:0!important;-moz-appearance:textfield;appearance:textfield}
.woocommerce div.product form.cart .quantity input.qty::-webkit-outer-spin-button,
.woocommerce div.product form.cart .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.spb-qty-btn{width:38px;height:48px;background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:#262324;display:flex;align-items:center;justify-content:center;padding:0;font-family:inherit}
.spb-qty-btn:hover{color:#cf9184}
.woocommerce div.product form.cart .single_add_to_cart_button{
  flex:1 1 auto;width:auto!important;min-height:52px!important;margin:0!important;padding:0 24px!important;
  display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;
}
.woocommerce div.product .product_meta{display:none}

/* secondary "Book a Consultation" button */
.spb-book-consult{display:flex;align-items:center;justify-content:center;width:100%;height:52px;box-sizing:border-box;text-align:center;background:#fff;color:var(--ink)!important;border:1px solid var(--ink);border-radius:999px;padding:0 16px;margin-top:2px;font-family:'General Sans',sans-serif;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background .2s}
.spb-book-consult{margin-top:12px}
.spb-book-consult:hover{background:#f3e7e0}

/* "Added to cart" / info notices — brand the harsh default box */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info{
  background:#fff!important;border:1px solid var(--line)!important;border-left:3px solid var(--accent)!important;
  border-radius:12px!important;color:var(--ink)!important;box-shadow:none!important;
  font-family:'General Sans',sans-serif!important;font-size:14px!important;
  display:flex!important;align-items:center;gap:10px;padding:16px 20px!important;line-height:1.5;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before{position:static!important;margin:0 2px 0 0!important;color:#7cad4f!important;top:auto!important;left:auto!important}
.woocommerce .woocommerce-message a.button,
.woocommerce .woocommerce-message .button{
  margin-left:auto!important;background:var(--accent)!important;color:var(--ink)!important;border:1px solid var(--ink)!important;
  border-radius:999px!important;padding:11px 24px!important;font-size:11px!important;letter-spacing:.12em!important;
  text-transform:uppercase!important;font-weight:500!important;box-shadow:none!important;flex:0 0 auto;
}
.woocommerce .woocommerce-message a.button:hover,
.woocommerce .woocommerce-message .button:hover{background:var(--accent-hover)!important}

/* Treatment highlights — left column, under the image */
.spb-highlights{margin-top:26px;padding-top:26px;border-top:1px solid var(--line)}
.spb-highlights-h{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:15px}
.spb-hl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.spb-hl-list li{display:flex;gap:11px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--body)}
.spb-hl-list li svg{flex-shrink:0;margin-top:2px}

/* Hide the site's global announcement bar on store pages only (scoped CSS
   loads on store pages only, so the rest of the site is untouched). */
body.woocommerce #announcement-banner,
body.woocommerce-page #announcement-banner{display:none!important}

/* Hide the theme's default sidebar on store pages — it has no configured
   widgets, so WP falls back to a raw "Pages"/"Archives" list dump at the
   bottom of the shop. Store-scoped, so the rest of the site is untouched. */
body.woocommerce #sidebar,
body.woocommerce-page #sidebar{display:none!important}

/* Hide the theme's fallback text header (site title + "Med Spa in Pinecrest"
   tagline) that renders at the top of the store content — redundant with the
   real logo/nav. Store-scoped. */
body.woocommerce #headerimg,
body.woocommerce-page #headerimg{display:none!important}

/* Hide the theme's default "proudly powered by WordPress" footer credit
   (#footer, part of the same fallback wrapper) — the real branded footer is
   separate and unaffected. Store-scoped. */
body.woocommerce #page>#footer,
body.woocommerce-page #page>#footer,
body.woocommerce #main-content>#footer,
body.woocommerce-page #main-content>#footer{display:none!important}

/* "You might also love" — curated cross-sells, full width, with divider.
   Rendered after .product (inside the centered #primary column), so it inherits
   that column's width and aligns with the product content above. */
.woocommerce .spb-related{margin:64px 0 0;padding:54px 0 80px;border-top:1px solid var(--line)}
.woocommerce .spb-related>h2{font-family:'Clash Grotesk',sans-serif;font-weight:300;font-size:30px;letter-spacing:-.01em;margin:0 0 28px}
.woocommerce ul.products.spb-related-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:26px!important;list-style:none;margin:0!important;padding:0!important;border-top:none!important}
.woocommerce ul.products.spb-related-grid::before,.woocommerce ul.products.spb-related-grid::after{content:none!important;display:none!important}
.woocommerce ul.products.spb-related-grid li.product{width:auto!important;float:none!important;margin:0!important;padding:0!important;clear:none!important}
.woocommerce ul.products.spb-related-grid li.product::before{display:none!important}
.spb-rel-card a{display:block;text-decoration:none}
.spb-rel-thumb{position:relative;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(45deg,#eaddd4,#eaddd4 11px,#e1d0c5 11px,#e1d0c5 22px)}
.spb-rel-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0}
.spb-rel-cat{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--link);margin:14px 0 6px}
.spb-rel-name{font-family:'Clash Grotesk',sans-serif;font-weight:400;font-size:19px;line-height:1.2;margin:0 0 5px;color:var(--ink)}
.spb-rel-price{font-size:14px;color:var(--muted)}
/* hide any leftover default tabs */
.woocommerce div.product .woocommerce-tabs{display:none}

/* ---------- buttons (store content only) ---------- */
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce .single_add_to_cart_button,.woocommerce a.button.alt,.woocommerce button.button.alt,
.woocommerce #place_order,.woocommerce .wc-proceed-to-checkout a.checkout-button{
  background:var(--accent)!important;color:var(--ink)!important;border:1px solid var(--ink)!important;
  border-radius:999px!important;padding:15px 28px!important;font-family:'General Sans'!important;font-size:13px!important;
  font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase!important;line-height:1!important;box-shadow:none!important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce .single_add_to_cart_button:hover,.woocommerce #place_order:hover,
.woocommerce .wc-proceed-to-checkout a.checkout-button:hover{background:var(--accent-hover)!important}

/* ---------- cart ---------- */
.woocommerce-cart table.cart{border:none}
.woocommerce-cart table.cart th{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:0 8px 14px;background:none}
.woocommerce-cart table.cart td{border-top:1px solid var(--line);padding:22px 8px;vertical-align:middle;background:transparent}
.woocommerce-cart table.cart img{width:80px;border-radius:7px}
.woocommerce-cart table.cart a.remove{color:var(--muted)!important;border:none!important}
.woocommerce-cart .cart_totals{background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px 30px}
.woocommerce-cart .cart_totals h2{font-size:24px;margin:0 0 18px}
.woocommerce-cart .cart_totals .cart-subtotal{display:none}   /* Total-only, per design */
.woocommerce-cart .cart_totals .order-total .amount{font-family:'Clash Grotesk';font-size:26px;font-weight:400}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{display:block;text-align:center;width:100%}

/* ---------- checkout ---------- */
/* Clean single-column checkout (contact-only fields → order summary → payment),
   centered and narrow. Fields are trimmed to contact-only in PHP, so a single
   column reads far better than a stretched 2-col with an empty side. */
body.woocommerce-checkout .spb-cart-wrap{max-width:640px}
body.woocommerce-checkout .spb-cart-title{text-align:left}
.woocommerce-checkout form.checkout{display:block}
.woocommerce-checkout #customer_details,
.woocommerce-checkout #customer_details .col2-set,
.woocommerce-checkout #customer_details .col-1{width:100%!important;float:none!important;max-width:none!important;padding:0!important}
.woocommerce-checkout .woocommerce-additional-fields,
.woocommerce-checkout #customer_details .col-2,
.woocommerce-checkout .woocommerce-shipping-fields{display:none!important}
.woocommerce-checkout .woocommerce-billing-fields>h3{font-family:'Clash Grotesk',sans-serif;font-weight:300;font-size:22px;margin:0 0 16px;letter-spacing:-.01em}
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.woocommerce-checkout .form-row{margin-bottom:14px}
.woocommerce-checkout .form-row-wide{grid-column:1/-1}
.woocommerce-checkout .form-row label{font-size:11.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;display:block}
.woocommerce-checkout .input-text,.woocommerce-checkout textarea,.woocommerce-checkout select,
.woocommerce-checkout .select2-selection{border:1px solid #cdbcb2!important;border-radius:8px!important;background:#fff!important;font-family:'General Sans';font-size:15px;padding:12px 16px;width:100%;box-sizing:border-box}
.woocommerce-checkout #order_review_heading{margin:30px 0 14px;font-family:'Clash Grotesk',sans-serif;font-weight:300;font-size:22px;letter-spacing:-.01em}
.woocommerce-checkout #order_review{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px 26px}
.woocommerce-checkout #order_review .shop_table{margin:0 0 4px;width:100%}
.woocommerce-checkout #order_review .cart-subtotal{display:none}   /* Total-only, per design */
.woocommerce-checkout #order_review .order-total th{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.woocommerce-checkout #order_review .order-total .amount{font-family:'Clash Grotesk';font-size:26px;font-weight:400}
.woocommerce-checkout #payment{background:transparent;border-radius:0}
.woocommerce-checkout #place_order{width:100%;margin-top:8px}

/* ---------- order received / thank you ---------- */
body.woocommerce-order-received .spb-cart-wrap,
body.woocommerce-order-received .spb-cart-wrap.spb-received{max-width:680px}
.spb-received .woocommerce-thankyou-order-received{font-family:'Clash Grotesk',sans-serif;font-weight:300;font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.01em;color:var(--ink);margin:0 0 26px}
.spb-received ul.woocommerce-order-overview{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:18px 24px;margin:0 0 40px;padding:24px 26px;border:1px solid var(--line);border-radius:12px;background:#fff}
.spb-received ul.woocommerce-order-overview li{border:none!important;padding:0!important;margin:0!important;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.spb-received ul.woocommerce-order-overview li strong{display:block;margin-top:5px;font-size:16px;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:500}
.spb-received .woocommerce-order-details__title,
.spb-received .woocommerce-column__title,
.spb-received .woocommerce-customer-details h2{font-family:'Clash Grotesk',sans-serif;font-weight:300;font-size:22px;letter-spacing:-.01em;margin:0 0 16px}
.spb-received .woocommerce-order-details{margin-bottom:36px}
.spb-received table.order_details,.spb-received table.woocommerce-table--order-details{width:100%;border:1px solid var(--line);border-radius:12px;border-collapse:separate;overflow:hidden}
.spb-received table.order_details th,.spb-received table.order_details td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line)}
.spb-received table.order_details thead th{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);background:#faf3ee}
.spb-received table.order_details .cart-subtotal{display:none}   /* Total-only */
.spb-received table.order_details tfoot .order-total th,
.spb-received table.order_details tfoot .order-total td{font-size:16px}
.spb-received table.order_details tfoot .order-total .amount{font-family:'Clash Grotesk';font-size:22px;font-weight:400}
.spb-received .woocommerce-customer-details address{border:1px solid var(--line);border-radius:12px;padding:20px 24px;font-style:normal;line-height:1.7;color:var(--body);font-size:15px}

/* ---------- responsive ---------- */
@media(max-width:820px){
  .woocommerce div.product,.woocommerce-checkout form.checkout{grid-template-columns:1fr;gap:32px}
  .woocommerce div.product .summary,.woocommerce-checkout #order_review{position:static}
  .woocommerce ul.products.spb-related-grid{grid-template-columns:repeat(2,1fr)!important}
  .woocommerce .spb-related{margin-top:48px;padding-top:40px}
}
/* Phones: keep the shop grid at 2 columns so product photos render small & sharp
   instead of stretching one 300px thumbnail across the whole screen (blurry). */
@media(max-width:600px){
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;gap:22px 14px}
  .woocommerce ul.products.spb-related-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}
  /* Category chips wrap onto multiple rows on phones instead of scrolling sideways */
  .spb-chips{flex-wrap:wrap;overflow-x:visible;gap:8px 8px;padding-bottom:18px}
  .spb-chip{white-space:normal}
}