/* =============================================================================
   BagBliss 1.1.5 — pages ka naya design
   -----------------------------------------------------------------------------
   bagbliss-global.css ke BAAD load hoti hai (functions/bagbliss-extras.php).
   Rang: cream #FBF6F0, garam bhoora #2A1A12, narangi accent #DE5922,
   halki lakeer #E8DACB. IDs Elementor pages ki hain — page dobara banaya
   to selector naapne parenge.
   ========================================================================== */

:root {
  --bb-cream: #FBF6F0;
  --bb-cream-2: #F4EBE0;
  --bb-ink: #1D1410;
  --bb-brown: #2A1A12;
  --bb-muted: #6B5E55;
  --bb-line: #E8DACB;
  --bb-line-strong: #D9C6B2;
  --bb-accent: #DE5922;
  --bb-radius: 22px;
  --bb-shadow: 0 1px 2px rgba(42, 26, 18, .04), 0 10px 30px rgba(42, 26, 18, .06);
}

/* -----------------------------------------------------------------------------
   Home header — "beech se ura hua" lagta tha
   -----------------------------------------------------------------------------
   Header patti (7442745) par sirf 8% → 1% safed gradient aur blur(40px) tha.
   Itna tez blur peeche ki tasveer ki rangeen patiyon ko phaila deta tha, aur
   patti beech mein (halki deewar par) gayab si lagti thi. Ab har width par ek
   jaisa halka dark shisha + bohat kam blur: tasveer peeche saaf dikhti hai,
   patti har jagah ek jaisi. Sticky (scroll ke baad safed) halat ko nahi chhua.
   1.1.4 ka mobile wala rule isi se badal gaya.
   -------------------------------------------------------------------------- */
.elementor-254 .elementor-element-7735969e:not(.elementor-sticky--effects) .elementor-element-7442745 {
  background: rgba(24, 15, 10, .30) !important;
  -webkit-backdrop-filter: blur(6px) saturate(1.15) !important;
  backdrop-filter: blur(6px) saturate(1.15) !important;
  border: 1px solid rgba(255, 255, 255, .16) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, .12);
}

/* -----------------------------------------------------------------------------
   Form fields — cream background par dikhte hi nahi thay
   -----------------------------------------------------------------------------
   Contact form, order tracking, login wagaira ke inputs #fafafa the aur koi
   lakeer nahi — cream par ghul jate thay. Ab safed field, saaf lakeer, focus
   par narangi ring. Header ki search aur footer ka newsletter apni jagah
   styled hain, unhein nahi chhua. Checkout/cart ki apni CSS hai.
   -------------------------------------------------------------------------- */
body:not(.woocommerce-checkout):not(.woocommerce-cart) :is(.site-content, .elementor-location-single, [data-elementor-type="wp-page"], .woocommerce-account .woocommerce, .wpcf7, .woocommerce-form-track-order)
  :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="url"], textarea, select):not(.select2-search__field) {
  background: #fff !important;
  border: 1px solid var(--bb-line-strong) !important;
  border-radius: 12px !important;
  color: var(--bb-ink);
  box-shadow: none;
  transition: border-color .2s, box-shadow .2s;
}

body:not(.woocommerce-checkout):not(.woocommerce-cart) :is(.site-content, .elementor-location-single, [data-elementor-type="wp-page"], .woocommerce-account .woocommerce, .wpcf7, .woocommerce-form-track-order)
  :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="url"], textarea, select):focus {
  border-color: var(--bb-accent) !important;
  box-shadow: 0 0 0 4px rgba(222, 89, 34, .14) !important;
  outline: none;
}

body:not(.woocommerce-checkout):not(.woocommerce-cart) :is(.site-content, [data-elementor-type="wp-page"], .wpcf7) ::placeholder {
  color: #9A8C82;
}

/* -----------------------------------------------------------------------------
   Safed cards — cream par kinara nahi dikhta tha
   -----------------------------------------------------------------------------
   Product cards, FAQ accordion, sidebar — sab ko halki lakeer + saaya.
   -------------------------------------------------------------------------- */
body:not(.home) .kitify-accordion__item {
  border: 1px solid var(--bb-line) !important;
  border-radius: 16px !important;
  box-shadow: var(--bb-shadow);
  overflow: hidden;
}

body:not(.home) .kitify-accordion__item.is-active,
body:not(.home) .kitify-accordion__item.active {
  border-color: var(--bb-line-strong) !important;
}

/* -----------------------------------------------------------------------------
   Page hero — Contact, FAQs aur policy pages
   -----------------------------------------------------------------------------
   Order Tracking aur Shop ke upar tasveer wala hero hai, magar Contact, FAQs
   aur policy pages par sirf saada heading thi. Sab ko ek jaisa hero: garam
   bhoori tasveer (home slider wali deewar) par dark parda, safed text.
   -------------------------------------------------------------------------- */
.elementor-231 .elementor-element-046d155 > .e-con-inner,
.elementor-233 .elementor-element-f537d9f > .e-con-inner,
body.page:not(.elementor-page):not(.woocommerce-page) .page-header-content {
  position: relative;
  overflow: hidden;
  padding: clamp(40px, 6vw, 80px) clamp(24px, 5vw, 64px) !important;
  border-radius: var(--bb-radius);
  background:
    linear-gradient(100deg, rgba(29, 14, 8, .88) 0%, rgba(42, 20, 12, .70) 45%, rgba(42, 20, 12, .25) 100%),
    url("../../../../uploads/2026/08/banner-2.png") center 70% / cover no-repeat,
    var(--bb-brown);
  color: #fff;
}

.elementor-231 .elementor-element-046d155,
.elementor-233 .elementor-element-f537d9f {
  padding-top: 30px !important;
  padding-bottom: 10px !important;
}

.elementor-231 .elementor-element-046d155 .elementor-heading-title,
.elementor-233 .elementor-element-f537d9f .elementor-heading-title,
body.page:not(.elementor-page):not(.woocommerce-page) .page-header-content :is(h1, .page-title, a, span, li) {
  color: #fff !important;
}

/* Contact hero ka chhota label narangi hi rahe */
.elementor-231 .elementor-element-e5fe491 .elementor-heading-title {
  color: #FFB48A !important;
}

/* Contact: hero ka text column apni chaurai mein — lambi line na bane */
.elementor-231 .elementor-element-d7ddc65 {
  width: 100% !important;
  max-width: 600px !important;
}

.elementor-231 .elementor-element-d7ddc65 > .elementor-widget {
  width: 100% !important;
  max-width: 100% !important;
}

body.page:not(.elementor-page):not(.woocommerce-page) .page-header-content {
  margin: 30px 0 10px;
}

body.page:not(.elementor-page):not(.woocommerce-page) .page-header-content .page-title {
  margin-top: 10px;
  font-size: clamp(32px, 4.4vw, 54px);
  line-height: 1.05;
}

body.page:not(.elementor-page):not(.woocommerce-page) .page-header-content a {
  opacity: .8;
}

/* -----------------------------------------------------------------------------
   Contact page — form aur maloomat do cards mein
   -------------------------------------------------------------------------- */
.elementor-231 .elementor-element-8ac6fa2 > .e-con-inner {
  gap: 28px !important;
  align-items: stretch;
}

.elementor-231 .elementor-element-3305600,
.elementor-231 .elementor-element-b3933df {
  padding: clamp(24px, 3.5vw, 40px) !important;
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius);
  background: #fff;
  box-shadow: var(--bb-shadow);
}

.elementor-231 .elementor-element-b3933df {
  background: linear-gradient(160deg, #2A1A12 0%, #3D2418 100%);
  border-color: transparent;
}

.elementor-231 .elementor-element-b3933df .elementor-heading-title,
.elementor-231 .elementor-element-b3933df .elementor-icon-list-text {
  color: #fff !important;
}

.elementor-231 .elementor-element-b3933df .elementor-element-19d519b .elementor-heading-title,
.elementor-231 .elementor-element-b3933df .elementor-element-9af1211 .elementor-heading-title,
.elementor-231 .elementor-element-b3933df .elementor-element-0f0bade .elementor-heading-title {
  color: #FFB48A !important;
}

.elementor-231 .elementor-element-b3933df .elementor-icon-list-icon i,
.elementor-231 .elementor-element-b3933df .elementor-icon-list-icon svg {
  color: #FFB48A !important;
  fill: #FFB48A !important;
}

.elementor-231 .wpcf7 :is(input:not([type="submit"]), textarea, select) {
  width: 100% !important;
  max-width: 100% !important;
}

.elementor-231 .wpcf7 label {
  color: var(--bb-ink);
  font-weight: 600;
  font-size: 14px;
}

.elementor-231 .wpcf7 input[type="submit"],
.elementor-231 .wpcf7 button[type="submit"] {
  min-width: 180px;
  background: var(--bb-accent) !important;
  border-color: var(--bb-accent) !important;
}

/* -----------------------------------------------------------------------------
   SEO content (.bb-seo--cards) — lambi deewar ki jagah cards
   -----------------------------------------------------------------------------
   PHP (bagbliss_wrap_seo_sections) har H2 + uska text <section class="bb-sec">
   mein lapet deti hai. Pehla section (intro) poori chaurai, baqi do column
   cards. Gallery apni line mein. Heading se pehle narangi number.
   -------------------------------------------------------------------------- */
/* Text ka dabba 880px tha — do column cards ke liye tang. Poori site chaurai. */
.e-con:has(.bb-seo) > .e-con-inner {
  max-width: 1290px !important;
}

.bb-seo.bb-seo--cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  counter-reset: bbsec;
}

.bb-seo--cards .bb-sec {
  position: relative;
  padding: 30px 30px 24px;
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius);
  background: #fff;
  box-shadow: var(--bb-shadow);
}

/* Intro ko gino mat — pehla card 01 se shuru ho */
.bb-seo--cards .bb-sec:not(.bb-sec--intro) {
  counter-increment: bbsec;
}

.bb-seo--cards .bb-sec h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px !important;
  font-size: clamp(19px, 1.6vw, 23px) !important;
}

.bb-seo--cards .bb-sec h2::before {
  content: counter(bbsec, decimal-leading-zero);
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 12px;
  background: #FCE9DF;
  color: var(--bb-accent);
  font-size: 13px;
  font-weight: 800;
}

.bb-seo--cards .bb-sec--intro {
  grid-column: 1 / -1;
  padding: clamp(30px, 4vw, 48px);
  background: linear-gradient(135deg, #FFFFFF 0%, #FFF6EE 100%);
}

.bb-seo--cards .bb-sec--intro h2 {
  font-size: clamp(24px, 2.6vw, 34px) !important;
}

.bb-seo--cards .bb-sec--intro h2::before {
  display: none;
}

.bb-seo--cards .bb-sec p:last-child,
.bb-seo--cards .bb-sec ul:last-child {
  margin-bottom: 0;
}

.bb-seo--cards .bb-sec ul {
  padding-left: 0;
  list-style: none;
}

.bb-seo--cards .bb-sec li {
  position: relative;
  padding-left: 26px;
}

.bb-seo--cards .bb-sec li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .45em;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--bb-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px no-repeat;
}

.bb-seo--cards .bb-gal {
  grid-column: 1 / -1;
  margin: 8px 0 !important;
}

.bb-seo--cards .bb-gal img {
  aspect-ratio: 4 / 5;
  object-fit: cover;
  border-radius: 18px !important;
  box-shadow: var(--bb-shadow);
}

.bb-seo--cards a {
  color: var(--bb-accent) !important;
  font-weight: 600;
  text-decoration-color: rgba(222, 89, 34, .35) !important;
}

/* -----------------------------------------------------------------------------
   Policy pages (Privacy, Shipping, Terms, Returns) — saada blog post jaisi
   -----------------------------------------------------------------------------
   Classic editor ka text poori chaurai mein, Rank Math ki "Table of Contents"
   saada list. Ab text ek safed article card (parhne layak chaurai) aur TOC
   upar chips ki shakal mein.
   -------------------------------------------------------------------------- */
body.page:not(.elementor-page):not(.woocommerce-page) article.type-page .entry-content {
  max-width: 920px;
  margin: 20px auto 60px;
  padding: clamp(26px, 5vw, 56px);
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius);
  background: #fff;
  box-shadow: var(--bb-shadow);
  color: #4A3F38;
  font-size: 16px;
  line-height: 1.75;
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content > p:first-child {
  font-size: 18px;
  color: var(--bb-ink);
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content h2 {
  margin: 44px 0 14px;
  padding-top: 26px;
  border-top: 1px solid var(--bb-line);
  color: var(--bb-ink);
  font-size: clamp(21px, 2vw, 26px);
  line-height: 1.25;
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content h3 {
  margin: 28px 0 10px;
  color: var(--bb-ink);
  font-size: 18px;
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content ul {
  margin: 0 0 18px;
  padding-left: 22px;
  list-style: disc;
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content li {
  margin-bottom: 6px;
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content li::marker {
  color: var(--bb-accent);
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content img {
  border-radius: 16px;
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content a {
  color: var(--bb-accent);
  font-weight: 600;
}

body.page:not(.elementor-page):not(.woocommerce-page) #rank-math-toc {
  margin: 26px 0 10px;
  padding: 22px 24px;
  border-radius: 16px;
  background: var(--bb-cream);
  border: 1px solid var(--bb-line);
}

body.page:not(.elementor-page):not(.woocommerce-page) #rank-math-toc h2 {
  margin: 0 0 14px;
  padding: 0;
  border: 0;
  font-size: 13px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--bb-accent);
}

body.page:not(.elementor-page):not(.woocommerce-page) #rank-math-toc ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body.page:not(.elementor-page):not(.woocommerce-page) #rank-math-toc li {
  margin: 0;
}

body.page:not(.elementor-page):not(.woocommerce-page) #rank-math-toc a {
  display: inline-block;
  padding: 7px 14px;
  border: 1px solid var(--bb-line-strong);
  border-radius: 40px;
  background: #fff;
  color: var(--bb-ink);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: background .2s, color .2s, border-color .2s;
}

body.page:not(.elementor-page):not(.woocommerce-page) #rank-math-toc a:hover {
  border-color: var(--bb-accent);
  background: var(--bb-accent);
  color: #fff;
}

/* -----------------------------------------------------------------------------
   Login / password pages — WordPress jaise nahi, BagBliss jaise
   -----------------------------------------------------------------------------
   Logged-out My Account par: baayen brand panel (form-login.php mein
   .bb-auth-aside), daayen form card. "My account" ka saada title/breadcrumb
   chhupa diya — panel khud batata hai ke yeh kya page hai.
   Lost password / reset password bhi isi card style mein.
   -------------------------------------------------------------------------- */
body.woocommerce-account:not(.logged-in) .page-header-content {
  display: none;
}

.nova-login-wrapper.no_popup {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  max-width: 1040px;
  margin: 40px auto 70px !important;
  overflow: hidden;
  border: 1px solid var(--bb-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(42, 26, 18, .12);
}

.bb-auth-aside {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 14px;
  min-height: 520px;
  padding: 44px;
  color: #fff;
  background:
    linear-gradient(180deg, rgba(29, 14, 8, .15) 0%, rgba(29, 14, 8, .85) 75%),
    url("../../../../uploads/2026/08/banner-1-bag-bliss.webp") 60% bottom / cover no-repeat,
    var(--bb-brown);
}

.bb-auth-aside__logo {
  position: absolute;
  top: 36px;
  left: 44px;
  width: 130px;
  height: auto;
}

.bb-auth-aside__title {
  margin: 0;
  color: #fff;
  font-size: clamp(30px, 3.4vw, 42px);
  line-height: 1.05;
}

.bb-auth-aside__text {
  margin: 0;
  max-width: 360px;
  color: rgba(255, 255, 255, .85);
  font-size: 15px;
  line-height: 1.6;
}

.bb-auth-aside__perks {
  display: grid;
  gap: 8px;
  margin: 6px 0 0;
  padding: 0;
  list-style: none;
}

.bb-auth-aside__perks li {
  position: relative;
  padding-left: 26px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

.bb-auth-aside__perks li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--bb-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 11px no-repeat;
}

.nova-login-wrapper.no_popup .nova-form-container {
  display: flex;
  align-items: center;
  margin: 0 !important;
  padding: clamp(28px, 5vw, 56px);
}

.nova-login-wrapper.no_popup #nova-login-form {
  width: 100%;
  max-width: none;
  flex: 1 1 auto;
  padding: 0 !important;
}

.nova-login-wrapper.no_popup .page-title {
  margin: 0 0 24px;
  font-size: clamp(24px, 2.4vw, 30px);
  line-height: 1.15;
}

.nova-login-wrapper.no_popup .form-row input.input-text {
  height: 54px;
  padding: 0 18px !important;
}

.nova-login-wrapper.no_popup .woocommerce-form-login__submit {
  width: 100%;
  height: 54px;
  border-radius: 40px;
  background: var(--bb-brown) !important;
}

.nova-login-wrapper.no_popup .woocommerce-form-login__submit:hover {
  background: var(--bb-accent) !important;
}

.nova-login-wrapper.no_popup .lost_password {
  display: block;
  margin-top: 14px;
  text-align: center;
}

.nova-login-wrapper.no_popup .lost_password a,
.woocommerce-ResetPassword a {
  color: var(--bb-accent);
  font-weight: 600;
}

/* Lost / reset password — WooCommerce ka apna template, isi card style mein */
.woocommerce-account .woocommerce form.woocommerce-ResetPassword {
  max-width: 560px;
  margin: 40px auto 70px;
  padding: clamp(28px, 5vw, 48px);
  border: 1px solid var(--bb-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(42, 26, 18, .12);
}

.woocommerce-account .woocommerce form.woocommerce-ResetPassword > p:first-child {
  color: var(--bb-muted);
}

.woocommerce-account .woocommerce form.woocommerce-ResetPassword .form-row {
  width: 100% !important;
  float: none !important;
}

.woocommerce-account .woocommerce form.woocommerce-ResetPassword input.input-text {
  height: 54px;
  padding: 0 18px !important;
}

.woocommerce-account .woocommerce form.woocommerce-ResetPassword button[type="submit"] {
  width: 100%;
  height: 54px;
  border-radius: 40px;
  background: var(--bb-brown) !important;
}

/* Logged-in My Account — menu ek card, content doosra */
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation {
  padding: 14px;
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius);
  background: #fff;
  box-shadow: var(--bb-shadow);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 11px 16px;
  border-radius: 12px;
  color: var(--bb-ink);
  font-weight: 600;
  text-decoration: none;
}

.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li.is-active a,
.woocommerce-account.logged-in .woocommerce-MyAccount-navigation li a:hover {
  background: #FCE9DF;
  color: var(--bb-accent);
}

.woocommerce-account.logged-in .woocommerce-MyAccount-content {
  padding: clamp(22px, 3.5vw, 40px);
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius);
  background: #fff;
  box-shadow: var(--bb-shadow);
}

/* -----------------------------------------------------------------------------
   Shop page (archive template 1163) — cards, sidebar, toolbar
   -------------------------------------------------------------------------- */
:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .product-item {
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--bb-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--bb-shadow);
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .product-item:hover {
  transform: translateY(-4px);
  border-color: var(--bb-line-strong);
  box-shadow: 0 2px 4px rgba(42, 26, 18, .05), 0 22px 46px rgba(42, 26, 18, .12);
}

:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .product-item__thumbnail {
  border-radius: 0 !important;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8F1E9 100%);
}

:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .product-item__description {
  padding: 16px 18px 20px !important;
}

:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .product-item__description .title {
  color: var(--bb-ink);
  font-weight: 600;
  line-height: 1.35;
}

:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .price ins,
:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .price > .amount {
  color: var(--bb-accent);
  font-weight: 800;
}

:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .onsale {
  padding: 5px 11px;
  border-radius: 40px;
  background: var(--bb-accent) !important;
  font-weight: 800;
  letter-spacing: .02em;
}

/* Sidebar (filters) ek card mein */
:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) .kitify-sidebar .widget {
  margin-bottom: 18px;
  padding: 22px;
  border: 1px solid var(--bb-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--bb-shadow);
}

/* Filter widget ke andar price filter apna widget hai — card ke andar card na bane */
:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) .kitify-sidebar .widget .widget {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

/* WooCommerce ki default "Uncategorized" category (delete nahi ho sakti, khaali hai) */
.nova-products-filter__option[data-value="uncategorized"] {
  display: none !important;
}

:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) .kitify-sidebar .widget a:hover {
  color: var(--bb-accent);
}

/* Toolbar (results / show / sorting) ek patli patti */
:is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) .woocommerce-archive-header-inside {
  padding: 12px 18px;
  border: 1px solid var(--bb-line);
  border-radius: 16px;
  background: rgba(255, 255, 255, .7);
}

/* Category chips (Shop template mein Elementor buttons, class bb-chips) */
.bb-chips {
  gap: 10px !important;
}

.bb-chips .elementor-button {
  padding: 10px 18px !important;
  border: 1px solid var(--bb-line-strong) !important;
  border-radius: 40px !important;
  background: #fff !important;
  color: var(--bb-ink) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  transition: background .2s, color .2s, border-color .2s;
}

.bb-chips .elementor-button:hover {
  border-color: var(--bb-accent) !important;
  background: var(--bb-accent) !important;
  color: #fff !important;
}

/* -----------------------------------------------------------------------------
   Product description — asal H2 headings + "quick facts" box (.bb-pd)
   -----------------------------------------------------------------------------
   Descriptions mein headings sirf mota text thin (<p><strong>..</strong><br>),
   is liye Rank Math ko subheading nahi milti thi. 1.1.5 mein unhein asal <h2>
   banaya aur aakhir mein .bb-pd box (facts + andar ke links) joda. Yahan
   unka size theek kiya taake product page par bhaari na lagein.
   -------------------------------------------------------------------------- */
.woocommerce-Tabs-panel--description h2 {
  margin: 30px 0 10px;
  color: var(--bb-ink);
  font-size: clamp(19px, 1.7vw, 22px);
  line-height: 1.3;
}

.woocommerce-Tabs-panel--description h2:first-of-type {
  margin-top: 18px;
}

.woocommerce-Tabs-panel--description .bb-pd-lead {
  padding: 16px 20px;
  border-left: 3px solid var(--bb-accent);
  border-radius: 0 12px 12px 0;
  background: #FFF6EE;
  color: var(--bb-ink);
}

.woocommerce-Tabs-panel--description a {
  color: var(--bb-accent);
  font-weight: 600;
}

.bb-pd {
  margin: 36px 0 10px;
  padding: clamp(22px, 3vw, 32px);
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius);
  background: linear-gradient(135deg, #FFFFFF 0%, #FFF6EE 100%);
}

.bb-pd h2 {
  margin-top: 0 !important;
}

.bb-pd h3 {
  margin: 24px 0 12px;
  color: var(--bb-ink);
  font-size: 16px;
}

.bb-pd .bb-pd-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bb-pd .bb-pd-facts li {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--bb-line);
  border-radius: 14px;
  background: #fff;
}

.bb-pd .bb-pd-facts li::before {
  display: none;
}

.bb-pd .bb-pd-facts span {
  color: var(--bb-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
}

.bb-pd .bb-pd-facts strong {
  color: var(--bb-ink);
  font-size: 15px;
}

.bb-pd .bb-pd-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
}

.bb-pd .bb-pd-links a {
  padding: 8px 15px;
  border: 1px solid var(--bb-line-strong);
  border-radius: 40px;
  background: #fff;
  color: var(--bb-ink);
  font-size: 13px;
  text-decoration: none;
  transition: background .2s, color .2s, border-color .2s;
}

.bb-pd .bb-pd-links a:hover {
  border-color: var(--bb-accent);
  background: var(--bb-accent);
  color: #fff;
}

.bb-pd .bb-pd-note {
  margin: 18px 0 0;
  color: var(--bb-muted);
  font-size: 14px;
}

/* -----------------------------------------------------------------------------
   1.1.6 — khaali jagah wala CTA card (.bb-sec--cta)
   -----------------------------------------------------------------------------
   PHP (bagbliss_fill_seo_gaps) taaq ginti wale group ke aakhir mein jorti hai.
   Dark bhoora — baqi safed cards se alag, number nahi.
   -------------------------------------------------------------------------- */
.bb-seo--cards .bb-sec--cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-color: transparent;
  background:
    radial-gradient(420px 260px at 100% 0%, rgba(222, 89, 34, .35), transparent 70%),
    linear-gradient(160deg, #2A1A12 0%, #3D2418 100%);
  color: rgba(255, 255, 255, .82);
  counter-increment: none !important;
}

.bb-seo--cards .bb-sec--cta h2 {
  color: #fff !important;
}

.bb-seo--cards .bb-sec--cta h2::before {
  content: "";
  background: rgba(255, 255, 255, .12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFB48A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 7h12l-1 13H7L6 7z'/%3E%3Cpath d='M9 7a3 3 0 0 1 6 0'/%3E%3C/svg%3E") center / 20px no-repeat;
}

.bb-seo--cards .bb-sec--cta p {
  color: rgba(255, 255, 255, .82);
}

.bb-seo--cards .bb-sec--cta .bb-cta-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bb-seo--cards .bb-sec--cta .bb-cta-chips a {
  padding: 7px 14px;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 40px;
  color: #fff !important;
  font-size: 13px;
  text-decoration: none;
  transition: background .2s, border-color .2s;
}

.bb-seo--cards .bb-sec--cta .bb-cta-chips a:hover {
  border-color: var(--bb-accent);
  background: var(--bb-accent);
}

.bb-seo--cards .bb-sec--cta .bb-cta-btn {
  display: inline-flex;
  align-items: center;
  padding: 12px 22px;
  border-radius: 40px;
  background: #fff;
  color: var(--bb-brown) !important;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, color .2s, transform .2s;
}

.bb-seo--cards .bb-sec--cta .bb-cta-btn:hover {
  background: var(--bb-accent);
  color: #fff !important;
  transform: translateX(3px);
}

/* -----------------------------------------------------------------------------
   Contact form — fields poore card mein + bhejte waqt loader
   -----------------------------------------------------------------------------
   1.1.5 mein input ko 100% diya tha magar uska <label> (jiske andar input hai)
   inline tha, sirf text jitna chaura — input 412px par ruk jata tha. Label aur
   wrap ko block kiya. CF7 ka spinner chhota sa gol tha; ab button ke saath
   brand rang ka ring, aur bhejte waqt button halka + "ruko" cursor.
   -------------------------------------------------------------------------- */
.elementor-231 .wpcf7 label,
.elementor-231 .wpcf7 .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}

.elementor-231 .wpcf7 form > p {
  margin-bottom: 18px;
}

.elementor-231 .wpcf7 input:not([type="submit"]) {
  height: 52px;
  margin-top: 8px;
  padding: 0 16px !important;
}

.elementor-231 .wpcf7 textarea {
  min-height: 150px;
  margin-top: 8px;
  padding: 14px 16px !important;
}

.wpcf7 form .wpcf7-spinner {
  width: 26px;
  height: 26px;
  margin: 0 0 0 14px;
  vertical-align: middle;
  border: 3px solid rgba(222, 89, 34, .2);
  border-top-color: var(--bb-accent);
  border-radius: 50%;
  background: none;
  opacity: 1;
  animation: bb-spin .8s linear infinite;
}

.wpcf7 form .wpcf7-spinner::before {
  display: none;
}

.wpcf7 form:not(.submitting) .wpcf7-spinner {
  visibility: hidden;
}

.wpcf7 form.submitting input[type="submit"],
.wpcf7 form.submitting button[type="submit"] {
  opacity: .6;
  cursor: progress;
}

.wpcf7 form .wpcf7-response-output {
  margin: 18px 0 0 !important;
  padding: 14px 18px !important;
  border-radius: 14px;
  font-size: 14px;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #3E9B5C !important;
  background: #EEF8F1;
  color: #22603A;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: var(--bb-accent) !important;
  background: #FFF3EC;
  color: #8A3510;
}

.wpcf7 .wpcf7-not-valid-tip {
  margin-top: 6px;
  color: #C2410C;
  font-size: 13px;
}

/* -----------------------------------------------------------------------------
   Page loader (.bb-loader) — link par click se agla page aane tak
   -----------------------------------------------------------------------------
   Upar patli narangi progress patti + beech mein logo aur teen uchhalte
   nuqte, cream shishe par. JS: assets/js/bagbliss-loader.js
   -------------------------------------------------------------------------- */
.bb-loader {
  position: fixed;
  inset: 0;
  z-index: 999999;
  display: grid;
  place-items: center;
  visibility: hidden;
  opacity: 0;
  background: rgba(251, 246, 240, .78);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  transition: opacity .25s ease, visibility 0s linear .25s;
  pointer-events: none;
}

.bb-loader.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity .25s ease;
  pointer-events: all;
}

.bb-loader__bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: linear-gradient(90deg, #FFB48A, var(--bb-accent));
  box-shadow: 0 0 12px rgba(222, 89, 34, .6);
}

.bb-loader.is-active .bb-loader__bar {
  animation: bb-progress 2.4s cubic-bezier(.1, .7, .2, 1) forwards;
}

.bb-loader__box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  padding: 30px 40px;
  border: 1px solid var(--bb-line);
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(42, 26, 18, .14);
  transform: translateY(8px) scale(.97);
  transition: transform .3s ease;
}

.bb-loader.is-active .bb-loader__box {
  transform: none;
}

.bb-loader__logo {
  width: 120px;
  height: auto;
  animation: bb-breathe 1.6s ease-in-out infinite;
}

.bb-loader__dots {
  display: flex;
  gap: 7px;
}

.bb-loader__dots i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--bb-accent);
  animation: bb-bounce 1s ease-in-out infinite;
}

.bb-loader__dots i:nth-child(2) {
  background: #E98A57;
  animation-delay: .15s;
}

.bb-loader__dots i:nth-child(3) {
  background: #F2B48E;
  animation-delay: .3s;
}

@keyframes bb-spin {
  to { transform: rotate(360deg); }
}

@keyframes bb-progress {
  0% { width: 0; }
  60% { width: 70%; }
  100% { width: 92%; }
}

@keyframes bb-breathe {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: .75; transform: scale(.96); }
}

@keyframes bb-bounce {
  0%, 80%, 100% { transform: translateY(0); opacity: .5; }
  40% { transform: translateY(-8px); opacity: 1; }
}

/* -----------------------------------------------------------------------------
   Footer (template 974) — header ki tarah gol kinare
   -----------------------------------------------------------------------------
   Footer poori chaurai ki seedhi kaali patti thi. Ab dono taraf thori jagah
   chhor kar ek gol kinare wala card. Andar ke dono containers (7c689ef0,
   67c83f22) ka kaala rang wahi — sirf bahar ka shape badla.
   -------------------------------------------------------------------------- */
footer.elementor-location-footer.elementor-974 {
  max-width: calc(100% - 40px);
  margin: 40px auto 20px;
  overflow: hidden;
  border-radius: 28px;
  background: #111;
  box-shadow: 0 30px 80px rgba(17, 17, 17, .18);
}

/* -----------------------------------------------------------------------------
   1.1.7 — Home hero slider ke gol kinare
   -----------------------------------------------------------------------------
   Slider (hero2new) poori screen se chipka hua seedha dabba tha jabke header
   aur footer gol hain. Dono taraf thori jagah + 28px gol kinare.
   -------------------------------------------------------------------------- */
.elementor-18 > .elementor-element-hero2new {
  width: auto !important;
  margin: 12px 12px 0 !important;
  overflow: hidden;
  border-radius: 28px;
}

/* -----------------------------------------------------------------------------
   Order Tracking (.track_order) — card + steps panel
   -----------------------------------------------------------------------------
   Pehle saada text + do field + kaala button, beech mein khaali jagah. Ab form
   ek safed card mein do column: baayen heading + fields, daayen dark panel
   jismein order ka safar (PHP: bagbliss_track_form_steps). Grid isliye ke
   WooCommerce ka template nahi badla — panel form ke andar hi aakhir mein aata
   hai aur grid use daayen column mein le jati hai.
   -------------------------------------------------------------------------- */
form.woocommerce-form-track-order.track_order {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 380px);
  column-gap: 40px;
  align-items: start;
  max-width: 1100px;
  margin: 10px auto 40px;
  padding: clamp(24px, 4vw, 44px);
  border: 1px solid var(--bb-line);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(42, 26, 18, .10);
}

form.track_order > * {
  grid-column: 1;
}

form.track_order > .clear {
  display: none;
}

/* WooCommerce ki lambi hidayat — upar wali heading wahi baat keh deti hai */
form.track_order > p:not(.form-row) {
  display: none;
}

form.track_order .form-row {
  float: none !important;
  width: 100% !important;
  margin: 0 0 16px !important;
}

form.track_order .form-row label {
  display: block;
  margin-bottom: 8px;
  color: var(--bb-ink);
  font-weight: 600;
}

form.track_order .form-row input.input-text {
  height: 54px;
  padding: 0 18px !important;
}

form.track_order button[name="track"] {
  width: 100%;
  height: 54px;
  border-radius: 40px;
  background: var(--bb-brown) !important;
  font-size: 15px;
  font-weight: 700;
}

form.track_order button[name="track"]:hover {
  background: var(--bb-accent) !important;
}

.bb-track-head {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 18px;
}

.bb-track-head__icon {
  display: grid;
  flex: 0 0 auto;
  place-items: center;
  width: 54px;
  height: 54px;
  border-radius: 16px;
  background: #FCE9DF;
  color: var(--bb-accent);
}

.bb-track-head__title {
  margin: 0 0 4px;
  color: var(--bb-ink);
  font-size: clamp(22px, 2.2vw, 28px);
  line-height: 1.15;
}

.bb-track-head__sub {
  margin: 0;
  color: var(--bb-muted);
  font-size: 14px;
}

form.track_order > .bb-track-steps {
  grid-column: 2;
  grid-row: 1 / span 20;
  align-self: stretch;
  padding: 28px;
  border-radius: 22px;
  color: rgba(255, 255, 255, .82);
  background:
    radial-gradient(360px 220px at 100% 0%, rgba(222, 89, 34, .35), transparent 70%),
    linear-gradient(160deg, #2A1A12 0%, #3D2418 100%);
}

.bb-track-steps__title {
  margin: 0 0 20px;
  color: #fff;
  font-size: 18px;
}

.bb-track-steps ol {
  position: relative;
  margin: 0 0 22px;
  padding: 0;
  list-style: none;
  counter-reset: bbstep;
}

.bb-track-steps ol::before {
  content: "";
  position: absolute;
  top: 14px;
  bottom: 14px;
  left: 14px;
  width: 2px;
  background: rgba(255, 255, 255, .15);
}

.bb-track-steps li {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin: 0 0 18px;
  padding-left: 44px;
  counter-increment: bbstep;
}

.bb-track-steps li:last-child {
  margin-bottom: 0;
}

.bb-track-steps li::before {
  content: counter(bbstep);
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--bb-accent);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 0 0 4px rgba(222, 89, 34, .25);
}

.bb-track-steps li strong {
  color: #fff;
  font-size: 15px;
}

.bb-track-steps li span {
  font-size: 13px;
  line-height: 1.5;
}

.bb-track-steps__help {
  display: inline-flex;
  padding: 11px 20px;
  border-radius: 40px;
  background: #fff;
  color: var(--bb-brown) !important;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s, color .2s;
}

.bb-track-steps__help:hover {
  background: var(--bb-accent);
  color: #fff !important;
}

/* -----------------------------------------------------------------------------
   Policy pages — do tasveerain ek ke neeche ek
   -----------------------------------------------------------------------------
   Kuch sections mein do <figure> lagatar thin (270x300 har ek), upar neeche
   aa kar 600px ki lambi patti ban jati thi. Lagatar do tasveerain ab saath
   saath; har tasveer ko gol kinare aur saaya.
   -------------------------------------------------------------------------- */
body.page:not(.elementor-page):not(.woocommerce-page) .entry-content figure.wp-block-image {
  margin: 22px 0;
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content figure.wp-block-image img {
  display: block;
  border-radius: 18px;
  box-shadow: var(--bb-shadow);
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content figure.wp-block-image:has(+ figure.wp-block-image),
body.page:not(.elementor-page):not(.woocommerce-page) .entry-content figure.wp-block-image + figure.wp-block-image {
  display: inline-block;
  width: calc(50% - 10px);
  max-width: 270px;
  vertical-align: top;
}

body.page:not(.elementor-page):not(.woocommerce-page) .entry-content figure.wp-block-image:has(+ figure.wp-block-image) {
  margin-right: 16px;
}

/* -----------------------------------------------------------------------------
   Header — 7 menu items (Categories dropdown + FAQs jore)
   -----------------------------------------------------------------------------
   Home header (254) mein logo beech mein aur menu baayen column mein tha; 7
   items ke saath menu logo par charh jata tha (naapa: 1366px par menu 131-718,
   logo 601-751). Desktop par ab: logo baayen, menu beech, icons daayen —
   naapa: 1366px par logo 131-291, menu 389-976, icons 1074+. Mobile par
   hamburger hi hai (1279px tak), Categories wahan dropdown ban kar aata hai.
   Yahi CSS header template 254 ki Custom CSS mein bhi hai (zip upload se
   pehle live rakhne ke liye).
   Doosre pages ka header (1171) 1280px par kinare se chipak kar cart badge
   ~19px bahar nikalta tha — andar padding.
   -------------------------------------------------------------------------- */
@media (min-width: 1025px) {
  .elementor-location-header.elementor-254 .elementor-element-3c1272fc {
    order: -1;
    flex: 0 0 auto !important;
    width: auto !important;
    justify-content: flex-start !important;
    padding-left: 10px;
  }

  .elementor-location-header.elementor-254 .elementor-element-44aa7b1e {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0;
    justify-content: center !important;
  }

  .elementor-location-header.elementor-254 .elementor-element-44aa7b1e > .elementor-element-55faa16 {
    flex: 1 1 auto;
    width: 100% !important;
  }

  .elementor-location-header.elementor-254 .elementor-element-55faa16 .kitify-nova-menu:not(.kitify-active--mbmenu) .main-navigation {
    justify-content: center !important;
  }

  .elementor-location-header.elementor-254 .elementor-element-2026d7bf {
    flex: 0 0 auto !important;
    width: auto !important;
  }
}

@media (min-width: 1025px) {
  .elementor-1171 .elementor-element-45ff95a8 > .e-con-inner {
    padding-right: 24px !important;
    padding-left: 24px !important;
  }
}

/* -----------------------------------------------------------------------------
   Reviews — blue tick, product page summary, [bagbliss_reviews] cards
   -----------------------------------------------------------------------------
   PHP: functions/bagbliss-extras.php (section 6). Tick sirf asal khareedar
   (WooCommerce "verified" meta) ya admin ke haath se verified review par.
   -------------------------------------------------------------------------- */
.bb-verified {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  vertical-align: -3px;
}

.bb-review-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 2px 6px;
}

.bb-verified-label {
  color: #1D9BF0;
  font-size: 12px;
  font-weight: 700;
}

.bb-review-meta time {
  width: 100%;
  color: var(--bb-muted);
  font-size: 12px;
}

.bb-rating-summary {
  display: grid;
  grid-template-columns: minmax(150px, 200px) minmax(0, 1fr);
  gap: 28px;
  align-items: center;
  margin: 0 0 30px;
  padding: 24px 28px;
  border: 1px solid var(--bb-line);
  border-radius: var(--bb-radius);
  background: linear-gradient(135deg, #FFFFFF 0%, #FFF6EE 100%);
}

.bb-rating-summary__score {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
}

.bb-rating-summary__score strong {
  color: var(--bb-ink);
  font-size: 44px;
  line-height: 1;
}

.bb-rating-summary__score span {
  color: var(--bb-muted);
  font-size: 13px;
}

.bb-rating-summary__bars {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.bb-rating-summary__bars li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 28px;
  gap: 10px;
  align-items: center;
  font-size: 13px;
}

.bb-rating-summary__bars li::before {
  display: none;
}

.bb-bar {
  height: 8px;
  overflow: hidden;
  border-radius: 8px;
  background: #F1E6DA;
}

.bb-bar i {
  display: block;
  height: 100%;
  border-radius: 8px;
  background: linear-gradient(90deg, #F2B48E, var(--bb-accent));
}

.bb-reviews__summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 10px 14px;
  margin: 0 auto 26px;
  padding: 16px 24px;
  border: 1px solid var(--bb-line);
  border-radius: 40px;
  background: #fff;
  color: var(--bb-muted);
  font-size: 14px;
  text-align: center;
  width: fit-content;
  max-width: 100%;
}

.bb-reviews__avg {
  color: var(--bb-ink);
  font-size: 26px;
  line-height: 1;
}

.bb-reviews__cta {
  color: var(--bb-accent);
  font-weight: 700;
}

.bb-reviews__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 18px;
}

.bb-review-card {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 22px;
  border: 1px solid var(--bb-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--bb-shadow);
}

.bb-review-card__text {
  margin: 0;
  color: #4A3F38;
  font-size: 15px;
  line-height: 1.6;
}

.bb-review-card__who {
  display: flex;
  align-items: center;
  margin: 0;
  color: var(--bb-ink);
}

.bb-review-card__product {
  color: var(--bb-accent);
  font-size: 13px;
  font-weight: 600;
}

/* -----------------------------------------------------------------------------
   1.1.8 — Product page (Elementor template 1200) ka naya design
   -----------------------------------------------------------------------------
   Pehle: tasveer aur maloomat cream par bikhri hui, trust icons choti si line,
   description poori chaurai ki lambi deewar. Ab: gallery aur maloomat do safed
   cards (desktop par maloomat ka card scroll ke saath chipka rehta hai), bada
   narangi daam, bara "Add to cart", trust icons teen chhote cards, description
   parhne layak chaurai ke card mein. Yahi CSS template 1200 ki Custom CSS mein
   bhi hai (zip upload se pehle live).
   -------------------------------------------------------------------------- */
.elementor-1200 .elementor-element-6e8f1474 > .e-con-inner {
  gap: 32px !important;
  align-items: flex-start;
}

.elementor-1200 .elementor-element-64b2d0d8 .woocommerce-product-gallery__wrapper,
.elementor-1200 .elementor-element-64b2d0d8 .flex-viewport {
  overflow: hidden;
  border: 1px solid #E8DACB;
  border-radius: 24px;
  background: #fff;
}

.elementor-1200 .elementor-element-64b2d0d8 .flex-control-thumbs img,
.elementor-1200 .elementor-element-64b2d0d8 .flex-control-nav img {
  border-radius: 14px;
  border: 1px solid #E8DACB;
}

.elementor-1200 .elementor-element-562c0ef0 {
  position: sticky;
  top: 100px;
  align-self: flex-start;
  padding: 34px !important;
  border: 1px solid #E8DACB;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(42, 26, 18, .04), 0 18px 50px rgba(42, 26, 18, .08);
}

.elementor-1200 .elementor-element-562c0ef0 .product_title {
  font-size: clamp(24px, 2.2vw, 32px) !important;
  line-height: 1.2 !important;
}

.elementor-1200 .elementor-element-558d6067,
.elementor-1200 .elementor-element-7a959200 {
  display: none;
}

.elementor-1200 .elementor-element-7aeb592d .price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  margin: 14px 0 6px;
}

.elementor-1200 .elementor-element-7aeb592d .price ins,
.elementor-1200 .elementor-element-7aeb592d .price > .amount {
  color: #DE5922 !important;
  font-size: 32px !important;
  font-weight: 800;
  text-decoration: none;
}

.elementor-1200 .elementor-element-7aeb592d .price del {
  color: #9A8C82 !important;
  font-size: 18px !important;
}

.elementor-1200 .elementor-element-7d3f930f {
  color: #5B4F47;
  font-size: 15px;
  line-height: 1.65;
}

.elementor-1200 .elementor-element-1b29fcb9 .stock {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 40px;
  background: #EEF8F1;
  color: #22603A !important;
  font-size: 13px;
  font-weight: 700;
}

.elementor-1200 .elementor-element-1b29fcb9 .stock::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3E9B5C;
  box-shadow: 0 0 0 3px rgba(62, 155, 92, .2);
}

.elementor-1200 .elementor-element-1b29fcb9 .stock.out-of-stock {
  background: #FFF3EC;
  color: #8A3510 !important;
}

.elementor-1200 .elementor-element-1b29fcb9 .stock.out-of-stock::before {
  background: #DE5922;
  box-shadow: 0 0 0 3px rgba(222, 89, 34, .2);
}

.elementor-1200 .elementor-element-4d8b5282 form.cart {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
}

.elementor-1200 .elementor-element-4d8b5282 .quantity {
  border: 1px solid #D9C6B2 !important;
  border-radius: 40px !important;
  background: #fff;
}

.elementor-1200 .elementor-element-4d8b5282 .single_add_to_cart_button {
  flex: 1 1 200px;
  min-height: 56px;
  border-radius: 40px !important;
  background: #2A1A12 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  transition: background .2s, transform .2s;
}

.elementor-1200 .elementor-element-4d8b5282 .single_add_to_cart_button:hover {
  background: #DE5922 !important;
  transform: translateY(-1px);
}

.elementor-1200 .elementor-element-c4ce0bd {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px !important;
  margin-top: 18px;
}

.elementor-1200 .elementor-element-c4ce0bd > .elementor-widget {
  width: auto !important;
  padding: 14px 8px;
  border: 1px solid #E8DACB;
  border-radius: 16px;
  background: #FBF6F0;
  text-align: center;
}

.elementor-1200 .elementor-element-e3e5dd2 {
  margin-top: 14px;
  border: 1px solid #E8DACB;
  border-radius: 16px !important;
  background: #FFF6EE !important;
}

.elementor-1200 .elementor-element-55634d5f {
  padding-top: 16px;
  border-top: 1px solid #E8DACB;
  font-size: 13px;
}

/* Tabs — pills, aur panel ek parhne layak card */
.elementor-1200 .elementor-element-291ff925 .wc-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  border: 0 !important;
}

.elementor-1200 .elementor-element-291ff925 .wc-tabs li {
  margin: 0 !important;
  border: 0 !important;
  background: none !important;
}

.elementor-1200 .elementor-element-291ff925 .wc-tabs li a {
  display: block;
  padding: 11px 20px !important;
  border: 1px solid #D9C6B2 !important;
  border-radius: 40px !important;
  background: #fff !important;
  color: #1D1410 !important;
  font-weight: 600;
}

.elementor-1200 .elementor-element-291ff925 .wc-tabs li.active a {
  border-color: #2A1A12 !important;
  background: #2A1A12 !important;
  color: #fff !important;
}

.elementor-1200 .elementor-element-291ff925 .woocommerce-Tabs-panel {
  max-width: 980px;
  margin: 22px auto 0 !important;
  padding: clamp(22px, 4vw, 48px) !important;
  border: 1px solid #E8DACB;
  border-radius: 24px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(42, 26, 18, .04), 0 18px 50px rgba(42, 26, 18, .06);
  font-size: 16px;
  line-height: 1.75;
}

/* Title ke neeche rating + "itne log dekh rahe hain" (PHP: bagbliss_product_pulse) */
.bb-pulse {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin: 10px 0 0;
  font-size: 13px;
}

.bb-pulse__rating {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #5B4F47;
  text-decoration: none;
}

.bb-pulse__rating .star-rating {
  margin: 0 !important;
  font-size: 13px;
}

.bb-pulse__rating:hover {
  color: #DE5922;
}

.bb-live {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 11px;
  border-radius: 40px;
  background: #FFF3EC;
  color: #8A3510;
  font-weight: 700;
}

.bb-live[hidden] {
  display: none;
}

.bb-live::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #DE5922;
  animation: bb-ping 1.6s ease-out infinite;
}

@keyframes bb-ping {
  0% { box-shadow: 0 0 0 0 rgba(222, 89, 34, .55); }
  100% { box-shadow: 0 0 0 9px rgba(222, 89, 34, 0); }
}

/* Asal orders ka popup (neeche daayen kone mein) */
.bb-toast {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99990;
  display: flex;
  align-items: center;
  gap: 12px;
  width: min(340px, calc(100vw - 32px));
  padding: 12px 40px 12px 12px;
  border: 1px solid #E8DACB;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 24px 60px rgba(42, 26, 18, .18);
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity .35s ease, transform .35s ease;
}

.bb-toast.is-on {
  opacity: 1;
  transform: none;
  pointer-events: auto;
}

.bb-toast img {
  flex: 0 0 auto;
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 12px;
  background: #FBF6F0;
}

.bb-toast__text {
  margin: 0;
  color: #4A3F38;
  font-size: 13px;
  line-height: 1.45;
}

.bb-toast__text strong {
  color: #1D1410;
}

.bb-toast__text a {
  color: #DE5922;
  font-weight: 700;
  text-decoration: none;
}

.bb-toast__time {
  display: block;
  margin-top: 2px;
  color: #9A8C82;
  font-size: 12px;
}

.bb-toast__close {
  position: absolute;
  top: 6px;
  right: 8px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #9A8C82;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .elementor-1200 .elementor-element-562c0ef0 {
    position: static;
  }
}

@media (max-width: 767px) {
  .elementor-1200 .elementor-element-562c0ef0 {
    padding: 22px 18px !important;
    border-radius: 20px;
  }

  .elementor-1200 .elementor-element-7aeb592d .price ins,
  .elementor-1200 .elementor-element-7aeb592d .price > .amount {
    font-size: 26px !important;
  }

  .elementor-1200 .elementor-element-c4ce0bd > .elementor-widget {
    padding: 10px 4px;
    font-size: 12px;
  }

  .bb-toast {
    right: 12px;
    bottom: 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bb-live::before {
    animation: none;
  }
}

/* =============================================================================
   MEDIA QUERIES — hamesha aakhir mein
   ========================================================================== */
@media (max-width: 1024px) {
  .elementor-231 .elementor-element-8ac6fa2 > .e-con-inner {
    flex-direction: column !important;
  }
}

@media (max-width: 767px) {
  .elementor-18 > .elementor-element-hero2new {
    margin: 8px 8px 0 !important;
    border-radius: 20px;
  }

  form.woocommerce-form-track-order.track_order {
    grid-template-columns: 1fr;
    padding: 22px 18px;
    border-radius: 22px;
  }

  form.track_order > .bb-track-steps {
    grid-column: 1;
    grid-row: auto;
    margin-top: 10px;
    padding: 22px;
  }

  .bb-rating-summary {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 20px;
  }

  .bb-reviews__summary {
    border-radius: 20px;
  }

  footer.elementor-location-footer.elementor-974 {
    max-width: calc(100% - 20px);
    margin: 24px auto 10px;
    border-radius: 22px;
  }

  .bb-loader__box {
    padding: 24px 30px;
  }

  .bb-seo.bb-seo--cards {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .bb-seo--cards .bb-sec {
    padding: 22px 20px 18px;
  }

  .nova-login-wrapper.no_popup {
    grid-template-columns: 1fr;
    margin: 20px 0 50px !important;
    border-radius: 22px;
  }

  .bb-auth-aside {
    min-height: 300px;
    padding: 28px;
  }

  .bb-auth-aside__logo {
    top: 24px;
    left: 28px;
    width: 110px;
  }

  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .product-item__description {
    padding: 12px 12px 14px !important;
  }

  :is(.post-type-archive-product, .tax-product_cat, .tax-product_tag) ul.products li.product .product-item {
    border-radius: 16px;
  }

  .bb-chips {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    padding-bottom: 6px;
    scrollbar-width: none;
  }

  .bb-chips::-webkit-scrollbar {
    display: none;
  }

  .bb-chips .elementor-widget-button {
    flex: 0 0 auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bb-loader__logo,
  .bb-loader__dots i,
  .bb-loader.is-active .bb-loader__bar,
  .wpcf7 form .wpcf7-spinner {
    animation: none;
  }
}