/* ================================================================
   SR — CART / CHECKOUT / MY ACCOUNT restyle (2026 redesign)
   Scoped: body.woocommerce-cart / body.woocommerce-checkout /
           body.woocommerce-account
   Generic Woo buttons + inputs live in style.css §7/§10 — this file
   only extends/overrides, never repeats them.
   ================================================================ */

/* ================================================================
   0. SHARED — page titles, notices, controls
   ================================================================ */
body.woocommerce-cart h1.entry-title,
body.woocommerce-account h1.entry-title{
  font-size:clamp(32px,4vw,46px);line-height:1;letter-spacing:-.045em;
  text-transform:lowercase;color:var(--sr-ink);margin:6px 0 26px}
/* checkout gets its own eyebrow+H2 header (sr-checkout.php) — hide the default page title,
   but keep it on the endpoints that never render the checkout form */
body.woocommerce-checkout:not(.woocommerce-order-received):not(.woocommerce-order-pay) h1.entry-title{display:none}

body.woocommerce-checkout .sr-checkout-head{margin:4px 0 28px}
body.woocommerce-checkout .sr-checkout-head .eyebrow{margin-bottom:8px}
body.woocommerce-checkout .sr-checkout-title{
  margin:0;font-size:clamp(30px,3.8vw,46px);line-height:1;
  letter-spacing:-.045em;text-transform:lowercase;color:var(--sr-ink)}

/* native controls pick up the brand green */
body.woocommerce-cart input[type=radio],body.woocommerce-cart input[type=checkbox],
body.woocommerce-checkout input[type=radio],body.woocommerce-checkout input[type=checkbox],
body.woocommerce-account input[type=radio],body.woocommerce-account input[type=checkbox]{
  accent-color:var(--sr-green);width:16px;height:16px}

/* notices — card look instead of the legacy top-border strip */
body.woocommerce-cart .woocommerce-message,body.woocommerce-cart .woocommerce-info,body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-message,body.woocommerce-checkout .woocommerce-info,body.woocommerce-checkout .woocommerce-error,
body.woocommerce-account .woocommerce-message,body.woocommerce-account .woocommerce-info,body.woocommerce-account .woocommerce-error{
  background:#fff;border:1px solid rgba(10,10,10,.08);border-top-width:1px;
  border-left:3px solid var(--sr-green);border-radius:10px;
  padding:14px 18px 14px 44px;margin:0 0 18px;font-size:13.5px;color:rgba(10,10,10,.72)}
body.woocommerce-cart .woocommerce-error,
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-account .woocommerce-error{border-left-color:#DC2626}
body.woocommerce-cart .woocommerce-info::before,body.woocommerce-cart .woocommerce-message::before,
body.woocommerce-checkout .woocommerce-info::before,body.woocommerce-checkout .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before,body.woocommerce-account .woocommerce-message::before{
  color:var(--sr-green);top:14px;left:16px}
body.woocommerce-cart .woocommerce-error::before,
body.woocommerce-checkout .woocommerce-error::before,
body.woocommerce-account .woocommerce-error::before{color:#DC2626;top:14px;left:16px}
body.woocommerce-cart .woocommerce-message .button,
body.woocommerce-account .woocommerce-message .button{
  padding:8px 16px!important;font-size:12.5px!important;margin-right:12px}

/* ================================================================
   1. CART — layout grid (table left / sticky totals right)
   ================================================================ */
body.woocommerce-cart .woocommerce{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,400px);
  grid-template-rows:auto auto auto;column-gap:40px}
body.woocommerce-cart .woocommerce>*{grid-column:1/-1;min-width:0}
body.woocommerce-cart .woocommerce>.woocommerce-notices-wrapper{grid-row:1}
body.woocommerce-cart .woocommerce-cart-form{grid-row:2;grid-column:1}
body.woocommerce-cart .cart-collaterals{display:contents}
body.woocommerce-cart .cart_totals{grid-row:2;grid-column:2;align-self:start;width:100%!important;float:none!important}
body.woocommerce-cart .cross-sells{grid-row:3;grid-column:1/-1;width:100%!important;float:none!important;margin-top:44px}
@media(min-width:1021px){
  body.woocommerce-cart .cart_totals{position:sticky;top:110px}
}

/* ================================================================
   2. CART — table as a white card
   ================================================================ */
body.woocommerce-cart .woocommerce-cart-form table.shop_table{margin-bottom:0}
body.woocommerce-cart .woocommerce-cart-form table.shop_table th{
  padding:14px 16px;border:0;color:rgba(10,10,10,.45);font-weight:700}
body.woocommerce-cart .woocommerce-cart-form table.shop_table td{
  padding:18px 16px;border:0;border-top:1px solid rgba(10,10,10,.06);
  background:#fff;vertical-align:middle}
/* product image 72px */
body.woocommerce-cart td.product-thumbnail{width:92px}
body.woocommerce-cart td.product-thumbnail img{
  width:72px!important;height:72px;object-fit:cover;border-radius:8px;display:block}
/* product link */
body.woocommerce-cart td.product-name a{
  font-weight:600;color:var(--sr-ink);font-size:14.5px;letter-spacing:-.01em;line-height:1.4}
body.woocommerce-cart td.product-name a:hover{color:var(--sr-green-dark)}
body.woocommerce-cart td.product-name dl.variation{margin:6px 0 0;font-size:12px;color:var(--sr-muted)}
body.woocommerce-cart td.product-name dl.variation dt,
body.woocommerce-cart td.product-name dl.variation dd{margin:0 6px 2px 0;display:inline-block;font-weight:400}
body.woocommerce-cart td.product-name dl.variation dd p{display:inline;margin:0}
/* prices */
body.woocommerce-cart td.product-price .amount{font-size:14px;color:rgba(10,10,10,.62)}
body.woocommerce-cart td.product-subtotal .amount{font-size:15px;font-weight:700;color:var(--sr-ink);letter-spacing:-.02em}
/* remove "x" — quiet circle, dark on hover (kills Woo's red) */
body.woocommerce-cart .woocommerce-cart-form a.remove{
  width:30px;height:30px;line-height:27px;font-size:17px;font-weight:400;text-align:center;
  border:1px solid rgba(10,10,10,.14);border-radius:999px;
  color:rgba(10,10,10,.45)!important;background:transparent;display:block;
  transition:background .18s,color .18s,border-color .18s}
body.woocommerce-cart .woocommerce-cart-form a.remove:hover{
  background:var(--sr-ink);border-color:var(--sr-ink);color:#fff!important}
/* actions row — clean coupon strip */
body.woocommerce-cart td.actions{padding:16px!important}
body.woocommerce-cart td.actions .coupon{display:flex;align-items:center;gap:10px;float:none}
body.woocommerce-cart td.actions .coupon label{display:none}
body.woocommerce-cart td.actions #coupon_code{
  width:210px;border-radius:999px;padding:11px 18px;font-size:13.5px}
body.woocommerce-cart td.actions .coupon .button{white-space:nowrap}
/* "update cart" as a quiet secondary button */
body.woocommerce-cart td.actions>.button{
  background:transparent!important;color:var(--sr-ink)!important;
  border:1px solid rgba(10,10,10,.16)!important;float:right}
body.woocommerce-cart td.actions>.button:hover{
  background:#fff!important;border-color:rgba(10,10,10,.35)!important;color:var(--sr-ink)!important}
body.woocommerce-cart td.actions>.button:disabled{opacity:.35}

/* ================================================================
   3. CART — totals card (sticky) + micro-badges
   ================================================================ */
body.woocommerce-cart .cart_totals{
  background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:12px;padding:24px}
body.woocommerce-cart .cart_totals h2{
  margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(10,10,10,.45)}
/* flatten the inner table — the card is the frame now */
body.woocommerce-cart .cart_totals table.shop_table{
  border:0;border-radius:0;background:transparent;margin:0}
body.woocommerce-cart .cart_totals table.shop_table th,
body.woocommerce-cart .cart_totals table.shop_table td{
  background:transparent;border:0;border-bottom:1px solid rgba(10,10,10,.07);
  padding:13px 0;font-size:13.5px;text-transform:none;letter-spacing:0}
body.woocommerce-cart .cart_totals table.shop_table th{
  font-weight:500;color:var(--sr-muted);width:auto}
body.woocommerce-cart .cart_totals table.shop_table td{text-align:right;color:var(--sr-ink)}
body.woocommerce-cart .cart_totals tr.order-total th,
body.woocommerce-cart .cart_totals tr.order-total td{
  border-bottom:0;font-size:16px;font-weight:700;color:var(--sr-ink);padding-top:16px}
body.woocommerce-cart .cart_totals ul#shipping_method{list-style:none;margin:0;padding:0;text-align:right}
body.woocommerce-cart .cart_totals ul#shipping_method li{margin:0 0 6px;padding:0}
body.woocommerce-cart .cart_totals ul#shipping_method label{font-size:13px;color:rgba(10,10,10,.72)}
body.woocommerce-cart .cart_totals .woocommerce-shipping-destination{font-size:12px;color:var(--sr-muted)}
body.woocommerce-cart .cart_totals .shipping-calculator-button{font-size:12.5px;color:var(--sr-green-dark);font-weight:600;text-decoration:none}
/* checkout button — big, full width */
body.woocommerce-cart .wc-proceed-to-checkout{padding:0;margin-top:18px}
body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
  display:flex;align-items:center;justify-content:center;width:100%;
  padding:16px 24px!important;font-size:15px!important;margin-bottom:0}
/* micro-badges (sr-checkout.php) — green-dot chips inside the card */
body.woocommerce-cart .sr-cart-micros{display:grid;gap:8px;margin-top:16px}
body.woocommerce-cart .sr-micro{
  display:flex;align-items:center;gap:9px;background:var(--sr-cream-soft);
  border:1px solid var(--sr-line);border-radius:8px;padding:11px 12px;
  font-size:12px;font-weight:600;color:rgba(10,10,10,.72)}
body.woocommerce-cart .sr-micro::before{
  content:"";width:7px;height:7px;border-radius:999px;background:var(--sr-green);flex:0 0 auto}

/* cross-sells — heading matches section titles; grid comes from global ul.products */
body.woocommerce-cart .cross-sells>h2{
  font-size:clamp(26px,3vw,38px);letter-spacing:-.045em;text-transform:lowercase;
  color:var(--sr-ink);margin:0 0 22px}

/* empty cart */
body.woocommerce-cart .cart-empty.woocommerce-info{border-left-color:var(--sr-line);text-align:center;padding:34px 24px}
body.woocommerce-cart .cart-empty.woocommerce-info::before{display:none}
body.woocommerce-cart .return-to-shop{text-align:center;margin:8px 0 0}

/* ================================================================
   4. CHECKOUT — login / coupon toggles above the form
   ================================================================ */
body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info,
body.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{margin-bottom:12px}
body.woocommerce-checkout .woocommerce-form-login-toggle a,
body.woocommerce-checkout .woocommerce-form-coupon-toggle a{
  color:var(--sr-green-dark);font-weight:600;text-decoration:none}
body.woocommerce-checkout .woocommerce-form-login-toggle a:hover,
body.woocommerce-checkout .woocommerce-form-coupon-toggle a:hover{text-decoration:underline}
body.woocommerce-checkout form.login,
body.woocommerce-checkout form.checkout_coupon{
  background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:12px;
  padding:22px;margin:0 0 22px}
body.woocommerce-checkout form.checkout_coupon{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
body.woocommerce-checkout form.checkout_coupon p{margin:0;float:none;width:auto}
body.woocommerce-checkout form.checkout_coupon .form-row-first{flex:1;min-width:180px}
body.woocommerce-checkout form.checkout_coupon #coupon_code{width:100%;border-radius:999px;padding:11px 18px}

/* ================================================================
   5. CHECKOUT — 2-column layout (form 58% / review 42%)
        rows: notices / heading / 1fr — the 1fr row makes the
        sticky order review track the full form height
   ================================================================ */
body.woocommerce-checkout form.woocommerce-checkout{
  display:grid;grid-template-columns:minmax(0,1.38fr) minmax(340px,1fr);
  grid-template-rows:auto auto 1fr;column-gap:40px}
body.woocommerce-checkout form.woocommerce-checkout>.woocommerce-NoticeGroup{grid-row:1;grid-column:1/-1}
body.woocommerce-checkout #customer_details{grid-row:2/4;grid-column:1;min-width:0}
body.woocommerce-checkout #order_review_heading{grid-row:2;grid-column:2;align-self:start}
body.woocommerce-checkout #order_review{grid-row:3;grid-column:2;align-self:start;min-width:0}
@media(min-width:1021px){
  body.woocommerce-checkout #order_review{position:sticky;top:110px}
}

/* ================================================================
   6. CHECKOUT — customer details as stacked white cards
   ================================================================ */
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2{
  float:none;width:100%;background:#fff;border:1px solid rgba(10,10,10,.08);
  border-radius:12px;padding:26px}
body.woocommerce-checkout #customer_details .col-2{margin-top:18px}
body.woocommerce-checkout #customer_details .col-2:empty{display:none}
body.woocommerce-checkout #customer_details h3{
  margin:0 0 18px;font-size:19px;font-weight:600;letter-spacing:-.03em;
  text-transform:lowercase;color:var(--sr-ink)}
body.woocommerce-checkout #ship-to-different-address{display:flex;align-items:center;gap:10px}
body.woocommerce-checkout #ship-to-different-address label{cursor:pointer;display:flex;align-items:center;gap:10px}
body.woocommerce-checkout #ship-to-different-address .input-checkbox{margin:0}

/* field grid — honours Woo's own form-row-first/last pairs */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{
  display:grid;grid-template-columns:1fr 1fr;gap:14px 14px}
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper .form-row,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper .form-row{
  float:none;width:100%;margin:0;padding:0}
body.woocommerce-checkout .form-row.form-row-first{grid-column:1}
body.woocommerce-checkout .form-row.form-row-last{grid-column:2}
body.woocommerce-checkout .form-row.form-row-wide,
body.woocommerce-checkout .form-row.notes{grid-column:1/-1}
body.woocommerce-checkout form .form-row .input-text,
body.woocommerce-checkout form .form-row select{width:100%}

/* labels — 12px caps */
body.woocommerce-checkout form .form-row label,
body.woocommerce-account .woocommerce form .form-row label{
  display:inline-block;margin:0 0 6px;font-size:12px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:rgba(10,10,10,.54);line-height:1.4}
body.woocommerce-checkout form .form-row label.woocommerce-form__label-for-checkbox,
body.woocommerce-checkout form .form-row label.checkbox,
body.woocommerce-account .woocommerce form .form-row label.woocommerce-form__label-for-checkbox{
  text-transform:none;letter-spacing:0;font-size:13px;font-weight:400;
  color:rgba(10,10,10,.7);display:inline-flex;align-items:center;gap:8px;cursor:pointer}
body.woocommerce-checkout form .form-row .required,
body.woocommerce-account .woocommerce form .form-row .required{
  color:var(--sr-green-dark);text-decoration:none;border-bottom:0}
body.woocommerce-checkout form .form-row.woocommerce-invalid .input-text,
body.woocommerce-checkout form .form-row.woocommerce-invalid select{border-color:#DC2626;box-shadow:none}
body.woocommerce-checkout form .form-row.woocommerce-validated .input-text{border-color:var(--sr-green)}

/* select2 (country/state) matched to the input style */
body.woocommerce-checkout .select2-container--default .select2-selection--single,
body.woocommerce-account .select2-container--default .select2-selection--single{
  height:auto;padding:11px 14px;border:1px solid var(--sr-line);border-radius:10px;background:#fff}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:1.5;padding:0;color:var(--sr-ink)}
body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow,
body.woocommerce-account .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:100%;top:0;right:10px}
body.woocommerce-checkout .select2-dropdown,
body.woocommerce-account .select2-dropdown{
  border:1px solid var(--sr-line);border-radius:10px;overflow:hidden}
body.woocommerce-checkout .select2-search--dropdown .select2-search__field,
body.woocommerce-account .select2-search--dropdown .select2-search__field{border-radius:8px}

/* ================================================================
   7. CHECKOUT — order review card + clean table
   ================================================================ */
body.woocommerce-checkout #order_review_heading{
  margin:0 0 12px;font-size:12px;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:rgba(10,10,10,.45)}
body.woocommerce-checkout #order_review{
  background:#fff;border:1px solid rgba(10,10,10,.08);border-radius:12px;padding:24px}
/* flatten the review table inside the card */
body.woocommerce-checkout #order_review table.shop_table{
  border:0;border-radius:0;background:transparent;margin:0 0 4px}
body.woocommerce-checkout #order_review table.shop_table th,
body.woocommerce-checkout #order_review table.shop_table td{
  background:transparent;border:0;border-bottom:1px solid rgba(10,10,10,.07);
  padding:12px 0;font-size:13.5px;vertical-align:top}
body.woocommerce-checkout #order_review thead th{
  font-size:11px;font-weight:700;letter-spacing:.12em;color:rgba(10,10,10,.4);padding-top:0}
body.woocommerce-checkout #order_review thead th.product-total,
body.woocommerce-checkout #order_review td.product-total,
body.woocommerce-checkout #order_review tfoot td{text-align:right}
body.woocommerce-checkout #order_review td.product-name{
  color:rgba(10,10,10,.78);font-weight:500;letter-spacing:0;text-transform:none}
body.woocommerce-checkout #order_review td.product-name .product-quantity{
  font-weight:400;color:var(--sr-muted)}
body.woocommerce-checkout #order_review td.product-name dl.variation{
  margin:4px 0 0;font-size:12px;color:var(--sr-muted)}
body.woocommerce-checkout #order_review td.product-name dl.variation dt,
body.woocommerce-checkout #order_review td.product-name dl.variation dd{
  margin:0 6px 2px 0;display:inline-block;font-weight:400}
body.woocommerce-checkout #order_review td.product-name dl.variation dd p{display:inline;margin:0}
body.woocommerce-checkout #order_review tfoot th{
  font-weight:500;color:var(--sr-muted);text-transform:none;letter-spacing:0;font-size:13.5px}
body.woocommerce-checkout #order_review tr.order-total th,
body.woocommerce-checkout #order_review tr.order-total td{
  border-bottom:0;font-size:16px;font-weight:700;color:var(--sr-ink);padding-top:16px;padding-bottom:0}
body.woocommerce-checkout #order_review ul#shipping_method{list-style:none;margin:0;padding:0;text-align:right}
body.woocommerce-checkout #order_review ul#shipping_method li{margin:0 0 6px;padding:0}
body.woocommerce-checkout #order_review ul#shipping_method label{font-size:13px;color:rgba(10,10,10,.72)}

/* ================================================================
   8. CHECKOUT — payment methods + place order + trust line
   ================================================================ */
/* the review card is the frame — drop the inner #payment card chrome */
body.woocommerce-checkout #payment{
  background:transparent;border:0;border-radius:0;
  border-top:1px solid rgba(10,10,10,.08);margin-top:14px;padding-top:6px}
body.woocommerce-checkout #payment ul.payment_methods{
  list-style:none;margin:0;padding:14px 0 4px;border-bottom:0}
/* each gateway = bordered option row */
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method,
body.woocommerce-checkout #payment ul.payment_methods li.woocommerce-notice{
  border:1px solid var(--sr-line);border-radius:10px;padding:13px 15px;
  margin:0 0 10px;line-height:1.4;transition:border-color .18s,background .18s}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover{
  border-color:rgba(10,10,10,.28)}
/* selected — green border + mint fill (progressive :has enhancement) */
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(input.input-radio:checked){
  border-color:var(--sr-green);background:#F7FFF9}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method>input.input-radio{
  margin:0 8px 0 0;vertical-align:middle}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method>label{
  display:inline;font-weight:600;font-size:14px;color:var(--sr-ink);cursor:pointer;margin:0}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label img{
  max-height:22px;vertical-align:middle;margin:0 4px;display:inline-block}
body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method label a{
  font-size:12px;color:var(--sr-green-dark)}
/* payment box — soft grey note inside the option (bg colour comes from style.css §10) */
body.woocommerce-checkout #payment div.payment_box{
  border-radius:8px;margin:12px 0 2px;padding:13px 15px;
  font-size:12.5px;line-height:1.6;color:rgba(10,10,10,.62)}
body.woocommerce-checkout #payment div.payment_box::before{display:none}
body.woocommerce-checkout #payment div.payment_box p{margin:0 0 6px}
body.woocommerce-checkout #payment div.payment_box p:last-child{margin-bottom:0}
/* place order zone */
body.woocommerce-checkout #payment .form-row.place-order{margin:0;padding:14px 0 0;float:none;width:100%}
body.woocommerce-checkout #payment button#place_order{
  display:block;width:100%;padding:17px 24px!important;font-size:15.5px!important;
  letter-spacing:-.01em}
/* terms + privacy — small print */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin:0 0 14px}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .woocommerce-privacy-policy-text p,
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper label.woocommerce-form__label-for-checkbox span{
  font-size:12px;line-height:1.6;color:rgba(10,10,10,.55)}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a{
  color:var(--sr-green-dark);text-decoration:underline}
body.woocommerce-checkout .woocommerce-terms-and-conditions{
  background:var(--sr-cream-soft);border:1px solid var(--sr-line);border-radius:8px;padding:14px;font-size:12px}
/* trust line (sr-checkout.php) */
body.woocommerce-checkout .sr-trust-line{
  margin:12px 0 0;text-align:center;font-size:12px;font-weight:500;
  color:rgba(10,10,10,.5);letter-spacing:.01em}

/* ================================================================
   9. CHECKOUT — thank-you / order received
   ================================================================ */
body.woocommerce-checkout .woocommerce-thankyou-order-received{
  font-size:clamp(20px,2.4vw,26px);font-weight:600;letter-spacing:-.03em;
  color:var(--sr-ink);margin:0 0 22px}
body.woocommerce-checkout ul.woocommerce-order-overview{
  list-style:none;margin:0 0 30px;padding:22px 26px;background:#fff;
  border:1px solid rgba(10,10,10,.08);border-radius:12px;
  display:flex;flex-wrap:wrap;gap:16px 36px}
body.woocommerce-checkout ul.woocommerce-order-overview li{
  float:none;margin:0;padding:0;border:0;font-size:11px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:rgba(10,10,10,.45)}
body.woocommerce-checkout ul.woocommerce-order-overview li strong{
  display:block;margin-top:6px;font-size:14.5px;font-weight:600;
  letter-spacing:0;text-transform:none;color:var(--sr-ink)}
body.woocommerce-checkout .woocommerce-order-details__title,
body.woocommerce-checkout .woocommerce-customer-details h2,
body.woocommerce-account .woocommerce-order-details__title,
body.woocommerce-account .woocommerce-customer-details h2{
  font-size:clamp(22px,2.6vw,30px);letter-spacing:-.04em;text-transform:lowercase;
  color:var(--sr-ink);margin:0 0 16px}
body.woocommerce-checkout .woocommerce-customer-details address,
body.woocommerce-account .woocommerce-customer-details address{
  font-style:normal;background:#fff;border:1px solid rgba(10,10,10,.08)!important;
  border-radius:12px;padding:20px 24px!important;line-height:1.8;color:rgba(10,10,10,.7)}

/* ================================================================
   10. MY ACCOUNT — sidebar nav card + content card
   ================================================================ */
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){
  display:grid;grid-template-columns:264px minmax(0,1fr);
  grid-template-rows:auto auto;column-gap:36px}
body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation)>.woocommerce-notices-wrapper{
  grid-row:1;grid-column:1/-1}
body.woocommerce-account .woocommerce-MyAccount-navigation{grid-row:2;grid-column:1;align-self:start}
body.woocommerce-account .woocommerce-MyAccount-content{grid-row:2;grid-column:2;min-width:0}
@media(min-width:1021px){
  body.woocommerce-account .woocommerce-MyAccount-navigation{position:sticky;top:110px}
}
/* nav card — rounded items, cream hover, mint active */
body.woocommerce-account .woocommerce-MyAccount-navigation{
  float:none;width:auto;background:#fff;border:1px solid rgba(10,10,10,.08);
  border-radius:12px;padding:10px}
body.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0 0 2px;padding:0}
body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{margin-bottom:0}
body.woocommerce-account .woocommerce-MyAccount-navigation li a{
  display:block;padding:11px 14px;border-radius:9px;font-size:14px;font-weight:500;
  color:rgba(12,12,12,.62);transition:background .15s,color .15s}
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{
  background:var(--sr-cream);color:var(--sr-ink)}
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:#F0FFF4;color:var(--sr-ink);font-weight:600}
body.woocommerce-account .woocommerce-MyAccount-navigation li.customer-logout a{
  color:rgba(12,12,12,.4)}
/* content card */
body.woocommerce-account .woocommerce-MyAccount-content{
  float:none;width:auto;background:#fff;border:1px solid rgba(10,10,10,.08);
  border-radius:12px;padding:30px}
body.woocommerce-account .woocommerce-MyAccount-content>p{
  font-size:14.5px;line-height:1.7;color:rgba(10,10,10,.68)}
body.woocommerce-account .woocommerce-MyAccount-content p>a{color:var(--sr-green-dark);font-weight:600}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .woocommerce-MyAccount-content legend{
  font-size:19px;font-weight:600;letter-spacing:-.03em;text-transform:lowercase;
  color:var(--sr-ink);margin:0 0 16px}
body.woocommerce-account .woocommerce-MyAccount-content fieldset{
  border:1px solid var(--sr-line);border-radius:10px;padding:18px;margin:0 0 18px}
body.woocommerce-account .woocommerce-MyAccount-content .button{
  padding:10px 20px!important;font-size:13px!important}
/* tables inside the content card — flattened, clean rows */
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table{
  border:0;border-radius:0;background:transparent;margin:0 0 8px}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table th,
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td{
  background:transparent;border:0;border-bottom:1px solid rgba(10,10,10,.07);
  padding:13px 10px;font-size:13.5px}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table thead th{
  font-size:11px;color:rgba(10,10,10,.4);padding-top:0}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td.woocommerce-orders-table__cell-order-number a{
  font-weight:600;color:var(--sr-ink)}
body.woocommerce-account .woocommerce-MyAccount-content table.shop_table td .woocommerce-Price-amount{
  font-weight:600;color:var(--sr-ink)}
body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button{
  margin:2px 6px 2px 0;padding:8px 15px!important;font-size:12px!important}
body.woocommerce-account .woocommerce-pagination{margin-top:16px;display:flex;gap:10px}
/* addresses */
body.woocommerce-account .woocommerce-Addresses{margin-top:6px}
body.woocommerce-account .woocommerce-Addresses .u-column1,
body.woocommerce-account .woocommerce-Addresses .u-column2{
  float:none;width:100%;background:var(--sr-cream-soft);border:1px solid var(--sr-line);
  border-radius:10px;padding:20px;margin:0 0 14px}
body.woocommerce-account .woocommerce-Address-title{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:8px}
body.woocommerce-account .woocommerce-Address-title h3{margin:0;font-size:16px}
body.woocommerce-account .woocommerce-Address-title .edit{
  font-size:12.5px;font-weight:600;color:var(--sr-green-dark)}
body.woocommerce-account .woocommerce-Address address{
  font-style:normal;line-height:1.8;font-size:14px;color:rgba(10,10,10,.62)}
body.woocommerce-account .woocommerce-MyAccount-content .col2-set{
  display:grid;grid-template-columns:1fr 1fr;gap:16px}
body.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1,
body.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2{
  float:none;width:100%;max-width:none}
/* account forms (edit address / edit account) */
body.woocommerce-account .woocommerce-MyAccount-content form .form-row{margin:0 0 14px}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row .input-text,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row select{width:100%}
body.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
body.woocommerce-account .woocommerce-MyAccount-content form .form-row-last{width:48.5%}
body.woocommerce-account .woocommerce-MyAccount-content .show-password-input{top:8px;right:10px}

/* ================================================================
   11. MY ACCOUNT — login / register / lost password (logged out)
   ================================================================ */
body.woocommerce-account #customer_login{display:grid;grid-template-columns:1fr 1fr;gap:24px}
body.woocommerce-account #customer_login .u-column1,
body.woocommerce-account #customer_login .u-column2{float:none;width:100%;max-width:none}
body.woocommerce-account #customer_login h2{
  font-size:22px;font-weight:600;letter-spacing:-.035em;text-transform:lowercase;
  color:var(--sr-ink);margin:0 0 14px}
body.woocommerce-account .woocommerce>form.login,
body.woocommerce-account #customer_login form.login,
body.woocommerce-account #customer_login form.register,
body.woocommerce-account form.lost_reset_password{
  border:1px solid rgba(10,10,10,.08);border-radius:12px;background:#fff;
  padding:28px;margin:0}
body.woocommerce-account .woocommerce>form.login,
body.woocommerce-account form.lost_reset_password{max-width:520px;margin:0 auto}
body.woocommerce-account form.login .form-row,
body.woocommerce-account form.register .form-row,
body.woocommerce-account form.lost_reset_password .form-row{margin:0 0 14px;float:none;width:100%}
body.woocommerce-account form.login .input-text,
body.woocommerce-account form.register .input-text,
body.woocommerce-account form.lost_reset_password .input-text{width:100%}
body.woocommerce-account form.login .lost_password{margin:10px 0 0;font-size:13px}
body.woocommerce-account form.login .lost_password a{color:var(--sr-green-dark);font-weight:600}
body.woocommerce-account form.register .woocommerce-privacy-policy-text p{
  font-size:12px;line-height:1.6;color:rgba(10,10,10,.55)}

/* ================================================================
   12. RESPONSIVE
   ================================================================ */
@media(max-width:1020px){
  /* checkout → 1 column, natural order (details first, review after) */
  body.woocommerce-checkout form.woocommerce-checkout{display:block}
  body.woocommerce-checkout #customer_details{margin-bottom:26px}
  body.woocommerce-checkout #order_review{position:static}
  /* cart → stacked, totals under the table */
  body.woocommerce-cart .woocommerce{display:block}
  body.woocommerce-cart .cart-collaterals{display:block}
  body.woocommerce-cart .cart_totals{position:static;margin-top:26px}
  body.woocommerce-cart .cross-sells{margin-top:40px}
  /* account → nav becomes a pill row above the content */
  body.woocommerce-account .woocommerce:has(.woocommerce-MyAccount-navigation){display:block}
  body.woocommerce-account .woocommerce-MyAccount-navigation{position:static;padding:8px;margin-bottom:20px}
  body.woocommerce-account .woocommerce-MyAccount-navigation ul{display:flex;flex-wrap:wrap;gap:4px}
  body.woocommerce-account .woocommerce-MyAccount-navigation li{margin:0}
  body.woocommerce-account .woocommerce-MyAccount-navigation li a{
    padding:9px 14px;border-radius:999px;font-size:13px;white-space:nowrap}
}
@media(max-width:860px){
  /* cart table → stacked Woo responsive pattern (thead hidden, td::before data-title) */
  body.woocommerce-cart .woocommerce-cart-form table.shop_table thead{display:none}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr{
    display:block;position:relative;padding:16px 16px 12px;border-bottom:1px solid rgba(10,10,10,.08)}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody tr:last-child{border-bottom:0}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody td{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:7px 0;border:0;background:transparent;text-align:right}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table tbody td::before{
    content:attr(data-title);flex:0 0 auto;font-size:10.5px;font-weight:700;
    letter-spacing:.12em;text-transform:uppercase;color:rgba(10,10,10,.4);
    float:none;text-align:left}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-thumbnail{display:none}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-remove{
    display:block;position:absolute;top:14px;right:14px;padding:0;z-index:2}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-remove::before{content:none}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-name{padding-right:40px}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-name::before{content:none}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.product-name a{text-align:left}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions{display:block;padding:14px 16px!important;text-align:left}
  body.woocommerce-cart .woocommerce-cart-form table.shop_table td.actions::before{content:none}
  body.woocommerce-cart td.actions .coupon{flex-wrap:wrap}
  body.woocommerce-cart td.actions #coupon_code{flex:1;width:auto;min-width:0}
  body.woocommerce-cart td.actions>.button{float:none;width:100%;margin-top:10px}
  /* thank-you overview stacks */
  body.woocommerce-checkout ul.woocommerce-order-overview{gap:14px 26px;padding:18px 20px}
}
@media(max-width:720px){
  /* checkout fields collapse to one column */
  body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
  body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
  body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper{grid-template-columns:1fr}
  body.woocommerce-checkout .form-row.form-row-first,
  body.woocommerce-checkout .form-row.form-row-last{grid-column:auto}
  body.woocommerce-checkout #customer_details .col-1,
  body.woocommerce-checkout #customer_details .col-2{padding:20px}
  body.woocommerce-checkout #order_review{padding:20px}
  body.woocommerce-cart .cart_totals{padding:20px}
  /* account two-up grids collapse */
  body.woocommerce-account #customer_login{grid-template-columns:1fr}
  body.woocommerce-account .woocommerce-MyAccount-content .col2-set{grid-template-columns:1fr}
  body.woocommerce-account .woocommerce-MyAccount-content{padding:20px}
  body.woocommerce-account .woocommerce-MyAccount-content form .form-row-first,
  body.woocommerce-account .woocommerce-MyAccount-content form .form-row-last{width:100%}
  /* account orders table → stacked pattern too */
  body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table thead{display:none}
  body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody tr{
    display:block;padding:12px 0;border-bottom:1px solid rgba(10,10,10,.08)}
  body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody td{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:6px 0;border:0;text-align:right}
  body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody td::before{
    content:attr(data-title);font-size:10.5px;font-weight:700;letter-spacing:.12em;
    text-transform:uppercase;color:rgba(10,10,10,.4);float:none;text-align:left}
  body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table td.woocommerce-orders-table__cell-order-actions::before{content:none}
}