/* Suhavi Cart Redesign 1.1.0 (Amazon-style): same tokens as the product page redesign (theme global colours, no green/teal). */
body.scr-on {
	--scr-gold: var(--theme-button-background-initial-color, #e5b726);
	--scr-gold-ink: var(--theme-button-text-initial-color, #152420);
	--scr-gold-hover-bg: var(--theme-button-background-hover-color, #0c0b07);
	--scr-gold-hover-ink: var(--theme-button-text-hover-color, #e5b726);
	--scr-btn-r: var(--theme-button-border-radius, 100px);
	--scr-gold-soft: color-mix(in srgb, var(--scr-gold) 12%, #fff);
	--scr-good: color-mix(in srgb, var(--scr-gold) 55%, #000);
	--scr-ink: var(--theme-palette-color-4, #152420);
	--scr-muted: var(--theme-text-color, #42504b);
	--scr-line: var(--theme-palette-color-5, #e2edef);
	--scr-sunk: var(--theme-palette-color-6, #eef4f5);
	--scr-r: 14px;
	/* --scr-barh (bar height) is set on <html> by cart.js */
}

/* ---------- page grid: items | order summary ---------- */
body.scr-on .ct-woocommerce-cart-form { display: grid !important; grid-template-columns: minmax(0, 1fr) 380px !important; gap: 28px !important; align-items: start !important; }
body.scr-on .ct-woocommerce-cart-form > form.woocommerce-cart-form { min-width: 0; margin: 0 !important; }
@media (max-width: 999.98px) {
	body.scr-on .ct-woocommerce-cart-form { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; }
}

/* ---------- items ---------- */
body.scr-on .scr-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; padding: 0 0 8px; border-bottom: 1px solid var(--scr-line); }
body.scr-on .scr-head-t { font-size: 26px; font-weight: 700; line-height: 1.2; color: var(--scr-ink); }
/* Amazon has one title: the white items card carries "Shopping Cart", so the theme's "Cart" title goes */
body.scr-on .hero-section:has(h1.scr-h1) { display: none !important; }
body.scr-on .ct-woocommerce-cart-form { margin-top: 24px; }
body.scr-on .ct-woocommerce-cart-form > form.woocommerce-cart-form { background: #fff; border: 1px solid var(--scr-line); border-radius: var(--scr-r); padding: 20px 22px !important; }
/* phones: Amazon's subtotal + Proceed to Buy above the items */
body.scr-on .scr-top { display: none; }
body.scr-on .scr-head-n { font-size: 13.5px; color: var(--scr-muted); }

body.scr-on form.woocommerce-cart-form table.shop_table.cart { display: block !important; width: 100% !important; margin: 0 !important; border: 0 !important; }
body.scr-on form.woocommerce-cart-form table.shop_table.cart thead { display: none !important; }
body.scr-on form.woocommerce-cart-form table.shop_table.cart tbody { display: block !important; }
body.scr-on form.woocommerce-cart-form table.shop_table.cart tr { display: block !important; border: 0 !important; }
body.scr-on form.woocommerce-cart-form table.shop_table.cart td { display: block; border: 0 !important; padding: 0 !important; background: none !important; text-align: left !important; }
body.scr-on form.woocommerce-cart-form table.shop_table.cart td::before { display: none !important; content: none !important; }

body.scr-on form.woocommerce-cart-form table.shop_table.cart tr.cart_item {
	display: grid !important; grid-template-columns: 110px max-content max-content minmax(0, 1fr) max-content;
	grid-template-areas: "img name name name sub" "img qty rm . .";
	gap: 12px 16px; align-items: center; padding: 18px 0 !important; border-bottom: 1px solid var(--scr-line) !important;
}
body.scr-on tr.cart_item > td.product-thumbnail { grid-area: img; align-self: start; width: 110px !important; }
body.scr-on tr.cart_item > td.product-thumbnail a, body.scr-on tr.cart_item > td.product-thumbnail img { display: block; width: 110px !important; height: 110px !important; max-width: none !important; border-radius: 12px; object-fit: contain; background: #fff; border: 1px solid var(--scr-line); }
body.scr-on tr.cart_item > td.product-name { grid-area: name; align-self: start; min-width: 0; }
body.scr-on tr.cart_item > td.product-name > a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px !important; font-weight: 700 !important; line-height: 1.35 !important; color: var(--scr-ink) !important; text-decoration: none !important; }
body.scr-on tr.cart_item > td.product-name > a:hover { text-decoration: underline !important; }
body.scr-on tr.cart_item > td.product-name p.price { display: block !important; margin: 4px 0 0 !important; font-size: 13.5px !important; font-weight: 500 !important; color: var(--scr-muted) !important; }
body.scr-on tr.cart_item > td.product-name p.price.scr-each::after { content: " each"; }
body.scr-on tr.cart_item > td.product-name dl.variation { margin: 4px 0 0 !important; font-size: 12.5px; color: var(--scr-muted); }
body.scr-on tr.cart_item > td.product-name .product-mobile-actions { display: none !important; }
body.scr-on tr.cart_item > td.product-quantity { grid-area: qty; display: block !important; }
body.scr-on tr.cart_item > td.product-subtotal { grid-area: sub; display: block !important; justify-self: end; align-self: start; font-size: 18px !important; font-weight: 800 !important; color: var(--scr-ink) !important; white-space: nowrap; }
body.scr-on tr.cart_item > td.product-remove { grid-area: rm; display: block !important; align-self: center; justify-self: start; width: auto !important; }

/* remove: Amazon's "Delete" */
body.scr-on tr.cart_item > td.product-remove a.remove {
	display: inline-flex !important; align-items: center; justify-content: center; width: auto !important; height: 34px !important; padding: 0 16px !important;
	border-radius: var(--scr-btn-r) !important; border: 1px solid var(--scr-line) !important; background: #fff !important; color: var(--scr-ink) !important;
	font-size: 13.5px !important; font-weight: 600 !important; line-height: 1 !important; opacity: 1 !important; text-decoration: none !important;
	transition: background .15s, color .15s, border-color .15s;
}
body.scr-on tr.cart_item > td.product-remove a.remove svg { display: none !important; }
body.scr-on tr.cart_item > td.product-remove a.remove::after { content: "Delete"; }
body.scr-on tr.cart_item > td.product-remove a.remove:hover { background: #fdecec !important; border-color: #f3c2c4 !important; color: #b3262c !important; }

/* quantity stepper: [ − | 2 | + ] like the product page */
body.scr-on tr.cart_item .quantity {
	position: relative !important; display: grid !important; grid-template-columns: 40px 44px 40px !important; align-items: stretch !important;
	width: 126px !important; max-width: none !important; height: 42px !important; margin: 0 !important; padding: 0 !important;
	border: 1px solid var(--scr-line) !important; border-radius: var(--scr-btn-r) !important; background: #fff !important; overflow: hidden !important;
}
body.scr-on tr.cart_item .quantity .screen-reader-text { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; }
body.scr-on tr.cart_item .quantity input.qty {
	grid-column: 2 !important; grid-row: 1 !important; width: 44px !important; min-width: 0 !important; max-width: none !important; height: 100% !important;
	margin: 0 !important; padding: 0 !important; border: 0 !important; border-left: 1px solid var(--scr-line) !important; border-right: 1px solid var(--scr-line) !important; border-radius: 0 !important;
	box-shadow: none !important; background: #fff !important; text-align: center !important; font-size: 15px !important; font-weight: 700 !important; color: var(--scr-ink) !important; -moz-appearance: textfield;
}
body.scr-on tr.cart_item .quantity input.qty::-webkit-outer-spin-button, body.scr-on tr.cart_item .quantity input.qty::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
body.scr-on tr.cart_item .quantity .ct-decrease, body.scr-on tr.cart_item .quantity .ct-increase {
	position: static !important; inset: auto !important; transform: none !important; grid-row: 1 !important;
	display: grid !important; place-items: center !important; width: 40px !important; min-width: 40px !important; max-width: none !important; height: 100% !important;
	margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: var(--scr-sunk) !important;
	cursor: pointer; font-size: 0 !important; line-height: 1 !important; opacity: 1 !important; user-select: none;
}
body.scr-on tr.cart_item .quantity .ct-decrease { grid-column: 1 !important; }
body.scr-on tr.cart_item .quantity .ct-increase { grid-column: 3 !important; }
body.scr-on tr.cart_item .quantity .ct-decrease::before, body.scr-on tr.cart_item .quantity .ct-increase::before { content: "−"; display: block; font-size: 20px; font-weight: 500; line-height: 1; color: var(--scr-ink); }
body.scr-on tr.cart_item .quantity .ct-increase::before { content: "+"; }
body.scr-on tr.cart_item .quantity .ct-decrease::after, body.scr-on tr.cart_item .quantity .ct-increase::after { display: none !important; content: none !important; }
body.scr-on tr.cart_item .quantity .ct-decrease:hover, body.scr-on tr.cart_item .quantity .ct-increase:hover { background: #e9e9e9 !important; }
body.scr-on tr.cart_item .quantity .ct-decrease:active, body.scr-on tr.cart_item .quantity .ct-increase:active { background: #dedede !important; }
body.scr-on tr.cart_item.scr-noqty .quantity { display: none !important; }
/* Amazon: at quantity 1 the minus is a bin (quantity 0 removes the item) */
body.scr-on tr.cart_item.scr-q1 .quantity .ct-decrease::before { content: ""; width: 15px; height: 15px; background: var(--scr-ink); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.6,0l0,1.2H1.2v2.4h21.6V1.2h-8.4l0-1.2H9.6z M2.8,6l1.8,15.9C4.8,23.1,5.9,24,7.1,24h9.9c1.2,0,2.2-0.9,2.4-2.1L21.2,6H2.8z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9.6,0l0,1.2H1.2v2.4h21.6V1.2h-8.4l0-1.2H9.6z M2.8,6l1.8,15.9C4.8,23.1,5.9,24,7.1,24h9.9c1.2,0,2.2-0.9,2.4-2.1L21.2,6H2.8z'/%3E%3C/svg%3E") center / contain no-repeat; }
body.scr-on tr.cart_item.scr-q1 .quantity .ct-decrease:hover::before { background: #b3262c; }

/* Amazon: "Subtotal (2 items): ₹53,066" under the list */
body.scr-on form.woocommerce-cart-form table.shop_table.cart tr.scr-subrow td { padding: 14px 0 4px !important; text-align: right !important; font-size: 17px; color: var(--scr-ink); }
body.scr-on tr.scr-subrow b { font-weight: 800; }

/* dispatch date */
body.scr-on form.woocommerce-cart-form tr.scr-ced { padding: 12px 0 0 !important; }
body.scr-on tr.scr-ced .wpced, body.scr-on tr.scr-ced .wpced-inner { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; font-size: 13.5px !important; color: var(--scr-ink) !important; text-align: left !important; }
body.scr-on tr.scr-ced .wpced { background: var(--scr-sunk) !important; border-radius: 10px; padding: 10px 14px !important; }
body.scr-on tr.scr-ced .wpced-inner::before { content: ""; flex: none; width: 18px; height: 18px; background: var(--scr-ink); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1zM16 8h4l3 3v5h-7z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 3h15v13H1zM16 8h4l3 3v5h-7z'/%3E%3Ccircle cx='5.5' cy='18.5' r='2.5'/%3E%3Ccircle cx='18.5' cy='18.5' r='2.5'/%3E%3C/svg%3E") center / contain no-repeat; }
body.scr-on tr.scr-ced .wpced svg, body.scr-on tr.scr-ced .wpced img { display: none !important; }

/* coupon code box */
body.scr-on form.woocommerce-cart-form td.actions { padding: 18px 0 0 !important; }
body.scr-on form.woocommerce-cart-form td.actions .coupon { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; align-items: stretch !important; gap: 8px !important; width: 100% !important; max-width: 520px; margin: 0 !important; float: none !important; }
body.scr-on form.woocommerce-cart-form td.actions .coupon input#coupon_code {
	flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; height: 46px !important; margin: 0 !important;
	border: 1px solid var(--scr-line) !important; border-radius: var(--scr-btn-r) !important; padding: 0 18px !important; font-size: 15px !important; background: #fff !important;
}
body.scr-on form.woocommerce-cart-form td.actions .coupon button[name="apply_coupon"] {
	flex: none !important; width: auto !important; height: 46px !important; min-height: 0 !important; margin: 0 !important; padding: 0 22px !important;
	border-radius: var(--scr-btn-r) !important; background: var(--scr-ink) !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; border: 0 !important;
	transition: background .15s, color .15s, transform .1s;
}
body.scr-on form.woocommerce-cart-form td.actions .coupon button[name="apply_coupon"]:hover { background: var(--scr-gold) !important; color: var(--scr-gold-ink) !important; }
body.scr-on form.woocommerce-cart-form td.actions .coupon button[name="apply_coupon"]:active { transform: scale(.97); }
body.scr-on form.woocommerce-cart-form td.actions > button[name="update_cart"] { display: none !important; }

/* coupon tickets (WebToffee): compact, theme colours */
body.scr-on .scr-cpn-h { margin: 22px 0 10px; font-size: 15px; font-weight: 800; color: var(--scr-ink); }
body.scr-on form.woocommerce-cart-form .wt_coupon_wrapper { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 10px; margin: 0 !important; padding: 0 !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon {
	position: relative !important; display: grid !important; grid-template-columns: 64px minmax(0, 1fr); align-items: center; gap: 12px;
	width: auto !important; max-width: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 10px 12px !important;
	background: #fff !important; color: var(--scr-ink) !important; border: 1.5px dashed color-mix(in srgb, var(--scr-gold) 70%, #fff) !important; border-radius: 12px !important;
	text-align: left !important; overflow: hidden; cursor: pointer; box-shadow: none !important; transition: background .15s, border-color .15s;
}
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon:hover { background: var(--scr-gold-soft) !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon > svg, body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon .coupon-background,
body.scr-on .wt_coupon_wrapper .wbte_sc_coupon_layout_overlay, body.scr-on .wt_coupon_wrapper .wbte_sc_coupon_layout_overlay_text,
body.scr-on .wt_coupon_wrapper .wt_sc_credit_history, body.scr-on .wt_coupon_wrapper .wt_sc_hidden { display: none !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_right_section {
	grid-column: 1; grid-row: 1 / span 2; position: static !important; display: grid !important; place-items: center; width: 64px !important; height: 52px !important;
	margin: 0 !important; padding: 0 !important; border-radius: 10px !important; background: var(--scr-gold-soft) !important; transform: none !important;
}
body.scr-on .wt_coupon_wrapper .wbte_sc_coupon_right_section_content { position: static !important; transform: none !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; text-align: center !important; }
body.scr-on .wt_coupon_wrapper .wt-coupon-amount { color: var(--scr-good) !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1 !important; white-space: nowrap; }
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_content { grid-column: 2; grid-row: 1; display: flex !important; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; position: static !important; margin: 0 !important; padding: 0 !important; text-align: left !important; background: none !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_content > * { background: none !important; margin: 0 !important; padding: 0 !important; position: static !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_code code { background: none !important; padding: 0 !important; color: var(--scr-ink) !important; font: 800 15px/1.2 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; text-transform: uppercase; letter-spacing: .04em; }
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_type { order: 2; color: var(--scr-muted) !important; font-size: 12.5px !important; font-weight: 500 !important; text-transform: none !important; }
body.scr-on .wt_coupon_wrapper .wbte_sc_coupon_desc { order: 3; flex-basis: 100%; color: var(--scr-muted) !important; font-size: 12.5px !important; }
body.scr-on .wt_coupon_wrapper .wbte_sc_coupon_desc:empty { display: none !important; }
body.scr-on .wt_coupon_wrapper .scr-tap { grid-column: 2; grid-row: 2; font-size: 12.5px; font-weight: 700; color: var(--scr-ink); text-decoration: underline; text-underline-offset: 2px; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied { background: var(--scr-gold-soft) !important; border-style: solid !important; border-color: var(--scr-gold) !important; cursor: default; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied .scr-tap { text-decoration: none; color: var(--scr-good); }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied .scr-tap::before { content: "✓ "; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied .wt_sc_coupon_right_section { background: #fff !important; }

/* ---------- order summary ---------- */
body.scr-on .ct-woocommerce-cart-form > .cart_totals {
	position: sticky; top: 100px; display: flex !important; flex-direction: column; gap: 14px;
	width: auto !important; margin: 0 !important; padding: 20px !important; background: #fff !important;
	border: 1px solid var(--scr-line) !important; border-radius: var(--scr-r) !important; box-shadow: 0 6px 24px rgba(21, 36, 32, .06) !important;
}
body.scr-on .cart_totals > h2 { order: 1; margin: 0 !important; font-size: 18px !important; font-weight: 800 !important; color: var(--scr-ink) !important; }
body.scr-on .cart_totals > table.shop_table { order: 2; }
body.scr-on .cart_totals > .scr-save { order: 3; }
body.scr-on .cart_totals > .scr-pay, body.scr-on .cart_totals > .scr-fullpay { order: 4; }
body.scr-on .cart_totals > .wc-proceed-to-checkout { order: 5; }
body.scr-on .cart_totals > .sxd-hint { order: 6; }
body.scr-on .cart_totals > .suhavi-payment-options-location { order: 7; }
body.scr-on .cart_totals > * { margin: 0 !important; }

body.scr-on .cart_totals table.shop_table { display: block !important; width: 100% !important; border: 0 !important; margin: 0 !important; }
body.scr-on .cart_totals table.shop_table tbody { display: block !important; }
body.scr-on .cart_totals table.shop_table tr { display: flex !important; justify-content: space-between; align-items: baseline; gap: 12px; padding: 7px 0 !important; border: 0 !important; }
body.scr-on .cart_totals table.shop_table th, body.scr-on .cart_totals table.shop_table td { display: block !important; width: auto !important; padding: 0 !important; border: 0 !important; background: none !important; font-size: 14.5px !important; font-weight: 500 !important; color: var(--scr-muted) !important; text-align: right !important; }
body.scr-on .cart_totals table.shop_table th { text-align: left !important; }
body.scr-on .cart_totals table.shop_table td::before { display: none !important; content: none !important; }
body.scr-on .cart_totals table.shop_table tr.cart-discount td { color: var(--scr-good) !important; font-weight: 700 !important; }
body.scr-on .cart_totals table.shop_table tr.cart-discount a.woocommerce-remove-coupon { margin-left: 6px; font-size: 12px; font-weight: 500; color: var(--scr-muted); }
body.scr-on .cart_totals table.shop_table tr.woocommerce-shipping-totals { flex-wrap: wrap; }
body.scr-on .cart_totals table.shop_table tr.woocommerce-shipping-totals td { text-align: right !important; }
body.scr-on .cart_totals table.shop_table tr.order-total { margin-top: 6px; padding-top: 12px !important; border-top: 1px solid var(--scr-line) !important; }
body.scr-on .cart_totals table.shop_table tr.order-total th, body.scr-on .cart_totals table.shop_table tr.order-total td,
body.scr-on .cart_totals table.shop_table tr.order-total td strong { font-size: 20px !important; font-weight: 800 !important; color: var(--scr-ink) !important; }
body.scr-on .cart_totals table.shop_table tr.order-total td small { display: block; font-size: 12px !important; font-weight: 400 !important; color: var(--scr-muted) !important; }

body.scr-on .scr-save { align-self: flex-start; background: var(--scr-gold-soft); color: var(--scr-ink); border-radius: 99px; padding: 6px 14px; font-size: 13.5px; font-weight: 600; }
body.scr-on .scr-save b { color: var(--scr-good); font-weight: 800; }

/* part payment (same card as the product page) */
body.scr-on .scr-pay { display: flex; gap: 12px; align-items: center; background: var(--scr-gold-soft); border: 1.5px solid var(--scr-good); border-radius: 12px; padding: 12px 14px; }
body.scr-on .scr-pay-i { flex: none; width: 42px; height: 42px; border-radius: 10px; background: var(--scr-good); color: #fff; display: grid; place-items: center; font-weight: 800; font-size: 13px; }
body.scr-on .scr-pay-k { font-size: 11.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--scr-good); }
body.scr-on .scr-pay-main { font-size: 15px; font-weight: 600; color: var(--scr-ink); line-height: 1.3; }
body.scr-on .scr-pay-main b { font-size: 20px; color: var(--scr-good); }
body.scr-on .scr-pay-sub { font-size: 12.5px; color: var(--scr-muted); }
body.scr-on .scr-fullpay { font-size: 12.5px; color: var(--scr-muted); }

/* checkout button */
body.scr-on .cart_totals .wc-proceed-to-checkout { padding: 0 !important; }
body.scr-on .cart_totals .wc-proceed-to-checkout a.checkout-button, body.scr-on .scr-bar-go, body.scr-on .scr-top-go {
	display: flex !important; align-items: center; justify-content: center; width: 100% !important; max-width: none !important; height: 52px !important; min-height: 0 !important;
	margin: 0 !important; padding: 0 20px !important; border: 0 !important; border-radius: var(--scr-btn-r) !important;
	background: var(--scr-gold) !important; color: var(--scr-gold-ink) !important; font-size: 16px !important; font-weight: 800 !important; letter-spacing: .01em;
	text-decoration: none !important; text-transform: none !important; box-shadow: 0 4px 14px color-mix(in srgb, var(--scr-gold) 35%, transparent) !important;
	transition: background .15s, color .15s, transform .1s, box-shadow .15s;
}
body.scr-on .cart_totals .wc-proceed-to-checkout a.checkout-button:hover, body.scr-on .scr-bar-go:hover, body.scr-on .scr-top-go:hover { background: var(--scr-gold-hover-bg) !important; color: var(--scr-gold-hover-ink) !important; box-shadow: none !important; }
body.scr-on .cart_totals .wc-proceed-to-checkout a.checkout-button:active, body.scr-on .scr-bar-go:active, body.scr-on .scr-top-go:active { transform: scale(.98); }
body.scr-on .scr-bar-go.is-busy { opacity: .8; pointer-events: none; }

/* 3-hour delivery hint */
body.scr-on .cart_totals .sxd-hint { display: flex !important; align-items: flex-start; gap: 8px; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; font-size: 13px !important; line-height: 1.4; color: var(--scr-muted) !important; }
body.scr-on .cart_totals .sxd-hint svg { flex: none; width: 16px !important; height: 16px !important; margin-top: 1px; color: var(--scr-good) !important; }

/* Bajaj Finserv and other cards from the payment-options plugin (its own CSS is switched off) */
body.scr-on .suhavi-payment-options-location { padding-top: 14px !important; border-top: 1px solid var(--scr-line); }
body.scr-on .suhavi-cart-checkout-payment-options { display: flex; flex-direction: column; gap: 10px; }
body.scr-on .suhavi-payment-option.scr-gone { display: none !important; }
body.scr-on .suhavi-payment-option { display: flex; gap: 12px; align-items: flex-start; }
body.scr-on .suhavi-payment-option-icon { flex: none; width: 42px; height: 42px; border-radius: 10px; background: var(--scr-sunk); color: var(--scr-ink); display: grid; place-items: center; font-size: 12px; font-weight: 800; }
body.scr-on .suhavi-payment-option-content { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
body.scr-on .suhavi-payment-option-title { font-size: 14.5px; font-weight: 800; color: var(--scr-ink); }
body.scr-on .suhavi-payment-option-text { font-size: 13px; color: var(--scr-muted); }
body.scr-on .suhavi-payment-option-note { font-size: 12px; color: var(--scr-muted); }
body.scr-on a.suhavi-payment-option-call {
	align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; margin: 6px 0 2px; padding: 7px 14px; border-radius: var(--scr-btn-r);
	border: 1px solid var(--scr-ink); color: var(--scr-ink) !important; font-size: 13.5px; font-weight: 700; text-decoration: none !important; transition: background .15s, color .15s;
}
body.scr-on a.suhavi-payment-option-call:hover { background: var(--scr-ink); color: #fff !important; }

/* ---------- checkout bar: phones and tablets, always visible ---------- */
body.scr-on .scr-bar { display: none; }
@media (max-width: 999.98px) {
	body.scr-on .scr-bar {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 99; display: flex; align-items: center; gap: 12px;
		padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--scr-line); box-shadow: 0 -6px 20px rgba(21, 36, 32, .08);
	}
	body.scr-on .scr-bar-t { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
	body.scr-on .scr-bar-k { font-size: 11.5px; color: var(--scr-muted); }
	body.scr-on .scr-bar-p { font-size: 20px; font-weight: 800; color: var(--scr-ink); }
	body.scr-on .scr-bar-t small { font-size: 12px; font-weight: 600; color: var(--scr-good); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
	body.scr-on .scr-bar-t small:empty { display: none; }
	body.scr-on .scr-bar-go { flex: 1 1 auto; width: auto !important; max-width: 220px !important; margin-left: auto !important; height: 48px !important; }
	body.scr-on.scr-bar-on { padding-bottom: var(--scr-barh, 72px); }
	body.scr-on.scr-bar-on .swa-fab { bottom: calc(var(--scr-barh, 72px) + 12px) !important; }
	body.scr-on .ct-woocommerce-cart-form > .cart_totals { position: static; }
	body.scr-on form.woocommerce-cart-form table.shop_table.cart tr.cart_item { grid-template-columns: 84px max-content max-content minmax(0, 1fr); grid-template-areas: "img name name name" "img sub sub sub" "img qty rm ."; gap: 8px 12px; }
	body.scr-on tr.cart_item > td.product-subtotal { justify-self: start; font-size: 19px !important; }
	body.scr-on .ct-woocommerce-cart-form { margin-top: 12px; }
	body.scr-on .ct-woocommerce-cart-form > form.woocommerce-cart-form { padding: 16px !important; }
	body.scr-on .scr-head-n { display: none; }
	body.scr-on .scr-head-t { font-size: 20px; }
	body.scr-on .scr-top { display: flex; flex-direction: column; gap: 4px; }
	body.scr-on .scr-top-sub { font-size: 20px; color: var(--scr-ink); }
	body.scr-on .scr-top-sub b { font-size: 24px; font-weight: 800; }
	body.scr-on .scr-top-save { font-size: 13.5px; font-weight: 600; color: var(--scr-good); }
	body.scr-on .scr-top-pay { font-size: 13.5px; color: var(--scr-muted); }
	body.scr-on .scr-top-pay b { color: var(--scr-good); }
	body.scr-on .scr-top-go { margin-top: 8px !important; }
	body.scr-on tr.cart_item > td.product-thumbnail, body.scr-on tr.cart_item > td.product-thumbnail a, body.scr-on tr.cart_item > td.product-thumbnail img { width: 84px !important; }
	body.scr-on tr.cart_item > td.product-thumbnail a, body.scr-on tr.cart_item > td.product-thumbnail img { height: 84px !important; }
}
/* short desktop screens: a sticky summary taller than the window would hide its checkout button */
@media (min-width: 1000px) and (max-height: 760px) {
	body.scr-on .ct-woocommerce-cart-form > .cart_totals { position: static; }
}
@media (max-width: 420px) {
	body.scr-on tr.cart_item > td.product-subtotal { font-size: 16px !important; }
	body.scr-on form.woocommerce-cart-form td.actions .coupon button[name="apply_coupon"] { padding: 0 18px !important; }
}
@media (prefers-reduced-motion: reduce) {
	body.scr-on .scr-bar-go, body.scr-on .cart_totals a.checkout-button { transition: none; }
}

/* 1.2.1: WebToffee forces ~300px tickets; fit the grid, drop the empty placeholders */
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
body.scr-on .wt_coupon_wrapper .wt-sc-hidden-coupon-box:empty, body.scr-on .wt_coupon_wrapper > style { display: none !important; }
body.scr-on .ct-back-to-top { display: none !important; }

/* ---------- 1.3.0 coupon tickets: voucher style (dark stub with the discount, notched seam, code, Apply pill) ---------- */
body.scr-on .wt_coupon_wrapper { gap: 12px !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)) !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon {
	display: grid !important; grid-template-columns: 86px minmax(0, 1fr) auto !important; grid-template-rows: 1fr !important; align-items: stretch !important; gap: 0 !important;
	min-height: 78px !important; padding: 0 !important; background: #fff !important; border: 1px solid var(--scr-line) !important; border-radius: 14px !important;
	box-shadow: 0 2px 10px rgba(21, 36, 32, .06) !important; overflow: hidden !important; cursor: pointer; transition: box-shadow .15s, border-color .15s, transform .1s !important;
}
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon:hover { background: #fff !important; border-color: color-mix(in srgb, var(--scr-gold) 60%, #fff) !important; box-shadow: 0 6px 18px rgba(21, 36, 32, .10) !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon:active { transform: scale(.99); }
/* notches where the stub meets the body */
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon::before, body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon::after {
	content: "" !important; display: block !important; position: absolute !important; left: 77px !important; width: 18px !important; height: 18px !important; border-radius: 50% !important;
	background: #fff !important; /* the tickets sit in the white items card */ border: 1px solid var(--scr-line) !important; z-index: 2; pointer-events: none;
}
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon::before { top: -10px !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon::after { bottom: -10px !important; top: auto !important; }
/* stub: the discount */
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_right_section {
	grid-column: 1 !important; grid-row: 1 !important; display: flex !important; flex-direction: column; align-items: center; justify-content: center; width: auto !important; height: auto !important;
	margin: 0 !important; padding: 8px 6px !important; border-radius: 0 !important; background: var(--scr-ink) !important; border-right: 2px dashed rgba(255, 255, 255, .22) !important;
}
body.scr-on .wt_coupon_wrapper .wt-coupon-amount { color: var(--scr-gold) !important; font-size: 21px !important; font-weight: 800 !important; letter-spacing: -.01em; line-height: 1 !important; }
body.scr-on .wt_coupon_wrapper .wbte_sc_coupon_right_section_content::after { content: "OFF"; display: block; margin-top: 4px; color: rgba(255, 255, 255, .7); font-size: 10px; font-weight: 700; letter-spacing: .18em; text-align: center; }
/* body: code + what it is */
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_content { grid-column: 2 !important; grid-row: 1 !important; display: flex !important; flex-direction: column !important; justify-content: center; align-items: flex-start !important; gap: 3px !important; padding: 10px 8px 10px 18px !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_code { order: 1 !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_code code { font: 800 15.5px/1.1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important; letter-spacing: .1em !important; color: var(--scr-ink) !important; text-transform: uppercase; }
body.scr-on .wt_coupon_wrapper .wt_sc_coupon_type { order: 2 !important; font-size: 12.5px !important; color: var(--scr-muted) !important; }
body.scr-on .wt_coupon_wrapper .wbte_sc_coupon_desc { order: 3 !important; font-size: 12px !important; color: var(--scr-muted) !important; }
/* action */
body.scr-on .wt_coupon_wrapper .wbte_sc_coupon_layout_overlay_text { display: none !important; }
body.scr-on .wt_coupon_wrapper .scr-tap {
	grid-column: 3 !important; grid-row: 1 !important; align-self: center; justify-self: end; margin: 0 14px 0 0 !important; padding: 7px 16px !important;
	border: 1.5px solid var(--scr-ink) !important; border-radius: var(--scr-btn-r) !important; background: #fff; color: var(--scr-ink) !important;
	font-size: 13px !important; font-weight: 700 !important; line-height: 1.2; text-decoration: none !important; white-space: nowrap; transition: background .15s, color .15s;
}
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon:hover .scr-tap { background: var(--scr-ink); color: #fff !important; }
/* applied: gold stub and a quiet badge */
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied { border-color: var(--scr-gold) !important; background: var(--scr-gold-soft) !important; cursor: default; box-shadow: none !important; pointer-events: none; /* tapping it again only gives "already applied" */ }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied .wt_sc_coupon_right_section { background: var(--scr-gold) !important; border-right-color: rgba(21, 36, 32, .2) !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied .wt-coupon-amount { color: var(--scr-ink) !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied .wbte_sc_coupon_right_section_content::after { color: rgba(21, 36, 32, .65); }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied .scr-tap, body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied:hover .scr-tap { border-color: transparent !important; background: #fff; color: var(--scr-good) !important; }
body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon.scr-applied .scr-tap::before { content: "✓ "; }
@media (max-width: 420px) {
	body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon { grid-template-columns: 74px minmax(0, 1fr) auto !important; }
	body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon::before, body.scr-on .wt_coupon_wrapper .wt_sc_single_coupon::after { left: 65px !important; }
	body.scr-on .wt_coupon_wrapper .wt-coupon-amount { font-size: 18px !important; }
	body.scr-on .wt_coupon_wrapper .wt_sc_coupon_content { padding-left: 14px !important; }
	body.scr-on .wt_coupon_wrapper .scr-tap { margin-right: 10px !important; padding: 6px 12px !important; }
}

/* 1.3.0: the 3-hour hint can hold bold text; keep it one flowing paragraph */
body.scr-on .cart_totals .sxd-hint { display: block !important; }
body.scr-on .cart_totals .sxd-hint svg { display: inline-block !important; vertical-align: -3px; margin: 0 6px 0 0 !important; }

/* ---------- 1.4.0: Amazon's fuller item rows, related products, trust list ---------- */
/* item facts */
body.scr-on tr.cart_item > td.product-name > a { font-size: 16.5px !important; }
body.scr-on .scr-meta { display: flex; flex-direction: column; gap: 3px; margin-top: 6px; font-size: 13.5px; color: var(--scr-muted); }
body.scr-on .scr-meta:empty { display: none; }
body.scr-on .scr-stock { font-weight: 700; color: var(--scr-good); }
body.scr-on .scr-stock.is-low { color: #b3262c; }
body.scr-on .scr-deal { display: flex; align-items: center; gap: 8px; }
body.scr-on .scr-deal s, body.scr-on .scr-rc-m s { color: var(--scr-muted); }
body.scr-on .scr-off { display: inline-block; padding: 2px 7px; border-radius: 6px; background: #b3262c; color: #fff; font-size: 12px; font-weight: 800; line-height: 1.3; }
body.scr-on .scr-brand a { color: var(--scr-ink) !important; font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
/* Delete and "See more like this" side by side, Amazon-style */
body.scr-on tr.cart_item > td.product-remove { display: flex !important; align-items: center; gap: 14px; }
body.scr-on a.scr-more { font-size: 13.5px; font-weight: 600; color: var(--scr-ink) !important; text-decoration: none; white-space: nowrap; padding-left: 14px; border-left: 1px solid var(--scr-line); }
body.scr-on a.scr-more:hover { text-decoration: underline; }
body.scr-on form.woocommerce-cart-form table.shop_table.cart tr.cart_item { grid-template-columns: 140px max-content max-content minmax(0, 1fr) max-content; }
body.scr-on tr.cart_item > td.product-thumbnail, body.scr-on tr.cart_item > td.product-thumbnail a, body.scr-on tr.cart_item > td.product-thumbnail img { width: 140px !important; }
body.scr-on tr.cart_item > td.product-thumbnail a, body.scr-on tr.cart_item > td.product-thumbnail img { height: 140px !important; }
body.scr-on tr.cart_item > td.product-thumbnail { grid-row: 1 / span 2; }

/* trust list under the summary */
body.scr-on .cart_totals > .scr-trust { order: 8; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 12px; margin: 0 !important; padding: 14px 0 0 !important; border-top: 1px solid var(--scr-line); list-style: none; }
body.scr-on .scr-trust li { display: flex; align-items: flex-start; gap: 7px; margin: 0; font-size: 12.5px; line-height: 1.35; color: var(--scr-ink); }
body.scr-on .scr-trust li::before { content: ""; flex: none; width: 16px; height: 16px; margin-top: 1px; background: var(--scr-good);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 20 5.5v5.8c0 5.1-3.3 8.8-8 10.2-4.7-1.4-8-5.1-8-10.2V5.5l8-3Zm-1.1 12.2 5.4-5.4-1.4-1.4-4 4-2-2-1.4 1.4 3.4 3.4Z'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 20 5.5v5.8c0 5.1-3.3 8.8-8 10.2-4.7-1.4-8-5.1-8-10.2V5.5l8-3Zm-1.1 12.2 5.4-5.4-1.4-1.4-4 4-2-2-1.4 1.4 3.4 3.4Z'/%3E%3C/svg%3E") center / contain no-repeat; }

/* products related to items in your cart */
body.scr-on .scr-rel { margin: 28px 0 8px; padding: 20px 22px; background: #fff; border: 1px solid var(--scr-line); border-radius: var(--scr-r); }
body.scr-on .scr-rel-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
body.scr-on .scr-rel-h h2 { margin: 0 !important; font-size: 20px !important; font-weight: 800 !important; color: var(--scr-ink) !important; }
body.scr-on .scr-rel-nav { display: flex; gap: 8px; }
body.scr-on .scr-rel-nav button { width: 38px; height: 38px; padding: 0 !important; border-radius: 50% !important; border: 1px solid var(--scr-line) !important; background: #fff !important; color: var(--scr-ink) !important; font-size: 24px !important; line-height: 1 !important; cursor: pointer; transition: background .15s; }
body.scr-on .scr-rel-nav button:hover { background: var(--scr-sunk) !important; }
body.scr-on .scr-rel-row { display: grid; grid-auto-flow: column; grid-auto-columns: 200px; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: 6px; }
body.scr-on .scr-rc { scroll-snap-align: start; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
body.scr-on .scr-rc-img { display: block; aspect-ratio: 1; border: 1px solid var(--scr-line); border-radius: 12px; background: #fff; overflow: hidden; }
body.scr-on .scr-rc-img img { width: 100%; height: 100%; object-fit: contain; transition: transform .2s; }
body.scr-on .scr-rc-img:hover img { transform: scale(1.04); }
body.scr-on a.scr-rc-t { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 2.7em; font-size: 13.5px; font-weight: 600; line-height: 1.35; color: var(--scr-ink) !important; text-decoration: none !important; }
body.scr-on a.scr-rc-t:hover { text-decoration: underline !important; }
body.scr-on .scr-rc-r { display: flex; align-items: center; gap: 4px; min-height: 16px; font-size: 12px; color: var(--scr-muted); }
body.scr-on .scr-rc-stars { position: relative; display: inline-block; font-size: 13px; line-height: 1; letter-spacing: 1px; color: var(--scr-line); }
body.scr-on .scr-rc-stars::before { content: "★★★★★"; }
body.scr-on .scr-rc-stars::after { content: "★★★★★"; position: absolute; inset: 0; width: var(--r); overflow: hidden; color: var(--scr-gold); white-space: nowrap; }
body.scr-on .scr-rc-p { display: flex; align-items: center; gap: 8px; }
body.scr-on .scr-rc-p b { font-size: 17px; font-weight: 800; color: var(--scr-ink); }
body.scr-on .scr-rc-m { min-height: 16px; font-size: 12px; color: var(--scr-muted); }
body.scr-on a.scr-rc-add {
	display: flex; align-items: center; justify-content: center; height: 38px; margin-top: auto; border-radius: var(--scr-btn-r);
	background: var(--scr-gold); color: var(--scr-gold-ink) !important; font-size: 13.5px; font-weight: 800; text-decoration: none !important; transition: background .15s, color .15s;
}
body.scr-on a.scr-rc-add:hover { background: var(--scr-gold-hover-bg); color: var(--scr-gold-hover-ink) !important; }
body.scr-on a.scr-rc-add.is-view { background: #fff; border: 1.5px solid var(--scr-ink); color: var(--scr-ink) !important; }
body.scr-on a.scr-rc-add.is-view:hover { background: var(--scr-ink); color: #fff !important; }

@media (max-width: 999.98px) {
	body.scr-on form.woocommerce-cart-form table.shop_table.cart tr.cart_item { grid-template-columns: 96px max-content max-content minmax(0, 1fr); grid-template-areas: "img name name name" "img sub sub sub" "qty qty rm rm"; }
	body.scr-on tr.cart_item > td.product-thumbnail { grid-row: 1 / span 2; }
	body.scr-on tr.cart_item > td.product-thumbnail, body.scr-on tr.cart_item > td.product-thumbnail a, body.scr-on tr.cart_item > td.product-thumbnail img { width: 96px !important; }
	body.scr-on tr.cart_item > td.product-thumbnail a, body.scr-on tr.cart_item > td.product-thumbnail img { height: 96px !important; }
	body.scr-on tr.cart_item > td.product-name > a { font-size: 15px !important; }
	body.scr-on .scr-meta { font-size: 13px; }
	body.scr-on .scr-rel { padding: 16px; margin-top: 20px; }
	body.scr-on .scr-rel-h h2 { font-size: 17px !important; }
	body.scr-on .scr-rel-nav { display: none; }
	body.scr-on .scr-rel-row { grid-auto-columns: 46%; gap: 12px; }
}
@media (max-width: 999.98px) {
	/* phones: stepper + Delete on one line, "See more like this" under them (Amazon's phone layout) */
	body.scr-on form.woocommerce-cart-form table.shop_table.cart tr.cart_item { grid-template-areas: "img name name name" "img sub sub sub" "qty qty rm rm" "more more more more"; }
	body.scr-on tr.cart_item > td.product-remove { display: contents !important; }
	body.scr-on tr.cart_item > td.product-remove > a.remove { grid-area: rm; justify-self: start; }
	body.scr-on tr.cart_item > td.product-remove > a.scr-more { grid-area: more; justify-self: start; padding-left: 0; border-left: 0; }
}

/* 1.4.1: the coupon box sat flush against the dispatch-date strip (the generic "td { padding: 0 }" rule won) */
body.scr-on form.woocommerce-cart-form table.shop_table.cart td.actions { padding: 16px 0 0 !important; }
body.scr-on form.woocommerce-cart-form table.shop_table.cart tr.scr-ced { padding: 14px 0 0 !important; }