/** Shopify CDN: Minification failed

Line 26:8 Expected ":"
Line 112:20 Expected identifier but found whitespace
Line 112:22 Unexpected "{"
Line 112:31 Expected ":"
Line 113:15 Expected identifier but found whitespace
Line 113:17 Unexpected "{"
Line 113:26 Expected ":"
Line 113:52 Expected ":"
Line 119:21 Expected identifier but found whitespace
Line 119:23 Unexpected "{"
... and 13 more hidden warnings

**/
.card-title-template--23366497501412__featured_collection_aqzdgX-collection_Uf7ffw{
    margin: 0;
}
 

.timestamp-item-container:first-child{
  align-items: flex-start !important;
}

.price-sale{
  margin
}
.timestamp-item-container:last-child{
  align-items: flex-end !important;
}

.custom-arrow{
  color: black !important;
}
   



    .x-block-flexible-area-header .rte p{
   width: 42% !important;
   margin: 0 auto;
}


.product-page .price-sale{
  margin: 0 !important;
  color: black !important;
} 

.product-price-discount-badge{
      margin-top: 0 !important;
}

.animate_transition_slide__image {
  opacity: 1 !important;
  transition: none !important;
}
.product-page .price-compare{
   color: #611c23 !important;
}
.x-container-fbt-popup-products .price-sale{
  color: black !important;
}
.x-container-fbt-popup-products .price-compare{
   color: #611c23 !important;
}
.timeline-nav-wrapper {
    margin-bottom: 40px;
}

.flex-div {
    margin-top: 40px !important;
}

.faqfonts{
  font-weight: bold !important;
}
.fs-product-card .fs-product-badge {
  position: relative !important;
  top: 0 !important;
}

.section-img-scrolling-text .splide__arrows{
     margin-top: 0 !important;
    display: flex;
    margin: 0 auto;
        margin-bottom: 20px !important;
}

.splide__arrow{
    border: none !important  
}
.flex-div{
    display: flex;
      padding: 0 23% !important;
    justify-content: space-between !important;
}

.x-container-timeline-section .subheading li{
    text-transform: uppercase;
    letter-spacing: 0.3em;
    font-weight: 500;
  }

  .icon-caret-mobile  svg{
  width: 12px !important;
  height: 12px;
}

.timeline-cta-wrapper {
    display: flex;
    justify-content: {{ section.settings.button_alignment }};
    margin-top: {{ section.settings.spacing_top }}px;
  }

  .timeline.cta.button {
    display: inline-block;
    padding: 12px 24px;
    background-color: {{ section.settings.button_bg_color }};
    color: {{ section.settings.button_text_color }};
    border-radius: {{ section.settings.button_radius }}px;
    font-size: {{ section.settings.button_font_size }}px;
    font-weight: 600;
    text-decoration: none;
    transition: opacity 0.3s ease;
  }

  .timeline.cta.button:hover {
    opacity: 0.85;
  }
  
  .timeline-cta-wrapper a{
  font-size: 11.2px !important;
}


.card-product-fbt {
    background-color: white !important;
    padding: 9px !important;
}
  

  .timeline-cta-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-top: 20px;
  margin-bottom: 16px;
  padding: 0 16px;
}



.timeline.cta.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #f0ead6;
  color: #1a2e28;
  font-size: 11.2px !important;
  font-weight: 400;
  line-height: 1.4;
  padding: 12px 24px;
  border-radius: 8px;
  border: none;
  outline: none;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.icon-caret-mobile {
  height: 1rem !important;   /* h-4 = 16px */
  width: 1rem !important;    /* w-4 = 16px */
  min-height: 1rem !important;
  min-width: 1rem !important;
}

.timeline.cta.button:hover {
  background-color: #EFE9D3;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

#update-cart {
  background: #FFFCF3 !important; /* apna desired color yahan daalein */
}

.timeline.cta.button:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}


.timeline.cta.button:focus-visible {
  outline: 2px solid #1a2e28;
  outline-offset: 2px;
}

.time-line-p{
  font-size: 16px !important;
}

.read-more-btn {
  color: #efe9d3 !important;
  background: transparent;
  border: none;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  cursor: pointer;
  padding: 4px 0;
  letter-spacing: 0.02em;
  transition: opacity 0.2s ease;
}

.fs-product-card .fs-product-price .pf-price-old {
    font-size: 13px;
    color: #622229;
}


.fbt-wrapper .price-sale{
  margin: 0 !important;
}


.card-product-fbt{
    border-radius: 12px !important;
}

.card-product-fbt .product-item.h-full{
  border: 1px solid #FFFCF3 !important;
}

.x-container-fbt-popup-content{
 background-color: #E8E2D0 !important;
}

.fbt-wrapper .fs-product-atc {
    position: relative !important;
    width: clamp(36px, 11cqw, 36px) !important;
    height: clamp(36px, 11cqw, 36px) !important;
    aspect-ratio: 1 / 1 !important;
    background: #6d2436 !important;
    border-radius: 8px !important;
    display: flex !important;
    overflow: hidden !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 1 !important;
    transition: background 0.2s ease, transform 0.15s ease, border-color 0.3s ease !important;
}

.fs-product-atc:hover{
  border: 1px solid #6d2436 !important;
}

.fbt-wrapper .fs-product-atc svg {
    width: clamp(16px, 4.5cqw, 22px) !important;
    height: clamp(16px, 4.5cqw, 22px) !important;
    pointer-events: none !important;
    transition: stroke 0.3s ease !important;
}

.recently-viewed-products .fs-product-card{
   background: #EFE9D3 !important;
}

.recently-viewed-products .fs-product-card-wrapper:not(.background) {
    padding: 10px;
    padding-bottom: 10px !important;
    background: #EFE9D3 !important;
    border-radius: 10px;
    overflow: hidden;
}

.fbt-wrapper{
  display: flex !important;
  padding-bottom: 9px !important;
}

.social-media{
  justify-content: left !important;
  text-align: lrft !important;
}
.x-block-social::after{
   border-bottom-width: 0px !important;
}

.variant-field{
  display: none !important;
}


.card-product-fbt{
 background-color: #FFFCF3 !important;
}

.section-text-columns-with-image .animate_transition_card__image{
  border-bottom: 0.5px solid !important;
  overflow: visible !important;
}

.customborder{
  border: 0.5px solid black !important;
  overflow: visible !important;
}

.read-more-btn:hover {
  opacity: 0.75;
}

.section-footer .x-heading{
    font-size: 20px !important;
}

.section-footer a{
  font-size: 14px !important;
}

.x-container-header-nav a{
   font-size: 14px !important;
}
#mobile-navigation .x-close-icon {
    opacity: 0.4 !important;
}
.read-more-btn:focus {
  outline: none;
}


.custom_text{
        width: 50%;
    margin: 0 auto;
}
.custom_div{
    display: flex !important;
}

.atc-quicadd {
    display: flex;
    align-items: center !important;
    margin-right: 8px;
}

.customdots {
  width: 21px;
  height: 12px;
  border-radius: 50%;
}

  .fs-product-atc {
       width: 60px;
    height: 45px;
        margin-top: 23px;
    border-radius: 4px;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: #622229 !important;
}


.fs-product-atc svg{
  margin: 0 auto;
}

@media (max-width: 560px) {
    .fs-product-badge {
        margin-left: 0 !important;
    }
}

@media (max-width: 767px) {
    .animate_transition_slide__box {
        text-align: center !important;
    }
.timeline-nav-wrapper {
    margin-bottom: 20px;
}

.flex-div {
    margin-top: 20px !important;
}

    .x-block-flexible-area-header .rte p{
   width: 100% !important;
   margin: 0 auto;
}
.custom-height{
   min-height: 60px !important;
}
    .border-radius-media-template--23429603983588__image_with_text_fTBHRm {
    border-radius: 0px !important;
}

.timeline.cta.button{
  font-size:10.8px !important;
}


.x-container-timeline-section{
    padding-top: 20px !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    padding-bottom:20px !important;

}

.section-multicolumn .x-block-header{
font-size: 32.4px !important;
}

.timeline-cta-wrapper{
  width: 100% !important;
}

.iwt-content .heading-heading_L4WtcK {
  font-size: 32.4px !important
}

.x-timeline-text-container .h2{
  font-size: 32.4px !important;
} 
.heading-template--23429603983588__flexible_area_GEXGVV{
   font-size: 32.4px !important;
}
.heading-template--23429603983588__flow_a3ipzg{
  font-size: 32.4px !important;
}
.heading-AdE5SV1BwVjgxS1ZXY__heading_cqm3Nb{
  font-size: 32.4px !important;
}
.heading-template--23429603983588__faq_3teKzt{
   font-size: 32.4px !important;
}

.flex-div{

  flex-direction: column !important;
}
    .section-hightlight-twi .svg-underline path {
    stroke-width: 0.8px;
    }

 /* button.fs-product-atc{
      margin-top: 40 px !important;
} */
    .card-title-template--23366497501412__featured_collection_aqzdgX-collection_Uf7ffw{
    margin: 20px 0 !important;
}

.time-line-p{
  font-size: 12px !important;
}

  body p {
    font-size: 12px !important;
  }

.read-more-btn {
  font-size: 12px;
}
 .timestamp-item-container:first-child {
    align-items: center !important;
  }

  .timestamp-item-container:last-child {
    align-items: center !important;
  }

  
.timeline-nav-wrapper {
  position: relative;
}

.timeline-nav-wrapper::before {
  content: '' !important;
  position: absolute !important;
  top: 2.3rem;
  left: 16%;
  right: 16%;
  height: 1px;
  background-color: #F0EAD6 ;
  z-index: 0;
}

.x-timeline-timestamp::before,
.x-timeline-timestamp::after {
  display: none !important;
  content: none !important;
}

  .custom_text{
        width: 70%;
    margin: 0 auto;
}
}

@media (max-width: 360px){
     .socials{
      gap: 3px !important;
     }
     .socials .button.button-solid{
      padding: 12px !important;
     }

     


}



@media (max-width:480px){
  .custom_collection .fs-product-atc {
    margin-top: 0px !important;
  }

  .fbt-wrapper .price{
    width: 75px !important;
    display: flex;
    flex-direction: column;
    gap: 2px;
    gap: 7px;
  }
}

/* @media (min-width: 480px) and (max-width: 767px) {
.fbt-wrapper .fs-product-atc {
    margin-top: 91px !important;
}
} */

@media (min-width: 767px) and (max-width: 1200px) {

}


  
}

@media (min-width: 768px) {
  body p {
    font-size: 16px !important;
  }
}


/* ============================
   CARD CONTAINER
============================ */
.fs-product-card {
  container-type: inline-size !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  background: #FFFCF3 !important;
 

  border-radius: 12px !important;
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
}

/* ============================
   DISCOUNT BADGE
============================ */
.fs-product-badge {
  position: absolute !important;
  top: 10px !important;
  left: 0px !important;
  z-index: 2 !important;
  background: #6d2436 !important;
  color: #FFFCF3 !important;
  font-size: clamp(10px, 2.5cqw, 12px) !important;
  font-weight: 600 !important;
  padding: 4px 8px !important;
  border-radius: 6px !important;
  line-height: 1 !important;
}

/* ============================
   IMAGE
============================ */
.fs-product-img {
  position: relative !important;
  width: 100% !important;
  overflow: hidden !important;
}

.fs-product-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

.fs-product-img img:nth-child(2) {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

.fs-product-card:hover .fs-product-img img:nth-child(2) {
  opacity: 1 !important;
}


.custom_div {
  display: flex !important;
  flex-direction: row !important;
  flex: 1 !important;
  padding: clamp(12px, 4cqw, 20px) !important;
  gap: 6px !important;
}

.fs-product-body {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}


.fs-product-title,
.x-card-title {
  font-size: clamp(15px, 4.2cqw, 20px) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin: 0 !important;
  color: #1F1B16 !important;
}

.fs-product-link {
  color: inherit !important;
  text-decoration: none !important;
}

.fs-product-link:hover {
  text-decoration: underline !important;
}


.fs-product-format {
  font-size: clamp(11px, 3cqw, 13px) !important;
  color: #8A8478 !important;
  margin: 0 0 4px 0 !important;
}


.fs-product-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin-top: auto !important;
}


.fs-product-variants {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.fs-variant-label {
  font-size: clamp(10px, 2.8cqw, 12px) !important;
  color: #8A8478 !important;
}

.fs-variant-select {
  font-size: clamp(11px, 3cqw, 13px) !important;
  padding: 4px 6px !important;
  border: 1px solid #E8E2D0 !important;
  border-radius: 6px !important;
  background: #fff !important;
}

.fs-variant-static {
  font-size: clamp(11px, 3cqw, 13px) !important;
  color: #1F1B16 !important;
}

/* ============================
   PRICE
============================ */
.fs-product-price,
.x-card-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.pf-price-current {
  font-size: clamp(22px, 4.2cqw, 19px) !important;
  font-weight: 400 !important;
  color: #1F1B16 !important;
}

@media only screen and (max-width: 400px) {
  .pf-price-current {
    font-size: clamp(12px, 4.2cqw, 19px) !important;
  }
}


.pf-price-old[hidden] {
  display: none !important;
}

/* ============================
   ADD TO CART BUTTON
============================ */
.atc-quicadd {
  flex-shrink: 0 !important;
}

.fs-product-atc {
  position: relative !important;
  width: clamp(36px, 11cqw, 48px) !important;
  height: clamp(36px, 11cqw, 48px) !important;
  aspect-ratio: 1 / 1 !important;
  background: #6d2436 !important;
  border: none !important;
  border-radius: 8px !important;
  display: flex !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1 !important;
  transition: background 0.2s ease, transform 0.15s ease, border-color 0.3s ease !important;
}

.fs-product-atc:active {
  transform: scale(0.94) !important;
}

.fs-product-atc:disabled {
  background: #C9C2B4 !important;
  cursor: not-allowed !important;
}

.fs-product-atc svg {
  width: clamp(16px, 4.5cqw, 22px) !important;
  height: clamp(16px, 4.5cqw, 22px) !important;
  pointer-events: none !important;
  transition: stroke 0.3s ease !important;
}

.fs-atc-label {
  display: none !important;
}

@media (max-width: 989.98px) {
  .fs-product-atc:hover {
    background: #5a1d2c !important;
  }
}

@media (min-width: 990px) {
  .fs-product-atc {
    border: 1.5px solid #6d2436 !important;
  }

  .fs-product-atc::before {
    content: "" !important;
    position: absolute !important;
    top: -2px !important;
    left: -2px !important;
    right: -2px !important;
    bottom: -2px !important;
    width: auto !important;
    height: auto !important;
    background: #FFFCF3 !important;
    border-radius: 10px !important;
    transform: translateY(100%) !important;
    transition: transform 0.35s ease !important;
    z-index: -1 !important;
  }

  .fs-product-atc:hover::before {
    transform: translateY(0) !important;
  }

  .fs-product-atc:hover svg {
    stroke: #6d2436 !important;
  }
}

/* ============================
   ERROR MESSAGE
============================ */
.fs-product-atc-error {
  font-size: clamp(10px, 2.8cqw, 12px) !important;
  color: #B3261E !important;
  margin-top: 4px !important;
  display: block !important;
}

.fs-product-atc-error[hidden] {
  display: none !important;
}

/* ============================
   SMALL-CARD OVERRIDES
============================ */
@container (max-width: 160px) {
  .custom_div {
    padding: 10px !important;
  }
  .fs-product-atc {
    width: 32px !important;
    height: 32px !important;
  }
  .fs-product-atc svg {
    width: 14px !important;
    height: 14px !important;
  }
}

@media (min-width: 300px) and (max-width: 400px) {
 
}




/* =========================================================
   LATEST CSS: sirf NAYA / CHANGED code (purani CSS ke comparison me)
   Saare !important jaise latest me the, waise hi hain.
   ========================================================= */


/* =========================================================
   A. GLOBAL / THEME TWEAKS  (NEW)
   ========================================================= */
.custom_media .floatt{
  display: none !important;
}

.scroll_top {
  background: rgba(239, 233, 211, 0.92) !important;
  color: #5A171F !important;
  border: 1px solid rgba(90, 23, 31, 0.25) !important;
  border-radius: 10px !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.18) !important;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);

}

.scroll_top:hover {
  background: #5A171F !important;
  color: #EFE9D3 !important;
  border-color: #5A171F !important;
  border-radius: 5px !important;
  translate: 0 -2px;
}

 .fs-product-title, .x-card-title{
    font-size: 20px !important;
  }



.shopify-payment-button__button--unbranded {
  font-size: 0 !important;
}

.shopify-payment-button__button--unbranded::after {
  content: "Buy It Now";      /* yahan apna label likho */
  font-size: 12px;         /* button ka original size */
}

.subbtext{
  text-align: center !important;
}

button.button-link.relative.effect-inline.inline.mt-4.mb-4 {
    color: black;
}


/* =========================================================
   B. CHANGED (purani me alag tha)
   ========================================================= */

/* splide arrows: margin ab ek line me */
.section-img-scrolling-text .splide__arrows {
  display: flex;
  margin: 0 auto 20px !important;
}

/* flex-div: padding: 0 23% hata di gayi */
.flex-div {
  display: flex;
  justify-content: space-between !important;
}

/* customborder: border-radius add hua */
.customborder {
  border: 0.5px solid black !important;
      border-radius: 10px;
  overflow: visible !important;
}

/* social-media: typo fix (lrft -> left) */
.social-media {
  justify-content: left !important;
  text-align: left !important;
}

/* timeline-cta-wrapper: padding: 0 16px hata di gayi */
.timeline-cta-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-top: 20px;
  margin-bottom: 16px;
}


/* =========================================================
   C. TIMELINE (NEW)
   ========================================================= */
.x-timeline-header {
  text-align: left !important;
}


/* =========================================================
   D. PRODUCT CARD  (NEW DESIGN)
   ========================================================= */

/* ---------- Info area (text left, button right-bottom) ---------- */
.custom_div {
  --card-text: #1F1B16;
  --card-muted: #8A8478;
  --card-maroon: #6d2436;
  --card-cream: #FFFCF3;
  --card-pad: clamp(12px, 5cqw, 18px);
  --btn-size: clamp(36px, 13cqw, 46px);

  display: flex !important;
  flex-direction: row !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: clamp(8px, 3cqw, 12px) !important;
  flex: 1 !important;
  box-sizing: border-box !important;
  padding: var(--card-pad) !important;
  background: transparent !important;
}

.custom_div *,
.custom_div *::before,
.custom_div *::after {
  box-sizing: border-box;
}

.fs-product-body {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  gap: 0 !important;
}

/* ---------- Vendor (SAAH) ---------- */
.custom_div .fs-product-vendor {
  margin: 0 0 clamp(8px, 3cqw, 12px) !important;
  padding: 0 !important;
  font-size: clamp(9px, 2.8cqw, 10px) !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  letter-spacing: 0.18em !important;
  text-transform: uppercase !important;
  color: var(--card-text) !important;
}

/* ---------- Title ---------- */
.custom_div .fs-product-title,
.custom_div .x-card-title {
  margin: 0 !important;
  padding: 0 !important;
}

.custom_div .fs-product-link {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  color: inherit !important;
  text-decoration: none !important;
}

/* .custom_div .fs-product-link:hover {
  text-decoration: underline !important;
} */

/* ---------- card__heading full width ---------- */
.card__heading,
.custom_div .card__heading {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* ---------- Format (Loose Leaf Tea • 200g) ---------- */
.custom_div .fs-product-format {
  margin: clamp(3px, 1.2cqw, 5px) 0 0 !important;
  padding: 0 !important;
}

/* ---------- Price row ---------- */
.custom_div .fs-product-actions {
  display: block !important;
  width: 100% !important;
  margin: clamp(8px, 3cqw, 12px) 0 0 !important;
  padding: 0 !important;
}

.custom_div .fs-product-price,
.custom_div .x-card-price {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px clamp(6px, 2.4cqw, 9px) !important;
  margin: 0 !important;
}

.custom_div .pf-price-current {
  white-space: nowrap !important;
}

.custom_div .pf-price-old {
  white-space: nowrap !important;
}

/* ---------- Discount badge (inline, next to price) ---------- */
.fs-product-card .fs-product-badge,
.custom_div .fs-product-badge {
  position: relative !important;
  top: 0 !important;
  left: 0 !important;
  margin: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(4px, 1.4cqw, 5px) clamp(6px, 2.4cqw, 8px) !important;
  background: #6d2436 !important;
  border-radius: 6px !important;
  white-space: nowrap !important;
  z-index: 1 !important;
}

/* ---------- CARD FONT STYLES (font-size yahan comment hai) ---------- */
.fs-product-title,
.x-card-title {
  /* font-size: clamp(15px, 4.2cqw, 20px) !important; */
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: #1F1B16 !important;
  text-decoration: none !important;
}

/* ---------- Product page badge (NEW) ---------- */
.product-page .fs-product-badge {
position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0 !important;
    font-size: large;
    margin-left: 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(4px, 1.4cqw, 5px) clamp(6px, 2.4cqw, 8px) !important;
    background: #6d2436 !important;
    color: white;
    border-radius: 6px !important;
    white-space: nowrap !important;
    z-index: 1 !important;

}

/* ---------- Error message (line-height add hua) ---------- */
.fs-product-atc-error {
  display: block !important;
  margin-top: 4px !important;
  font-size: clamp(10px, 2.8cqw, 12px) !important;
  line-height: 1.3 !important;
  color: #B3261E !important;
}

/* ---------- Quick add (+) button ---------- */
.atc-quicadd {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}

.fs-product-atc {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: var(--btn-size, clamp(36px, 13cqw, 46px)) !important;
  height: var(--btn-size, clamp(36px, 13cqw, 46px)) !important;
  aspect-ratio: 1 / 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #6d2436 !important;
  border: none !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  z-index: 1 !important;
  -webkit-tap-highlight-color: transparent;
  transition: background 0.2s ease, transform 0.15s ease, border-color 0.3s ease !important;
}

.fs-product-atc svg {
  width: clamp(18px, 6cqw, 24px) !important;
  height: clamp(18px, 6cqw, 24px) !important;
  margin: 0 auto !important;
  flex-shrink: 0 !important;
  pointer-events: none !important;
  transition: stroke 0.3s ease !important;
}

/* empty label wrapper + label hide */
.fs-product-atc > .flex {
  display: none !important;
}

/* ---------- Very small cards (vars use karta hai) ---------- */
@container (max-width: 160px) {
  .custom_div {
    --card-pad: 10px;
    --btn-size: 32px;
  }

  .fs-product-atc svg {
    width: 14px !important;
    height: 14px !important;
  }
}


/* =========================================================
   E. FBT  (CHANGED)
   ========================================================= */
.fbt-wrapper .fs-product-atc {
  position: relative !important;
  width: 36px !important;
  height: 36px !important;
  aspect-ratio: 1 / 1 !important;
  background: #6d2436 !important;
  border-radius: 8px !important;
  display: flex !important;
  overflow: hidden !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1 !important;
  transition: background 0.2s ease, transform 0.15s ease, border-color 0.3s ease !important;
}


/* =========================================================
   F. MOBILE OVERRIDES  (NEW)
   ========================================================= */
@media (max-width: 767px) {
  .collection-description{
   padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 10px !important;
}

  .timeline-cta-wrapper {
  display: flex;
  padding: 0 !important;
  justify-content: left !important;
  }


  .flex-div{
    display: flex;
      padding: 0 !important;
    justify-content: space-between !important;
}

}

@media (max-width: 560px) {
  .fs-product-title, .x-card-title{
    font-size: 20px !important;
  }
}


/* =========================================================
   G. EXTRA CLASSES AT THE END  (NEW)
   ========================================================= */
.mmm {
    display: flex !important;
        justify-content: space-between;
}

.fbt-wrapper .mmm{
    display: flex !important;
    justify-content: space-between;
   align-items: center;
}

.fs-product-atc{
   margin-top: 0px !important;
}

@media (max-width: 480px) {
  body p {
    font-size: 16px !important;
  }

  .fbt-wrapper .mmm{
    display: flex !important;
  justify-content: space-between !important;
   align-items: center !important;
}


}


/* Mobile */
@media (max-width: 767px) {
  body p {
    font-size: 12px !important;
  }
}

/* Desktop / Tablet */
@media (min-width: 768px) {
  body p {
    font-size: 16px !important;
  }
}





/* DESKTOP: button hide + full content */
@media screen and (min-width: 750px) {
  .truncate-container .button-link {
    display: none !important;
  }

  .truncate-container .truncate-text {
    --truncate-height: none !important;
    --truncate-height-expanded: none !important;
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
  }

  .truncate-container .gradient {
    display: none !important;
  }
}

/* MOBILE: button visible, normal Read more / Read less */
@media screen and (max-width: 749px) {
  .truncate-container .button-link {
    display: inline !important;
  }
}


#cart-upsell-drawer .x-heading{
  font-family: Switzer !important;
  font-size: 16px !important;
}

#cart-upsell-drawer .price {
  font-size: 14px !important;
}

.x-cart-interact-group .x-cart-interact-item{
  font-size: 16px !important;
}


.product-info  .truncate-container .button-link,
.cart-drawer-price-total .nav-link:hover,
.cart-drawer-price-total .nav-link{
  color: #000;
}

.collection-page-container .collection-description-on-image{
  color: #ffffff;
}

.product-info  .truncate-text .gradient {
  height: 10%;
  background: rgb(var(--background-color));
  background-image: none;
}

.section-footer .additional-footer a {
  margin-left: 8px;
}

#cart-upsell-drawer .price,
#CartDrawer-CartItems .price{
  font-size: 12px;
  flex-direction: row-reverse;
  align-items: center;
  gap: 5px;
}

#cart-upsell-drawer .price{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.sticky_add_to_cart .price .cap,
.x-container-fbt-popup-products .price-compare,
#cart-upsell-drawer .price .cap,
#CartDrawer-CartItems .price .cap{
  opacity: 1;
  color: #611c23;
  font-size: 12px !important;
}
.sticky_add_to_cart .price .price-sale,
.x-container-fbt-popup-products .fbt-wrapper .price-sale,
#cart-upsell-drawer .price .price-sale,
#CartDrawer-CartItems .price .price-sale{
  font-size: 16px;
  color: #1F1B16;
}

.x-container-fbt-popup-products .x-card-price{
  margin-bottom: 0;
}

.x-container-fbt-popup-products .mmm > div{
  display: flex;
}

#cart-upsell-drawer .price .price-sale{
  margin-left: 0;
}

#cart-upsell-drawer .product-price-discount-badge{
  margin-left: 0;
}

#CartDrawer-CartItems a.hover-text-link{
  font-size: 16px;
}

.collection-description-on-image .truncate-text .gradient{
  background-image: none;
}

.collection-description-on-image .line-clamp-description {
    max-height: 45px;
}
.collection-description-on-image .truncate-text.truncate-expanded {
  max-height: var(--truncate-height-expanded, auto);
}


#update-cart .button[href="/cart"]{
  font-size: 12px !important;
}

.product-content-container .metafield-rich_text_field{
  font-size: 12px !important;
}

#total-price{
  font-family: "Switzer" !important;
}

.shipping_calculation_text a{
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .x-cart-interact-group .x-cart-interact-item {
    font-size: 12px !important;
  }

  .section-image-with-text [class*="border-radius-media-template"] {
    border-radius: 0 !important;
  }
}