:root {
	--wd-text-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 18px;
	--wd-header-el-font: "Playfair Display", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(239,0,121);
	--wd-alternative-color: rgb(34,32,37);
	--btn-default-font-family: "Playfair Display", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-bgcolor: rgb(34,32,37);
	--btn-default-bgcolor-hover: rgb(239,239,239);
	--btn-default-color: rgb(255,249,234);
	--btn-default-color-hover: rgb(255,255,255);
	--btn-accented-font-family: "Inter", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 400;
	--btn-accented-bgcolor: rgb(239,0,121);
	--btn-accented-bgcolor-hover: rgb(239,0,121);
	--btn-accented-color: rgb(255,249,234);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,51,51);
	--notices-warning-color: rgb(255,255,255);
	--wd-link-color: rgb(201,164,106);
	--wd-link-color-hover: rgb(221,164,106);
	--wd-sticky-btn-height: 122px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url();
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(255,252,247);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Playfair Display", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 23px;
	color: rgb(40,44,63);
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,249,234);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,249,234);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,249,234);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,249,234);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,249,234);
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,249,234);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(255,249,234);
	background-image: none;
}
html .entry-summary .single_add_to_cart_button, .wd-single-add-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .single_add_to_cart_button, html .wd-sticky-btn-cart .wd-sticky-add-to-cart, html .wd-sticky-btn.wd-quantity-overlap div.quantity :is(input[type],.btn) {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: rgb(255,249,234);
	background: rgb(239,0,121);
}
html .btn.wd-buy-now-btn {
	font-family: "Inter", Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: rgb(255,249,234);
	background: rgb(34,32,37);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-bg: rgb(255,255,255);
}
.wd .product-label.onsale {
	background-color: rgb(239,0,121);
}
.wd .product-label.new {
	background-color: rgb(206,161,176);
	color: rgb(255,255,255);
}
.wd .product-label.featured {
	background-color: rgb(198,234,27);
	color: rgb(34,32,37);
}
.wd .product-label.out-of-stock {
	background-color: rgb(226,24,24);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 40px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 12px;
--wd-cat-brd-radius: 12px;
}

@media (min-width: 1222px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: #0a0a0a;
}

@font-face {
	font-family: "Playfair Display";
	src: url("//bella-signora.com/wp-content/uploads/2026/08/playfair-display-v40-latin-600.woff2") format("woff2");
	font-weight: 600;
	font-display:swap;
	font-style: normal;
}

@font-face {
	font-family: "Inter";
	src: url("//bella-signora.com/wp-content/uploads/2026/08/inter-v20-latin-regular.woff2") format("woff2");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/* =========================================================
   BELLA SIGNORA: THEME CUSTOM CSS (WoodMart > Theme Settings > Custom CSS)
   Order: 1) shared colors  2) product pages + buttons  3) homepage trust badges
   ========================================================= */

/* ---------- 0. Shared brand colors (edit here to change the palette) ---------- */
:root {
  --bella-primary: #ef0079;        /* primary buttons and UI, never text */
  --bella-primary-rgb: 239, 0, 121; /* same color as RGB, for shadows and tints */
  --bella-primary-hover: #d4006c;  /* hover state for primary buttons */
  --bella-secondary: #222025;      /* text and secondary buttons */
  --bella-secondary-rgb: 34, 32, 37; /* same color as RGB, for shadows and overlays */
  --bella-bg: #fff9ea;             /* page background */
  --bella-bg-rgb: 255, 249, 234;   /* same color as RGB, for translucent panels */
  --bella-accent: #c6ea1b;         /* badges and small highlights, never as text on light backgrounds */
  --bella-on-button: #fff9ea;      /* label color on primary and secondary buttons */
}

.wd-buy-now-btn {
  width: 100%;
  display: block;
  margin-top: 10px;
  padding: 15px 0;
  font-size: 18px;
  text-align: center;
  border: none;
  border-radius: 0;
  cursor: pointer;
}

.add_to_cart_button {
  margin-bottom: 10px;
}
/* =========================================================
   Bella Signora - Product description + short description
   Every class starts with "bs-" so nothing clashes with WoodMart.
   v2: adds the accordion (section 12) and occasion chips (section 13)
   v3: adds the FAQ tab design (section 16)
   v4: adds the Shipping tab design (section 16b)
   v5: new dragon-fruit palette, all colors read from the --bella-* variables at the top of this file
   ========================================================= */

/* ---------- 1. Brand tokens: they follow the shared --bella-* colors ---------- */
.bs-desc,
.bs-short,
.bs-faq,
.bs-ship {
  --bs-primary: var(--bella-primary, #ef0079);          /* buttons and UI, never text */
  --bs-primary-hover: var(--bella-primary-hover, #d4006c);
  --bs-tint: rgba(var(--bella-primary-rgb, 239, 0, 121), .07);         /* soft panels */
  --bs-tint-strong: rgba(var(--bella-primary-rgb, 239, 0, 121), .16);
  --bs-ink: var(--bella-secondary, #222025);            /* headings and text accents */
  --bs-text: rgba(var(--bella-secondary-rgb, 34, 32, 37), .86);        /* body text */
  --bs-muted: rgba(var(--bella-secondary-rgb, 34, 32, 37), .68);       /* labels */
  --bs-line: rgba(var(--bella-secondary-rgb, 34, 32, 37), .12);        /* borders */
  --bs-white: #FFFFFF;
  --bs-on-btn: var(--bella-on-button, #fff9ea);         /* label color on buttons */
  --bs-radius: 12px;
}

/* ---------- 2. Resets (protect the layout from theme styles) ---------- */
.bs-desc, .bs-desc *, .bs-short, .bs-short *, .bs-faq, .bs-faq *, .bs-ship, .bs-ship * { box-sizing: border-box; }
.bs-desc h2, .bs-desc h3, .bs-desc h4, .bs-desc p,
.bs-desc ul, .bs-desc li, .bs-short ul, .bs-short li,
.bs-faq h3, .bs-faq p, .bs-faq ul, .bs-faq li,
.bs-ship h3, .bs-ship h4, .bs-ship p, .bs-ship ul, .bs-ship li { margin: 0; padding: 0; }
.bs-desc ul, .bs-desc li, .bs-short ul, .bs-short li, .bs-faq ul, .bs-faq li, .bs-ship ul, .bs-ship li { list-style: none; }
.bs-desc li::marker, .bs-short li::marker, .bs-faq li::marker, .bs-ship li::marker { content: none; }
/* WordPress auto-adds empty <p> and <br> tags; hide them */
.bs-desc p:empty, .bs-short p:empty, .bs-faq p:empty, .bs-ship p:empty,
.bs-desc br, .bs-short br, .bs-faq br, .bs-ship br { display: none; }

/* ---------- 3. Wrapper ---------- */
.bs-desc {
  display: flex;
  flex-direction: column;
  gap: 52px;
  color: var(--bs-text);
  font-size: 15px;
  line-height: 1.7;
  max-width: 1120px;
  margin: 0 auto;
  interpolate-size: allow-keywords; /* lets the accordion animate to its natural height */
}
/* Headings use your WoodMart theme font, weight and color.
   Only sizes are set below so the layout stays balanced. */

/* ---------- 4. Icons (use: <span class="bs-ico bs-i-zari"></span>) ----------
   Icon colors live inside the image data, so they can't read variables.
   They use the primary color #EF0079 (written %23EF0079). If the primary ever changes,
   find and replace %23EF0079 in this file. */
.bs-ico {
  display: inline-block;
  flex: none;
  width: 26px;
  height: 26px;
  background: no-repeat center / contain;
}
.bs-i-zari{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.2 5.6L20 9.3l-4.5 3.9 1.4 5.8L12 16l-4.9 3 1.4-5.8L4 9.3l5.8-.7z'/%3E%3C/svg%3E")}
.bs-i-flair{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l7 18H5z'/%3E%3Cpath d='M8.5 12h7'/%3E%3C/svg%3E")}
.bs-i-waist{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='8' rx='1.5'/%3E%3Cpath d='M7 8v3M11 8v4M15 8v3M19 8v2'/%3E%3C/svg%3E")}
.bs-i-attached{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1'/%3E%3Cpath d='M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1'/%3E%3C/svg%3E")}
.bs-i-stitch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M8.1 8.1L20 20M8.1 15.9L20 4'/%3E%3C/svg%3E")}
.bs-i-lehenga{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6l1 5 4 12H4L8 8z'/%3E%3C/svg%3E")}
.bs-i-blouse{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4l-4 3 2 4 2-1v8h8v-8l2 1 2-4-4-3c-1 2-2.5 3-4 3s-3-1-4-3z'/%3E%3C/svg%3E")}
.bs-i-dupatta{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4c4 3 4 13 0 16M19 4c-4 3-4 13 0 16M5 4h14'/%3E%3C/svg%3E")}
.bs-i-saree{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V8c0-3 3-5 8-5s8 2 8 5v12'/%3E%3Cpath d='M4 12c5 2 11 2 16 0M9 20V12'/%3E%3C/svg%3E")}
.bs-i-drawstring{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12c3-6 6 6 9 0s5-3 7 0'/%3E%3Ccircle cx='4' cy='12' r='1.5'/%3E%3Ccircle cx='20' cy='12' r='1.5'/%3E%3C/svg%3E")}
.bs-i-gift{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M5 12v8h14v-8M12 8v12M12 8c-2-4-6-3-5 0M12 8c2-4 6-3 5 0'/%3E%3C/svg%3E")}
.bs-i-dryclean{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.5 15V9h2a3 3 0 0 1 0 6z'/%3E%3C/svg%3E")}
.bs-i-handwash{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9h18l-2 10H5z'/%3E%3Cpath d='M8 9V7a4 4 0 0 1 8 0v2'/%3E%3C/svg%3E")}
.bs-i-store{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8l8-4 8 4v9l-8 4-8-4z'/%3E%3Cpath d='M4 8l8 4 8-4M12 12v9'/%3E%3C/svg%3E")}
.bs-i-noperfume{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='9' width='8' height='12' rx='2'/%3E%3Cpath d='M10 9V6h4v3M4 4l16 16'/%3E%3C/svg%3E")}
.bs-i-fold{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16v4H4zM6 11v6h12v-6'/%3E%3C/svg%3E")}
.bs-i-iron{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17h18l-2-7a3 3 0 0 0-3-2H8'/%3E%3Cpath d='M3 17l2-5h9'/%3E%3C/svg%3E")}
.bs-i-info{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M11 12h1v4h1'/%3E%3C/svg%3E")}
/* New in v2: accordion header + occasion icons */
.bs-i-heart{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.5-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.5-7 10-7 10z'/%3E%3C/svg%3E")}
.bs-i-occasion{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4M12 13.5l1 2 2 .3-1.5 1.4.4 2-1.9-1-1.9 1 .4-2-1.5-1.4 2-.3z'/%3E%3C/svg%3E")}
.bs-i-wedding{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='14' r='5'/%3E%3Ccircle cx='15' cy='14' r='5'/%3E%3Cpath d='M10 5l2-2 2 2-2 2z'/%3E%3C/svg%3E")}
.bs-i-sangeet{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l11-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='17' cy='16' r='3'/%3E%3C/svg%3E")}
.bs-i-mehendi{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19C5 10 11 5 20 5c0 9-5 15-14 15'/%3E%3Cpath d='M5 19l8-8'/%3E%3C/svg%3E")}
.bs-i-festive{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13h18c-1 4-5 6-9 6s-8-2-9-6z'/%3E%3Cpath d='M12 10c-1.5-1.5-1.5-3.5 0-6 1.5 2.5 1.5 4.5 0 6z'/%3E%3C/svg%3E")}
.bs-i-reception{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10l-1 7a4 4 0 0 1-8 0z'/%3E%3Cpath d='M12 14v6M8 21h8'/%3E%3C/svg%3E")}
.bs-i-engagement{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='15' r='6'/%3E%3Cpath d='M9 4h6l2 2-5 4-5-4z'/%3E%3C/svg%3E")}

/* New in v3: FAQ icons */
.bs-i-cod{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M6 9v.01M18 15v.01'/%3E%3C/svg%3E")}
.bs-i-globe{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3a14 14 0 0 1 0 18M12 3a14 14 0 0 0 0 18'/%3E%3C/svg%3E")}
.bs-i-secure{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8-8 9-4.6-1-8-4.5-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E")}
.bs-i-truck{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h11v10H3zM14 10h4l3 3v3h-7'/%3E%3Ccircle cx='7' cy='18' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E")}
.bs-i-return{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 2.3-5.7'/%3E%3Cpath d='M4 4v4h4'/%3E%3C/svg%3E")}
.bs-i-chat{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.5 7.2L4 20l1-4.5A8 8 0 1 1 21 12z'/%3E%3C/svg%3E")}

/* New in v4: shipping icons */
.bs-i-express{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3L5 14h6l-1 7 8-11h-6z'/%3E%3C/svg%3E")}
.bs-i-pin{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-6-5.5-6-11a6 6 0 0 1 12 0c0 5.5-6 11-6 11z'/%3E%3Ccircle cx='12' cy='10' r='2'/%3E%3C/svg%3E")}
.bs-i-track{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E")}
.bs-i-free{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12l9-9h8v8l-9 9z'/%3E%3Ccircle cx='16' cy='8' r='1.2'/%3E%3C/svg%3E")}

/* ---------- 5. Product hero: title + highlight tiles ---------- */
.bs-hero {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px;
  align-items: center;
}
.bs-hero-text { display: flex; flex-direction: column; gap: 14px; }
.bs-kicker { font-size: 14px; font-weight: 500; color: var(--bs-ink); }
.bs-desc .bs-title { font-size: clamp(30px, 4vw, 42px); line-height: 1.12; }
.bs-lead { font-size: 16px; }
.bs-highlights {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.bs-highlights li {
  background: var(--bs-tint);
  border-radius: 10px;
  padding: 18px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.bs-highlights strong { color: var(--bs-ink); font-weight: 500; line-height: 1.35; }
.bs-highlights small { font-size: 13px; color: var(--bs-muted); line-height: 1.4; }

/* ---------- 6. Section heading with a thin line ---------- */
.bs-head { display: flex; align-items: center; gap: 16px; }
.bs-head::after { content: ""; flex: 1; height: 1px; background: var(--bs-line); }
.bs-desc .bs-head h3, .bs-desc .bs-h3 { font-size: clamp(24px, 3vw, 28px); line-height: 1.2; }
.bs-section { display: flex; flex-direction: column; gap: 20px; }

/* ---------- 7. About + read more ---------- */
.bs-about { display: flex; flex-direction: column; gap: 16px; max-width: 820px; }
.bs-more summary {
  list-style: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  color: var(--bs-ink);
  font-weight: 500;
}
.bs-more summary::-webkit-details-marker { display: none; }
.bs-more summary::after {
  content: "";
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform .2s ease;
}
.bs-more[open] summary::after { transform: rotate(180deg); }
.bs-more .bs-hide, .bs-more[open] .bs-show { display: none; }
.bs-more[open] .bs-hide { display: inline; }
.bs-more-body { display: flex; flex-direction: column; gap: 16px; padding-bottom: 8px; }
.bs-more summary:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: 3px; border-radius: 4px; }

/* ---------- 8. Spec cards (Lehenga / Blouse / Dupatta / Saree ...) ---------- */
.bs-specs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 360px));
  justify-content: start;
  gap: 20px;
  align-items: start;
}
.bs-card {
  background: var(--bs-white);
  border: 1px solid var(--bs-line);
  border-radius: var(--bs-radius);
  overflow: hidden;
}
.bs-card-head {
  background: var(--bs-tint);
  border-bottom: 1px solid var(--bs-line);
  padding: 14px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.bs-desc .bs-card-head h4 { color: var(--bs-ink); font-size: 22px; line-height: 1.2; }
.bs-tag {
  font-size: 12px;
  font-weight: 500;
  color: var(--bs-ink);
  background: var(--bs-white);
  border: 1px solid var(--bs-tint-strong);
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.bs-desc .bs-rows { padding: 6px 20px 12px; font-size: 14px; }
.bs-rows li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px dashed var(--bs-line);
}
.bs-rows li:last-child { border-bottom: 0; }
.bs-rows li span:first-child { color: var(--bs-muted); }
.bs-rows li span:last-child { color: var(--bs-ink); font-weight: 500; text-align: right; }
.bs-note {
  margin: 0 20px 20px;
  background: var(--bs-tint);
  border-radius: 8px;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.5;
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.bs-note .bs-ico { width: 18px; height: 18px; margin-top: 1px; }

/* ---------- 9. In the box + perfect for (old layout, kept for older products) ---------- */
.bs-duo {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 20px;
}
.bs-panel {
  background: var(--bs-tint);
  border-radius: var(--bs-radius);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.bs-desc .bs-panel h3 { font-size: 24px; line-height: 1.2; }
.bs-box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
  gap: 12px;
  text-align: center;
  font-size: 13px;
  line-height: 1.4;
  color: var(--bs-ink);
}
.bs-box li { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.bs-box .bs-ico {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background-color: var(--bs-white);
  background-size: 24px 24px;
}
.bs-pills { display: flex; flex-wrap: wrap; gap: 10px; }
.bs-pills li > a, .bs-pills li > span {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  background: var(--bs-white);
  border: 1px solid var(--bs-primary);
  color: var(--bs-ink);
  font-size: 14px;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}
.bs-pills li > a:hover, .bs-pills li > a:focus-visible { background: var(--bs-primary); color: var(--bs-on-btn); }

/* ---------- 10. Why you'll love it ---------- */
.bs-why {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
}
.bs-why li {
  border: 1px solid var(--bs-line);
  border-radius: var(--bs-radius);
  padding: 20px;
  display: flex;
  gap: 14px;
  align-items: flex-start;
  color: var(--bs-ink);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
}
.bs-why li::before {
  content: "";
  flex: none;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--bs-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF9EA' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") no-repeat center / 14px 14px;
}

/* ---------- 11. Care instructions ---------- */
.bs-care {
  border-top: 1px solid var(--bs-line);
  border-bottom: 1px solid var(--bs-line);
  padding: 28px 0;
}
.bs-care ul, ul.bs-care-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 18px;
}
.bs-care li, .bs-care-grid li { display: flex; gap: 12px; align-items: center; font-size: 14px; line-height: 1.45; color: var(--bs-ink); }
.bs-care .bs-ico, .bs-care-grid .bs-ico { width: 28px; height: 28px; }

/* ---------- 12. Accordion (In the box / Perfect for / Why / Care) ---------- */
.bs-acc { display: flex; flex-direction: column; gap: 12px; }
.bs-acc-item {
  background: var(--bs-white);
  border: 1px solid var(--bs-line);
  border-radius: var(--bs-radius);
  overflow: hidden;
  transition: border-color .25s ease, box-shadow .25s ease;
}
.bs-acc-item:hover { border-color: var(--bs-tint-strong); }
.bs-acc-item[open] {
  border-color: var(--bs-tint-strong);
  box-shadow: 0 10px 30px -12px rgba(var(--bella-primary-rgb, 239, 0, 121), .22);
}
.bs-acc-item > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 72px;
  padding: 14px 20px;
  transition: background-color .25s ease;
  -webkit-tap-highlight-color: transparent;
}
.bs-acc-item > summary::-webkit-details-marker { display: none; }
.bs-acc-item[open] > summary { background: var(--bs-tint); }
.bs-acc-item > summary:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: -2px; border-radius: var(--bs-radius); }
/* icon bubble on the left */
.bs-acc-item > summary > .bs-ico {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--bs-tint);
  background-size: 22px 22px;
  transition: background-color .25s ease;
}
.bs-acc-item[open] > summary > .bs-ico { background-color: var(--bs-white); }
/* title + one-line hint */
.bs-acc-title { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.bs-acc-title strong { color: var(--bs-ink); font-size: 18px; font-weight: 500; line-height: 1.3; }
.bs-acc-title small { color: var(--bs-muted); font-size: 13px; line-height: 1.4; }
/* round toggle on the right: outlined when closed, filled pink when open */
.bs-acc-item > summary::after {
  content: "";
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1px solid var(--bs-tint-strong);
  background: var(--bs-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
  transition: transform .3s ease, background-color .25s ease, border-color .25s ease;
}
.bs-acc-item > summary:hover::after { border-color: var(--bs-primary); }
.bs-acc-item[open] > summary::after {
  transform: rotate(180deg);
  border-color: var(--bs-primary);
  background: var(--bs-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF9EA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat center / 16px 16px;
}
.bs-acc-body {
  padding: 22px 20px 24px;
  border-top: 1px solid var(--bs-line);
}
/* content tweaks inside the accordion */
.bs-acc .bs-box .bs-ico { background-color: var(--bs-tint); }
.bs-acc .bs-why li { background: var(--bs-white); }
/* smooth open/close in browsers that support it (Chrome, Edge); others open instantly */
@supports selector(::details-content) {
  @media (prefers-reduced-motion: no-preference) {
    .bs-acc-item::details-content {
      block-size: 0;
      overflow: hidden;
      transition: block-size .35s ease, content-visibility .35s allow-discrete;
    }
    .bs-acc-item[open]::details-content { block-size: auto; }
  }
}

/* ---------- 13. Perfect for: occasion chips ---------- */
.bs-occasions {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
}
.bs-occasions li > a, .bs-occasions li > span {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 56px;
  padding: 8px 16px 8px 8px;
  border-radius: 999px;
  border: 1px solid var(--bs-tint-strong);
  background: linear-gradient(120deg, var(--bs-white) 30%, var(--bs-tint));
  color: var(--bs-ink);
  font-size: 15px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  transition: background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.bs-occasions .bs-ico {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bs-white);
  background-size: 20px 20px;
  box-shadow: inset 0 0 0 1px var(--bs-tint-strong);
}
/* arrow appears on linked chips only */
.bs-occasions li > a::after {
  content: "";
  flex: none;
  margin-left: auto;
  width: 16px;
  height: 16px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform .25s ease;
}
.bs-occasions li > a:hover, .bs-occasions li > a:focus-visible {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-on-btn);
  transform: translateY(-2px);
  box-shadow: 0 10px 22px -10px rgba(var(--bella-primary-rgb, 239, 0, 121), .55);
}
.bs-occasions li > a:hover::after, .bs-occasions li > a:focus-visible::after {
  transform: translateX(3px);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF9EA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
}
.bs-occasions li > a:hover .bs-ico, .bs-occasions li > a:focus-visible .bs-ico { box-shadow: none; }
.bs-occasions li > a:focus-visible { outline: 2px solid var(--bs-ink); outline-offset: 3px; }
.bs-occasions li > a:active { transform: translateY(0); }

/* ---------- 14. Explore more collections ---------- */
.bs-explore { display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.bs-explore-label { font-size: 14px; font-weight: 500; color: var(--bs-ink); }
.bs-explore ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; width: 100%; }
.bs-explore li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  border: 1px solid var(--bs-ink);
  border-radius: 6px;
  color: var(--bs-ink);
  font-weight: 500;
  font-size: 15px;
  line-height: 1.25;
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}
.bs-explore li a:hover, .bs-explore li a:focus-visible {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
  color: var(--bs-on-btn);
}

/* ---------- 15. Short description (above Add to cart) ---------- */
.bs-short { margin: 6px 0 20px; }
.bs-short ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
  border-top: 1px solid var(--bs-line);
  border-bottom: 1px solid var(--bs-line);
}
.bs-short li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 0;
  color: var(--bs-ink);
  font-size: 14px;
  line-height: 1.4;
}
/* thin divider between the two rows */
.bs-short li:nth-child(n+3) { border-top: 1px dashed var(--bs-line); }
.bs-short li::before {
  content: "";
  flex: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--bs-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") no-repeat center / 11px 11px;
  box-shadow: inset 0 0 0 1px var(--bs-tint-strong);
}

/* ---------- 16. FAQ tab ---------- */
.bs-faq {
  display: flex;
  flex-direction: column;
  gap: 36px;
  max-width: 880px;
  margin: 0 auto;
  color: var(--bs-text);
  font-size: 15px;
  line-height: 1.7;
  interpolate-size: allow-keywords;
}
/* quick facts strip */
.bs-faq-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 12px;
}
.bs-faq-facts li {
  background: var(--bs-tint);
  border-radius: 10px;
  padding: 16px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.bs-faq-facts .bs-ico {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bs-white);
  background-size: 20px 20px;
}
.bs-faq-facts strong { display: block; color: var(--bs-ink); font-weight: 500; line-height: 1.35; }
.bs-faq-facts small { display: block; margin-top: 2px; font-size: 13px; color: var(--bs-muted); line-height: 1.4; }
/* groups */
.bs-faq-group { display: flex; flex-direction: column; gap: 12px; }
.bs-faq-label { display: flex; align-items: center; gap: 10px; }
.bs-faq-label .bs-ico { width: 22px; height: 22px; }
.bs-faq .bs-faq-label h3 { font-size: 20px; line-height: 1.3; }
.bs-faq-list { display: flex; flex-direction: column; gap: 8px; }
/* question rows */
.bs-faq-item {
  background: var(--bs-white);
  border: 1px solid var(--bs-line);
  border-radius: 10px;
  overflow: hidden;
  transition: background-color .25s ease, border-color .25s ease;
}
.bs-faq-item:hover { border-color: var(--bs-tint-strong); }
.bs-faq-item[open] { background: var(--bs-tint); border-color: var(--bs-tint-strong); }
.bs-faq-item > summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 56px;
  padding: 14px 18px;
  color: var(--bs-ink);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-tap-highlight-color: transparent;
}
.bs-faq-item > summary::-webkit-details-marker { display: none; }
.bs-faq-item > summary:focus-visible { outline: 2px solid var(--bs-primary); outline-offset: -2px; border-radius: 10px; }
/* plus that turns into a cross when open */
.bs-faq-item > summary::after {
  content: "";
  flex: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid var(--bs-tint-strong);
  background: var(--bs-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF0079' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") no-repeat center / 14px 14px;
  transition: transform .3s ease, background-color .25s ease, border-color .25s ease;
}
.bs-faq-item[open] > summary::after {
  transform: rotate(45deg);
  border-color: var(--bs-primary);
  background: var(--bs-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF9EA' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") no-repeat center / 14px 14px;
}
.bs-faq-answer { padding: 0 18px 18px; max-width: 760px; }
.bs-faq-answer a { color: var(--bs-ink); font-weight: 500; text-decoration: underline; text-decoration-color: var(--bs-primary); text-decoration-thickness: 2px; text-underline-offset: 3px; }
@supports selector(::details-content) {
  @media (prefers-reduced-motion: no-preference) {
    .bs-faq-item::details-content {
      block-size: 0;
      overflow: hidden;
      transition: block-size .3s ease, content-visibility .3s allow-discrete;
    }
    .bs-faq-item[open]::details-content { block-size: auto; }
  }
}
/* help box at the bottom */
.bs-faq-help {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 22px 24px;
  border-radius: var(--bs-radius);
  background: linear-gradient(120deg, var(--bs-tint), var(--bs-tint-strong));
}
.bs-faq-help strong { display: block; color: var(--bs-ink); font-size: 17px; font-weight: 500; line-height: 1.35; }
.bs-faq-help small { display: block; margin-top: 4px; color: var(--bs-muted); font-size: 14px; line-height: 1.45; }
.bs-faq-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--bs-primary);
  color: var(--bs-on-btn) !important;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none !important;
  transition: background-color .2s ease, transform .2s ease;
}
.bs-faq-btn::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF9EA' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.5 7.2L4 20l1-4.5A8 8 0 1 1 21 12z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.bs-faq-btn:hover, .bs-faq-btn:focus-visible { background: var(--bs-primary-hover); transform: translateY(-1px); }
.bs-faq-btn:focus-visible { outline: 2px solid var(--bs-ink); outline-offset: 3px; }

/* ---------- 16b. Shipping tab ---------- */
.bs-ship {
  display: flex;
  flex-direction: column;
  gap: 40px;
  max-width: 880px;
  margin: 0 auto;
  color: var(--bs-text);
  font-size: 15px;
  line-height: 1.7;
}
.bs-ship-lead { font-size: 16px; max-width: 680px; }
/* quick facts strip */
.bs-ship-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}
.bs-ship-facts li {
  background: var(--bs-tint);
  border-radius: 10px;
  padding: 16px;
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
.bs-ship-facts .bs-ico {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bs-white);
  background-size: 20px 20px;
}
.bs-ship-facts strong { display: block; color: var(--bs-ink); font-weight: 500; line-height: 1.35; }
.bs-ship-facts small { display: block; margin-top: 2px; font-size: 13px; color: var(--bs-muted); line-height: 1.4; }
/* sections */
.bs-ship-section { display: flex; flex-direction: column; gap: 18px; }
.bs-ship .bs-head h3 { font-size: clamp(22px, 3vw, 26px); line-height: 1.2; }
/* delivery options within India */
.bs-ship-options {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
}
.bs-ship-opt {
  background: var(--bs-white);
  border: 1px solid var(--bs-line);
  border-radius: var(--bs-radius);
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.bs-ship-opt > .bs-ico {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--bs-tint);
  background-size: 22px 22px;
  margin-bottom: 4px;
}
.bs-ship-opt h4 { color: var(--bs-ink); font-size: 17px; font-weight: 500; line-height: 1.3; }
.bs-ship-opt .bs-ship-time { color: var(--bs-ink); font-size: 22px; font-weight: 500; line-height: 1.2; }
.bs-ship-opt p { font-size: 14px; color: var(--bs-muted); line-height: 1.5; }
.bs-ship-opt .bs-tag { margin-top: 4px; }
/* international */
.bs-ship-intl {
  background: var(--bs-tint);
  border-radius: var(--bs-radius);
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.bs-ship-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 18px;
}
.bs-ship-steps li { display: flex; gap: 12px; align-items: flex-start; }
.bs-ship-steps .bs-ico {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: var(--bs-white);
  background-size: 20px 20px;
}
.bs-ship-steps small { display: block; font-size: 13px; color: var(--bs-muted); line-height: 1.4; }
.bs-ship-steps strong { display: block; color: var(--bs-ink); font-weight: 500; line-height: 1.4; }
.bs-ship-steps em { display: block; margin-top: 2px; font-style: normal; font-size: 13px; color: var(--bs-muted); line-height: 1.4; }
.bs-ship-quote {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding-top: 20px;
  border-top: 1px solid var(--bs-tint-strong);
}
.bs-ship-quote p { color: var(--bs-ink); max-width: 480px; }
.bs-ship-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  background: var(--bs-primary);
  color: var(--bs-on-btn) !important;
  font-weight: 600;
  font-size: 16px;
  text-decoration: none !important;
  transition: background-color .2s ease, transform .2s ease;
}
.bs-ship-btn::before {
  content: "";
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFF9EA' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a8 8 0 0 1-11.5 7.2L4 20l1-4.5A8 8 0 1 1 21 12z'/%3E%3C/svg%3E") no-repeat center / contain;
}
.bs-ship-btn:hover, .bs-ship-btn:focus-visible { background: var(--bs-primary-hover); transform: translateY(-1px); }
.bs-ship-btn:focus-visible { outline: 2px solid var(--bs-ink); outline-offset: 3px; }
/* courier partners */
.bs-couriers { display: flex; flex-wrap: wrap; gap: 10px; }
.bs-couriers li {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid var(--bs-tint-strong);
  background: var(--bs-white);
  color: var(--bs-ink);
  font-size: 14px;
  font-weight: 500;
}

/* ---------- 17. Tablet ---------- */
@media (max-width: 900px) {
  .bs-desc { gap: 44px; }
  .bs-hero { gap: 28px; }
}

/* ---------- 18. Mobile ---------- */
@media (max-width: 600px) {
  .bs-desc { gap: 36px; font-size: 14.5px; }
  .bs-hero, .bs-duo, .bs-specs { grid-template-columns: minmax(0, 1fr); }
  .bs-highlights li { padding: 14px; }
  .bs-card-head { padding: 12px 16px; }
  .bs-desc .bs-card-head h4 { font-size: 20px; }
  .bs-desc .bs-rows { padding: 4px 16px 10px; }
  .bs-note { margin: 0 16px 16px; }
  .bs-panel { padding: 20px; }
  .bs-why li { padding: 16px; font-size: 15px; }
  /* Accordion: tighter header */
  .bs-acc { gap: 10px; }
  .bs-acc-item > summary { gap: 12px; min-height: 64px; padding: 12px 14px; }
  .bs-acc-item > summary > .bs-ico { width: 38px; height: 38px; background-size: 19px 19px; }
  .bs-acc-title strong { font-size: 16px; }
  .bs-acc-title small { font-size: 12.5px; }
  .bs-acc-item > summary::after { width: 30px; height: 30px; background-size: 14px 14px; }
  .bs-acc-body { padding: 18px 14px 20px; }
  /* Occasion chips: two per row */
  .bs-occasions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .bs-occasions li > a, .bs-occasions li > span { gap: 8px; min-height: 48px; padding: 6px 10px 6px 6px; font-size: 13.5px; }
  .bs-occasions .bs-ico { width: 34px; height: 34px; background-size: 17px 17px; }
  .bs-occasions li > a::after { width: 14px; height: 14px; }
  /* Explore links: two per row, smaller */
  .bs-explore ul { gap: 8px; }
  .bs-explore li { flex: 1 1 calc(50% - 8px); max-width: calc(50% - 4px); }
  .bs-explore li a { width: 100%; min-height: 42px; padding: 6px 10px; font-size: 13px; }
  /* FAQ */
  .bs-faq { gap: 28px; font-size: 14.5px; }
  .bs-faq-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .bs-faq-facts li { flex-direction: column; gap: 8px; padding: 12px; }
  .bs-faq-facts .bs-ico { width: 34px; height: 34px; background-size: 17px 17px; }
  .bs-faq-item > summary { padding: 12px 14px; font-size: 15px; }
  .bs-faq-answer { padding: 0 14px 16px; }
  .bs-faq-help { padding: 18px; }
  .bs-faq-btn { width: 100%; }
  /* Shipping */
  .bs-ship { gap: 32px; font-size: 14.5px; }
  .bs-ship-facts { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .bs-ship-facts li { padding: 12px 14px; align-items: center; }
  .bs-ship-facts .bs-ico { width: 36px; height: 36px; background-size: 18px 18px; }
  .bs-ship-options { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .bs-ship-opt { padding: 16px; }
  .bs-ship-intl { padding: 18px; gap: 18px; }
  .bs-ship-btn { width: 100%; }
  .bs-couriers { gap: 8px; }
  .bs-couriers li { min-height: 36px; padding: 0 14px; font-size: 13px; }
  /* Short description: two columns stay, tighter */
  .bs-short ul { column-gap: 14px; }
  .bs-short li { padding: 10px 0; font-size: 13px; gap: 8px; }
  .bs-short li::before { width: 18px; height: 18px; background-size: 10px 10px; }
}

/* Very small phones */
@media (max-width: 360px) {
  .bs-highlights { grid-template-columns: minmax(0, 1fr); }
  .bs-short ul { grid-template-columns: minmax(0, 1fr); }
  .bs-short li:nth-child(n+2) { border-top: 1px dashed var(--bs-line); }
  .bs-occasions { grid-template-columns: minmax(0, 1fr); }
  .bs-faq-facts { grid-template-columns: minmax(0, 1fr); }
}

@media (prefers-reduced-motion: reduce) {
  .bs-desc *, .bs-desc *::before, .bs-desc *::after,
  .bs-faq *, .bs-faq *::before, .bs-faq *::after,
  .bs-ship *, .bs-ship *::before, .bs-ship *::after { transition: none !important; }
}

/* ---------- 19. Homepage trust badges ---------- */
/* Homepage – Trust Badges (v2). Replace the old trust-badge CSS with this.
   New class names (-v2), so leftover old CSS can't interfere.
   Colors come from the shared variables (--bella-*) in Woodmart > Custom CSS; hex values after each var() are fallbacks.
   No font-family: the theme's fonts are inherited. */

.bs-trust-v2 {
  --bt-p: var(--bella-primary, #ef0079);
  --bt-p-dark: var(--bella-primary-hover, #d4006c);
  --bt-ink: var(--bella-secondary, #222025);
  --bt-on: var(--bella-on-button, #fff9ea);
  --bt-rgb: var(--bella-primary-rgb, 239, 0, 121);
  width: 100%;
  box-sizing: border-box;
  padding: 10px 0;
  /* exact reserved height (80px card + track padding + section padding): no layout shift */
  min-height: 112px;
  contain: layout style;
  background: var(--bella-bg, #fff9ea);
}
.bs-trust-v2 *,
.bs-trust-v2 *::before,
.bs-trust-v2 *::after {
  box-sizing: border-box;
}

/* ---------- mobile: compact auto-scrolling loop ---------- */
.bs-trust-v2 .bs-trust-view-v2 {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 24px, #000 calc(100% - 24px), transparent 100%);
}

.bs-trust-v2 .bs-trust-track-v2 {
  display: flex;
  width: max-content;
  padding: 6px 0;
  animation: bs-trust-marquee-v2 26s linear infinite;
}
/* touch or hover pauses it so people can read */
.bs-trust-v2 .bs-trust-track-v2:hover,
.bs-trust-v2 .bs-trust-track-v2:active {
  animation-play-state: paused;
}
@keyframes bs-trust-marquee-v2 {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.bs-trust-v2 .bs-trust-card-v2 {
  position: relative;
  overflow: hidden;
  flex: 0 0 112px;
  width: 112px;
  height: 80px;
  margin: 0 8px 0 0;
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 14px;
  border: 1.5px solid transparent;
  background:
    linear-gradient(#ffffff, #ffffff) padding-box,
    linear-gradient(135deg, rgba(var(--bt-rgb), 0.75), rgba(var(--bt-rgb), 0.12) 45%, rgba(var(--bt-rgb), 0.5)) border-box;
  box-shadow: 0 3px 10px rgba(var(--bt-rgb), 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* glow that follows the pointer (position set by the small script) */
.bs-trust-v2 .bs-trust-card-v2::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(150px circle at var(--mx, 50%) var(--my, 0%), rgba(var(--bt-rgb), 0.16), transparent 70%);
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
.bs-trust-v2 .bs-trust-card-v2:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 22px rgba(var(--bt-rgb), 0.2);
}
.bs-trust-v2 .bs-trust-card-v2:hover::before {
  opacity: 1;
}

/* icon in a gradient disc */
.bs-trust-v2 .bs-trust-card-v2 svg {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
  padding: 8px;
  flex-shrink: 0;
  margin-bottom: 6px;
  border-radius: 50%;
  color: var(--bt-on);
  background: linear-gradient(135deg, var(--bt-p), var(--bt-p-dark));
  box-shadow: 0 4px 10px rgba(var(--bt-rgb), 0.3);
  transition: transform 0.3s ease;
}
.bs-trust-v2 .bs-trust-card-v2:hover svg {
  transform: scale(1.08) rotate(-4deg);
}

/* icons redraw themselves on hover (needs pathLength="1" on the shapes) */
.bs-trust-v2 .bs-trust-card-v2 svg rect,
.bs-trust-v2 .bs-trust-card-v2 svg circle,
.bs-trust-v2 .bs-trust-card-v2 svg polygon,
.bs-trust-v2 .bs-trust-card-v2 svg polyline,
.bs-trust-v2 .bs-trust-card-v2 svg line,
.bs-trust-v2 .bs-trust-card-v2 svg path {
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
}
.bs-trust-v2 .bs-trust-card-v2:hover svg rect,
.bs-trust-v2 .bs-trust-card-v2:hover svg circle,
.bs-trust-v2 .bs-trust-card-v2:hover svg polygon,
.bs-trust-v2 .bs-trust-card-v2:hover svg polyline,
.bs-trust-v2 .bs-trust-card-v2:hover svg line,
.bs-trust-v2 .bs-trust-card-v2:hover svg path {
  animation: bs-trust-draw-v2 0.7s ease forwards;
}
@keyframes bs-trust-draw-v2 {
  from { stroke-dashoffset: 1; }
  to { stroke-dashoffset: 0; }
}

.bs-trust-v2 .bs-trust-label-v2 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 11.5px;
  line-height: 1.2;
  letter-spacing: 0.1px;
  color: var(--bt-ink);
}

/* ---------- desktop: all six in one static row ---------- */
@media (min-width: 769px) {
  .bs-trust-v2 {
    padding: 20px 16px;
    min-height: 152px;
  }

  .bs-trust-v2 .bs-trust-view-v2 {
    max-width: 1280px;
    margin: 0 auto;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }

  .bs-trust-v2 .bs-trust-track-v2 {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 14px;
    width: auto;
    padding: 0;
    animation: none;
  }

  .bs-trust-v2 .bs-trust-clone-v2 {
    display: none;
  }

  .bs-trust-v2 .bs-trust-card-v2 {
    flex: none;
    width: auto;
    height: 112px;
    margin: 0;
    padding: 14px 8px;
    border-radius: 16px;
  }

  .bs-trust-v2 .bs-trust-card-v2 svg {
    width: 48px;
    height: 48px;
    padding: 12px;
    margin-bottom: 10px;
  }

  .bs-trust-v2 .bs-trust-label-v2 {
    font-size: clamp(12.5px, 1.2vw, 14px);
  }
}

/* ---------- reduced motion: no autoplay, swipe instead ---------- */
@media (prefers-reduced-motion: reduce) {
  .bs-trust-v2 .bs-trust-track-v2 {
    animation: none;
  }
  .bs-trust-v2 .bs-trust-clone-v2 {
    display: none;
  }
  .bs-trust-v2 .bs-trust-view-v2 {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .bs-trust-v2 .bs-trust-view-v2::-webkit-scrollbar {
    display: none;
  }
  .bs-trust-v2 .bs-trust-card-v2,
  .bs-trust-v2 .bs-trust-card-v2 svg,
  .bs-trust-v2 .bs-trust-card-v2::before {
    transition: none;
  }
  .bs-trust-v2 .bs-trust-card-v2:hover,
  .bs-trust-v2 .bs-trust-card-v2:hover svg {
    transform: none;
  }
  .bs-trust-v2 .bs-trust-card-v2:hover svg rect,
  .bs-trust-v2 .bs-trust-card-v2:hover svg circle,
  .bs-trust-v2 .bs-trust-card-v2:hover svg polygon,
  .bs-trust-v2 .bs-trust-card-v2:hover svg polyline,
  .bs-trust-v2 .bs-trust-card-v2:hover svg line,
  .bs-trust-v2 .bs-trust-card-v2:hover svg path {
    animation: none;
  }
}