/* ============================================================
 *  I KHODAL BAG — reference-matched global tokens (2026-04)
 *  Applies to every page (About, Shop, Single Product, Cart, etc.)
 *  Homepage has its own inline CSS too; this keeps the rest
 *  visually consistent.
 * ============================================================ */

:root{
	--clr-primary:#1E211E;
	--clr-secondary:#403D39;
	--clr-muted:#81765F;
	--clr-wheat:#E4CBA0;
	--clr-dutch:#EAD7B5;
	--clr-champagne:#F0E2CA;
	--clr-floral:#FBF7EE;
	--clr-white:#FFFFFF;
	--clr-red:#942911;
	--clr-peach:#FFBC7D;
	--font-head:'Unbounded','Inter',-apple-system,sans-serif;
	--font-body:'Outfit','Inter',-apple-system,sans-serif;
	--container:1400px;
	--radius:26px;
	--ease:cubic-bezier(.2,.8,.2,1);
}

body{
	font-family:var(--font-body);
	color:var(--clr-primary);
	background:var(--clr-floral);
	font-size:16px;
	line-height:1.53;
}

/* Typography */
h1,h2,h3,h4,h5,h6,
.entry-title,
.woocommerce-Tabs-panel > h2,
.products h2,
.site-main h1,
.site-main h2{
	font-family:var(--font-head);
	color:var(--clr-primary);
	font-weight:500;
	letter-spacing:0;
}
h1,.entry-title{font-size:clamp(32px,4vw,49px);line-height:1.2em}
h2{font-size:clamp(26px,3.2vw,39px);line-height:1.2em}
h3{font-size:clamp(20px,2.4vw,31px);line-height:1.33em}

a{color:var(--clr-muted);transition:color .2s var(--ease)}
a:hover{color:var(--clr-secondary)}

/* Header — universal */
.hx-header,.site-header-wrap{
	background:var(--clr-floral);
	padding:20px 0;
	border-bottom:1px solid rgba(30,33,30,.08);
}
.hx-header-inner,.site-header-inner{
	max-width:var(--container);
	margin:0 auto;
	padding:0 32px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:24px;
}
.hx-logo,.site-logo{
	font-family:var(--font-head);
	font-size:22px;
	font-weight:500;
	color:var(--clr-primary);
	letter-spacing:-.01em;
}
.hx-nav,.site-nav{display:flex;gap:28px;align-items:center}
.hx-nav a,.site-nav a{
	color:var(--clr-primary);
	font-family:var(--font-head);
	font-size:14px;
	font-weight:400;
	position:relative;
	padding:4px 0;
}
.hx-nav a:hover,.site-nav a:hover{color:var(--clr-primary)}
.hx-cart-link,.cart-pill{
	display:inline-flex;align-items:center;gap:10px;
	background:var(--clr-white);color:var(--clr-primary);
	padding:10px 20px;border-radius:99em;
	font-family:var(--font-head);font-size:14px;font-weight:400;
	transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}
.hx-cart-link:hover,.cart-pill:hover{
	transform:translateY(-2px);
	box-shadow:0 8px 20px rgba(30,33,30,.1);
	color:var(--clr-primary);
}
.hx-cart-count,.cart-count{
	background:var(--clr-primary);color:var(--clr-white);
	border-radius:50%;width:22px;height:22px;
	display:inline-flex;align-items:center;justify-content:center;
	font-family:var(--font-body);font-size:11px;font-weight:600;
}

/* Containers */
.hx-container,.site-main > .container,.woocommerce-page .site-main{
	max-width:var(--container);
	margin:0 auto;
	padding:0 32px;
}

/* Buttons — ref pill */
.hx-btn,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wp-block-button__link,
button.single_add_to_cart_button{
	background:var(--clr-primary) !important;
	color:var(--clr-white) !important;
	font-family:var(--font-head) !important;
	font-size:16px !important;
	font-weight:400 !important;
	padding:16px 60px 16px 40px !important;
	border-radius:99em !important;
	border:none !important;
	letter-spacing:.01em;
	transition:all .35s var(--ease) !important;
	text-decoration:none !important;
	display:inline-flex;align-items:center;gap:10px;
}
.hx-btn:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.wp-block-button__link:hover,
button.single_add_to_cart_button:hover{
	background:var(--clr-secondary) !important;
	color:var(--clr-floral) !important;
	transform:translateY(-2px);
	box-shadow:0 12px 28px rgba(30,33,30,.18);
}

/* Inputs — pill */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
input[type=text],input[type=email],input[type=tel],
input[type=password],input[type=search],input[type=number],
textarea,select{
	font-family:var(--font-body);font-size:16px;
	padding:12px 20px;border:1px solid var(--clr-dutch);
	border-radius:99em;background:var(--clr-white);
	color:var(--clr-primary);line-height:1.4;
}
textarea{border-radius:20px}
.woocommerce form .form-row input.input-text:focus,
input:focus,textarea:focus,select:focus{
	outline:none;
	border-color:var(--clr-primary);
	box-shadow:0 0 0 3px rgba(30,33,30,.08);
}

/* Product / WooCommerce archive cards */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
	background:var(--clr-champagne);
	border-radius:26px;
	overflow:hidden;
	padding:0 !important;
	margin:0 0 24px !important;
	box-shadow:0 4px 20px rgba(30,33,30,.04);
	transition:transform .35s var(--ease),box-shadow .35s var(--ease);
	text-align:center;
}
.woocommerce ul.products li.product:hover{
	transform:translateY(-6px);
	box-shadow:0 20px 40px rgba(30,33,30,.08);
}
.woocommerce ul.products li.product a img{
	border-radius:0 !important;
	margin:0 !important;
	aspect-ratio:1;
	object-fit:cover;
	width:100%;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product h3{
	font-family:var(--font-head);font-size:20px;font-weight:500;
	color:var(--clr-primary);padding:14px 16px 4px !important;line-height:1.3em;
}
.woocommerce ul.products li.product .price{
	color:var(--clr-muted);
	font-family:var(--font-body);font-size:16px;font-weight:400;
	padding:0 16px 12px !important;
}
.woocommerce ul.products li.product .price ins{
	color:var(--clr-red);text-decoration:none;font-weight:600;
}
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button{
	margin:0 16px 20px !important;
	padding:10px 28px !important;
	font-size:14px !important;
	border-radius:99em !important;
}
.woocommerce span.onsale,
.hx-sale-badge{
	background:var(--clr-primary) !important;
	color:var(--clr-white) !important;
	font-family:var(--font-head) !important;
	font-weight:400 !important;
	font-size:12px !important;
	border-radius:99em !important;
	padding:5px 14px !important;
	top:14px !important;left:14px !important;
	min-height:auto !important;min-width:auto !important;
	line-height:1 !important;
}

/* Hide Astra's floating cart icon on product cards —
   we already have a proper "Add to cart" button at the bottom of each card.
   The floating icon was misaligned on some cards (e.g. Toiletry Bag). */
.ast-on-card-button.ast-select-options-trigger,
.woocommerce ul.products li.product .ast-on-card-button:not(.ast-onsale-card){
	display:none !important;
}

/* FIX: Product card hover icons (wishlist, quick-view, compare)
   — icons were overflowing card boundaries and positioned inconsistently.
   This resets them to a clean top-right stack inside the card. */
.woocommerce ul.products li.product{
	position:relative;
	overflow:hidden;
}
/* Catch-all for any plugin-injected hover icons (YITH, Astra Addon, etc.) */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .yith-wcqv-button,
.woocommerce ul.products li.product .ast-qv-button,
.woocommerce ul.products li.product .compare-button,
.woocommerce ul.products li.product .tinvwl_add_to_wishlist_button,
.woocommerce ul.products li.product .product-hover-icons,
.woocommerce ul.products li.product .astra-shop-summary-wrap .ast-on-card-button{
	position:absolute !important;
	top:12px !important;
	right:12px !important;
	left:auto !important;
	bottom:auto !important;
	z-index:5 !important;
	margin:0 !important;
	padding:0 !important;
}
/* Stack multiple icons vertically with consistent gap */
.woocommerce ul.products li.product .yith-wcqv-button,
.woocommerce ul.products li.product .compare-button{
	top:52px !important;  /* push 2nd icon below 1st */
}
/* Uniform icon button styling */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a,
.woocommerce ul.products li.product .yith-wcqv-button,
.woocommerce ul.products li.product .compare-button a,
.woocommerce ul.products li.product .tinvwl_add_to_wishlist_button{
	width:36px !important;
	height:36px !important;
	display:inline-flex !important;
	align-items:center !important;
	justify-content:center !important;
	background:rgba(255,255,255,.92) !important;
	border-radius:50% !important;
	box-shadow:0 2px 8px rgba(0,0,0,.1) !important;
	border:none !important;
	font-size:0 !important;    /* hide text, show only icon */
	line-height:1 !important;
	transition:background .2s, transform .2s !important;
}
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a:hover,
.woocommerce ul.products li.product .yith-wcqv-button:hover,
.woocommerce ul.products li.product .compare-button a:hover{
	background:#fff !important;
	transform:scale(1.1) !important;
}
/* Ensure icons show their SVG/font-icon at correct size */
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist a::before,
.woocommerce ul.products li.product .yith-wcqv-button::before,
.woocommerce ul.products li.product .compare-button a::before{
	font-size:16px !important;
	line-height:1 !important;
}

/* Single product page */
.woocommerce div.product .product_title{
	font-family:var(--font-head);
	font-size:clamp(32px,4vw,49px);
	font-weight:500;color:var(--clr-primary);
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
	color:var(--clr-primary);font-family:var(--font-head);
	font-size:31px;font-weight:500;
}
.woocommerce div.product .woocommerce-product-gallery__image img{
	border-radius:26px;
}
.woocommerce-breadcrumb{
	font-family:var(--font-body);color:var(--clr-muted);
	font-size:14px;margin-bottom:24px;
}

/* Cart + Checkout */
.woocommerce table.shop_table{
	border-radius:26px;overflow:hidden;
	background:var(--clr-champagne);
	border:none;
}
.woocommerce-cart .cart-collaterals .cart_totals,
.woocommerce-checkout #payment{
	background:var(--clr-champagne);
	border-radius:26px;padding:24px;
}

/* Page content wrapper (About, Contact, etc.) */
.hx-page-content,
.page .entry-content,
.site-main article.page{
	background:var(--clr-white);
	padding:48px;
	border-radius:26px;
	box-shadow:0 4px 20px rgba(30,33,30,.04);
	margin:40px auto;
	max-width:860px;
	line-height:1.7;
}
.hx-page-content p,.page .entry-content p{margin-bottom:16px}
.hx-page-content ul,.hx-page-content ol,
.page .entry-content ul,.page .entry-content ol{
	margin:16px 0 16px 24px;list-style:disc;
}

/* Footer */
.hx-footer,.site-footer{
	background:var(--clr-primary);
	color:var(--clr-floral);
	padding:44px 0 18px;
}
.hx-footer a,.site-footer a{color:var(--clr-floral);opacity:.75}
.hx-footer a:hover,.site-footer a:hover{opacity:1;color:var(--clr-white)}
.hx-footer-grid{
	display:grid;grid-template-columns:1.6fr repeat(3,1fr);
	gap:28px;max-width:var(--container);margin:0 auto;padding:0 32px;
	align-items:start;
}
.hx-footer-brand{max-width:340px}
.hx-footer h5{
	font-family:var(--font-head);font-size:13px;
	text-transform:uppercase;letter-spacing:.1em;
	color:var(--clr-white);margin-bottom:10px;
}
.hx-footer ul{margin:0;padding:0;list-style:none}
.hx-footer-bottom{
	max-width:var(--container);margin:22px auto 0;padding:14px 32px 0;
	border-top:1px solid rgba(251,247,238,.12);
	font-size:12px;opacity:.7;
	display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
}

/* Contact page custom */
.ik-contact-grid{
	display:grid;grid-template-columns:1fr 1fr;gap:40px;
	max-width:var(--container);margin:60px auto;padding:0 32px;
}
.ik-contact-card{
	background:var(--clr-white);padding:40px;border-radius:26px;
	box-shadow:0 4px 20px rgba(30,33,30,.04);
}
.ik-contact-card h3{font-size:25px;margin-bottom:20px}
.ik-contact-info{display:grid;gap:14px;font-family:var(--font-body)}
.ik-contact-info strong{font-family:var(--font-head);font-weight:500;color:var(--clr-primary)}

@media(max-width:1000px){
	.hx-footer-grid{grid-template-columns:1fr 1fr;gap:24px}
	.hx-footer-brand{grid-column:1/-1;max-width:none}
	.ik-contact-grid{grid-template-columns:1fr;gap:24px}
	.hx-header-inner,.site-header-inner{flex-wrap:wrap}
	.hx-nav,.site-nav{display:none}
	/* Mobile nav toggle — show nav when is-open class is toggled */
	.site-header .nav-left.is-open,
	.site-header .hx-nav.is-open,
	.site-header .site-nav.is-open{
		display:flex !important;
		flex-direction:column !important;
		position:absolute !important;
		top:100% !important;
		left:0 !important;
		right:0 !important;
		background:#fff !important;
		border:1px solid rgba(30,33,30,.1) !important;
		border-radius:0 0 18px 18px !important;
		padding:16px !important;
		gap:12px !important;
		z-index:999 !important;
		box-shadow:0 18px 40px rgba(30,33,30,.12) !important;
	}
}
@media(max-width:640px){
	.hx-footer{padding:32px 0 14px}
	.hx-footer-grid{grid-template-columns:1fr;gap:20px}
	.hx-footer-bottom{flex-direction:column;align-items:flex-start;gap:6px}
}

/* ============================================================
   WhatsApp floating button — single source of truth for EVERY page.
   Higher specificity (html body .wa-float) beats functions.php's
   `.wa-float{display:none!important}` legacy hide rule.
   ============================================================ */
html body a.wa-float{
	position:fixed!important;
	bottom:22px!important;
	right:22px!important;
	width:60px!important;
	height:60px!important;
	border-radius:50%!important;
	background:#25D366!important;
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	box-shadow:0 14px 36px rgba(37,211,102,.42), 0 4px 12px rgba(0,0,0,.12)!important;
	color:#fff!important;
	text-decoration:none!important;
	z-index:2147483646!important;
	transition:transform .2s ease, box-shadow .2s ease!important;
	visibility:visible!important;
	opacity:1!important;
	pointer-events:auto!important;
	margin:0!important;padding:0!important;
}
html body a.wa-float:hover{
	transform:scale(1.08)!important;
	box-shadow:0 18px 44px rgba(37,211,102,.5), 0 6px 16px rgba(0,0,0,.18)!important;
}
html body a.wa-float svg{
	width:30px!important;height:30px!important;
	fill:#fff!important;display:block!important;
}
@media(max-width:560px){
	html body a.wa-float{width:54px!important;height:54px!important;right:16px!important;bottom:16px!important}
	html body a.wa-float svg{width:26px!important;height:26px!important}
}

/* Show "Return to shop" when cart is empty */
.woocommerce .cart-empty + .return-to-shop{
	display:block !important;
	text-align:center !important;
	margin-top:20px !important;
}
.woocommerce .cart-empty + .return-to-shop a.button{
	display:inline-flex !important;
	align-items:center !important;
	padding:14px 28px !important;
	background:var(--clr-primary) !important;
	color:var(--clr-white) !important;
	border-radius:99em !important;
	font-family:var(--font-head) !important;
	text-decoration:none !important;
}

/* Kill duplicate WhatsApp buttons — keep ONLY #ikChatBubble
 * (it has JS re-injection protection and inline styles).
 * Hide .wa-float (footer.php) and .ik-wa-float (ik-live-responsive-fix-v2). */
html body .ik-wa-float,
html body a.wa-float{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* ============================================================
   Footer column headings — global override.
   Without this, .hx-footer h5 inherits the dark global heading
   color and becomes invisible against the dark footer bg.
   ============================================================ */
html body .hx-footer h5,
html body .site-footer h5,
html body .hx-footer .footer-col h5{
	color:#fff!important;
	font-family:var(--font-head,'Unbounded',sans-serif)!important;
	font-size:13px!important;
	font-weight:500!important;
	text-transform:uppercase!important;
	letter-spacing:.12em!important;
	margin:0 0 14px!important;
	opacity:1!important;
}
html body .hx-footer a{color:rgba(251,247,238,.8)!important;text-decoration:none!important}
html body .hx-footer a:hover{color:#fff!important;opacity:1!important}
html body .hx-footer-bottom a{color:rgba(251,247,238,.7)!important}
html body .hx-footer-bottom a:hover{color:#fff!important}

/* ============================================================
   UI/UX FIXES — 6 May 2026 (from client testing screenshots)
   13 issues identified and fixed
   ============================================================ */

/* --- FIX 1: Product card hover icons (quick-view / compare) --- */
.woocommerce ul.products li.product{
	position:relative !important;
	overflow:hidden !important;
}
.woocommerce ul.products li.product .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product .yith-wcqv-button,
.woocommerce ul.products li.product .ast-qv-button,
.woocommerce ul.products li.product .tinvwl_add_to_wishlist_button{
	position:absolute !important;top:12px !important;right:12px !important;
	left:auto !important;bottom:auto !important;z-index:5 !important;
	margin:0 !important;padding:0 !important;
	width:36px !important;height:36px !important;
	display:inline-flex !important;align-items:center !important;justify-content:center !important;
	background:rgba(255,255,255,.92) !important;border-radius:50% !important;
	box-shadow:0 2px 8px rgba(0,0,0,.1) !important;border:none !important;
	opacity:0;transition:opacity .25s ease !important;
}
.woocommerce ul.products li.product:hover .yith-wcwl-add-to-wishlist,
.woocommerce ul.products li.product:hover .yith-wcqv-button,
.woocommerce ul.products li.product:hover .ast-qv-button{opacity:1}
.woocommerce ul.products li.product .yith-wcqv-button,
.woocommerce ul.products li.product .ast-qv-button{top:56px !important}

/* --- FIX 2: Hide ugly "Compare" checkbox below product cards --- */
.woocommerce ul.products li.product .compare-button,
.woocommerce ul.products li.product .compare,
.woocommerce ul.products li.product .woocommerce-product-compare,
.woocommerce ul.products li.product [class*="compare"],
.woocommerce ul.products li.product .ast-compare,
.woocommerce .products .product .ast-compare-button{
	display:none !important;
}

/* --- FIX 3: OUT OF STOCK badge styling --- */
.woocommerce ul.products li.product .outofstock-label,
.woocommerce ul.products li.product .ast-shop-product-out-of-stock,
.woocommerce ul.products li.product .out-of-stock,
.woocommerce .products .product .stock.out-of-stock{
	position:absolute !important;top:0 !important;left:0 !important;right:0 !important;
	background:rgba(30,33,30,.85) !important;color:#fff !important;
	font-family:var(--font-head) !important;font-size:12px !important;font-weight:500 !important;
	letter-spacing:1.5px !important;text-transform:uppercase !important;
	text-align:center !important;padding:10px 16px !important;
	margin:0 !important;z-index:4 !important;border-radius:0 !important;
}

/* --- FIX 4: WooCommerce notices (cart removed, undo, info) --- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
	border:1px solid rgba(30,33,30,.08) !important;
	border-left:4px solid var(--clr-primary) !important;
	border-radius:16px !important;
	padding:16px 20px 16px 48px !important;
	background:var(--clr-floral) !important;
	font-family:var(--font-body) !important;font-size:14px !important;
	color:var(--clr-primary) !important;
	margin-bottom:24px !important;
	box-shadow:0 2px 12px rgba(30,33,30,.04) !important;
	position:relative !important;
}
.woocommerce-message::before,
.woocommerce-info::before{
	position:absolute !important;left:16px !important;
	top:50% !important;transform:translateY(-50%) !important;
	color:var(--clr-primary) !important;font-size:18px !important;
}
.woocommerce-error{border-left-color:var(--clr-red) !important}
.woocommerce-message a.restore-item,
.woocommerce-message .wc-forward{
	color:var(--clr-primary) !important;font-weight:600 !important;
	text-decoration:underline !important;
}
.woocommerce .cart-empty{
	text-align:center !important;font-family:var(--font-head) !important;
	font-size:20px !important;padding:60px 20px 20px !important;
	color:var(--clr-muted) !important;
}

/* --- FIX 5: Checkout "Your order" sidebar --- */
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading{
	background:var(--clr-floral) !important;border-radius:22px !important;
	padding:28px !important;border:1px solid rgba(30,33,30,.06) !important;
}
.woocommerce-checkout #order_review_heading{
	font-family:var(--font-head) !important;font-size:22px !important;
	margin-bottom:0 !important;padding-bottom:16px !important;
	border-radius:22px 22px 0 0 !important;
}
.woocommerce-checkout #order_review{
	border-radius:0 0 22px 22px !important;margin-top:0 !important;
}
.woocommerce-checkout table.shop_table thead th{
	background:var(--clr-champagne) !important;padding:12px 16px !important;
	font-size:12px !important;letter-spacing:1.5px !important;
	text-transform:uppercase !important;
}

/* --- FIX 6: GSTIN "(optional)" shows twice --- */
#billing_gstin_field .optional,
#billing_gstin_field label .optional,
label[for="billing_gstin"] .optional{display:none !important}

/* --- FIX 7: Promo stamp badge overflow --- */
.promo-img-wrap{overflow:hidden !important;border-radius:var(--radius-lg,26px) !important}
.promo-stamp{top:16px !important;right:16px !important;width:120px !important;height:120px !important}

/* --- FIX 8: Cart table improvements --- */
.woocommerce-cart .shop_table td{
	padding:16px !important;vertical-align:middle !important;
	border-bottom:1px solid rgba(30,33,30,.06) !important;
}
.woocommerce-cart .shop_table tr:hover td{background:rgba(30,33,30,.02) !important}
.woocommerce-cart .shop_table thead th{
	background:var(--clr-champagne) !important;font-family:var(--font-body) !important;
	font-size:12px !important;letter-spacing:1.5px !important;
	text-transform:uppercase !important;padding:14px 16px !important;
	font-weight:600 !important;color:var(--clr-primary) !important;
}
.woocommerce-cart .shop_table .product-thumbnail img{
	border-radius:14px !important;width:80px !important;height:80px !important;object-fit:cover !important;
}
.woocommerce-cart .shop_table .product-name a{
	font-family:var(--font-head) !important;font-size:16px !important;
	font-weight:500 !important;color:var(--clr-primary) !important;
}
.woocommerce-cart .shop_table .product-remove a{
	color:var(--clr-muted) !important;font-size:20px !important;opacity:.5 !important;
}
.woocommerce-cart .shop_table .product-remove a:hover{
	opacity:1 !important;color:var(--clr-red) !important;
}

/* ============================================================
   MOBILE RESPONSIVE — CRITICAL FIX
   Site was NOT responsive on mobile. Complete responsive rules.
   ============================================================ */

/* --- TABLET (max-width: 768px) --- */
@media(max-width:768px){

	/* Container */
	.container,.woocommerce .container{padding:0 16px !important}

	/* Header */
	.site-header .header-inner,
	.hx-header .header-inner{padding:0 16px !important;gap:8px !important}
	.hx-logo span,.site-title{font-size:18px !important}
	.cart-pill .cart-label{display:none !important}

	/* Shop page — product grid 2 columns */
	.woocommerce ul.products{
		display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important;
	}
	.woocommerce ul.products li.product{
		width:100% !important;margin:0 !important;float:none !important;
	}
	.woocommerce ul.products li.product .woocommerce-loop-product__title,
	.woocommerce ul.products li.product h2,
	.woocommerce ul.products li.product h3{
		font-size:15px !important;padding:10px 12px 4px !important;
	}
	.woocommerce ul.products li.product .price{
		font-size:14px !important;padding:0 12px 10px !important;
	}
	.woocommerce ul.products li.product .button,
	.woocommerce ul.products li.product a.button{
		margin:0 12px 14px !important;padding:10px 20px !important;font-size:13px !important;
	}

	/* Hide sidebar on shop page */
	#secondary,.widget-area,
	.ast-left-sidebar #secondary,.ast-right-sidebar #secondary,
	.woocommerce-shop .ast-left-sidebar,
	.woocommerce-shop .ast-right-sidebar{
		display:none !important;
	}
	.woocommerce-shop #primary,
	.woocommerce-shop .ast-container #primary,
	.ast-container #primary{
		width:100% !important;max-width:100% !important;
		float:none !important;margin:0 !important;
	}

	/* Single product page */
	.woocommerce div.product div.images,
	.woocommerce div.product div.summary{
		width:100% !important;float:none !important;
	}
	.woocommerce div.product .product_title{font-size:1.6rem !important}

	/* Promo */
	.promo{padding:50px 0 !important}
	.promo-stamp{width:80px !important;height:80px !important;top:10px !important;right:10px !important}

	/* Stats */
	.stat-num{font-size:3rem !important}

	/* Categories */
	.cat-grid{grid-template-columns:repeat(2,1fr) !important;gap:12px !important}
	.cat-card h3{font-size:16px !important}

	/* How it works */
	.how-grid{grid-template-columns:repeat(2,1fr) !important;gap:16px !important}

	/* CTA Box */
	.cta-box,.ik-cta-box{
		grid-template-columns:1fr !important;padding:30px 20px !important;text-align:center !important;
	}

	/* Footer */
	.hx-footer-grid,.footer-top{
		grid-template-columns:1fr !important;gap:24px !important;padding:0 20px !important;
	}
	.hx-footer-bottom{
		flex-direction:column !important;align-items:center !important;
		text-align:center !important;padding:12px 20px !important;gap:8px !important;
	}
	.hx-footer-bottom span{justify-content:center !important}

	/* Cart page */
	.woocommerce-cart .shop_table{font-size:13px !important}
	.woocommerce-cart .shop_table .product-thumbnail img{width:60px !important;height:60px !important}

	/* Checkout — stack billing + order review */
	.woocommerce-checkout .col2-set{display:block !important}
	.woocommerce-checkout .col2-set .col-1,
	.woocommerce-checkout .col2-set .col-2{width:100% !important;float:none !important}
	.woocommerce-checkout #order_review,
	.woocommerce-checkout #order_review_heading{padding:16px !important}

	/* Login / Signup — stack vertically */
	.ik-auth-split,.ik-auth-layout{grid-template-columns:1fr !important}
	.ik-auth-image{display:none !important}

	/* Contact page — stack */
	.ik-contact-grid,.contact-grid{grid-template-columns:1fr !important}

	/* Text sizing */
	h1{font-size:2rem !important}
	h2{font-size:1.6rem !important}
	.section-head h2{font-size:1.5rem !important}
}

/* --- SMALL MOBILE (max-width: 480px) --- */
@media(max-width:480px){

	/* Product grid — single column */
	.woocommerce ul.products{grid-template-columns:1fr !important}

	/* Categories + How it works — single column */
	.cat-grid{grid-template-columns:1fr !important}
	.how-grid{grid-template-columns:1fr !important}

	/* Hero */
	h1{font-size:1.6rem !important}
	.hero-lead{font-size:14px !important}
	.hero-cta-row{flex-direction:column !important}
	.hero-cta-row .btn{width:100% !important;justify-content:center !important}

	/* Hero image area */
	.hero-right{height:280px !important}

	/* Buttons full width */
	.btn{padding:12px 24px !important;font-size:13px !important}

	/* Section padding */
	.section,.stats,.how-works,.promo,.categories{padding:40px 0 !important}

	/* Footer */
	.hx-footer-grid{padding:0 16px !important}

	/* Checkout notices */
	.woocommerce-info,.woocommerce-message{font-size:13px !important;padding:14px 14px 14px 40px !important}

	/* Cart — responsive table */
	.woocommerce-cart .shop_table .product-thumbnail{display:none !important}
	.woocommerce-cart .shop_table td{padding:10px 8px !important}
	.woocommerce-cart .shop_table .product-name a{font-size:14px !important}

	/* Promo stamp — hide on very small screens */
	.promo-stamp{display:none !important}
}