/* =============================================================================
   Technologia — WooCommerce Integration
   Loaded after woocommerce-general; colors injected via customizer_settings()
   ============================================================================= */

/* --- Content wrapper --- */
.wc-content {
	padding: 30px 0 60px;
}

/* --- Notices --- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
	border-radius: 0;
	margin-bottom: 24px;
}
.woocommerce-error {
	border-top-color: #e2401c;
}
.woocommerce .woocommerce-error li {
	list-style: none;
}

/* =============================================================================
   Product grid (shop / archive)
   ============================================================================= */
.woocommerce ul.products {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
	padding: 0;
	list-style: none;
	clear: both;
}

/* Override WC float-based clearfix */
.woocommerce ul.products::after { content: none; }

.woocommerce ul.products li.product {
	float: none !important;
	width: 33.3333% !important;
	margin: 0 !important;
	padding: 0 15px 30px;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	.woocommerce ul.products li.product { width: 50% !important; }
}
@media (max-width: 479px) {
	.woocommerce ul.products li.product { width: 100% !important; }
}

.woocommerce ul.products li.product a {
	display: block;
	text-decoration: none;
}
.woocommerce ul.products li.product a img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 600;
	padding: 0;
	margin: 12px 0 6px;
}
.woocommerce ul.products li.product .price {
	display: block;
	font-size: 15px;
	margin-bottom: 12px;
}

/* Sale badge */
.woocommerce ul.products li.product .onsale {
	top: 8px;
	left: 23px;
	min-width: auto;
	min-height: auto;
	padding: 4px 10px;
	border-radius: 0;
	line-height: 1.4;
	font-size: 12px;
	font-weight: 700;
}

/* Results count + ordering bar */
.woocommerce .woocommerce-result-count {
	margin-bottom: 16px;
}
.woocommerce .woocommerce-ordering {
	margin-bottom: 16px;
}
.woocommerce .woocommerce-ordering select {
	border: 1px solid #ddd;
	padding: 6px 10px;
	border-radius: 0;
	font-size: 14px;
	background: #fff;
}

/* =============================================================================
   Buttons (color overrides come from customizer_settings())
   ============================================================================= */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	display: inline-block;
	padding: 10px 24px;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	text-decoration: none;
	transition: background 0.2s, color 0.2s, opacity 0.2s;
	line-height: 1.4;
}
.woocommerce a.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button.disabled {
	opacity: 0.5;
	cursor: not-allowed;
	pointer-events: none;
}

/* =============================================================================
   Empty cart (Blocks)
   ============================================================================= */
.wp-block-woocommerce-empty-cart-block {
	text-align: center;
	padding: 40px 0 20px;
}

/* Replace sad-face icon with the site's shopping bag icon */
.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title.with-empty-cart-icon::before {
	mask-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iY3VycmVudENvbG9yIiBkPSJNNiAyIDMgNnYxNGEyIDIgMCAwIDAgMiAyaDE0YTIgMiAwIDAgMCAyLTJWNmwtMy00SDZ6bTAgNWgxMlY2SDZ2MXptNiAzYTMgMyAwIDAgMSAzIDNIOWEzIDMgMCAwIDEgMy0zeiIvPjwvc3ZnPg==") !important;
	background-color: #0D6DF7 !important;
	height: 4em;
	width: 4em;
	mask-size: 4em !important;
	margin-bottom: 1.5em;
}

.wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
	font-size: 1.5rem !important;
	font-weight: 600;
	color: #111;
	margin-bottom: 32px;
}

/* Dots separator between the empty-cart message and "New in store" — purely decorative, hidden */
.wp-block-woocommerce-empty-cart-block .wp-block-separator {
	display: none;
}

/* Return to shop button */
.wp-block-woocommerce-empty-cart-block .wp-block-buttons .wp-block-button__link {
	border: 1px solid #0D6DF7 !important;
	color: #0D6DF7 !important;
	background: transparent !important;
	padding: 10px 28px !important;
	border-radius: 0 !important;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	transition: background 0.2s, color 0.2s;
}
.wp-block-woocommerce-empty-cart-block .wp-block-buttons .wp-block-button__link:hover {
	background: #0D6DF7 !important;
	color: #fff !important;
}

/* Product cards: "Add to cart" buttons — match classic WC loop style */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link,
.wp-block-woocommerce-empty-cart-block .add_to_cart_button.wp-block-button__link {
	background: transparent !important;
	border: 1px solid #0D6DF7 !important;
	color: #0D6DF7 !important;
	border-radius: 0 !important;
	text-transform: uppercase !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	padding: 10px 20px !important;
	width: 100%;
	display: block;
	text-align: center;
	transition: background 0.2s, color 0.2s;
}
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-add-to-cart .wp-block-button__link:hover,
.wp-block-woocommerce-empty-cart-block .add_to_cart_button.wp-block-button__link:hover {
	background: #0D6DF7 !important;
	color: #fff !important;
}

/* Product cards: title left-aligned, no extra margin */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-title {
	text-align: left !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	margin: 10px 0 6px !important;
}

/* Product cards: price left-aligned */
.wp-block-woocommerce-empty-cart-block .wc-block-grid__product-price {
	text-align: left !important;
	display: block !important;
	font-size: 14px !important;
	margin-bottom: 10px !important;
}

/* "New in store" heading */
.wp-block-woocommerce-empty-cart-block .wp-block-heading:not(.wc-block-cart__empty-cart__title) {
	font-size: 1.1rem !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #444;
	border-bottom: 2px solid #0D6DF7;
	display: inline-block;
	padding-bottom: 4px;
	margin-bottom: 24px;
}

/* =============================================================================
   Single product
   ============================================================================= */
.woocommerce div.product {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin: 30px 0;
}
.woocommerce div.product div.images {
	flex: 0 0 calc(45% - 20px);
	max-width: calc(45% - 20px);
}
.woocommerce div.product div.summary {
	flex: 1;
	min-width: 0;
}

@media (max-width: 767px) {
	.woocommerce div.product div.images,
	.woocommerce div.product div.summary {
		flex: 0 0 100%;
		max-width: 100%;
	}
}

.woocommerce div.product .product_title {
	font-size: 26px;
	margin-bottom: 16px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 22px;
	margin-bottom: 20px;
	display: block;
}
.woocommerce div.product .woocommerce-product-details__short-description {
	margin-bottom: 20px;
}
.woocommerce div.product .woocommerce-product-details__full-description {
	margin-bottom: 20px;
}

/* =============================================================================
   Qty price tiers — contract supply contact note
   ============================================================================= */
.qty-tiers-contact-note {
	font-size: 14px;
	color: #555;
	margin: 12px 0 28px;
}

/* =============================================================================
   Checkout — "Can't find your country?" note under shipping country field
   ============================================================================= */
#shipping_country_field .description {
	/* WC core hides this via inline style and only reveals it on focus (it's designed
	   as a transient hint bubble) — force it permanently visible and restyle as a
	   plain note consistent with the rest of the site instead of WC's blue speech-bubble. */
	display: block !important;
	position: static;
	background: #f5f8ff;
	border-left: 3px solid #0D6DF7;
	border-radius: 0;
	color: #444;
	padding: 12px 16px;
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.5;
}
#shipping_country_field .description::before {
	display: none;
}
#shipping_country_field .description strong {
	display: block;
	margin-bottom: 4px;
	color: #111;
}
#shipping_country_field .description a {
	color: #0D6DF7;
	text-decoration: underline;
}

/* =============================================================================
   Quantity selector — classic (single product)
   ============================================================================= */

/* Wrapper */
.woocommerce .quantity {
	display: inline-flex;
	align-items: stretch;
	float: none;
	margin: 0;
	border: 1px solid #ddd;
}

/* Input — reset theme's aggressive global padding/height */
.woocommerce .quantity input.qty,
.woocommerce .quantity input[type="number"] {
	padding-left: 4px;
	padding-right: 4px;
	height: 38px;
	width: 52px;
	min-width: 0;
	text-align: center;
	border: none;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-radius: 0;
	font-size: 14px;
	line-height: 1;
	-moz-appearance: textfield;
}
.woocommerce .quantity input.qty::-webkit-inner-spin-button,
.woocommerce .quantity input.qty::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* +/− stepper buttons (added by PHP hooks on classic templates) */
.woocommerce .quantity .qty-minus,
.woocommerce .quantity .qty-plus {
	min-width: 30px;
	width: 30px;
	height: 38px;
	padding: 0;
	line-height: 38px;
	border: none;
	background: #f5f5f5;
	color: #555;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	text-transform: none;
	cursor: pointer;
	border-radius: 0;
	transition: background 0.15s, color 0.15s;
	flex-shrink: 0;
}
.woocommerce .quantity .qty-minus:hover,
.woocommerce .quantity .qty-plus:hover {
	background: #e0e0e0;
	color: #101010;
	text-decoration: none;
}

/* =============================================================================
   Quantity selector — WooCommerce Blocks cart (woocommerce/cart block)
   The block already styles the container; we only need to cancel theme's
   global  input { border / height / padding }  overrides.
   ============================================================================= */
.wc-block-components-quantity-selector input[type="number"],
.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	border: 0 !important;
	box-shadow: none !important;
	height: auto !important;
	min-height: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	line-height: 1.4;
	background: transparent;
}

/* =============================================================================
   Single product — Add-to-cart row: stepper LEFT, button RIGHT
   Flex overrides WC's float-based layout so DOM order (stepper→button) is kept.
   ============================================================================= */
.woocommerce div.product form.cart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 1.5em;
}
/* Cancel WC's float on the button so flex takes over */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce div.product form.cart .ask-manager-button {
	float: none;
	width: auto;
	min-width: 160px;
	text-align: center;
}
/* Cancel WC's float on the standard quantity wrapper if present */
.woocommerce div.product form.cart div.quantity {
	float: none;
	margin: 0;
}

/* =============================================================================
   Single product — Gallery thumbnails: flex row with gaps
   ============================================================================= */
.woocommerce .flex-control-thumbs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 8px 0 0 !important;
	padding: 0;
}
.woocommerce .flex-control-thumbs li {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 calc(25% - 6px);
	flex: 0 0 calc(25% - 6px);
	max-width: calc(25% - 6px);
}
.woocommerce .flex-control-thumbs li img {
	display: block;
	width: 100%;
	height: auto;
	cursor: pointer;
	opacity: 0.65;
	border: 2px solid transparent;
	-webkit-transition: opacity 0.2s, border-color 0.2s;
	transition: opacity 0.2s, border-color 0.2s;
	box-sizing: border-box;
}
.woocommerce .flex-control-thumbs li img:hover {
	opacity: 1;
}
.woocommerce .flex-control-thumbs li img.flex-active {
	opacity: 1;
	border-color: #0D6DF7;
}

/* Related / upsell sections */
.woocommerce .related,
.woocommerce .upsells {
	width: 100%;
	margin-top: 50px;
	clear: both;
}
.woocommerce .related h2,
.woocommerce .upsells h2 {
	margin-bottom: 20px;
	font-size: 20px;
}

/* Product tabs — nav hidden (single Characteristics tab renders as full block) */
.woocommerce div.product .woocommerce-tabs {
	width: 100%;
	margin-top: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
	display: none;
}
.woocommerce div.product .woocommerce-tabs .panel {
	padding: 0;
	border: none;
	margin: 0;
}

/* =============================================================================
   Product Characteristics block
   ============================================================================= */
.product-characteristics {
	position: relative;
	left: 50%;
	width: 100vw;
	background-color: #f2f2f2;
	-webkit-transform: translateX(-50vw);
	transform: translateX(-50vw);
}
.product-characteristics .container {
	padding-top: 60px;
	padding-bottom: 60px;
}
.product-characteristics-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 75px;
}
.product-characteristics-text {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 551px;
	flex: 1 1 551px;
	padding-top: 8px;
	padding-bottom: 35px;
}
.product-characteristics-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 1 487px;
	flex: 1 1 487px;
}
.product-characteristics-image img {
	max-width: 100%;
	height: auto;
	object-fit: contain;
}
.product-characteristics-image-placeholder {
	width: 100%;
	aspect-ratio: 4 / 3;
	background-color: #e8e8e8;
	border: 2px dashed #ccc;
}
.characteristics-title {
	font-size: 36px;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 20px;
}
.product-characteristics-text-area {
	font-size: 16px;
	color: #555;
	line-height: 1.5;
}
.product-characteristics-text-area p {
	margin: 0 0 8px;
}
.product-characteristics-text-area ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.product-characteristics-text-area ul li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 8px;
}
.product-characteristics-text-area ul li::before {
	position: absolute;
	top: 10px;
	left: 0;
	width: 14px;
	height: 1px;
	content: '';
}

.product-characteristics-note {
	margin-top: 20px;
}

/* =============================================================================
   Cart
   ============================================================================= */
.woocommerce table.cart,
.woocommerce-page table.cart {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 24px;
}
.woocommerce table.cart th {
	padding: 12px;
	border-bottom: 2px solid #e0e0e0;
	text-align: left;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.woocommerce table.cart td {
	padding: 16px 12px;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
}
.woocommerce table.cart td.product-thumbnail img {
	width: 72px;
	height: auto;
}
.woocommerce table.cart td.product-quantity .quantity {
	vertical-align: middle;
}
.woocommerce .cart-collaterals {
	display: flex;
	justify-content: flex-end;
	margin-top: 24px;
}
.woocommerce .cart_totals {
	width: 100%;
	max-width: 400px;
}
.woocommerce .cart_totals h2 {
	font-size: 18px;
	margin-bottom: 16px;
}
.woocommerce .cart_totals table {
	width: 100%;
	border-collapse: collapse;
}
.woocommerce .cart_totals table th,
.woocommerce .cart_totals table td {
	padding: 10px 12px;
	border-bottom: 1px solid #eee;
	vertical-align: top;
}

/* =============================================================================
   Checkout — classic template custom layout
   ============================================================================= */

/* ---------- shared section chrome ---------- */
.checkout-section {
	margin-bottom: 32px;
}

.checkout-section__title {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	margin: 0 0 18px;
	padding-bottom: 10px;
	border-bottom: 2px solid #222;
}

/* ---------- Section 1: Cart items table ---------- */
.checkout-items-table {
	width: 100%;
	border-collapse: collapse;
}

.checkout-items-table th {
	padding: 10px 12px;
	text-align: left;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #555;
	border-bottom: 2px solid #222;
}

.checkout-items-table td {
	padding: 14px 12px;
	border-bottom: 1px solid #eee;
	vertical-align: middle;
	font-size: 14px;
}

.checkout-col-product { width: auto; }
.checkout-col-price   { width: 110px; text-align: right; }
.checkout-col-qty     { width: 60px;  text-align: center; }
.checkout-col-total   { width: 110px; text-align: right; }
.checkout-col-remove  { width: 36px; }

.checkout-items-table th.checkout-col-price,
.checkout-items-table th.checkout-col-qty,
.checkout-items-table th.checkout-col-total {
	text-align: right;
}
.checkout-items-table th.checkout-col-qty {
	text-align: center;
}

.checkout-item-thumb {
	width: 70px;
	padding-right: 0 !important;
}
.checkout-item-thumb img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	display: block;
	border: 1px solid #eee;
}
.checkout-item-name a {
	text-decoration: none;
	color: inherit;
	font-weight: 600;
}
.checkout-item-name a:hover { text-decoration: underline; }

.checkout-item-price,
.checkout-item-total { text-align: right; }
.checkout-item-qty   { text-align: center; font-weight: 600; }

/* ---------- Checkout quantity stepper (tier-based) ---------- */
.checkout-stepper {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: stretch;
	border: 1px solid #ddd;
	border-radius: 0;
	overflow: hidden;
	white-space: nowrap;
}

.checkout-qty-btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 28px;
	height: 32px;
	padding: 0;
	border: none;
	background: #f5f5f5;
	color: #555;
	font-size: 15px;
	line-height: 1;
	cursor: pointer;
	-webkit-transition: background 0.15s, color 0.15s;
	transition: background 0.15s, color 0.15s;
}
.checkout-qty-btn:hover:not(:disabled) {
	background: #0D6DF7;
	color: #fff;
}
.checkout-qty-btn:disabled {
	opacity: 0.35;
	cursor: default;
}

.checkout-qty-value {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	height: 32px;
	padding: 0 6px;
	font-size: 13px;
	font-weight: 600;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fff;
	color: #111;
}

/* ---------- Remove icon ---------- */
.checkout-item-remove {
	text-align: center;
	width: 36px;
	padding-left: 4px !important;
	padding-right: 4px !important;
}

.checkout-remove-btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: #aaa;
	text-decoration: none;
	-webkit-transition: color 0.15s, background 0.15s;
	transition: color 0.15s, background 0.15s;
	flex-shrink: 0;
}
.checkout-remove-btn:hover {
	color: #e2401c;
	background: #fdf0ed;
}

/* ---------- Section 2: Shipping methods + Price summary ---------- */
.checkout-section--review {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	align-items: flex-start;
}

.checkout-review__shipping {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	min-width: 0;
}

/* Shipping method radio list */
.checkout-review__shipping #shipping_method {
	list-style: none;
	padding: 0;
	margin: 0;
}
.checkout-review__shipping #shipping_method li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
	font-size: 14px;
}
.checkout-review__shipping #shipping_method li:last-child { border-bottom: none; }
.checkout-review__shipping #shipping_method input[type="radio"] {
	-webkit-appearance: radio;
	appearance: radio;
	width: 16px;
	height: 16px;
	margin: 0;
	flex-shrink: 0;
	cursor: pointer;
}
.checkout-review__shipping #shipping_method label {
	cursor: pointer;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
}

/* No-shipping: totals push to right */
.checkout-section--review-no-shipping {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.checkout-section--review-no-shipping .checkout-review__totals {
	-ms-flex: 0 0 360px;
	flex: 0 0 360px;
}

/* Price summary column */
.checkout-review__totals {
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	min-width: 0;
}

.checkout-price-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	align-items: baseline;
	padding: 9px 0;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	gap: 16px;
}
.checkout-price-row:last-child { border-bottom: none; }

.checkout-price-label {
	color: #555;
	white-space: nowrap;
}
.checkout-price-value {
	font-weight: 600;
	text-align: right;
	white-space: nowrap;
}

.checkout-price-row--total {
	border-top: 2px solid #222;
	border-bottom: none;
	padding-top: 12px;
	margin-top: 4px;
}
.checkout-price-row--total .checkout-price-label {
	font-size: 15px;
	font-weight: 700;
	color: #111;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
.checkout-price-row--total .checkout-price-value {
	font-size: 16px;
	font-weight: 700;
	color: #111;
}

.checkout-price-row--coupon .checkout-price-value { color: #2a8a2a; }

@media (max-width: 767px) {
	.checkout-section--review {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.checkout-review__shipping,
	.checkout-review__totals {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
	}

	/* Cart table: two-column card layout (image | details) */
	.checkout-items-table thead { display: none; }
	.checkout-items-table,
	.checkout-items-table tbody,
	.checkout-items-table tr,
	.checkout-items-table td {
		display: block;
		width: auto;
	}
	.checkout-items-table tr {
		position: relative;
		padding: 12px 34px 12px calc(28% + 14px);
		min-height: 90px;
		border-bottom: 1px solid #eee;
	}
	.checkout-item-thumb {
		position: absolute;
		left: 0;
		top: 12px;
		width: 28% !important;
		padding: 0 !important;
		border-bottom: none !important;
	}
	.checkout-item-thumb img {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 1;
		object-fit: cover;
	}
	.checkout-items-table td:not(.checkout-item-thumb) {
		padding: 3px 0 !important;
		border-bottom: none !important;
		text-align: left !important;
		font-size: 13px;
	}
	.checkout-item-name {
		font-size: 14px;
		margin-bottom: 4px;
	}
	.checkout-item-price::before,
	.checkout-item-qty::before,
	.checkout-item-total::before {
		content: attr(data-title) ": ";
		font-weight: 600;
		color: #555;
	}
	.checkout-item-remove {
		position: absolute;
		top: 8px;
		right: 0;
		width: auto;
	}
}

/* ---------- Section 3: Address forms ---------- */
.checkout-section--addresses {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
}
.checkout-section--addresses .col-1,
.checkout-section--addresses .col-2 {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 0%;
	flex: 1 1 0%;
	min-width: 0;
	float: none;
	width: auto;
}

@media (max-width: 767px) {
	.checkout-section--addresses {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.checkout-section--addresses .col-1,
	.checkout-section--addresses .col-2 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}
}

/* WC field layout helpers inside address forms */
.woocommerce-checkout .form-row-first,
.woocommerce-checkout .form-row-last {
	display: inline-block;
	width: calc(50% - 6px);
	box-sizing: border-box;
}
.woocommerce-checkout .form-row-first { margin-right: 6px; }
.woocommerce-checkout .form-row-last  { margin-left: 6px; }
.woocommerce-checkout .form-row-wide  { display: block; width: 100%; }

/* ---------- Section 4: Payment ---------- */
.checkout-section--payment {
	background: #f9f9f9;
	border: 1px solid #e0e0e0;
}

#payment {
	border-radius: 0;
	background: transparent;
}
#payment ul.wc_payment_methods,
#payment ul.payment_methods {
	list-style: none;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #e0e0e0;
}
#payment ul.wc_payment_methods li,
#payment ul.payment_methods li {
	padding: 14px 16px;
	border-bottom: 1px solid #eee;
}
#payment ul.wc_payment_methods li:last-child,
#payment ul.payment_methods li:last-child { border-bottom: none; }

#payment ul.wc_payment_methods li label,
#payment ul.payment_methods li label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
}
#payment div.payment_box {
	background: #efefef;
	padding: 12px 16px;
	margin-top: 8px;
	font-size: 13px;
	color: #555;
	border-radius: 0;
}
#payment div.place-order {
	padding: 16px;
}
#payment #place_order {
	width: 100%;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}

/* ---------- Checkout consent checkboxes ---------- */
.checkout-consent-fields {
    padding: 16px 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}
.checkout-consent-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
}
.checkout-consent-field input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
}
.checkout-consent-field br {
    display: none;
}
.checkout-consent-field label {
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    cursor: pointer;
}
.checkout-consent-field label a {
    color: #0D6DF7;
    text-decoration: underline;
}
#place_order:disabled,
#place_order.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* ---------- Checkout h3 (generic fallback) ---------- */
.woocommerce-checkout h3:not(.checkout-section__title) {
	font-size: 15px;
	margin-bottom: 16px;
}

/* ---------- WC notices above checkout form ---------- */
.woocommerce-checkout .woocommerce-info,
.woocommerce-checkout .woocommerce-message {
	margin-bottom: 24px;
}

/* =============================================================================
   Checkout — form fields (billing / shipping)
   ============================================================================= */
.woocommerce form .form-row {
	margin: 0 0 14px;
	padding: 0;
}
.woocommerce form .form-row label {
	display: block;
	margin-bottom: 4px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #444;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
	width: 100%;
	padding: 9px 12px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 0;
	font-size: 14px;
	background: #fff;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color 0.15s;
	line-height: 1.4;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
	outline: none;
	border-color: #888;
}
.woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce form .form-row.validate-required.woocommerce-invalid select {
	border-color: #e2401c;
}

/* =============================================================================
   Checkout — checkbox fix
   Scoped to form elements only so the mobile-nav #nav.hidden checkbox is
   never matched (it lives outside any <form>).
   ============================================================================= */
.woocommerce-checkout form input[type="checkbox"],
.woocommerce form input[type="checkbox"] {
	/* `checkbox` (not `none`) makes Chrome/Firefox draw the OS-native widget and
	   ignore all the box-model overrides below, which is why every checkout
	   checkbox was rendering as an unstyled native square instead of this design. */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	min-height: 16px !important;
	max-width: 16px !important;
	max-height: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid #aaa !important;
	border-radius: 2px !important;
	background: #fff !important;
	box-shadow: none !important;
	cursor: pointer;
	vertical-align: middle;
	flex-shrink: 0;
	display: inline-block;
	position: relative !important;
	float: none !important;
}
.woocommerce-checkout form input[type="checkbox"]:checked,
.woocommerce form input[type="checkbox"]:checked {
	background: #222 !important;
	border-color: #222 !important;
}
/* `appearance: none` also drops the native checkmark glyph, so draw our own. */
.woocommerce-checkout form input[type="checkbox"]:checked::after,
.woocommerce form input[type="checkbox"]:checked::after {
	content: "";
	position: absolute;
	left: 4px;
	top: 1px;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

/* Checkbox + label alignment */
.woocommerce form .woocommerce-form__label-for-checkbox,
.woocommerce form label.checkbox {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 13px;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
	color: #333;
}
/* wpautop turns the newlines WooCommerce puts inside this label (before the
   input, between input and text) into stray <br> tags. As flex items they're
   invisible but still consume a `gap`, shifting the checkbox right and
   doubling the space before the label text — same bug fixed below for the
   VAT payer checkbox, just needed here too for WC's own checkbox fields
   (e.g. "Create an account?"). */
.woocommerce form .woocommerce-form__label-for-checkbox br,
.woocommerce form label.checkbox br {
	display: none;
}

/* ---------- Checkout VAT payer checkbox ----------
   Same fix as .checkout-consent-field below: wpautop turns the newlines inside
   the PHP-echoed <label> into stray <br> tags, which stack the checkbox above
   its text instead of placing them side by side. */
.checkout-vat-fields label[for="vat_payer"] {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}
.checkout-vat-fields label[for="vat_payer"] br {
	display: none;
}

/* Payment method radio buttons — also scoped to forms */
#payment input[type="radio"],
.woocommerce-checkout form input[type="radio"],
.woocommerce form input[type="radio"] {
	-webkit-appearance: radio;
	appearance: radio;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer;
	flex-shrink: 0;
}

/* Terms & conditions row */
#payment .woocommerce-terms-and-conditions-wrapper {
	padding: 0 16px 12px;
	font-size: 13px;
}
#payment .woocommerce-privacy-policy-text {
	padding: 0 16px 12px;
	font-size: 12px;
	color: #777;
}

/* =============================================================================
   Forms (checkout, account, registration)
   ============================================================================= */
.woocommerce form .form-row {
	margin: 0 0 16px;
	padding: 0;
}
.woocommerce form .form-row label {
	display: block;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 600;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row select,
.woocommerce form .form-row textarea {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	box-sizing: border-box;
	border-radius: 0;
	font-size: 14px;
	background: #fff;
	-webkit-appearance: none;
	appearance: none;
	transition: border-color 0.15s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus {
	outline: none;
	border-color: #aaa;
}
.woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text,
.woocommerce form .form-row.validate-required.woocommerce-invalid select {
	border-color: #e2401c;
}

/* =============================================================================
   My Account — Layout
   ============================================================================= */
.woocommerce-account .woocommerce {
	display: flex;
	gap: 40px;
	align-items: flex-start;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	flex: 0 0 220px;
}
.woocommerce-account .woocommerce-MyAccount-content {
	flex: 1;
	min-width: 0;
}
@media (max-width: 767px) {
	.woocommerce-account .woocommerce {
		flex-direction: column;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation {
		flex: none;
		width: 100%;
	}
}

/* =============================================================================
   My Account — Sidebar Navigation
   ============================================================================= */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0;
	margin: 0;
	border: 1px solid #e8e8e8;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	border-bottom: 1px solid #e8e8e8;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:last-child {
	border-bottom: none;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 11px 16px;
	font-size: 14px;
	text-decoration: none;
	color: #444;
	border-left: 3px solid transparent;
	transition: color 0.15s, border-color 0.15s, background 0.15s;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	color: #0D6DF7;
	background: #f5f9ff;
	border-left-color: #b8d4fb;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
	color: #0D6DF7;
	font-weight: 600;
	border-left-color: #0D6DF7;
	background: #f0f6ff;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
	color: #999;
	font-size: 13px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	color: #e2401c;
	background: #fff8f6;
	border-left-color: #e2401c;
}

/* =============================================================================
   My Account — Dashboard
   ============================================================================= */
.woocommerce-MyAccount-content > p:first-child {
	font-size: 15px;
	color: #333;
	margin-bottom: 12px;
}
.woocommerce-MyAccount-content > p:first-child strong {
	color: #0D6DF7;
}
.woocommerce-MyAccount-content > p:first-child a {
	color: #999;
	font-size: 13px;
}

/* =============================================================================
   My Account — Orders list
   ============================================================================= */
.woocommerce-orders-table thead tr {
	background: #f5f5f5;
}
.woocommerce-orders-table thead th {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #555;
	padding: 10px 12px;
}
.woocommerce-orders-table tbody tr:hover {
	background: #fafafa;
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a {
	font-weight: 600;
	color: #0D6DF7;
	text-decoration: none;
}
.woocommerce-orders-table .woocommerce-orders-table__cell-order-number a:hover {
	text-decoration: underline;
}

/* Order status badges */
mark.order-status,
.woocommerce-orders-table__cell-order-status {
	font-style: normal;
	font-weight: 500;
}
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
	color: #d46b08;
}
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
	color: #389e0d;
}
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-refunded .woocommerce-orders-table__cell-order-status {
	color: #999;
}
.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status {
	color: #e2401c;
}

/* =============================================================================
   My Account — Order detail view
   ============================================================================= */
.woocommerce-order-details__title,
.woocommerce-column__title {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 2px solid #0D6DF7;
}
.woocommerce-order-overview {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	list-style: none;
	padding: 0;
	margin: 0 0 30px;
	border: 1px solid #e8e8e8;
}
.woocommerce-order-overview li {
	padding: 12px 20px;
	font-size: 13px;
	border-right: 1px solid #e8e8e8;
	color: #555;
}
.woocommerce-order-overview li strong {
	display: block;
	font-size: 15px;
	color: #222;
	margin-top: 4px;
}
.woocommerce-order-overview li:last-child {
	border-right: none;
}
.woocommerce-customer-details address {
	padding: 16px;
	border: 1px solid #e8e8e8;
	font-style: normal;
	line-height: 1.7;
	font-size: 14px;
	min-height: 80px;
}

/* Status text in order header */
.woocommerce-order p mark {
	background: none;
	font-style: normal;
}
.woocommerce-order p mark.order-number {
	font-weight: 600;
}
.woocommerce-order p mark.order-status {
	color: #0D6DF7;
	font-weight: 600;
}
.woocommerce-order p mark.order-date {
	font-weight: 600;
}

/* Order detail - addresses block */
.woocommerce-order .woocommerce-columns {
	display: flex;
	gap: 30px;
	margin-top: 30px;
}
.woocommerce-order .woocommerce-column {
	flex: 1;
	min-width: 0;
}
@media (max-width: 600px) {
	.woocommerce-order .woocommerce-columns {
		flex-direction: column;
		gap: 20px;
	}
}

/* =============================================================================
   My Account — Addresses page
   ============================================================================= */
.woocommerce-Addresses {
	display: flex;
	gap: 30px;
}
.woocommerce-Address {
	flex: 1;
	border: 1px solid #e8e8e8;
	padding: 20px;
}
@media (max-width: 600px) {
	.woocommerce-Addresses {
		flex-direction: column;
	}
}
.woocommerce-Address-title {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}
.woocommerce-Address-title h2 {
	font-size: 12px !important;
	font-weight: 700;
	margin: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	color: #777;
}
.woocommerce-Address-title a.edit {
	font-size: 12px;
	color: #0D6DF7;
	text-decoration: none;
	border-bottom: 1px solid transparent;
	transition: border-color 0.15s;
	display: inline-block;
}
.woocommerce-Address-title a.edit:hover {
	border-bottom-color: #0D6DF7;
}
.woocommerce-Address address {
	font-style: normal;
	font-size: 14px;
	line-height: 1.7;
	color: #444;
}

/* =============================================================================
   My Account — Edit address / edit account forms
   ============================================================================= */
.woocommerce-account .woocommerce-MyAccount-content h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 24px 0 16px;
	padding-bottom: 8px;
	border-bottom: 1px solid #eee;
	color: #222;
}
.woocommerce-account .woocommerce-MyAccount-content fieldset {
	border: none;
	padding: 0;
	margin: 20px 0 0;
}
.woocommerce-account .woocommerce-MyAccount-content legend {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #555;
	margin-bottom: 14px;
	padding: 0;
}
.woocommerce-account .woocommerce-form-row label,
.woocommerce-account .form-row label {
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #777;
	margin-bottom: 6px;
	display: block;
}
.woocommerce-account .woocommerce-form-row .required,
.woocommerce-account .form-row .required {
	color: #e2401c;
}
.woocommerce-account .woocommerce-form-row input.input-text,
.woocommerce-account .form-row input.input-text,
.woocommerce-account .form-row input[type="text"],
.woocommerce-account .form-row input[type="email"],
.woocommerce-account .form-row input[type="password"] {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	font-size: 14px;
	background: #fff;
	outline: none;
	transition: border-color 0.15s;
	border-radius: 0;
	box-sizing: border-box;
}
.woocommerce-account .woocommerce-form-row input.input-text:focus,
.woocommerce-account .form-row input.input-text:focus,
.woocommerce-account .form-row input[type="text"]:focus,
.woocommerce-account .form-row input[type="email"]:focus,
.woocommerce-account .form-row input[type="password"]:focus {
	border-color: #0D6DF7;
}
.woocommerce-account .form-row-first,
.woocommerce-account .form-row-last {
	width: calc(50% - 10px);
	float: left;
}
.woocommerce-account .form-row-first {
	margin-right: 20px;
}
.woocommerce-account .form-row-last {
	float: right;
}
.woocommerce-account .form-row-wide {
	clear: both;
}

/* Password strength meter */
.woocommerce-account .woocommerce-password-strength {
	font-size: 12px;
	padding: 6px 10px;
	margin-top: 6px;
}
.woocommerce-account .woocommerce-password-hint {
	font-size: 12px;
	color: #888;
	margin-top: 4px;
}

/* Select fields */
.woocommerce-account .form-row select,
.woocommerce-account .woocommerce-form-row select {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	font-size: 14px;
	background: #fff;
	outline: none;
	border-radius: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
	transition: border-color 0.15s;
}
.woocommerce-account .form-row select:focus,
.woocommerce-account .woocommerce-form-row select:focus {
	border-color: #0D6DF7;
}

/* Edit address / section titles */
.woocommerce-account .woocommerce-MyAccount-content h2:not(.woocommerce-order-details__title):not(.woocommerce-column__title),
.woocommerce-account .woocommerce-MyAccount-content h3:not(.woocommerce-order-details__title) {
	font-size: 18px;
	font-weight: 600;
	margin: 0 0 24px;
	padding-bottom: 10px;
	border-bottom: 2px solid #0D6DF7;
}

/* Edit address / edit account form width */
.woocommerce-account .woocommerce-address-fields,
.woocommerce-account .edit-account {
	max-width: 620px;
}

/* Submit button alignment */
.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"],
.woocommerce-account .woocommerce-MyAccount-content input[type="submit"] {
	margin-top: 24px;
	clear: both;
	display: inline-block;
}

/* Content area top spacing */
.woocommerce-account .woocommerce-MyAccount-content {
	padding-top: 4px;
}

/* =============================================================================
   Order details table (My Account + Thank You page)
   ============================================================================= */
.woocommerce table.shop_table {
	width: 100%;
	border-collapse: collapse;
}
.woocommerce table.shop_table th,
.woocommerce table.shop_table td {
	padding: 10px 12px;
	border-bottom: 1px solid #eee;
	vertical-align: top;
	text-align: left;
}
.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table tfoot td {
	font-weight: 700;
	border-top: 2px solid #e0e0e0;
}

/* =============================================================================
   Pagination
   ============================================================================= */
.woocommerce nav.woocommerce-pagination {
	text-align: center;
	margin: 30px 0;
	clear: both;
}
.woocommerce nav.woocommerce-pagination ul {
	display: inline-flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 4px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	display: block;
	padding: 8px 14px;
	border: 1px solid #ddd;
	text-decoration: none;
	font-size: 14px;
	transition: color 0.15s, border-color 0.15s;
}

/* =============================================================================
   Star rating
   ============================================================================= */
.woocommerce .star-rating {
	overflow: hidden;
	position: relative;
	height: 1em;
	line-height: 1;
	font-size: 13px;
	width: 5.3em;
}
.woocommerce .star-rating::before,
.woocommerce .star-rating span::before {
	content: '\53\53\53\53\53';
	letter-spacing: 0.1em;
}

/* =============================================================================
   Responsive: hide secondary columns on mobile
   ============================================================================= */
@media (max-width: 767px) {
	.woocommerce table.cart .product-subtotal,
	.woocommerce table.cart .product-thumbnail {
		display: none;
	}
	.woocommerce .cart_totals {
		max-width: 100%;
	}
}

/* =============================================================================
   Header icons — My Account + Cart
   ============================================================================= */
.header-icons {
    display: flex;
    align-items: center;
    gap: 6px;
    width: auto;
    flex-shrink: 0;
    padding-left: 16px;
}

.header-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: #0D6DF7;
    transition: color 0.15s;
    text-decoration: none;
}

.header-icon:hover {
    color: #0a58ca;
}

.header-icon svg {
    width: 22px;
    height: 22px;
    display: block;
}

.header-cart-badge {
    position: absolute;
    top: 2px;
    right: 2px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    background: #0D6DF7;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    pointer-events: none;
}

/* Update badge via JS after cart changes */
.header-icon--cart.is-loading .header-cart-badge {
    opacity: 0.5;
}

@media (max-width: 767px) {
    .header-icons {
        padding-left: 8px;
        gap: 2px;
    }
    .header-icon {
        width: 36px;
        height: 36px;
    }
    .header-icon svg {
        width: 20px;
        height: 20px;
    }
}

/* =============================================================================
   Shop page — section title
   ============================================================================= */
.shop-section-title {
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 24px;
}

/* =============================================================================
   Shop categories grid
   ============================================================================= */
.shop-categories {
	margin-bottom: 50px;
}

.shop-categories__list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 -12px;
	padding: 0;
}

.shop-categories__item {
	width: 25%;
	padding: 0 12px 24px;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	.shop-categories__item { width: 33.3333%; }
}
@media (max-width: 767px) {
	.shop-categories__item { width: 50%; }
}
@media (max-width: 479px) {
	.shop-categories__item { width: 100%; }
}

.shop-categories__link {
	display: block;
	text-decoration: none;
	color: inherit;
	transition: opacity 0.2s;
}
.shop-categories__link:hover {
	opacity: 0.8;
}

.shop-categories__img-wrap {
	overflow: hidden;
	background: #f5f5f5;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.shop-categories__img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.3s;
}
.shop-categories__link:hover .shop-categories__img-wrap img {
	transform: scale(1.04);
}

.shop-categories__name {
	display: block;
	margin-top: 10px;
	font-size: 15px;
	font-weight: 600;
}

.shop-categories__count {
	display: block;
	font-size: 13px;
	color: #777;
	margin-top: 3px;
}

/* =============================================================================
   Popular products carousel
   ============================================================================= */
.popular-products {
	margin-bottom: 50px;
}

.popular-products__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 24px;
}
.popular-products__header .shop-section-title {
	margin-bottom: 0;
}

/* Carousel nav buttons */
.pp-carousel__nav {
	display: flex;
	gap: 8px;
}
.pp-carousel__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border: 1px solid #ddd;
	background: #fff;
	color: #333;
	font-size: 22px;
	line-height: 1;
	cursor: pointer;
	border-radius: 0;
	transition: background 0.15s, color 0.15s, border-color 0.15s;
	padding: 0;
}
.pp-carousel__btn:hover:not(:disabled) {
	background: #0D6DF7;
	color: #fff;
	border-color: #0D6DF7;
}
.pp-carousel__btn:disabled,
.pp-carousel__btn.is-disabled {
	opacity: 0.35;
	cursor: default;
}

/* Carousel viewport & track */
.pp-carousel {
	overflow: hidden;
}
.pp-carousel__viewport {
	overflow: hidden;
}

/* Override the default .products grid inside the carousel */
.woocommerce .pp-carousel__track.products {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	margin: 0;
	-webkit-transition: -webkit-transform 0.35s ease;
	transition: transform 0.35s ease;
	will-change: transform;
}
.pp-carousel__track.products::after {
	content: none;
}

/* 4 items visible on desktop */
.pp-carousel__track.products li.product {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	width: 25% !important;
	margin: 0 !important;
	padding: 0 15px 30px;
	box-sizing: border-box;
}

@media (max-width: 991px) {
	.pp-carousel__track.products li.product {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		width: 50% !important;
	}
}
@media (max-width: 479px) {
	.pp-carousel__track.products li.product {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		width: 100% !important;
	}
}

/* =============================================================================
   Checkout order-summary tier stepper
   ============================================================================= */

/* Stepper injected inside .wc-block-components-order-summary-item */
.wc-block-components-order-summary-item .qty-tiers-stepper--checkout {
    display: inline-flex;
    align-items: center;
    border: 1px solid #ddd;
    margin-top: 6px;
}

.wc-block-components-order-summary-item .qty-tiers-stepper--checkout .qty-tiers-btn {
    width: 28px;
    height: 28px;
    min-width: 28px !important;
    font-size: 16px;
    background: #f5f5f5;
}

.wc-block-components-order-summary-item .qty-tiers-stepper--checkout .qty-tiers-cart-display {
    width: 48px;
    height: 28px;
    font-size: 13px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

/* Fix quantity bubble — show tier qty instead of "1" */
.wc-block-components-order-summary-item__quantity[data-qpt-qty] > span[aria-hidden] {
    display: none;
}
.wc-block-components-order-summary-item__quantity[data-qpt-qty]::before {
    content: attr(data-qpt-qty);
    font-weight: 700;
}

/* =============================================================================
   Reset / Set password form (new account & lost password)
   ============================================================================= */
.woocommerce-lost-password .woocommerce-ResetPassword {
	width: 100%;
	max-width: 480px;
}
.woocommerce-lost-password .woocommerce-ResetPassword > p:first-child {
	margin-bottom: 24px;
	color: #555;
	font-size: 14px;
}

/* Labels */
.woocommerce-lost-password .woocommerce-ResetPassword label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #777;
	margin-bottom: 6px;
}
.woocommerce-lost-password .woocommerce-ResetPassword label .required {
	color: #e2401c;
}

/* Inputs */
.woocommerce-lost-password .woocommerce-ResetPassword input[type="password"] {
	width: 100%;
	padding: 10px 12px;
	border: 1px solid #ddd;
	font-size: 14px;
	background: #fff;
	border-radius: 0;
	box-sizing: border-box;
	outline: none;
	transition: border-color 0.15s;
}
.woocommerce-lost-password .woocommerce-ResetPassword input[type="password"]:focus {
	border-color: #0D6DF7;
}

/* Spacing between field rows */
.woocommerce-lost-password .woocommerce-ResetPassword .form-row {
	margin-bottom: 16px;
}

/* Submit button row */
.woocommerce-lost-password .woocommerce-ResetPassword .form-row:last-of-type {
	margin-top: 8px;
	margin-bottom: 0;
}

/* Password strength meter */
.woocommerce-lost-password .woocommerce-password-strength {
	font-size: 12px;
	padding: 6px 10px;
	margin-top: 6px;
}
.woocommerce-lost-password .woocommerce-password-hint {
	font-size: 12px;
	color: #888;
	margin-top: 4px;
	display: block;
}

/* =============================================================================
   Product availability status
   ============================================================================= */
.product-availability {
	font-size: 13px;
	font-weight: 600;
	margin: -8px 0 12px;
	line-height: 1;
}
.product-availability--in_stock    { color: #389e0d; }
.product-availability--out_of_stock { color: #cf1322; }

/* =============================================================================
   Order success modal (thank-you page)
   ============================================================================= */
.order-success-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.order-success-modal.is-open {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.order-success-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
}
.order-success-modal__box {
	position: relative;
	background: #fff;
	max-width: 480px;
	width: 100%;
	padding: 40px 32px 32px;
	text-align: center;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}
.order-success-modal__box h2 {
	font-size: 22px;
	margin: 0 0 12px;
}
.order-success-modal__box p {
	font-size: 15px;
	color: #444;
	margin: 0;
}
.order-success-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	border: none;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	color: #888;
	cursor: pointer;
	transition: color 0.15s;
}
.order-success-modal__close:hover {
	color: #111;
}
.product-availability--coming_soon  { color: #d46b08; }