/*
Theme Name: Blocksy Child
Author: 
Description: Your description goes here
Version: 1.0
Template: blocksy

This is the child theme for Blocksy theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
.teconce-stock-qty{
     margin: 8px 0 0;
    padding: 8px 10px;
    border: 1px dashed #ddd;
    font-size: 16px;
    color: #fc664b;
}

#billing_country_field{
    display:none !important;
}
.hero-section[data-type=type-2]>[class*=ct-container]{
        min-height: var(--min-height, 150px) !important;
}
.entry-summary .single_add_to_cart_button,
.shopifytemplates-buy-now-direct.st-product-cta-btn{
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%) !important;
}
.entry-summary .single_add_to_cart_button:hover,
.shopifytemplates-buy-now-direct.st-product-cta-btn:hover{
    background-image: linear-gradient(-60deg, #1A1D3E 0%, #1A1D3E 100%) !important;
}
/* Base grid */
[data-products] {
	display: grid;
	grid-template-columns: var(--shop-columns);
	grid-column-gap: var(--grid-columns-gap, 24px) !important;
	grid-row-gap: var(--grid-rows-gap, 24px) !important;
	justify-content: start;
}

/* Mobile: 2 columns */
@media (max-width: 767px) {
	[data-products] {
		--shop-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

/* Tablet: 3 columns */
@media (min-width: 768px) and (max-width: 1399px) {
	[data-products] {
		--shop-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}

/* Desktop / Large screens: fixed 6 columns */
@media (min-width: 1400px) {
	[data-products] {
		--shop-columns: repeat(6, minmax(0, 1fr)) !important;
	}
}

.ct-container-src{
    padding-bottom:60px;
}
.st-product-cta-wrap {
	display: flex;
	gap: 12px;
	margin-top: 20px;
}

.st-product-cta-btn {
	flex: 1 1 50%;
	text-align: center;
}

.summary.entry-summary.entry-summary-items.variantbd__product_summary {
    padding: 32px;
    box-shadow: 0 45px 85px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}

.jolly-sale-countdown {
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
    margin-top: 20px;
}

.jsc-banner {
    display: flex;
    align-items: center;
    background-color: #FFF0EB;
    border: 1px solid #FF7246;
    border-radius: 4px;
    color: #FF7246;
}

.jsc-icon {
    font-size: 18px;
    margin-right: 12px;
    background: #FF7246;
    padding: 9px 15px;
}

.jsc-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.jsc-label {
    margin-right: 6px;
}

.jsc-timer {
    display: inline-flex;
    gap: 4px;
}

.jsc-part {
    font-weight: 500;
}
.woocommerce-product-details__short-description {
    border-bottom: 1px solid var(--theme-border-color);
    padding-bottom: 20px;
}

/* ===== Section & Header ===== */

.st-products-section {
	max-width: 1320px;
	margin: 0 auto 72px;
	padding: 0 12px;
}

.st-products-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 24px;
}

.st-products-title {
	margin: 0;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 800;
	color: #0f172a; /* deep navy */
}

.st-products-nav {
	display: flex;
	align-items: center;
	gap: 10px;
}

.st-products-nav button {
	border: none;
	background: #ffffff;
	
	width: 40px;
	height: 40px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #111827;
	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.st-products-nav button span {
	font-size: 18px;
	line-height: 1;
}

.st-products-nav button:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(15, 23, 42, 0.22);
	background: #f9fafb;
}

/* ===== Carousel Layout ===== */

.st-products-carousel.swiper {
	overflow: visible; /* let cards shadow show outside */
}

.st-product-card {
	height: auto;
}

.st-product-inner {
	background: #ffffff;
	border-radius: 24px;
	border: 1px solid #e2e2e28c;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	height: 100%;
}

/* Image area */
.st-product-image {
	position: relative;
	/* keep same look as screenshot (almost 4:3) */
	aspect-ratio: 1 / 1;
	overflow: hidden;
}

.st-product-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

/* ===== Card Content ===== */

.st-product-content {
	padding: 16px 18px 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Category line ("Uncategorized") */
.st-product-category {
	font-size: 12px;
	color: #9ca3af;
	margin-bottom: 4px;
}

/* Title */
.st-product-title {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 600;
	margin: 0 0 4px;
	min-height:44px;
}

.st-product-title a {
	color: #111827;
	text-decoration: none;
}

.st-product-title a:hover {
	text-decoration: underline;
}
.st-products-carousel{
    opacity:0;
}
.st-products-carousel.swiper-initialized{
    opacity:1;
}
/* Two-line clamp to match cropped titles in screenshot */


/* Price row: current + old with strike */
.st-product-price {
	display: flex;
	align-items: baseline;
	gap: 6px;
	font-size: 18px;
	font-weight: 600;
	color: #111827;
}
.ajax_add_to_cart.added{
    display:none;
}
.added_to_cart.wc-forward{
    width:100%;
}
/* WooCommerce price HTML adjustments */
.st-product-price ins {
	text-decoration: none;
	color: #111827;
	font-weight: 700;
}

.st-product-price del {
	color: #9ca3af;
	font-weight: 500;
	font-size: 13px;
}

/* ===== Button area ===== */

.st-product-footer {
	margin-top: 12px;
}

.st-product-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 44px;
	padding: 10px 16px;
	border-radius: 999px;
	border: none;
	background: #020617; /* dark navy like screenshot */
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;

	transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
	    border-radius: 12px !important;
}

/* If you add a bag icon inside, keep small gap */
.st-product-button .st-product-button-text,
.st-product-button i,
.st-product-button svg {
	display: inline-flex;
	align-items: center;
}

.st-product-button:hover {
	background: #020314;
	transform: translateY(-1px);
	
}

/* ===== Small responsive tweaks ===== */

@media (max-width: 767px) {
	.st-products-title {
		font-size: 20px;
	}

	.st-products-section {
		margin-bottom: 48px;
	}
}



@media (min-width: 1000px) {
    .ct-default-gallery .entry-summary.variantbd__product_summary {
        margin-inline-start: 20px;
        width: 65%;
    }
    .ct-default-gallery .woocommerce-product-gallery.variantbd_woocommerce-product-gallery{
        width: 40.36%;
    }
}
@media(max-width: 767px){
    .single.single-product .ct-container-full {
        padding-top: 0px;
    }
}


.sale-price del{
	color:#192a3d !important;
	opacity:.3 !important
}
/* ===== Popular Products Section ===== */

[data-prefix="product"] .hero-section[data-type="type-1"] {
    --margin-bottom: 20px;
}
[data-prefix="product"] [class*="ct-container"] > article[class*="post"]{
	    --theme-boxed-content-spacing: 20px 40px;
}
.ct-breadcrumbs[data-source=default]>span {
  
    font-size: 14px;
}
.st-popular-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 28px;
}

.st-popular-title {
	margin: 0;
	font-size: 40px;
	line-height: 1.15;
	font-weight: 800;
	color: #0f172a; /* dark navy */
}

/* "View All" link on the right */
.st-popular-viewall {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 16px;
	font-weight: 600;
	color: #ff5a1f; /* orange accent */
	text-decoration: none;
}

.st-popular-viewall-arrow {
	font-size: 18px;
}

.st-popular-viewall:hover {
	text-decoration: underline;
}

/* ===== Grid layout ===== */

.st-popular-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 14px;
}

/* Card base */
.st-popular-item {
	display: flex;
	align-items: stretch;
	background: #ffffff;
	border-radius: 12px;
	border: 1px solid #e2e2e28c;
	padding: 12px 12px;
	box-sizing: border-box;
	position:relative
}

/* Left image */
.st-popular-thumb {
	flex: 0 0 120px;
	max-width: 120px;
	margin-right: 16px;
	text-decoration: none;
}

.st-popular-thumb-inner {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: 8px;
}

.st-popular-thumb-inner img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
	object-fit: cover;
}

/* Right text */
.st-popular-body {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/* Product title – clamp to 2 lines */
.st-popular-name {
	margin: 0 0 6px;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 700;
	color: #0f172a;
}

.st-popular-name a {
	color: inherit;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;          /* keep title in 2 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.st-popular-name a:hover {
	text-decoration: underline;
}

/* Price row */
.st-popular-price {
	font-size: 15px;
	font-weight: 600;
	color: #111827;
	display: flex;
	align-items: baseline;
	gap: 6px;
}

/* WooCommerce formatted price (current + old) */
.st-popular-price ins {
	text-decoration: none;
	color: #111827;
	font-weight: 700;
}

.st-popular-price del {
	color: #9ca3af;
	font-weight: 500;
	font-size: 13px;
}

/* ===== Responsive tweaks ===== */

@media (max-width: 767px) {
	.st-popular-title {
		font-size: 20px;
	}

	.st-popular-item {
		padding: 12px 14px;
	}

	.st-popular-thumb {
		flex-basis: 96px;
		max-width: 96px;
	}
}




/* ===== Deal of This Week ===== */



.st-deal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 28px;
}

.st-deal-heading {
	max-width: 520px;
}

.st-deal-title {
	margin: 0 0 8px;
	font-size: 40px;
	line-height: 1.15;
	font-weight: 800;
	color: #0f172a;
}

.st-deal-subtitle {
	margin: 0;
	font-size: 15px;
	line-height: 1.6;
	color: #6b7280;
}

/* Countdown boxes (right side) */

.st-deal-countdown {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.st-deal-count-separator {
	font-size: 22px;
	font-weight: 700;
	color: #020617;
	margin: 0 2px;
}

.st-deal-count-box {
	width: 76px;
	height: 86px;
	border-radius: 16px;
	background: #020617;
	color: #ffffff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.st-deal-count-value {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.1;
	margin-bottom: 4px;
}

.st-deal-count-label {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	opacity: 0.75;
}

/* ===== Products grid (reuses .st-product-* card styles) ===== */

.st-deal-grid {
	display: grid;
	gap: 24px;
	justify-content: start;
}

/* Mobile: 2 columns */
@media (max-width: 767px) {
	.st-deal-grid {
		grid-template-columns: repeat(2, 1fr);
		gap:10px;
	}
}

/* Tablet: 3 columns */
@media (min-width: 768px) and (max-width: 1399px) {
	.st-deal-grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Large desktop: 6 columns fixed */
@media (min-width: 1400px) {
	.st-deal-grid {
		grid-template-columns: repeat(6, 1fr);
	}
}



/* Make deal cards equal height using existing product-inner layout */
.st-deal-card {
	height: 100%;
}

.st-deal-card .st-product-inner {
	height: 100%;
	display: flex;
	flex-direction: column;
}

/* already have .st-product-content, .st-product-footer, etc.; just ensure footer sticks to bottom */
.st-deal-card .st-product-content {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
}

.st-deal-card .st-product-footer {
	margin-top: auto;
}

/* Responsive tweaks */
@media (max-width: 991px) {
	.st-deal-header {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 767px) {
	.st-deal-title {
		font-size: 28px;
	}
}


/* =========================
   Mini Cart Panel (inside #canvas-mini-cart)
   ========================= */

#canvas-mini-cart {
	background: #ffffff;
	display: flex;
	flex-direction: column;
	width: 380px;
	max-width: 100%;
	height: 100vh;
	box-shadow: -18px 0 40px rgba(15, 23, 42, 0.25);
}

/* Header */
#canvas-mini-cart .top-mini-cart {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 18px 20px;
	border-bottom: 1px solid #e5e7eb;
}

#canvas-mini-cart .cart-title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #0f172a;
}

#canvas-mini-cart .cart-close {
	cursor: pointer;
	font-size: 18px;
	color: #9ca3af;
}

#canvas-mini-cart .cart-close:hover {
	color: #111827;
}

/* Scrollable products area */
#canvas-mini-cart .widget_shopping_cart_content {
	flex: 1 1 auto;
	padding: 16px 18px 18px;
	overflow-y: auto;
}

/* Product list */
#canvas-mini-cart .elementor-menu-cart__products {
	display: flex;
	flex-direction: column;
	gap: 14px;
	margin: 0;
}

/* Single product row */
#canvas-mini-cart .elementor-menu-cart__product {
	display: grid;
	grid-template-columns: 72px 1fr auto;
	grid-column-gap: 12px;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px solid #f3f4f6;
}

/* Thumbnail */
#canvas-mini-cart .elementor-menu-cart__product-image {
	width: 72px;
	height: 72px;
	border-radius: 10px;
	overflow: hidden;
}

#canvas-mini-cart .elementor-menu-cart__product-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Product name */
#canvas-mini-cart .elementor-menu-cart__product-name a {
	font-size: 14px;
	font-weight: 600;
	color: #0f172a;
	text-decoration: none;
	display: -webkit-box;
	-webkit-line-clamp: 2;          /* keep title in 2 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
}

#canvas-mini-cart .elementor-menu-cart__product-name a:hover {
	text-decoration: underline;
}

/* Price */
#canvas-mini-cart .elementor-menu-cart__product-price {
	font-size: 14px;
	color: #111827;
	text-align: right;
	font-weight:600
}

#canvas-mini-cart .elementor-menu-cart__product-price .product-quantity {
	margin-right: 4px;
	color: #6b7280;
}

/* Remove button(s) – hide duplicate, show as small "×" */
#canvas-mini-cart .elementor-menu-cart__product-remove {
	grid-column: 3;
	justify-self: end;
}

#canvas-mini-cart .elementor-menu-cart__product-remove .remove_from_cart_button {
	display: inline-block;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	overflow: hidden;
	position: relative;
}

#canvas-mini-cart .elementor-menu-cart__product-remove .elementor_remove_from_cart_button {
	display: none; /* hide Elementor’s duplicate link */
}

#canvas-mini-cart .elementor-menu-cart__product-remove .remove_from_cart_button::before {
	content: "×";
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	text-indent: 0;
	font-size: 16px;
	color: #9ca3af;
}

#canvas-mini-cart .elementor-menu-cart__product-remove .remove_from_cart_button:hover::before {
	color: #ef4444;
}

/* Subtotal */
#canvas-mini-cart .elementor-menu-cart__subtotal {
	padding: 12px 20px 0;
	border-top: 1px solid #e5e7eb;
	font-size: 16px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #111827;
}

#canvas-mini-cart .elementor-menu-cart__subtotal strong {
	font-weight: 600;
}

/* Footer buttons */
#canvas-mini-cart .elementor-menu-cart__footer-buttons {
	padding: 14px 20px 18px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

#canvas-mini-cart .elementor-menu-cart__footer-buttons .elementor-button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 44px;
	border-radius: 999px;
	border: none;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
}

/* View cart = outline */
#canvas-mini-cart .elementor-button--view-cart {
	background: #ffffff;
	color: #020617;
	border: 1px solid #d1d5db;
}

/* Checkout = solid */
#canvas-mini-cart .elementor-button--checkout {
	background: #020617;
	color: #ffffff;
	box-shadow: 0 10px 26px rgba(15, 23, 42, 0.35);
}

#canvas-mini-cart .elementor-button--checkout:hover {
	background: #000000;
}
/* Make mini-cart a flex column so content can scroll */
#canvas-mini-cart {
	display: flex;
	flex-direction: column;
	height: 100vh;
}

/* Scroll only the product list area */
#canvas-mini-cart .widget_shopping_cart_content {
	flex: 1 1 auto;
	overflow-y: auto;
}

/* Keep footer buttons fixed at the bottom of the mini-cart */
#canvas-mini-cart .elementor-menu-cart__footer-buttons {
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #d8d8d8;
    padding: 14px 20px 18px;
    box-shadow: 0 -6px 16px rgba(15, 23, 42, 0.12);
    z-index: 2;
    width: 100%;
    display: flex;
    flex-direction: row;
}

/* Deal grid uses same st-product-image as carousel, so it's covered */

/* Shared hover state for all */
.st-product-image:hover img,
.st-popular-thumb-inner:hover img {
	transform: scale(1.05);
	filter: brightness(1.05);
}
.st-product-image {
	position: relative;
	overflow: hidden;
	border-radius: 14px; /* already using something similar */
}

/* Sale badge */
.st-product-badge {
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px 10px;
	border-radius: 999px;
	background: #ef4444; /* red */
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	white-space: nowrap;
}

.st-product-badge--sale {
	/* reserved for any extra sale-specific tweaks */
}

/* Small screens */
@media (max-width: 480px) {
	#canvas-mini-cart {
		width: 100%;
	}
}

/* Base wrappers (keep as you already have) */
.st-product-image {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.st-product-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition:
		transform 0.35s ease,
		filter 0.35s ease;
}

.st-popular-thumb-inner {
	position: relative;
	overflow: hidden;
	border-radius: 12px;
}

.st-popular-thumb-inner img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition:
		transform 0.35s ease,
		filter 0.35s ease;
}

/* 🔥 Hover via card instead of image */
.st-product-card:hover .st-product-image img,
.st-deal-card:hover .st-product-image img,
.st-popular-card:hover .st-popular-thumb-inner img {
	transform: scale(1.05);
	filter: brightness(1.05);
}
.st-product-title.st-product-title--bn{
	font-size:15px;
}
.st-popular-name.st-popular-name--bn{
	font-size:15px;
}
.st-popular-body .st-product-badge{
	right: 4px;
    left: auto;
    top: 4px;
    font-size: 10px;
    padding: 4px 10px;
    line-height: 1;
}
/* Wrapper (optional spacing) */
.st-product-whatsapp-wrap {
	margin-top: 1.5rem;
}

/* Main WhatsApp button */
.st-product-whatsapp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;

	padding: 0.9rem 1.75rem;

	border-radius: 9px; /* pill style */
	border: none;
	outline: none;

	background-color: #13af4d; /* WhatsApp green */
	color: #ffffff;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;

	transition:
		background-color 0.2s ease,
		transform 0.15s ease,
		box-shadow 0.15s ease;
	width:100%;
}

/* Optional: override any theme .btn styles */
.st-product-whatsapp-btn.btn {
	background-color: #13af4d;
	color: #ffffff;
	border: none;
}

/* Text parts */
.st-product-whatsapp-label,
.st-product-whatsapp-number {
	display: inline-block;
	white-space: nowrap;
}

/* Icon */
.st-product-whatsapp-icon {
	display: inline-block;
	width: 20px;
	height: 20px;
}

/* Hover / focus states */
.st-product-whatsapp-btn:hover,
.st-product-whatsapp-btn:focus {
	background-color: #1A1D3E !important;
	text-decoration: none;

	
}

/* Active (click) */
.st-product-whatsapp-btn:active {
	transform: translateY(0);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}
.shopifytemplates-buy-now-btn {
	margin-left: 0.75rem;
	background-color: #ff6a3c;
	border-color: #ff6a3c;
}
.single_add_to_cart_button.added,
#ship-to-different-address,
.wc-block-components-product-metadata{
    display:none !important;
}
.shopifytemplates-buy-now-btn:hover,
.shopifytemplates-buy-now-btn:focus {
	background-color: #e25c32;
	border-color: #e25c32;
}
.shopifytemplates-buy-now-direct,
.button, .ct-button, .added_to_cart, .ct-button-ghost, [type=submit], .wp-element-button, .wp-block-button__link, button.regform-button, button[class*=ajax], .woocommerce button.button, .woocommerce-message .showlogin, .woocommerce-message .restore-item, .forminator-ui[data-design=none] .forminator-button, .fluentform .ff-el-group button.ff-btn, .ct-button-secondary-text{
    border-radius:8px !important;
}
.ct-product-add-to-cart .added_to_cart.wc-forward{
    flex:1;
}
label {
    font-size: 18px !important;
  
}
.form-row{
    margin:15px !important;
}
.st-deal-section.st-deal-section--related {
    padding:80px 0;
}

.st-deal-section.st-deal-section--related .st-deal-title{
    font-size: 32px;
}
.product_meta{
    margin-top:10px;
}
.ct-product-add-to-cart .stock.in-stock,
.product_meta .posted_in{
    display:none !important;
}
.st-product-share {
	margin-top: 10px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.st-product-share-label {
	font-size: 14px;
	font-weight: 500;
}

.st-product-share-icons {
	display: flex;
	gap: 6px;
}

.st-share-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	color: #fff;
}

.st-share-facebook { background: #1877f2; }
.st-share-twitter  { background: #000000; }
.st-share-whatsapp { background: #25d366; }
.st-share-linkedin { background: #0a66c2; }
.ct-order-review {
  
    --order-review-padding: 20px !important;
}
.page-id-15 article#post-15,
.page-id-14 article#post-14{
    max-width: 1440px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
}
.page-id-15 .ct-container-full,
.page-id-14 .ct-container-full{
    padding:0 !important;
}
@media (min-width: 690px) {
    [class*=ct-woocommerce] .shop_table {
        --theme-table-padding:.5em 0.7em !important;
    }
}
/* Small screens – full width */
@media (max-width: 767px) {
    .page-id-15 article#post-15,
    .page-id-14 article#post-15{

    padding: 15px;
}
    .elementor-element-de9bd3e .e-con-inner,
    .elementor-element-d63c4d0{
        width:100% !important;
    }
    .button, .ct-button, .added_to_cart, .ct-button-ghost, [type=submit], .wp-element-button, .wp-block-button__link, button.regform-button, button[class*=ajax], .woocommerce button.button, .woocommerce-message .showlogin, .woocommerce-message .restore-item, .forminator-ui[data-design=none] .forminator-button, .fluentform .ff-el-group button.ff-btn, .ct-button-secondary-text{
        min-height:55px !important;
    }
    .summary.entry-summary.entry-summary-items.variantbd__product_summary {
    padding: 15px;
    }
    .st-product-cta-wrap {
    display: flex;
    gap: 12px;
    margin-top: 15px;
    flex-wrap: wrap;
}
	.st-product-whatsapp-btn {
		width: 100%;
	}
	[data-prefix="product"] [class*="ct-container"] > article[class*="post"] {
    --theme-boxed-content-spacing: 15px;
        margin: 0;
    width: 100%;
}
}



@media (max-width:767px){
    [data-prefix="product"] .hero-section .ct-breadcrumbs{
        display:none;
    }
    .st-product-title{
        margin-bottom:0 !important;
    }
    .button, .ct-button, .added_to_cart, .ct-button-ghost, [type=submit], .wp-element-button, .wp-block-button__link, button.regform-button, button[class*=ajax], .woocommerce button.button, .woocommerce-message .showlogin, .woocommerce-message .restore-item, .forminator-ui[data-design=none] .forminator-button, .fluentform .ff-el-group button.ff-btn, .ct-button-secondary-text{
        min-height:20px !important;
        font-size:15px !important;
    }
    .st-product-button{
        padding:5px 10px !important;
        width:auto !important;
    }
    
    .elementor-kit-10 button, .elementor-kit-10 input[type="button"], .elementor-kit-10 input[type="submit"], .elementor-kit-10 .elementor-button{
        border-radius:6px !important;
    }
    .st-products-header{
        margin-bottom:12px !important;
    }
    .st-products-nav button span{
        font-size:15px;
    }
    .st-products-nav button {
    border: none;
    background: #ffffff;
    width: 24px;
    height: 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #111827;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
   
.st-product-content{
    padding:10px !important;
}
.elementor-82 .elementor-element.elementor-element-d63c4d0 .e-search-input{
    min-height:40px !important;
}
.st-deal-count-box {
    width: 52px;
    height: 60px;
    border-radius: 16px;
    background: #020617;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.st-deal-count-value {
    font-size:16px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 4px;
}
}


/* =========================
   Shopioora Cart Layout
   Main color: #FF7246
   Target wrapper: .shopi-cart-basic-grid
========================= */

.shopi-cart-basic-grid{
  display: flex !important;
  align-items: flex-start;
  gap: 28px !important;
  width: 100%;
}

/* Left: cart table (form) | Right: totals */
.shopi-cart-basic-grid > form.woocommerce-cart-form{
  flex: 1 1 auto;
  min-width: 0;
}

.shopi-cart-basic-grid .cart-collaterals{
  flex: 0 0 360px;
  max-width: 360px;
  position: sticky;
  top: 24px;
}

/* Cards look */
.shopi-cart-basic-grid .shop_table,
.shopi-cart-basic-grid .cart_totals{
  background: #fff;
  border: 1px solid #eee;
  border-radius: 14px;
  overflow: hidden;
}

.shopi-cart-basic-grid .cart_totals{
  padding: 18px 18px 14px;
}

/* Heading */
.shopi-cart-basic-grid .cart_totals > h2{
  margin: 0 0 12px;
  font-size: 18px;
  line-height: 1.2;
}

/* =========================
   Cart table styling
========================= */
.shopi-cart-basic-grid table.shop_table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}

.shopi-cart-basic-grid table.shop_table thead th{
  background: #fff7f3;
  color: #111;
  font-weight: 600;
  font-size: 13px;
  text-transform: none;
  padding: 14px 12px;
  border-bottom: 1px solid #f0e7e4;
}

.shopi-cart-basic-grid table.shop_table tbody td{
  padding: 14px 12px;
  vertical-align: middle;
  border-bottom: 1px solid #f3f3f3;
  font-size: 14px;
}

.shopi-cart-basic-grid table.shop_table tbody tr:last-child td{
  border-bottom: 0;
}

/* Product name */
.shopi-cart-basic-grid td.product-name a{
  color: #111;
  text-decoration: none;
  font-weight: 600;
}
.shopi-cart-basic-grid td.product-name a:hover{
  color: #FF7246;
}

/* Thumbnail */
.shopi-cart-basic-grid td.product-thumbnail img{
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #eee;
}

/* Remove button */
.shopi-cart-basic-grid a.remove{
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #eee;
  color: #111 !important;
  text-decoration: none;
  transition: 0.2s ease;
}
.shopi-cart-basic-grid a.remove:hover{
  background: #FF7246;
  border-color: #FF7246;
  color: #fff !important;
}

/* Price / subtotal */
.shopi-cart-basic-grid .product-price,
.shopi-cart-basic-grid .product-subtotal{
  white-space: nowrap;
  font-weight: 600;
}

/* Quantity box (works with your .quantity type-2 UI) */
.shopi-cart-basic-grid .quantity{
  display: inline-flex;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 6px 10px;
  gap: 8px;
  background: #fff;
}
.shopi-cart-basic-grid .quantity input.qty{
  width: 64px;
  border: 0;
  outline: 0;
  text-align: center;
  padding: 6px 4px;
  font-weight: 600;
  background: transparent;
}
.shopi-cart-basic-grid .quantity .ct-increase,
.shopi-cart-basic-grid .quantity .ct-decrease{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  border: 1px solid #eee;
  background: #fafafa;
  cursor: pointer;
}

/* =========================
   Actions row (coupon + update)
========================= */
.shopi-cart-basic-grid td.actions{
  background: #fff;
  padding: 16px 12px !important;
  border-top: 1px solid #f3f3f3;
}

.shopi-cart-basic-grid .coupon{
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}

.shopi-cart-basic-grid #coupon_code{
  min-width: 220px;
  height: 44px;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 0 12px;
  outline: none;
}
.shopi-cart-basic-grid #coupon_code:focus{
  border-color: #FF7246;
  box-shadow: 0 0 0 3px rgba(255, 114, 70, 0.15);
}

/* Buttons */
.shopi-cart-basic-grid button.button,
.shopi-cart-basic-grid .wc-proceed-to-checkout a.checkout-button{
  border-radius: 12px;
  height: 44px;
  padding: 0 16px;
  font-weight: 700;
  transition: 0.2s ease;
}

.shopi-cart-basic-grid button.button{
  background: #111;
  border: 1px solid #111;
  color: #fff;
}

.shopi-cart-basic-grid button.button:hover{
  background: #FF7246;
  border-color: #FF7246;
}

.shopi-cart-basic-grid button.button:disabled{
  opacity: 0.5;
  cursor: not-allowed;
}

/* Checkout button */
.shopi-cart-basic-grid .wc-proceed-to-checkout{
  margin-top: 14px;
}
.shopi-cart-basic-grid .wc-proceed-to-checkout a.checkout-button{
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FF7246;
  border: 1px solid #FF7246;
  color: #fff;
  text-decoration: none;
}
.shopi-cart-basic-grid .wc-proceed-to-checkout a.checkout-button:hover{
  filter: brightness(0.95);
}

/* =========================
   Totals table + shipping
========================= */
.shopi-cart-basic-grid .cart_totals table.shop_table{
  border: 0;
}
.shopi-cart-basic-grid .cart_totals table.shop_table th,
.shopi-cart-basic-grid .cart_totals table.shop_table td{
  padding: 12px 0;
  border-bottom: 1px dashed #eee;
  font-size: 14px;
}
.shopi-cart-basic-grid .cart_totals table.shop_table tr:last-child th,
.shopi-cart-basic-grid .cart_totals table.shop_table tr:last-child td{
  border-bottom: 0;
}

.shopi-cart-basic-grid .ct-shipping-heading{
  font-weight: 700;
  margin: 2px 0 8px;
}

.shopi-cart-basic-grid ul.woocommerce-shipping-methods{
  margin: 0;
  padding: 0;
}
.shopi-cart-basic-grid ul.woocommerce-shipping-methods li{
  list-style: none;
  padding: 8px 10px;
  border: 1px solid #eee;
  border-radius: 12px;
  margin-bottom: 10px;
  background: #fff;
}
.shopi-cart-basic-grid ul.woocommerce-shipping-methods input[type="radio"]{
  accent-color: #FF7246;
  margin-right: 8px;
}

.shopi-cart-basic-grid .woocommerce-shipping-destination{
  margin: 10px 0 0;
  font-size: 13px;
  color: #666;
}

/* Total row highlight */
.shopi-cart-basic-grid .order-total th,
.shopi-cart-basic-grid .order-total td{
  font-size: 16px !important;
  font-weight: 800 !important;
  padding-top: 14px !important;
}
.shopi-cart-basic-grid .order-total td strong{
  color: #111;
}

/* =========================
   Responsive
========================= */
@media (max-width: 1024px){
  .shopi-cart-basic-grid{
    flex-direction: column;
  }
  .shopi-cart-basic-grid .cart-collaterals{
    position: static;
    flex-basis: auto;
    max-width: 100%;
    width: 100%;
  }
}

/* Mobile table → make it readable */
@media (max-width: 768px){
  .shopi-cart-basic-grid table.shop_table thead{
    display: none;
  }
  .shopi-cart-basic-grid table.shop_table,
  .shopi-cart-basic-grid table.shop_table tbody,
  .shopi-cart-basic-grid table.shop_table tr,
  .shopi-cart-basic-grid table.shop_table td{
    display: block;
    width: 100%;
  }

  .shopi-cart-basic-grid table.shop_table tr{
    border-bottom: 1px solid #f3f3f3;
    padding: 10px 0;
  }

  .shopi-cart-basic-grid table.shop_table td{
    border: 0;
    padding: 8px 12px;
  }

  .shopi-cart-basic-grid td.product-thumbnail img{
    width: 72px;
    height: 72px;
  }

  .shopi-cart-basic-grid .coupon{
    flex-direction: column;
    align-items: stretch;
  }
  .shopi-cart-basic-grid #coupon_code,
  .shopi-cart-basic-grid .coupon button.button{
    width: 100%;
  }
}


/* =====================================
   MOBILE – EXTRA COMPACT SPACING
===================================== */
@media (max-width: 768px){

  /* Overall container */
  .shopi-cart-basic-grid{
    gap: 12px !important;
  }

  /* Each cart item row */
  .shopi-cart-basic-grid table.shop_table tr{
    padding: 6px 0 !important;
    margin: 0 !important;
  }

  /* Table cells */
  .shopi-cart-basic-grid table.shop_table td{
    padding: 6px 10px !important;
    line-height: 1.3;
  }

  /* Product thumbnail */
  .shopi-cart-basic-grid td.product-thumbnail img{
    width: 56px;
    height: 56px;
  }

  /* Product name */
  .shopi-cart-basic-grid td.product-name a{
    font-size: 14px;
    line-height: 1.35;
  }

  /* Price / subtotal */
  .shopi-cart-basic-grid .product-price,
  .shopi-cart-basic-grid .product-subtotal{
    font-size: 13px;
  }

  /* Quantity box */
  .shopi-cart-basic-grid .quantity{
    padding: 4px 6px;
    border-radius: 10px;
  }

  .shopi-cart-basic-grid .quantity input.qty{
    width: 52px;
    padding: 2px 0;
    font-size: 13px;
  }

  .shopi-cart-basic-grid .quantity .ct-increase,
  .shopi-cart-basic-grid .quantity .ct-decrease{
    width: 26px;
    height: 26px;
  }

  /* Remove button */
  .shopi-cart-basic-grid a.remove{
    width: 28px;
    height: 28px;
    font-size: 16px;
  }

  /* Coupon + actions */
  .shopi-cart-basic-grid td.actions{
    padding: 10px !important;
  }

  .shopi-cart-basic-grid .coupon{
    gap: 6px;
  }

  .shopi-cart-basic-grid #coupon_code{
    height: 40px;
    padding: 0 10px;
  }

  .shopi-cart-basic-grid button.button{
    height: 40px;
    font-size: 14px;
  }

  /* Cart totals box */
  .shopi-cart-basic-grid .cart_totals{
    padding: 12px;
  }

  .shopi-cart-basic-grid .cart_totals h2{
    margin-bottom: 8px;
    font-size: 16px;
  }

  /* Totals rows */
  .shopi-cart-basic-grid .cart_totals table.shop_table th,
  .shopi-cart-basic-grid .cart_totals table.shop_table td{
    padding: 8px 0;
    font-size: 13px;
  }

  /* Shipping methods */
  .shopi-cart-basic-grid ul.woocommerce-shipping-methods li{
    padding: 6px 8px;
    margin-bottom: 6px;
    border-radius: 10px;
  }

  /* Checkout button */
  .shopi-cart-basic-grid .wc-proceed-to-checkout{
    margin-top: 10px;
  }

  .shopi-cart-basic-grid .wc-proceed-to-checkout a.checkout-button{
    height: 42px;
    font-size: 15px;
  }

}





@media (max-width:768px){

.shopi-cart-mobile-list{
	display:flex;
	flex-direction:column;
	gap:10px;
}

.shopi-cart-mitem{
	display:flex;
	
	gap:10px;
	background:#fff;
	border:1px solid #eee;
	border-radius:12px;
	padding:10px;
}

.shopi-cart-mthumb img{
	width:40px;
	height:40px;
	object-fit:cover;
	border-radius:10px;
	border:1px solid #eee;
	min-width:40px;
}

.shopi-cart-mtop{
	display:flex;
	justify-content:space-between;
	gap:10px;
}

.shopi-cart-mtitle a{
	font-size:14px;
	font-weight:700;
	line-height:1.3;
	color:#111;
	text-decoration:none;
}

.shopi-cart-mremove a{
	width:30px;
	height:30px;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #eee;
	border-radius:10px;
	text-decoration:none;
}

.shopi-cart-mbottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:8px;
	margin-top:6px;
}

.shopi-cart-mprice{
	color:#FF7246;
	font-weight:800;
}

.shopi-cart-msubtotal{
	font-weight:800;
}

.shopi-cart-mqty .quantity{
	display:inline-flex;
	align-items:center;
	gap:6px;
	border:1px solid #eee;
	border-radius:10px;
	padding:3px 6px;
}

.shopi-cart-mqty .qty{
	width:44px;
	text-align:center;
	font-weight:700;
	border:0;
}

}

/* =======================================================
   CART (MOBILE) – COUPON BOX COMPACT FIX
   Works for both default Woo cart + your mobile layout.
======================================================= */
@media (max-width: 768px){

  /* Reduce extra space around actions row/area */
  .shopi-cart-mobile-actions,
  .woocommerce-cart-form .actions{
    padding: 10px !important;
    margin: 0 !important;
  }

  /* Coupon wrapper */
  .woocommerce-cart-form .coupon{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 10px !important;
  }

  /* Coupon input */
  .woocommerce-cart-form .coupon #coupon_code,
  .woocommerce-cart-form .coupon input[name="coupon_code"]{
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    padding: 8px 10px !important;
    border: 1px solid #e9e9e9 !important;
    border-radius: 10px !important;
    outline: 0 !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  .woocommerce-cart-form .coupon #coupon_code:focus{
    border-color: #FF7246 !important;
    box-shadow: 0 0 0 2px rgba(255,114,70,.18) !important;
  }

  /* Apply button */
  .woocommerce-cart-form .coupon button[name="apply_coupon"],
  .woocommerce-cart-form .coupon .button{
    flex: 0 0 auto !important;
    height: 40px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    border: 1px solid #FF7246 !important;
    background: #FF7246 !important;
    color: #fff !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 40px !important;
    white-space: nowrap !important;
  }

  /* If Woo outputs Update cart near coupon, make it full width and tight */
  .woocommerce-cart-form button[name="update_cart"]{
    width: 100% !important;
    height: 42px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    margin: 0 !important;
  }

  /* Remove big gaps that some themes add */
  .woocommerce-cart-form .coupon + button,
  .woocommerce-cart-form .actions .button{
    margin-top: 8px !important;
  }

  /* If theme wraps buttons in .actions with floats */
  .woocommerce-cart-form .actions .coupon,
  .woocommerce-cart-form .actions button{
    float: none !important;
    clear: both !important;
  }
}

/* Extra-small phones: allow wrap so button doesn't overflow */
@media (max-width: 767px){
  .woocommerce-cart-form .coupon{
    flex-wrap: wrap !important;
  }
  .woocommerce-cart-form .coupon button[name="apply_coupon"]{
    width: 100% !important;
  }
  .page-id-15 article#post-15, .page-id-14 article#post-14{
      padding:0 0 30px 0 !important;
  }
}

/* =========================================
   CART – MOBILE QUANTITY FIX (VISIBLE NUMBER)
========================================= */
@media (max-width: 768px){
.added_to_cart.wc-forward{
    width:auto !important;
}
    .quantity[data-type=type-2] input[type=number]{
        width:100% !important;
    }

  /* Quantity wrapper */
  .shopi-cart-basic-grid .quantity{
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 2px 4px !important;
    border-radius: 8px !important;
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
  }

  /* Minus / Plus buttons */
  .shopi-cart-basic-grid .quantity .ct-decrease,
  .shopi-cart-basic-grid .quantity .ct-increase{
    width: 22px !important;
    height: 22px !important;
    min-width: 22px !important;
    min-height: 22px !important;
    line-height: 22px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
  }

  /* Quantity number input – THIS FIXES VISIBILITY */
  .shopi-cart-basic-grid .quantity input.qty{
    display: inline-block !important;
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 22px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    color: #111 !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  /* Remove browser arrows (iOS/Android) */
  .shopi-cart-basic-grid .quantity input.qty::-webkit-outer-spin-button,
  .shopi-cart-basic-grid .quantity input.qty::-webkit-inner-spin-button{
    -webkit-appearance: none;
    margin: 0;
  }

  .shopi-cart-basic-grid .quantity input.qty{
    -moz-appearance: textfield;
  }
}

/* Extra small phones */
@media (max-width: 360px){
  .shopi-cart-basic-grid .quantity input.qty{
    width: 30px !important;
    min-width: 30px !important;
    font-size: 12px !important;
  }
}


/* Mobile: 2-column masonry */
@media (max-width: 767px) {
	.quantity[data-type=type-2] input[type=number] {

    padding-inline: 0 !important;
}
	.quantity[data-type=type-2] {
    width: 70px;
}
	.quantity[data-type=type-2] .ct-increase, .quantity[data-type=type-2] .ct-decrease {
    top: calc(50% - var(--quantity-height, 55px) / 3.6);
    width: 18px;
    height: 88%; 
	}
	.quantity[data-type=type-2] input[type=number] {
 
    padding-inline: calc(var(--quantity-height, 32px) / 1.8 + 9%);
}
	.quantity[data-type=type-2] {
    width: var(--quantity-width, 100px);
    height: 40px;
} 
	.shopi-cart-mtitle{
		max-width:88% !important;
	}
	[data-prefix="single_page"] .entry-header .page-title{
		text-align:center !important
	}
    .st-product-whatsapp-btn{
        height:40px !important;
    }
    .st-product-whatsapp-btn .st-product-whatsapp-number{
        display:none !important;
    }
    .button, .ct-button, .added_to_cart, .ct-button-ghost, [type=submit], .wp-element-button, .wp-block-button__link, button.regform-button, button[class*=ajax], .woocommerce button.button, .woocommerce-message .showlogin, .woocommerce-message .restore-item, .forminator-ui[data-design=none] .forminator-button, .fluentform .ff-el-group button.ff-btn, .ct-button-secondary-text{
        height:40px !important;
    }
    .product[class*=gallery] .entry-summary-items>* {
    margin-bottom: 0 !important;
}
.ct-product-add-to-cart{
    margin-top:8px !important;
}
    .ct-product-divider{
        display:none !important;
    }
        div.woocommerce-product-gallery {
        margin-bottom: 1em !important;
    }
    .entry-summary .entry-title {
    --theme-font-size: 20px !important;
    line-height: 1.5 !important;
}
    .summary.entry-summary.entry-summary-items.variantbd__product_summary {
    padding: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
}
    div.woocommerce-product-gallery ol{
        margin:0 !important;
        width: 104%;
    }
    div.woocommerce-product-gallery li {
    padding-top: 5px !important;
    padding-inline:5px !important;
    }
        div.woocommerce-product-gallery li {
        --thumbs-width: 19.333% !important;
    }
    .flexy-arrow-prev,
    .flexy-arrow-next{
        display:none !important;
    }
        [data-prefix="product"] [class*="ct-container"] > article[class*="post"] {
        --theme-boxed-content-spacing: 10px !important;
        margin: 0;
        width: 100%;
    }
    [data-prefix="product"] .hero-section[data-type="type-1"] {
    --margin-bottom: 0 !important;
}
        .is-width-constrained{
            width:100% !important;
        }
    .st-product-footer{
        margin-top:3px;
    }
    .st-product-image,
    .st-product-inner{
    
    border-radius: 8px !important;
}
    .st-product-price ins {
    text-decoration: none;
    color: #ff7246;
    font-weight: 700;
}
  .st-deal-grid {
    display: block !important;   /* override grid/flex */
    column-count: 2;
    column-gap: 14px;
  }

  .st-deal-grid .st-deal-card {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;

    display: inline-block;
    width: 100%;
    margin-bottom: 14px;
  }
  .st-deal-card .st-product-content{
      gap:0 !important
  }
  .product>.woocommerce-tabs {
    padding-top: 24px !important;
    clear: both;
}
.st-deal-section.st-deal-section--related .st-deal-title {
    font-size: 20px !important;
}
.st-deal-section.st-deal-section--related {
    padding: 32px 0 !important;
}

}


/* =============================================================================

   BraLuxury — Popular Products Widget
   ─────────────────────────────────────────────────────────────────────────────
   Three world-class luxury styles inspired by:
     Style 1 – LA PERLA MAISON  (Architectural white, Didot ratio, barely-there)
     Style 2 – NOIR OBSESSION   (Agent Provocateur: black velvet, blood rose)
     Style 3 – BOUDOIR REVIVAL  (Maison Close: champagne, exposed stitch, cinematic)

   Typography drivers:
     Display — Cormorant Garamond (thin italic serifs, La Perla DNA)
     Caption  — Jost 200 (whisper-light tracking)
     Accent   — Cinzel (Roman capital authority, sparingly)

   All Elementor color/typography selectors override these defaults.
   ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600&family=Cormorant+Garamond:ital,wght@0,200;0,300;0,400;0,600;1,200;1,300;1,400&family=Jost:wght@200;300;400;500&display=swap');


/* ─────────────────────────────────────────────────────────────────────────────
   SHARED BASE — minimal resets, shared geometry
   ───────────────────────────────────────────────────────────────────────────── */

.bl-popular-section {
	width: 100%;
	padding: 96px 0;
	position: relative;
}

.bl-popular-header {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 56px;
}

.bl-products-grid {
	display: grid;
	/* columns injected per-widget via inline <style> */
}

.bl-product-card {
	display: flex;
	flex-direction: column;
	position: relative;
}

.bl-product-thumb {
	display: block;
	position: relative;
	overflow: hidden;
	text-decoration: none;
}

.bl-product-thumb-inner {
	width: 100%;
	aspect-ratio: 3 / 4;
	overflow: hidden;
}

.bl-product-thumb-inner img {
	width: 100%;
	height: 100% !important;
	object-fit: cover;
	display: block;
	will-change: transform;
}

.bl-product-thumb-overlay {
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.55s ease;
}

.bl-product-badge {
	position: absolute;
	top: 18px;
	left: 18px;
	z-index: 3;
	line-height: 1;
}

.bl-product-body {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.bl-product-name {
	margin: 0;
	line-height: 1.25;
}

.bl-product-name a {
	text-decoration: none;
}

.bl-product-price ins {
	text-decoration: none;
}

.bl-product-cta {
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	align-self: flex-start;
	position: relative;
	overflow: hidden;
}

/* Bengali font fallback */
.bl-product-name--bn {
	font-family: 'Hind Siliguri', 'SolaimanLipi', sans-serif !important;
	font-style: normal !important;
}


/* ═════════════════════════════════════════════════════════════════════════════
   STYLE 1 — LA PERLA MAISON
   ─────────────────────────────────────────────────────────────────────────────
   Inspired by: La Perla flagship stores, Loro Piana
   Concept: Extreme negative space. Architecture as luxury.
             Section title drifts left in giant italic Cormorant.
             Cards are frameless — image bleeds to edge, text floats below.
             The CTA is a single hairline that draws rightward.
   Palette: Pure white #FFFFFF · Ink #0F0F0F · Warm grey #B8B2AA
   ═════════════════════════════════════════════════════════════════════════════ */

.bl-popular-section--style-1 {
	--s1-white:  #ffffff;
	--s1-ink:    #0f0f0f;
	--s1-warm:   #b8b2aa;
	--s1-rule:   rgba(15,15,15,0.10);
	--s1-gold:   #c8a96a;

	background-color: var(--s1-white);
	padding: 120px 0 80px;
}

/* ── Header: giant overflowing title ── */
.bl-popular-section--style-1 .bl-popular-header {
	margin-bottom: 64px;
	align-items: flex-end;
	position: relative;
}

.bl-popular-section--style-1 .bl-popular-title {
	font-family: 'Cormorant Garamond', 'Times New Roman', serif;
	font-weight: 200;
	font-style: italic;
	font-size: 24px;
	color: var(--s1-ink);
	letter-spacing: -0.02em;
	line-height: 0.92;
	margin: 0;
	/* Slides first letter into negative margin — the La Perla move */
	margin-left: -0.04em;
}

.bl-popular-section--style-1 .bl-popular-viewall {
	display: inline-flex;
	align-items: center;
	gap: 0;
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 10px;
	letter-spacing: 0.35em;
	text-transform: uppercase;
	color: var(--s1-ink);
	text-decoration: none;
	padding-bottom: 20px; /* optical alignment with title baseline */
	transition: color 0.3s ease;
}

/* Animated hairline that extends right */
.bl-popular-section--style-1 .bl-popular-viewall::after {
	content: '';
	display: block;
	width: 32px;
	height: 1px;
	background: var(--s1-ink);
	margin-left: 14px;
	transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.bl-popular-section--style-1 .bl-popular-viewall:hover { color: var(--s1-warm); }
.bl-popular-section--style-1 .bl-popular-viewall:hover::after {
	width: 64px;
	background: var(--s1-warm);
}

.bl-popular-section--style-1 .bl-popular-viewall-arrow { display: none; }

/* ── Grid: zero gap, full-bleed images ── */
.bl-popular-section--style-1 .bl-products-grid {
	gap: 0;
	/* Column rules drawn between items via box-shadow */
}

/* ── Card: frameless, image scales up on hover ── */
.bl-popular-section--style-1 .bl-product-card {
	background: var(--s1-white);
}

.bl-popular-section--style-1 .bl-product-thumb-inner img {
	transition: transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
}

.bl-popular-section--style-1 .bl-product-card:hover .bl-product-thumb-inner img {
	transform: scale(1.07);
}

/* Very faint gradient burn at image bottom */
.bl-popular-section--style-1 .bl-product-thumb-overlay {
	background: linear-gradient(
		to bottom,
		transparent 55%,
		rgba(15,15,15,0.18) 100%
	);
	opacity: 1;
}

/* ── Badge: ink capsule ── */
.bl-popular-section--style-1 .bl-product-badge--sale {
	background: var(--s1-ink);
	color: var(--s1-white);
	font-family: 'Jost', sans-serif;
	font-weight: 300;
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	padding: 6px 14px;
}

/* ── Body: floats below image with a lot of room ── */
.bl-popular-section--style-1 .bl-product-body {
	padding: 22px 18px 36px 2px;
	border-top: 1px solid var(--s1-rule);
	margin-top: 0;
}

/* Product name — Cormorant thin, generous */
.bl-popular-section--style-1 .bl-product-name {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 300;
	font-size: 22px;
	letter-spacing: 0.02em;
	color: var(--s1-ink);
	margin-bottom: 10px;
	line-height: 1.3;
}

.bl-popular-section--style-1 .bl-product-name a { color: var(--s1-ink); transition: opacity 0.25s; }
.bl-popular-section--style-1 .bl-product-name a:hover { opacity: 0.45; }

/* Price — ghost light Jost */
.bl-popular-section--style-1 .bl-product-price {
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 16px;
	letter-spacing: 0.12em;
	color: var(--s1-ink);
	margin-bottom: 24px;
}

.bl-popular-section--style-1 .bl-product-price del {
	color: var(--s1-warm);
	margin-right: 8px;
}

/* CTA — hairline text link with animated underline draw */
.bl-popular-section--style-1 .bl-product-cta {
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 12px;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: var(--s1-ink);
	margin-top: auto;
	padding-bottom: 0;
}

.bl-popular-section--style-1 .bl-product-cta::after {
	content: '';
	display: block;
	height: 1px;
	background: var(--s1-ink);
	width: 0;
	transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	margin-top: 4px;
}

.bl-popular-section--style-1 .bl-product-card:hover .bl-product-cta::after,
.bl-popular-section--style-1 .bl-product-cta:hover::after {
	width: 100%;
}


/* ═════════════════════════════════════════════════════════════════════════════
   STYLE 2 — NOIR OBSESSION
   ─────────────────────────────────────────────────────────────────────────────
   Inspired by: Agent Provocateur, Fleur of England, Monique L'Huillier
   Concept: Deep matte black canvas. Blood rose accent. Gold whispers.
             Cards have a 1px rose border that blazes gold on hover.
             Title in giant Cinzel capitals — authoritative, seductive.
             CTA reverses out: full gold fill slides in from left.
   Palette: Black #0A0A0A · Blush Noir #1C1318 · Blood Rose #A0303A · Gold #C8A96A
   ═════════════════════════════════════════════════════════════════════════════ */

.bl-popular-section--style-2 {
	--s2-black:    #0a0a0a;
	--s2-surface:  #111111;
	--s2-card:     #161214;
	--s2-rose:     #a0303a;
	--s2-rose-lt:  #c94455;
	--s2-gold:     #c8a96a;
	--s2-gold-lt:  #e0c98a;
	--s2-text:     #e8e2dc;
	--s2-muted:    #6e665e;
	--s2-border:   rgba(160, 48, 58, 0.28);

	background-color: var(--s2-black);
	padding: 100px 0;
}

/* ── Decorative grain texture overlay on section ── */
.bl-popular-section--style-2::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
	background-size: 256px 256px;
	mix-blend-mode: overlay;
}

.bl-popular-section--style-2 .bl-popular-header,
.bl-popular-section--style-2 .bl-products-grid {
	position: relative;
	z-index: 1;
}

/* ── Title: Cinzel all-caps, wide tracking ── */
.bl-popular-section--style-2 .bl-popular-header {
	margin-bottom: 60px;
	align-items: center;
	border-bottom: 1px solid var(--s2-border);
	padding-bottom: 28px;
}

.bl-popular-section--style-2 .bl-popular-title {
	font-family: 'Cinzel', 'Trajan Pro', serif;
	font-weight: 400;
	font-size: clamp(22px, 3vw, 38px);
	color: var(--s2-text);
	letter-spacing: 0.28em;
	text-transform: uppercase;
	margin: 0;
	line-height: 1;
}

/* Thin rose rule below the first word (via pseudo element trick) */
.bl-popular-section--style-2 .bl-popular-title::after {
	content: '';
	display: block;
	width: 48px;
	height: 1px;
	background: var(--s2-rose);
	margin-top: 14px;
}

/* ── View All: rose outline pill → gold fill ── */
.bl-popular-section--style-2 .bl-popular-viewall {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: 'Jost', sans-serif;
	font-weight: 300;
	font-size: 9px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--s2-gold);
	text-decoration: none;
	border: 1px solid rgba(200, 169, 106, 0.35);
	padding: 11px 24px;
	transition: color 0.35s ease, border-color 0.35s ease, background 0.35s ease;
	/* Shimmer fill from left */
	background: linear-gradient(90deg, var(--s2-gold) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right;
}

.bl-popular-section--style-2 .bl-popular-viewall:hover {
	color: var(--s2-black);
	border-color: var(--s2-gold);
	background-position: left;
}

.bl-popular-section--style-2 .bl-popular-viewall-arrow {
	transition: transform 0.3s ease;
}

.bl-popular-section--style-2 .bl-popular-viewall:hover .bl-popular-viewall-arrow {
	transform: translateX(4px);
}

/* ── Grid: tight 2px gutters — cards feel like a vitrine ── */
.bl-popular-section--style-2 .bl-products-grid {
	gap: 2px;
}

/* ── Card: matte dark surface, rose border lights up ── */
.bl-popular-section--style-2 .bl-product-card {
	background: var(--s2-card);
	border: 1px solid transparent;
	transition: border-color 0.45s ease;
}

.bl-popular-section--style-2 .bl-product-card:hover {
	border-color: rgba(200, 169, 106, 0.4);
}

.bl-popular-section--style-2 .bl-product-thumb-inner img {
	filter: saturate(0.88);
	transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1), filter 0.45s ease;
}

.bl-popular-section--style-2 .bl-product-card:hover .bl-product-thumb-inner img {
	transform: scale(1.06);
	filter: saturate(1.05);
}

/* Smoky bottom gradient always present */
.bl-popular-section--style-2 .bl-product-thumb-overlay {
	background: linear-gradient(
		to bottom,
		transparent 40%,
		rgba(10, 10, 10, 0.72) 100%
	);
	opacity: 1;
}

/* ── Badge: rose bg ── */
.bl-popular-section--style-2 .bl-product-badge--sale {
	background: var(--s2-rose);
	color: #fff;
	font-family: 'Jost', sans-serif;
	font-weight: 300;
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	padding: 6px 13px;
}

/* ── Body ── */
.bl-popular-section--style-2 .bl-product-body {
	padding: 20px 22px 26px;
	border-top: 1px solid rgba(255,255,255,0.05);
}

.bl-popular-section--style-2 .bl-product-name {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 300;
	font-style: italic;
	font-size: 21px;
	letter-spacing: 0.04em;
	color: var(--s2-text);
	margin-bottom: 7px;
	line-height: 1.3;
}

.bl-popular-section--style-2 .bl-product-name a { color: var(--s2-text); transition: color 0.25s; }
.bl-popular-section--style-2 .bl-product-name a:hover { color: var(--s2-gold); }

.bl-popular-section--style-2 .bl-product-price {
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 17px;
	letter-spacing: 0.1em;
	color: var(--s2-gold);
	margin-bottom: 18px;
}

.bl-popular-section--style-2 .bl-product-price del {
	color: var(--s2-muted);
	margin-right: 7px;
	font-size: 11px;
}

/* CTA: ghost border → gold fill slide ── */
.bl-popular-section--style-2 .bl-product-cta {
	font-family: 'Jost', sans-serif;
	font-weight: 300;
	font-size: 12px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--s2-gold);
	border: 1px solid rgba(200, 169, 106, 0.3);
	padding: 9px 20px;
	margin-top: auto;
	background: linear-gradient(90deg, var(--s2-gold) 50%, transparent 50%);
	background-size: 200% 100%;
	background-position: right;
	transition: color 0.35s ease, background-position 0.35s ease, border-color 0.35s ease;
}

.bl-popular-section--style-2 .bl-product-cta:hover {
	color: var(--s2-black);
	background-position: left;
	border-color: var(--s2-gold);
}


/* ═════════════════════════════════════════════════════════════════════════════
   STYLE 3 — BOUDOIR REVIVAL
   ─────────────────────────────────────────────────────────────────────────────
   Inspired by: Maison Close, Carine Gilson, Bordelle
   Concept: Warm champagne parchment. The grid breaks — first card is double-wide.
             Product info is ALWAYS visible below image (no hover trick — just
             pure editorial hierarchy). On hover, a silk-fade tint kisses the
             image and a thin ruled line under the title extends infinitely.
             Decorative corner marks (┐ ┌) frame each card on hover.
   Palette: Parchment #F5EFE8 · Champagne #E8D9C4 · Sable #2C2420 · Blush #D4A0A0
   ═════════════════════════════════════════════════════════════════════════════ */

.bl-popular-section--style-3 {

	--s3-champ:   #e8d9c4;
	--s3-sable:   #2c2420;
	--s3-blush:   #c8888a;
	--s3-muted:   #9c8e84;
	--s3-border:  rgba(44, 36, 32, 0.12);
	--s3-rule:    rgba(44, 36, 32, 0.18);
	--s3-silk:    rgba(232, 217, 196, 0.5);

	background-color: var(--s3-parch);
	padding: 0 0;
}

/* ── Subtle linen texture ── */
.bl-popular-section--style-3::before {
	
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image: repeating-linear-gradient(
		0deg,
		transparent,
		transparent 3px,
		rgba(44, 36, 32, 0.012) 3px,
		rgba(44, 36, 32, 0.012) 4px
	);
}

.bl-popular-section--style-3 .bl-popular-header,
.bl-popular-section--style-3 .bl-products-grid {
	position: relative;
	z-index: 1;
}

/* ── Header: asymmetric — title left, rule drawn across, viewall floats right ── */
.bl-popular-section--style-3 .bl-popular-header {
	position: relative;
	margin-bottom: 60px;
	align-items: flex-start;
}

/* Full-width hairline spanning below the header */
.bl-popular-section--style-3 .bl-popular-header::after {
	content: '';
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	height: 1px;
	background: var(--s3-rule);
}

.bl-popular-section--style-3 .bl-popular-title {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 200;
	font-style: italic;
	font-size: clamp(40px, 5.5vw, 74px);
	color: var(--s3-sable);
	letter-spacing: -0.01em;
	line-height: 1.0;
	margin: 0;
}

/* Small roman numeral count / category label as subtle sub-text */
.bl-popular-section--style-3 .bl-popular-title::before {
	content: 'Collection';
	display: block;
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 0.38em;
	text-transform: uppercase;
	color: var(--s3-blush);
	margin-bottom: 12px;
	line-height:1;
}

/* ── View All: bare text link with Blush underline ── */
.bl-popular-section--style-3 .bl-popular-viewall {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 9.5px;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	color: var(--s3-sable);
	text-decoration: none;
	margin-top: 14px;   /* optically aligns with title's first cap height */
	transition: color 0.3s ease;
}

.bl-popular-section--style-3 .bl-popular-viewall::after {
	content: '';
	display: inline-block;
	width: 20px;
	height: 1px;
	background: var(--s3-blush);
	transition: width 0.4s cubic-bezier(0.4,0,0.2,1), background 0.3s;
}

.bl-popular-section--style-3 .bl-popular-viewall:hover { color: var(--s3-blush); }
.bl-popular-section--style-3 .bl-popular-viewall:hover::after {
	width: 44px;
}

.bl-popular-section--style-3 .bl-popular-viewall-arrow { display: none; }

/* ── Grid: generous white gap ── */
.bl-popular-section--style-3 .bl-products-grid {
	gap: 32px 28px;
}

/* ── Card: parchment bg, no border by default ── */
.bl-popular-section--style-3 .bl-product-card {
	background: transparent;
	position: relative;
}

/* Corner bracket decoration on hover — pure CSS ── */
.bl-popular-section--style-3 .bl-product-card::before,
.bl-popular-section--style-3 .bl-product-card::after {
	content: '';
	position: absolute;
	top: -1px;
	width: 16px;
	height: 16px;
	z-index: 4;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.35s ease;
}

.bl-popular-section--style-3 .bl-product-card::before {
	left: -1px;
	border-top: 1px solid var(--s3-blush);
	border-left: 1px solid var(--s3-blush);
}

.bl-popular-section--style-3 .bl-product-card::after {
	right: -1px;
	border-top: 1px solid var(--s3-blush);
	border-right: 1px solid var(--s3-blush);
}

.bl-popular-section--style-3 .bl-product-card:hover::before,
.bl-popular-section--style-3 .bl-product-card:hover::after {
	opacity: 1;
}

/* Bottom corner brackets via thumb overlay element */
.bl-popular-section--style-3 .bl-product-thumb::before,
.bl-popular-section--style-3 .bl-product-thumb::after {
	content: '';
	position: absolute;
	bottom: 0;
	width: 16px;
	height: 16px;
	z-index: 4;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.35s ease 0.05s;
}

.bl-popular-section--style-3 .bl-product-thumb::before {
	left: 0;
	border-bottom: 1px solid var(--s3-blush);
	border-left: 1px solid var(--s3-blush);
}

.bl-popular-section--style-3 .bl-product-thumb::after {
	right: 0;
	border-bottom: 1px solid var(--s3-blush);
	border-right: 1px solid var(--s3-blush);
}

.bl-popular-section--style-3 .bl-product-card:hover .bl-product-thumb::before,
.bl-popular-section--style-3 .bl-product-card:hover .bl-product-thumb::after {
	opacity: 1;
}

/* Image: slow, silky zoom ── */
.bl-popular-section--style-3 .bl-product-thumb-inner img {
	transition: transform 1.1s cubic-bezier(0.16, 1, 0.3, 1);
}

.bl-popular-section--style-3 .bl-product-card:hover .bl-product-thumb-inner img {
	transform: scale(1.05);
}

/* Silk tint overlay on hover ── */
.bl-popular-section--style-3 .bl-product-thumb-overlay {
	background: var(--s3-silk);
	mix-blend-mode: multiply;
}

.bl-popular-section--style-3 .bl-product-card:hover .bl-product-thumb-overlay {
	opacity: 1;
}

/* ── Badge ── */
.bl-popular-section--style-3 .bl-product-badge--sale {
	background: var(--s3-blush);
	color: #fff;
	font-family: 'Jost', sans-serif;
	font-weight: 300;
	font-size: 11px;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	padding: 6px 14px;
}

/* ── Body: generous breathing room ── */
.bl-popular-section--style-3 .bl-product-body {
	padding: 20px 4px 8px;
}

/* Thin hairline rule above body */
.bl-popular-section--style-3 .bl-product-body::before {
	content: '';
	display: block;
	width: 32px;
	height: 1px;
	background: var(--s3-blush);
	margin-bottom: 16px;
	transition: width 0.5s cubic-bezier(0.4,0,0.2,1);
}

.bl-popular-section--style-3 .bl-product-card:hover .bl-product-body::before {
	width: 100%;
}

.bl-popular-section--style-3 .bl-product-name {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 300;
	font-size: 22px;
	letter-spacing: 0.03em;
	color: var(--s3-sable);
	margin-bottom: 8px;
	line-height: 1.3;
}

.bl-popular-section--style-3 .bl-product-name a { color: var(--s3-sable); transition: color 0.25s; }
.bl-popular-section--style-3 .bl-product-name a:hover { color: var(--s3-blush); }

.bl-popular-section--style-3 .bl-product-price {
	font-family: 'Jost', sans-serif;
	font-weight: 200;
	font-size: 17px;
	letter-spacing: 0.1em;
	color: var(--s3-sable);
	margin-bottom: 20px;
}

.bl-popular-section--style-3 .bl-product-price del {
	color: var(--s3-muted);
	margin-right: 7px;
	font-size: 11px;
}

/* CTA: bare italic Cormorant + hover blush ── */
.bl-popular-section--style-3 .bl-product-cta {
	font-family: 'Cormorant Garamond', serif;
	font-weight: 400;
	font-style: italic;
	font-size: 19px;
	letter-spacing: 0.04em;
	color: var(--s3-muted);
	margin-top: auto;
	transition: color 0.3s ease;
}

.bl-popular-section--style-3 .bl-product-cta:hover {
	color: var(--s3-blush);
}

.bl-popular-section--style-3 .bl-product-cta::after {
	content: ' →';
	font-style: normal;
	font-size: 12px;
	letter-spacing: 0;
}


/* ═════════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   Columns controlled by inline widget <style>. These rules handle only
   spacing, scale, and touch-state overrides.
   ═════════════════════════════════════════════════════════════════════════════ */

/* ── Tablet ── */
@media ( max-width: 1023px ) {
	.bl-popular-section { padding: 72px 0; }
	.bl-popular-header  { margin-bottom: 40px; }

	.bl-popular-section--style-1 .bl-popular-title {
		font-size: clamp(40px, 7vw, 72px);
	}

	.bl-popular-section--style-2 .bl-products-grid {
		gap: 2px;
	}

	.bl-popular-section--style-3 .bl-products-grid {
		gap: 22px 18px;
	}

	/* Style-3 corner brackets always on at tablet */
	.bl-popular-section--style-3 .bl-product-card::before,
	.bl-popular-section--style-3 .bl-product-card::after,
	.bl-popular-section--style-3 .bl-product-thumb::before,
	.bl-popular-section--style-3 .bl-product-thumb::after {
		opacity: 0.5;
	}

	/* Style-3 body rule always extends */
	.bl-popular-section--style-3 .bl-product-body::before {
		width: 100%;
	}
}

/* ── Mobile ── */
@media ( max-width: 767px ) {
	.bl-popular-section { padding: 56px 0; }

	.bl-popular-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		margin-bottom: 32px;
	}

	.bl-popular-section--style-1 .bl-popular-title {
		font-size: clamp(36px, 11vw, 56px);
		margin-left: 0;
	}

	.bl-popular-section--style-1 .bl-popular-viewall {
		padding-bottom: 0;
	}

	.bl-popular-section--style-1 .bl-products-grid { gap: 0; }
	.bl-popular-section--style-2 .bl-products-grid { gap: 2px; }
	.bl-popular-section--style-3 .bl-products-grid { gap: 18px 14px; }

	.bl-popular-section--style-2 .bl-product-body { padding: 16px 16px 20px; }
	.bl-popular-section--style-3 .bl-product-body { padding: 16px 2px 6px; }

	.bl-popular-section--style-3 .bl-popular-title {
		font-size: clamp(34px, 10vw, 52px);
	}
}

/* ── Prefers reduced motion ── */
@media ( prefers-reduced-motion: reduce ) {
	.bl-product-thumb-inner img,
	.bl-product-thumb-overlay,
	.bl-product-body,
	.bl-product-body::before,
	.bl-product-card,
	.bl-product-cta,
	.bl-product-cta::after,
	.bl-popular-viewall,
	.bl-popular-viewall::after,
	.bl-popular-title::after,
	.bl-popular-section--style-3 .bl-product-card::before,
	.bl-popular-section--style-3 .bl-product-card::after,
	.bl-popular-section--style-3 .bl-product-thumb::before,
	.bl-popular-section--style-3 .bl-product-thumb::after {
		transition: none !important;
		animation: none !important;
	}
}