/* =====================================================================
   SAPCOTE THEME — shop additions (loads after sgc-kit-shop.css; the kit files are never edited).
   What the theme needs that the kit's shop layer does not carry, 10 Nov 2026:
   1. the header's basket link (hidden until the basket has something in it; every page, so this file loads site-wide);
   2. WooCommerce's own add-to-basket form inside the kit's buy box (its extra classes), WooCommerce notices on the kit;
   3. the basket, checkout, order-received and account pages: the live redesigned flow (delivery snippet v6 + emails
      snippet) on the kit's tokens, type and buttons instead of the Total theme's. No new design work: same layout,
      same copy, the kit palette.
   Every class here was grepped against the four kit files first.
   ===================================================================== */

/* ---- 1. the header's basket link: a round button beside Directions, shown once the basket has an item ---- */
.hdr6 .right{display:flex;align-items:center;gap:10px}
.ctas .c-basket,.hdr6 .right .c-basket{margin-left:0;position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:2px solid var(--green);color:var(--green-dark);background:#fff;text-decoration:none}
.ctas .c-basket[hidden],.hdr6 .right .c-basket[hidden]{display:none}   /* finishing step: the link sits beside .ctas, so the hidden state needs this selector too (it was showing on every page) */
.ctas .c-basket .ic{width:22px;height:22px}
.ctas .c-basket .n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--green);color:#fff;font:700 12px/20px var(--font);text-align:center;box-shadow:0 0 0 2px #fff}
.ctas .c-basket .n:empty{display:none}
.season-xmas .ctas .c-basket{border-color:rgba(255,255,255,.85);color:#fff;background:transparent}
.season-xmas .ctas .c-basket .n{background:var(--xgold);color:var(--ink);box-shadow:0 0 0 2px var(--xr-deep)}

/* ---- 2. WooCommerce's form in the kit's buy box, and notices ---- */
.pdp form.cart .quantity.hidden{display:none}
.pdp .qty input.qty{border-radius:0}
.pdp .buy .single_add_to_cart_button.disabled{opacity:.6;cursor:not-allowed}
.woocommerce-notices-wrapper:empty{display:none}
.woocommerce-message,.woocommerce-info,.woocommerce-error{list-style:none;margin:0 0 20px;padding:14px 18px;border-radius:var(--r);background:var(--lime-tint);border-left:4px solid var(--green);font-size:17px;line-height:1.5;color:var(--ink)}
.woocommerce-error{background:#FBEDEA;border-left-color:#B3261E}
.woocommerce-info{background:#F1F4F6;border-left-color:var(--muted)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message .button,.woocommerce-info .button,.woocommerce-error .button{float:right;margin-left:14px;font-weight:700;color:var(--green-dark);text-decoration:underline;text-underline-offset:3px}
.woocommerce-error li{margin:0}
.pdpsec .woocommerce-notices-wrapper{margin-bottom:18px}
.pager .gap{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:var(--muted)}

/* ---- 3. the basket, checkout, order-received and account pages on the kit ---- */
.woohead{background:var(--lime-tint)}
.woohead .title{margin-bottom:0}
.woopage{padding:var(--s6) 0 var(--s8)}
.woopage .woocommerce{font-size:17px;line-height:1.5;color:var(--ink)}
.woopage .woocommerce a{color:var(--green-dark)}
.woopage .woocommerce h2,.woopage .woocommerce h3{font-family:var(--font);color:var(--ink)}
.woopage .woocommerce .button,.woopage .woocommerce button.button,.woopage .woocommerce a.button,.woopage .woocommerce input.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:var(--pill);font:700 17px/1 var(--font);text-decoration:none;cursor:pointer;border:2px solid var(--green);background:#fff;color:var(--green)}
.woopage .woocommerce .button:hover{background:var(--lime-tint);color:var(--green-dark)}
.woopage .woocommerce .button.alt,.woopage .woocommerce a.checkout-button,.woopage .woocommerce #place_order{background:var(--green);color:#fff;border-color:var(--green)}
.woopage .woocommerce .button.alt:hover,.woopage .woocommerce a.checkout-button:hover,.woopage .woocommerce #place_order:hover{background:var(--green-dark);border-color:var(--green-dark);color:#fff}
.woopage .woocommerce .button:disabled,.woopage .woocommerce .button.disabled{opacity:.55;cursor:default}
/* the progress bar */
.sgc-steps{list-style:none;margin:0 auto 34px;padding:0;display:flex;align-items:flex-start;max-width:860px}
.sgc-step{flex:1;position:relative;text-align:center;font-size:15px;color:var(--muted);padding:0 4px}
.sgc-step::before{content:"";position:absolute;top:17px;left:-50%;width:100%;height:3px;background:var(--hair);z-index:0}
.sgc-step:first-child::before{display:none}
.sgc-step.is-done::before,.sgc-step.is-current::before{background:var(--green)}
.sgc-step-num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid var(--hair);color:var(--muted);font-weight:700;font-size:16px;margin-bottom:8px}
.sgc-step.is-done .sgc-step-num{background:var(--green);border-color:var(--green);color:#fff}
.sgc-step.is-current .sgc-step-num{border-color:var(--green);color:var(--green);box-shadow:0 0 0 4px var(--lime-tint)}
.sgc-step.is-current{color:var(--ink);font-weight:700}
.sgc-step-label{display:block;line-height:1.25}
.woocommerce-cart .woocommerce .sgc-steps{grid-column:1/-1;width:100%}
/* shared */
.woopage .woocommerce table.shop_table{border:0;border-collapse:collapse;margin:0;width:100%;font-size:17px}
.woopage .woocommerce table.shop_table th,.woopage .woocommerce table.shop_table td{border:0;border-bottom:1px solid var(--hair);padding:14px 12px;text-align:left;vertical-align:middle}
.woopage .woocommerce table.shop_table thead th{border-bottom:2px solid var(--hair);font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 12px 10px}
.woopage .woocommerce .sgc-ship-note{display:block;font-size:14px;color:var(--muted);font-weight:400;margin-top:2px}
.woopage .woocommerce .sgc-pay-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin:12px 0}
.woopage .woocommerce .sgc-pay-logos img{height:22px;width:auto;display:block;border-radius:3px;filter:grayscale(1);opacity:.8}
/* the basket */
.woocommerce-cart .woopage .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:0 40px;align-items:start}
.woocommerce-cart .woopage .woocommerce>.woocommerce-notices-wrapper,.woocommerce-cart .woopage .woocommerce>.cart-empty,.woocommerce-cart .woopage .woocommerce>.return-to-shop,.woocommerce-cart .woopage .woocommerce>.wc-empty-cart-message{grid-column:1/-1}
.woocommerce-cart .woopage .woocommerce>form.woocommerce-cart-form{margin:0}
.woocommerce-cart .cart-collaterals{position:sticky;top:calc(24px + var(--wp-admin--admin-bar--height,0px))}
.woocommerce-cart table.shop_table.cart td.product-thumbnail{width:104px;padding-left:0}
.woocommerce-cart table.shop_table.cart td.product-thumbnail img{width:88px;height:88px;object-fit:contain;background:#fff;border-radius:8px;border:1px solid var(--hair);display:block}
.woocommerce-cart table.shop_table.cart td.product-name{font-weight:700;line-height:1.35}
.woocommerce-cart table.shop_table.cart td.product-name a{color:var(--ink);text-decoration:none}
.woocommerce-cart table.shop_table.cart td.product-name a:hover{color:var(--green-dark)}
.woocommerce-cart table.shop_table.cart td.product-price,.woocommerce-cart table.shop_table.cart td.product-subtotal{white-space:nowrap}
.woocommerce-cart table.shop_table.cart td.product-subtotal,.woocommerce-cart table.shop_table.cart th.product-subtotal{font-weight:700;text-align:right}
.woocommerce-cart .woopage table.shop_table.cart td.product-remove{width:90px;min-width:90px;padding:14px 12px 14px 0;text-align:left;white-space:nowrap}
.woocommerce-cart table.shop_table.cart td.product-remove a.remove{display:inline-block;font-size:15px;line-height:1;color:var(--muted);text-decoration:underline;text-underline-offset:3px;font-weight:400}
.woocommerce-cart table.shop_table.cart td.product-remove a.remove:hover{color:#B3261E}
.woocommerce-cart table.shop_table.cart td.actions{padding:0;border:0}
.woocommerce-cart table.shop_table.cart td.actions .button[name="update_cart"]{position:absolute;width:1px;height:1px;padding:0;border:0;margin:0;overflow:hidden;clip:rect(0 0 0 0);opacity:0}
.woocommerce-cart .woopage .cart-collaterals,.woocommerce-cart .woopage .cart-collaterals .cart_totals{width:100%;float:none}
.woocommerce-cart .cart_totals{background:#F7F8F4;border:1px solid var(--hair);border-radius:var(--r);padding:24px}
.woocommerce-cart .cart_totals .includes_tax,.woocommerce-checkout .includes_tax{display:block;font-size:14px;font-weight:400;color:var(--muted)}
.woocommerce-cart .shipping-calculator-button::after{display:none}
.woocommerce-cart td.actions .coupon{display:flex;align-items:center;gap:10px;padding:16px 0 0}
.woocommerce-cart td.actions .coupon .input-text{width:200px;height:46px;padding:0 14px;border:1px solid var(--hair);border-radius:var(--r-sm);font:400 16px var(--font)}
.woocommerce-cart td.actions .coupon label{display:none}
.woocommerce-cart .cart_totals h2{font-size:20px;margin:0 0 14px}
.woocommerce-cart .cart_totals table.shop_table{margin:0 0 18px}
.woocommerce-cart .cart_totals table.shop_table th,.woocommerce-cart .cart_totals table.shop_table td{border:0;border-top:1px solid var(--hair);padding:12px 0;font-size:16px;vertical-align:top}
.woocommerce-cart .cart_totals table.shop_table th{font-weight:700;width:40%}
.woocommerce-cart .cart_totals table.shop_table td{text-align:right}
.woocommerce-cart .cart_totals table.shop_table tr.order-total th,.woocommerce-cart .cart_totals table.shop_table tr.order-total td{border-top:2px solid var(--hair);font-size:20px;font-weight:700;padding-top:16px}
.woocommerce-cart .cart_totals .woocommerce-shipping-methods{margin:0;padding:0;list-style:none;font-size:16px}
.woocommerce-cart .cart_totals .woocommerce-shipping-destination{display:none}
.woocommerce-cart .wc-proceed-to-checkout{padding:0;margin:0}
.woocommerce-cart .woopage .wc-proceed-to-checkout a.checkout-button{display:flex;width:100%;margin:0 0 12px;font-size:18px;white-space:normal;text-align:center}
.sgc-cart-trust{margin:0 0 14px;font-size:14px;color:var(--muted);text-align:center}
/* 13 Nov 2026, Matt: no "Continue shopping" under the checkout button, it distracts from checking out. The go-live commerce
   plugin no longer prints it; the live site's own basket snippet still does until the switch, so the new design hides it. */
.sgc-continue{display:none!important}
/* The live site's basket snippet adds its own − and + buttons (.sgc-qty-btn) to every quantity box; the theme's quantity
   box (woocommerce/global/quantity-input.php) has its own, so the basket showed − − 1 + + (13 Nov 2026). */
.qty.quantity .sgc-qty-btn{display:none!important}
.woocommerce-cart .cart-empty,.woocommerce-cart .wc-empty-cart-message{font-size:20px;text-align:center;margin:30px 0 10px}
.woocommerce-cart .return-to-shop{text-align:center}
.woopage .quantity.qty{height:46px}
.woopage .quantity.qty button{width:40px;border:0;background:#fff;color:var(--ink);font:400 22px/1 var(--font);cursor:pointer}
.woopage .quantity.qty{display:inline-flex;align-items:stretch;border:2px solid var(--hair);border-radius:var(--pill);overflow:hidden;background:#fff}
.woopage .quantity.qty input{width:50px;border:0;border-left:1px solid var(--hair);border-right:1px solid var(--hair);text-align:center;font:700 17px var(--font);color:var(--ink);-moz-appearance:textfield}
.woopage .quantity.qty input::-webkit-outer-spin-button,.woopage .quantity.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
/* the checkout */
.woocommerce-checkout #customer_details.col2-set{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:48px;align-items:start;width:100%}
.woocommerce-checkout #customer_details.col2-set::before,.woocommerce-checkout #customer_details.col2-set::after,.woocommerce-cart .woopage .woocommerce::before,.woocommerce-cart .woopage .woocommerce::after{display:none}   /* WooCommerce's clearfix pseudo-elements would take the first grid cell */
.woocommerce-checkout #customer_details .col-2:empty{display:none}
.woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{float:none;width:auto;max-width:none;margin:0}
.woocommerce-checkout #customer_details .col-2{position:sticky;top:calc(24px + var(--wp-admin--admin-bar--height,0px));background:#F7F8F4;border:1px solid var(--hair);border-radius:var(--r);padding:24px}
.woocommerce-checkout form.checkout h3{font-size:22px;margin:0 0 6px}
.woocommerce-checkout #customer_details .col-2 #order_review_heading{font-size:20px;margin:0 0 14px}
.woocommerce-checkout #customer_details .col-2:not(:has(*)){display:none}
.woopage .woocommerce-info,.woopage .woocommerce-message,.woopage .woocommerce-error{border-top:0}
.sgc-form-note{font-size:15px;color:var(--muted);margin:0 0 18px}
.woocommerce-checkout .woocommerce-shipping-fields,.woocommerce-checkout .woocommerce-additional-fields{margin-top:28px;padding-top:22px;border-top:1px solid var(--hair)}
.woocommerce-checkout h3#ship-to-different-address{font-size:18px;margin:0 0 10px}
.woocommerce-checkout h3#ship-to-different-address label{display:inline-flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}
.woocommerce-checkout h3#ship-to-different-address input{width:22px;height:22px;margin:0;accent-color:var(--green)}
.woocommerce-checkout .shipping_address{margin-top:14px}
.woocommerce-checkout form.checkout p.form-row{margin:0 0 16px;padding:0}
.woocommerce-checkout form.checkout p.form-row label{display:block;font-size:16px;font-weight:700;margin:0 0 6px;color:var(--ink)}
.woocommerce-checkout form.checkout p.form-row label .optional{font-weight:400;color:var(--muted)}
.woocommerce-checkout form.checkout p.form-row label .required{color:#B3261E;text-decoration:none}
body.woocommerce-checkout form.checkout p.form-row span.description{display:block;position:static;background:transparent;color:var(--muted);font-size:14px;line-height:1.4;margin-top:6px;padding:0;border:0;box-shadow:none}
body.woocommerce-checkout form.checkout p.form-row span.description::before{display:none}
.woocommerce-checkout form.checkout .input-text,.woocommerce-checkout form.checkout textarea{width:100%;height:50px;padding:0 14px;border:1px solid var(--hair);border-radius:var(--r-sm);font:400 17px var(--font);background:#fff;box-shadow:none;color:var(--ink)}
.woocommerce-checkout form.checkout textarea{height:auto;min-height:96px;padding:12px 14px}
.woocommerce-checkout form.checkout .input-text:focus,.woocommerce-checkout form.checkout textarea:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px var(--lime-tint)}
.woocommerce-checkout form.checkout .woocommerce-invalid .input-text{border-color:#B3261E}
.woocommerce-checkout form.checkout .form-row.sgc-hidden-field,#billing_country_field,#shipping_country_field{display:none !important}
.woocommerce-checkout form.checkout .form-row-first,.woocommerce-checkout form.checkout .form-row-last{width:calc(50% - 8px);float:left;clear:none}
.woocommerce-checkout form.checkout .form-row-last{float:right}
.woocommerce-checkout form.checkout .form-row-wide{clear:both;width:100%}
.woocommerce-checkout form.checkout #billing_city_field,.woocommerce-checkout form.checkout #shipping_city_field{width:calc(50% - 8px);float:left;clear:both}
.woocommerce-checkout form.checkout #billing_postcode_field,.woocommerce-checkout form.checkout #shipping_postcode_field{width:calc(50% - 8px);float:right;clear:none}
.woocommerce-checkout form.checkout #billing_phone_field,.woocommerce-checkout form.checkout #billing_address_1_field{clear:both}
.woocommerce-checkout form.checkout .woocommerce-billing-fields__field-wrapper::after,.woocommerce-checkout form.checkout .woocommerce-shipping-fields__field-wrapper::after{content:"";display:table;clear:both}
.woocommerce-checkout table.woocommerce-checkout-review-order-table{margin:0 0 20px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table th,.woocommerce-checkout table.woocommerce-checkout-review-order-table td{border:0;border-top:1px solid var(--hair);padding:12px 0;font-size:16px;vertical-align:top}
.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{border-top:0;padding-top:0}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-name{font-weight:700;line-height:1.4;padding-right:12px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-quantity{font-weight:400;color:var(--muted)}
.woocommerce-checkout table.woocommerce-checkout-review-order-table td.product-total,.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{text-align:right;white-space:nowrap}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th{font-weight:700;padding-top:14px;padding-bottom:14px}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total th,.woocommerce-checkout table.woocommerce-checkout-review-order-table tr.order-total td{border-top:2px solid var(--hair);font-size:20px;font-weight:700;padding-top:16px}
.woocommerce-checkout .woocommerce-shipping-methods{list-style:none;margin:0;padding:0}
.woocommerce-checkout #payment{background:transparent;border:0;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0;margin:0 0 16px;list-style:none}
.woocommerce-checkout #payment ul.payment_methods li{margin:0;padding:0;line-height:1.5}
.woocommerce-checkout #payment ul.payment_methods li label{font-weight:700;font-size:17px;display:inline;margin:0 0 4px}
.woocommerce-checkout #payment div.payment_box{background:transparent;margin:0;padding:0;font-size:14px;color:var(--muted)}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment .place-order{padding:0;margin:0}
.woocommerce-checkout #payment #place_order{display:flex;width:100%;margin:0 0 12px;font-size:18px;float:none}
.sgc-pay-note,.sgc-pay-terms{font-size:14px;color:var(--muted);margin:0 0 10px;line-height:1.45;text-align:center}
.sgc-pay-terms a{color:var(--green-dark);text-decoration:underline}
.woocommerce-checkout .woocommerce-privacy-policy-text{display:none}
/* the order-received page */
.woocommerce-order .woocommerce-thankyou-order-received{font-size:20px;font-weight:700;margin:0 0 20px;color:var(--ink)}
.woocommerce-order ul.woocommerce-order-overview{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:12px 32px;font-size:16px;color:var(--muted)}
.woocommerce-order ul.woocommerce-order-overview li{margin:0}
.woocommerce-order ul.woocommerce-order-overview strong{display:block;color:var(--ink);font-size:17px}
.sgc-next{background:#F7F8F4;border:1px solid var(--hair);border-radius:var(--r);padding:22px 26px;margin:0 0 30px;max-width:760px}
.sgc-next h2{font-size:22px;margin:0 0 12px}
.sgc-next ol{margin:0 0 14px 20px;padding:0}
.sgc-next li{margin:0 0 8px;font-size:16px}
.sgc-next p{margin:0 0 8px;font-size:15px}
.sgc-next-links{font-size:14px}
.woocommerce-order .woocommerce-order-details,.woocommerce-order .woocommerce-customer-details{margin:0 0 28px}
.woocommerce-order h2{font-size:22px;margin:0 0 12px}
.woocommerce-order address{font-style:normal;line-height:1.6}
/* the account pages */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:var(--pill);border:2px solid var(--hair);background:#fff;color:var(--ink);font:700 16px/1 var(--font);text-decoration:none}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{background:var(--green);border-color:var(--green);color:#fff}
.woocommerce-account .woocommerce-form-login,.woocommerce-account .woocommerce-form-register,.woocommerce-account .woocommerce-ResetPassword{max-width:480px;background:#F7F8F4;border:1px solid var(--hair);border-radius:var(--r);padding:24px}
.woocommerce-account .woocommerce-form-login .input-text,.woocommerce-account .woocommerce-form-register .input-text,.woocommerce-account .woocommerce-ResetPassword .input-text,.woocommerce-account .woocommerce-EditAccountForm .input-text{width:100%;height:50px;padding:0 14px;border:1px solid var(--hair);border-radius:var(--r-sm);font:400 17px var(--font)}
.woocommerce-account .woocommerce-form-login label,.woocommerce-account .woocommerce-form-register label,.woocommerce-account .woocommerce-EditAccountForm label{display:block;font-weight:700;margin:0 0 6px}
.woocommerce-account .woocommerce-form-row,.woocommerce-account p.form-row{margin:0 0 16px}
.woocommerce-account .show-password-input{display:none}
@media (max-width:900px){
  .woocommerce-cart .woopage .woocommerce{grid-template-columns:1fr;gap:24px 0}
  .woocommerce-cart .cart-collaterals{position:static}
  .woocommerce-checkout #customer_details.col2-set{grid-template-columns:1fr;gap:28px}
  .woocommerce-checkout #customer_details .col-2{position:static}
}
@media (max-width:768px){
  /* the basket's rows as cards: the photo in the first column, name, quantity, total and Remove stacked beside it
     (WooCommerce's own small-screen sheet hides the photo and stacks every cell, so these rules carry the extra specificity) */
  .woocommerce-cart .woopage table.shop_table_responsive thead{display:none}
  .woocommerce-cart .woopage table.shop_table_responsive tbody,.woocommerce-cart .woopage table.shop_table_responsive tr.cart_item{display:block}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item{display:grid;grid-template-columns:88px minmax(0,1fr);gap:6px 14px;padding:16px 0;border-bottom:1px solid var(--hair)}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item td{display:block;border:0;padding:0;text-align:left!important;grid-column:2}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item td::before{display:none}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item td.product-thumbnail{display:block!important;grid-column:1;grid-row:1/span 4;width:auto}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item td.product-price{display:none}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item td.product-name{order:1}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item td.product-quantity{order:2}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item td.product-subtotal{order:3;font-size:18px}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item td.product-subtotal::before{content:"Total:";font-weight:400;color:var(--muted);display:inline;margin-right:6px}
  .woocommerce-cart .woopage table.shop_table_responsive tr.cart_item td.product-remove{order:4;width:auto;min-width:0;padding:0}
  .woocommerce-cart .woopage table.shop_table_responsive tr:has(> td.actions){display:block;padding:0;border:0}
  .woocommerce-cart .woopage table.shop_table_responsive td.actions{display:block}
  .woocommerce-cart .woopage td.actions .coupon{flex-wrap:wrap}
  .woocommerce-cart .woopage td.actions .coupon .input-text{width:100%}
  .sgc-step{font-size:12px}
  .sgc-step-num{width:30px;height:30px;font-size:14px;border-width:2px}
  .sgc-step::before{top:14px}
}
@media (max-width:520px){
  .woocommerce-checkout form.checkout .form-row-first,.woocommerce-checkout form.checkout .form-row-last,.woocommerce-checkout form.checkout #billing_city_field,.woocommerce-checkout form.checkout #shipping_city_field,.woocommerce-checkout form.checkout #billing_postcode_field,.woocommerce-checkout form.checkout #shipping_postcode_field{width:100%;float:none}
}