/** Shopify CDN: Minification failed

Line 23:13 Unexpected "{"
Line 23:22 Expected ":"
Line 37:13 Unexpected "{"
Line 37:22 Expected ":"
Line 49:13 Unexpected "{"
Line 49:22 Expected ":"
Line 55:13 Unexpected "{"
Line 55:22 Expected ":"
Line 62:13 Unexpected "{"
Line 62:22 Expected ":"
... and 54 more hidden warnings

**/
  /* =====================
      Desktop Full Screen 
     ===================== */

   @media (min-width: 1280px) {

   /* product section width - fixed breathing space */
#collection-{{ section.id }} .slider {
  max-width: calc(100% - var(--slider-breathing-space, 128px)) !important; 
  margin: 0 auto !important;
}


/* product section height */
#collection-template--16750553301035__featured_collection_k3p8Da {
  padding-top: var(--collection-padding-top, 0px) !important;   /* variable + fallback */
  padding-bottom: var(--collection-padding-bottom, 56px) !important;   /* variable + fallback */
 
}

    /* product section card size */
#collection-{{ section.id }} .grid__item {
  box-sizing: border-box;
  flex: 0 0 calc((100% - (3 * var(--card-gap, 32px))) / 4);
  max-width: var(--card-max-width, 262px);
  width: 100%;
  height: var(--card-height, 553px);           /* approx 560px → 65vh */
  padding-top: var(--card-padding-top, 32px);  /* approx 32px → 4vh */
  padding-bottom: var(--card-padding-bottom, 0px);  /* approx 32px → 4vh */
  max-height: var(--card-max-height, 553px);   /* height limit */
}

/* ensure grid gap is a fixed px (use same var elsewhere) */
#collection-{{ section.id }} .grid {
  gap: var(--card-gap, 32px); /* make sure --card-gap is in px (e.g. 32px) */
  box-sizing: border-box;
}

/* image container should not force extra width/overflow */
#collection-{{ section.id }} .card__inner {
  max-width: 100%;
  height: var(--card-img-height, 328px) !important; /* approx 328px → 38vh */
  box-sizing: border-box;
}

/* product cards info container */
#collection-{{ section.id }} .grid__item .card__content {
    display: flex;
    flex-direction: column; /* vertical stacking */
}

#collection-{{ section.id }} .grid__item .card__information {
    width: var(--card-info-width, 100%);
    height: auto;      /* height auto to fit content */
    padding-bottom: 0;
    flex-shrink: 0;    /* don't shrink unnecessarily */
}
 
/* Product Rating adjustment */
.rating,
.rating-text,
.rating-count {
  --color-foreground: 50, 94, 77;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* Product title adjustment */
.card__heading a {
  font-size: var(--card-title-size, 20px);      /* approx 21px → 1.3rem */
  font-weight: var(--card-title-weight, 600);     /* Bold ya normal */
  font-family: "Lato", serif !important;
  margin-top: var(--title-padding-top, 3px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 0px);      /* approx 21px → 1.3rem */
}

/* Product subtitle adjustment */
.product-subtitle {
  font-size: var(--card-subtitle-size, 14px);   /* approx 14px → 0.9rem */
  color: var(--card-subtitle-color, #666);       /* Subtitle ka color */
  margin-top: var(--title-padding-top, 0px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 10px);      /* approx 21px → 1.3rem */
}



    /* Product price adjustment */
.price {
  margin-top: var(--price-margin-top, 0px) !important;        /* upar ka gap */
  margin-bottom: var(--price-margin-bottom, 0px) !important;/* niche ka gap */
  line-height: var(--price-line-height, 0.5);                 /* text spacing */
  margin-top: var(--title-padding-top, 0px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 0px);      /* approx 21px → 1.3rem */
}


    /* Product Overall spacing adjust */
.card__information {
  line-height: var(--card-info-line-height, 1.5); /* text vertical spacing control (unitless, no change needed) */
}


   /* Product Add to Cart button size */
#collection-{{ section.id }} .quick-add__submit.button {
  display: block;
  border: none;
  margin: 0 auto;
  min-width: unset !important;
  text-transform: uppercase;

 /* Card width minus little gap (8px approx) */
  width: calc(100% - 8px) !important;

  /* Boundaries safe */
  max-width: 412px !important;   /* 100% zoom → 412 */
  min-width: 254px !important;   /* 150% zoom → 254 */

  height: 48px; /* fix height */
  font-size: 16px;
  letter-spacing: 0.20em;
  background-color: #325E4D;
  color: #FFFCF1;
}

/* product add to cart button wrapper */
#collection-{{ section.id }} .grid__item .quick-add {
  margin-top: 10px;
  margin-bottom: 0;
  flex-shrink: 0;
}

/* Add to Cart button stroke hide */
.quick-add__submit.button::before,
.quick-add__submit.button::after {
  display: none !important;
}



    /* section title */
#shopify-section-template--16750553301035__featured_collection_k3p8Da 
.collection__title .title {
    position: relative;
    left: var(--section-title-x, 65px);   /* px ki jagah vw use */
    top: var(--section-title-y, 71px);    /* zoom/responsive me adjust ho jayega */
    font-size: var(--section-title-font-size, 40px);
    line-height: 1.2;
    letter-spacing: 0.5px;
    word-spacing: -2px;
    width: var(--section-title-width, 601px);
    height: var(--section-title-height, 50px); /* auto takay content ke hisaab se */
}

/* section title wrapper effect hide */
div.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width.title-wrapper--self-padded-tablet-down.collection__title--desktop-slider {
    display: contents !important;
}



    /* view all button styling */
.collection__view-all #viewAllBtn {
  min-height: unset !important;
  text-transform: uppercase;
  position: absolute;
  right: var(--section-title-x, 65px);   /* px ki jagah vw use */
  bottom: var(--section-title-y, 620px);    /* zoom/responsive me adjust ho jayega */
  width: var(--viewall-width, 175px);            /* 147px approx → 12vw */
  height: var(--viewall-height, 36px) !important; /* 30px approx → 3vh */
  letter-spacing: var(--viewall-letter-spacing, 0.24em); /* 0.45em adjusted */
  font-size: var(--viewall-font-size, 1.2rem); /* 10px approx → 0.8rem */
  color: var(--viewall-color, #325E4D);
  padding: var(--viewall-padding, 0 0);
}

/* view all button colour & thickness */
#viewAllBtn.button.button--secondary::after {
  box-shadow: 0 0 0 var(--viewall-stroke-thickness, 1px) /* 1px approx */
              var(--viewall-stroke-color, #325E4D) !important;
}



    /* Dropdown styling */
.collection-switcher select {
  background: var(--dropdown-bg,rgb(255, 241, 241));
  padding: var(--dropdown-padding, 0vh 0.3vw); 
  border-radius: var(--dropdown-radius, 0px);
  min-width: var(--dropdown-width, 343px);   /* responsive width */
  height: var(--dropdown-height, 48px);   /* responsive width */
  font-size: var(--dropdown-font-size, 40px); 
  font-weight: var(--dropdown-font-weight, 500);
  font-family: var(--dropdown-font-family, 'Baskerville Serial', serif);
  color: var(--dropdown-color, #205A41);
}

/* Dropdown container move with arrow */
.collection-switcher {
  left: var(--section-title-x, 675px);   /* px ki jagah vw use */
  top: var(--section-title-y, -6px);    /* zoom/responsive me adjust ho jayega */
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Inside dropdown custom arrow move */
.collection-switcher .custom-dropdown-arrow {
  position: absolute;
  right: var(--arrow-right, 10px);     /* 10px ≈ 0.7rem */
  top: 60%;                             
  transform: translateY(-50%);           /* vertical center */
  pointer-events: none;                 
  display: flex;                        
  align-items: center;
  justify-content: center;
}

/* Dropdown custom arrow size & colour */
.custom-dropdown-arrow svg {
  width: 2em;              /* responsive size */
  height: 2em;
  stroke: #47483b;           /* Arrow color */
  stroke-width: 1;           /* thoda mota arrow */
}

 /* Dropdown extra space hide */
  .collection-switcher {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex; /* ya inline-block agar inline chahiye */
    align-items: center; /* arrow aur dropdown align rakhne ke liye */
  }

    /* Dropdown btn border style */
  #collection-template--16750553301035__featured_collection_k3p8Da-dropdown:focus {
     outline: 1px solid #2563EB; /* apna desired color */
     outline-offset: 0px;        /* thoda gap element aur outline ke beech */
     box-shadow: none;
     border-bottom: 1.5px solid #47483b; /* underline focus pe bhi visible rahe */
  }

  /* Dropdown default arrow hide */
#collection-template--16750553301035__featured_collection_k3p8Da-dropdown {
  appearance: none;         /* Default arrow hide */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

/* Dropdown underline styling*/
.collection-switcher select {
  border: none;         
  background: transparent;
  border-bottom: var(--dropdown-underline-thickness, 2px) 
                 solid var(--dropdown-underline-color, #47483b);
  padding-bottom: var(--dropdown-padding-bottom, 0px);
}



   /* Slider arrows with stroke circle only */
.slider-button {
  position: absolute;
  top: 250px;
  background: var(--slider-arrow-bg, #ffffff) !important;
  border: var(--slider-arrow-border, 0.0625rem solid #325E4D) !important;  /* 1px → 0.0625rem */
  border-radius: var(--slider-arrow-radius, 50%) !important;
  width: var(--slider-arrow-width, 44px) !important;  /* 44px → 2.75rem */
  height: var(--slider-arrow-height, 44px) !important; /* 44px → 2.75rem */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  box-shadow: var(--slider-arrow-shadow, none) !important;
  color: var(--slider-arrow-color, #000) !important;
}

/* Inside arrow (svg) */
.slider-button svg {
  width: var(--slider-arrow-svg-width, 12px) !important;       
  height: var(--slider-arrow-svg-height, 12px) !important;     
  stroke: var(--slider-arrow-svg-stroke, #325E4D) !important;
  stroke-width: var(--slider-arrow-svg-stroke-width, 0.5px) !important;
  fill: var(--slider-arrow-svg-fill, none) !important;
}


    /* Left arrow */
.slider-button--prev {
  left: var(--slider-arrow-left, 90px);
}

/* Right arrow */
.slider-button--next {
  right: var(--slider-arrow-right, 90px);
}

/* Hide Shopify slider counter (1 / 4 text) */
.slider-counter {
  display: none !important;
}
}



  /* =======================================
      Tablet Portrait Mobile Landscape 175%
     ======================================= */

  @media (min-width: 1079px) and (max-width: 1279px) {

   /* product section width - fixed breathing space */
#collection-{{ section.id }} .slider {
  max-width: calc(100% - var(--slider-breathing-space, 64px)) !important; 
  margin: 0 auto !important;
}


/* product section height */
#collection-template--16750553301035__featured_collection_k3p8Da {
  padding-top: var(--collection-padding-top, 0px) !important;   /* variable + fallback */
  padding-bottom: var(--collection-padding-bottom, 56px) !important;   /* variable + fallback */
 
}

    /* product section card size */
#collection-{{ section.id }} .grid__item {
  box-sizing: border-box;
  flex: 0 0 320px !important; 
  max-width: 320px !important;
  min-width: 320px !important;
  height: var(--card-height, 553px);
  max-height: var(--card-max-height, 553px);
  padding-top: var(--card-padding-top, 32px);
  padding-bottom: var(--card-padding-bottom, 0px);
}

/* ensure grid gap is a fixed px (use same var elsewhere) */
#collection-{{ section.id }} .grid {
  gap: var(--card-gap, 32px); /* make sure --card-gap is in px (e.g. 32px) */
  box-sizing: border-box;
}

/* image container should not force extra width/overflow */
#collection-{{ section.id }} .card__inner {
  max-width: 100%;
  height: var(--card-img-height, 328px) !important; /* approx 328px → 38vh */
  box-sizing: border-box;
}

/* product cards info container */
#collection-{{ section.id }} .grid__item .card__content {
    display: flex;
    flex-direction: column; /* vertical stacking */
}

#collection-{{ section.id }} .grid__item .card__information {
    width: var(--card-info-width, 100%);
    height: auto;      /* height auto to fit content */
    padding-bottom: 0;
    flex-shrink: 0;    /* don't shrink unnecessarily */
}
 
/* Product Rating adjustment */
.rating,
.rating-text,
.rating-count {
  --color-foreground: 50, 94, 77;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

/* Product title adjustment */
.card__heading a {
  font-size: var(--card-title-size, 20px);      /* approx 21px → 1.3rem */
  font-weight: var(--card-title-weight, 600);     /* Bold ya normal */
  font-family: "Lato", serif !important;
  margin-top: var(--title-padding-top, 3px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 0px);      /* approx 21px → 1.3rem */
}

/* Product subtitle adjustment */
.product-subtitle {
  font-size: var(--card-subtitle-size, 14px);   /* approx 14px → 0.9rem */
  color: var(--card-subtitle-color, #666);       /* Subtitle ka color */
  margin-top: var(--title-padding-top, 0px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 10px);      /* approx 21px → 1.3rem */
}



    /* Product price adjustment */
.price {
  margin-top: var(--price-margin-top, 0px) !important;        /* upar ka gap */
  margin-bottom: var(--price-margin-bottom, 0px) !important;/* niche ka gap */
  line-height: var(--price-line-height, 0.5);                 /* text spacing */
  margin-top: var(--title-padding-top, 0px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 0px);      /* approx 21px → 1.3rem */
}


    /* Product Overall spacing adjust */
.card__information {
  line-height: var(--card-info-line-height, 1.5); /* text vertical spacing control (unitless, no change needed) */
}


   /* Product Add to Cart button size */
#collection-{{ section.id }} .quick-add__submit.button {
  display: block;
  border: none;
  margin: 0 auto;
  min-width: unset !important;
  text-transform: uppercase;

 /* Card width minus little gap (8px approx) */
  width: calc(100% - 8px) !important;

  /* Boundaries safe */
  max-width: 412px !important;   /* 100% zoom → 412 */
  min-width: 254px !important;   /* 150% zoom → 254 */

  height: 48px; /* fix height */
  font-size: 14px;
  letter-spacing: 0.20em;
  background-color: #325E4D;
  color: #FFFCF1;
}

/* product add to cart button wrapper */
#collection-{{ section.id }} .grid__item .quick-add {
  margin-top: 10px;
  margin-bottom: 0;
  flex-shrink: 0;
}

/* Add to Cart button stroke hide */
.quick-add__submit.button::before,
.quick-add__submit.button::after {
  display: none !important;
}



    /* section title */
#shopify-section-template--16750553301035__featured_collection_k3p8Da 
.collection__title .title {
    position: relative;
    left: var(--section-title-x, 32px);
    top: var(--section-title-y, 72.5px);
    font-size: var(--section-title-font-size, 32px);
    line-height: 48px;
    letter-spacing: 0.32px;
    word-spacing: -1px;
    width: var(--section-title-width, 481px);
    height: var(--section-title-height, 50px);
}

/* section title wrapper effect hide */
div.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width.title-wrapper--self-padded-tablet-down.collection__title--desktop-slider {
    display: contents !important;
}



    /* view all button styling */
.collection__view-all #viewAllBtn {
  min-height: unset !important;
  text-transform: uppercase;
  position: absolute;
  right: var(--section-title-x, 32px);   /* px ki jagah vw use */
  bottom: var(--section-title-y, 615px);    /* zoom/responsive me adjust ho jayega */
  width: var(--viewall-width, 174px);            /* 147px approx → 12vw */
  height: var(--viewall-height, 36px) !important; /* 30px approx → 3vh */
  letter-spacing: var(--viewall-letter-spacing, 0.24em); /* 0.45em adjusted */
  font-size: var(--viewall-font-size, 1.2rem); /* 10px approx → 0.8rem */
  color: var(--viewall-color, #325E4D);
  padding: var(--viewall-padding, 0 0);
}

/* view all button colour & thickness */
#viewAllBtn.button.button--secondary::after {
  box-shadow: 0 0 0 var(--viewall-stroke-thickness, 1px) /* 1px approx */
              var(--viewall-stroke-color, #325E4D) !important;
}



    /* Dropdown styling */
.collection-switcher select {
  background: var(--dropdown-bg,rgb(255, 241, 241));
  padding: var(--dropdown-padding, 0vh 0.3vw); 
  border-radius: var(--dropdown-radius, 0px);
  min-width: var(--dropdown-width, 282px);   /* responsive width */
  height: var(--dropdown-height, 48px);   /* responsive width */
  font-size: var(--dropdown-font-size, 32px);
  line-height: 46.5px; 
  font-weight: var(--dropdown-font-weight, 500);
  font-family: var(--dropdown-font-family, 'Baskerville Serial', serif);
  color: var(--dropdown-color, #205A41);
}

/* Dropdown container move with arrow */
.collection-switcher {
  left: var(--section-title-x, 520px);   /* px ki jagah vw use */
  top: var(--section-title-y, -1.5px);    /* zoom/responsive me adjust ho jayega */
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Inside dropdown custom arrow move */
.collection-switcher .custom-dropdown-arrow {
  position: absolute;
  right: var(--arrow-right, 12px);
  top: 50%;                             
  transform: translateY(-45%);   /* vertical center */
  pointer-events: none;                 
  display: flex;                        
  align-items: center;
  justify-content: center;
}

/* Dropdown custom arrow size & colour */
.custom-dropdown-arrow svg {
  width: 2em;              /* responsive size */
  height: 2em;
  stroke: #47483b;           /* Arrow color */
  stroke-width: 1;           /* thoda mota arrow */
}

 /* Dropdown extra space hide */
  .collection-switcher {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex; /* ya inline-block agar inline chahiye */
    align-items: center; /* arrow aur dropdown align rakhne ke liye */
  }

    /* Dropdown btn border style */
  #collection-template--16750553301035__featured_collection_k3p8Da-dropdown:focus {
     outline: 1px solid #2563EB; /* apna desired color */
     outline-offset: 0px;        /* thoda gap element aur outline ke beech */
     box-shadow: none;
     border-bottom: 1.5px solid #47483b; /* underline focus pe bhi visible rahe */
  }

  /* Dropdown default arrow hide */
#collection-template--16750553301035__featured_collection_k3p8Da-dropdown {
  appearance: none;         /* Default arrow hide */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

/* Featured collection dropdown underline */
.collection-switcher select {
  border: none;         
  background: transparent;
  border-bottom: var(--dropdown-underline-thickness, 1.5px) 
                 solid var(--dropdown-underline-color, #47483b);
}



   /* Slider arrows with stroke circle only */
.slider-button {
  position: absolute;
  top: 250px;
  background: var(--slider-arrow-bg, #ffffff) !important;
  border: var(--slider-arrow-border, 0.0625rem solid #325E4D) !important;  /* 1px → 0.0625rem */
  border-radius: var(--slider-arrow-radius, 50%) !important;
  width: var(--slider-arrow-width, 44px) !important;  /* 44px → 2.75rem */
  height: var(--slider-arrow-height, 44px) !important; /* 44px → 2.75rem */
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
  box-shadow: var(--slider-arrow-shadow, none) !important;
  color: var(--slider-arrow-color, #000) !important;
}

/* Inside arrow (svg) */
.slider-button svg {
  width: var(--slider-arrow-svg-width, 12px) !important;       
  height: var(--slider-arrow-svg-height, 12px) !important;     
  stroke: var(--slider-arrow-svg-stroke, #325E4D) !important;
  stroke-width: var(--slider-arrow-svg-stroke-width, 0.5px) !important;
  fill: var(--slider-arrow-svg-fill, none) !important;
}


    /* Left arrow */
.slider-button--prev {
  left: var(--slider-arrow-left, 64px);
}

/* Right arrow */
.slider-button--next {
  right: var(--slider-arrow-right, 64px);
}

/* Hide Shopify slider counter (1 / 4 text) */
.slider-counter {
  display: none !important;
}

/* Hide Shopify extra slider arrow */
.slider-button[disabled] {
  display: none !important;
}
}





/* ==================================
    Tablet Portrait Mobile Landscape
   ================================== */

   @media (min-width: 635px) and (max-width: 1078px) {

  /* product section width - fixed breathing space */
#collection-{{ section.id }} .slider {
  max-width: calc(100% - var(--slider-breathing-space, 15px)) !important;
  margin: 0 auto !important;
}

  /* product section height */
#collection-template--16750553301035__featured_collection_k3p8Da {
  padding-top: var(--collection-padding-top, 10vh) !important;   /* variable + fallback */
  padding-bottom: var(--collection-padding-bottom, 12vh) !important;   /* variable + fallback */
 
}

  /* product section card size */
#collection-{{ section.id }} .grid__item {
  box-sizing: border-box;
  flex: 1 1 clamp(180px, 30vw, 356px); /* min 180px, ideal 30% of viewport, max 356px */
  min-width: var(--card-min-width, 37.1vw);
  width: 100%;
  height: var(--card-height, 513px);
  max-height: var(--card-max-height, 553px);
  padding-top: var(--card-padding-top, 32px);
  padding-bottom: var(--card-padding-bottom, 0px);
}

  /* ensure grid gap is a fixed px (use same var elsewhere) */
#collection-{{ section.id }} .grid {
  gap: var(--card-gap, 32px); /* make sure --card-gap is in px (e.g. 32px) */
  box-sizing: border-box;
}

  /* image container should not force extra width/overflow */
#collection-{{ section.id }} .card__inner {
  max-width: 100%;
  height: var(--card-img-height, 328px) !important; /* approx 328px → 38vh */
  box-sizing: border-box;
}

  /* product cards info container */
#collection-{{ section.id }} .grid__item .card__content {
  display: flex;
  flex-direction: column; /* vertical stacking */
}

#collection-{{ section.id }} .grid__item .card__information {
  width: var(--card-info-width, 100%);
  height: auto;      /* height auto to fit content */
  padding-bottom: 0;
  flex-shrink: 0;    /* don't shrink unnecessarily */
}
 
  /* Product Rating adjustment */
.rating,
.rating-text,
.rating-count {
  --color-foreground: 50, 94, 77;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

  /* Product title adjustment */
.card__heading a {
  font-size: var(--card-title-size, 20px);      /* approx 21px → 1.3rem */
  font-weight: var(--card-title-weight, 600);     /* Bold ya normal */
  font-family: "Lato", serif !important;
  margin-top: var(--title-padding-top, 3px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 0px);      /* approx 21px → 1.3rem */
}

  /* Product subtitle adjustment */
.product-subtitle {
  font-size: var(--card-subtitle-size, 14px);   /* approx 14px → 0.9rem */
  color: var(--card-subtitle-color, #666);       /* Subtitle ka color */
  margin-top: var(--title-padding-top, 0px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 10px);      /* approx 21px → 1.3rem */
}

  /* Product price adjustment */
.price {
  margin-top: var(--price-margin-top, 0px) !important;        /* upar ka gap */
  margin-bottom: var(--price-margin-bottom, 0px) !important;/* niche ka gap */
  line-height: var(--price-line-height, 0.5);                 /* text spacing */
  margin-top: var(--title-padding-top, 0px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 0px);      /* approx 21px → 1.3rem */
}

  /* Product Overall spacing adjust */
.card__information {
  line-height: var(--card-info-line-height, 1.5); /* text vertical spacing control (unitless, no change needed) */
}

  /* Product Add to Cart button size */
#collection-{{ section.id }} .quick-add__submit.button {
  display: block;
  border: none;
  margin: 0 auto;
  min-width: unset !important;
  text-transform: uppercase;

  /* Card width minus little gap (8px approx) */
  width: calc(100% - 8px) !important;
  height: 48px; /* fix height */
  font-size: 16px;
  letter-spacing: 0.20em;
  background-color: #325E4D;
  color: #FFFCF1;
}

  /* product add to cart button wrapper */
#collection-{{ section.id }} .grid__item .quick-add {
  margin-top: 10px;
  margin-bottom: 0;
  flex-shrink: 0;
}

/* Add to Cart button stroke hide */
.quick-add__submit.button::before,
.quick-add__submit.button::after {
  display: none !important;
}

  /* section title */
#shopify-section-template--16750553301035__featured_collection_k3p8Da 
.collection__title .title {
    position: relative;
    left: var(--section-title-x, 23px);   /* px ki jagah vw use */
    top: var(--section-title-y, 10px);    /* zoom/responsive me adjust ho jayega */
    font-size: var(--section-title-font-size, 24px);
    line-height: 32px;
    letter-spacing: 0.5px;
    word-spacing: -2px;
    width: var(--section-title-width, 95.9vw);
    height: var(--section-title-height, 32px); /* auto takay content ke hisaab se */
}

/* section title wrapper effect hide */
div.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width.title-wrapper--self-padded-tablet-down.collection__title--desktop-slider {
    display: contents !important;
}

/* view all container */
.collection__view-all {
  justify-content: center;
  margin-top: 32px;     /* cards ke container se distance */
}

#viewAllBtn {
  margin: 0 !important;
  line-height: 40px;   /* same as height */
}

  /* view all button styling */
.collection__view-all #viewAllBtn {
  min-height: unset !important;
  text-transform: uppercase;
  position: relative;
  width: var(--viewall-width, 205px);            /* 147px approx → 12vw */
  height: var(--viewall-height, 40px) !important; /* 30px approx → 3vh */
  letter-spacing: var(--viewall-letter-spacing, 0.24em); /* 0.45em adjusted */
  font-size: var(--viewall-font-size, 14px); /* 10px approx → 0.8rem */
  font-weight: var(--dropdown-font-weight, 700);
  color: var(--viewall-color, #325E4D);
  padding: var(--viewall-padding, 0 0);
}

/* view all button colour & thickness */
#viewAllBtn.button.button--secondary::after {
  box-shadow: 0 0 0 var(--viewall-stroke-thickness, 1px) /* 1px approx */
              var(--viewall-stroke-color, #325E4D) !important;
}

  /* Dropdown styling */
.collection-switcher select {
  background: var(--dropdown-bg,rgb(255, 241, 241));
  padding: var(--dropdown-padding, 0vh 0.3vw); 
  border-radius: var(--dropdown-radius, 0px);
  min-width: var(--dropdown-width, 95.9vw);   /* responsive width */
  height: var(--dropdown-height, 35px);   /* responsive width */
  font-size: var(--dropdown-font-size, 24px);
  line-height: 35px; 
  font-weight: var(--dropdown-font-weight, 500);
  font-family: var(--dropdown-font-family, 'Baskerville Serial', serif);
  color: var(--dropdown-color, #205A41);
}

/* Dropdown container move with arrow */
.collection-switcher {
  left: var(--section-title-x, 23px);   /* px ki jagah vw use */
  top: var(--section-title-y, -2px);    /* zoom/responsive me adjust ho jayega */
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Inside dropdown custom arrow move */
.collection-switcher .custom-dropdown-arrow {
  position: absolute;
  right: var(--arrow-right, 12px);
  top: 40%;                             
  transform: translateY(-50%);   /* vertical center */
  pointer-events: none;                 
  display: flex;                        
  align-items: center;
  justify-content: center;
}

/* Dropdown custom arrow size & colour */
.custom-dropdown-arrow svg {
  width: 1.5em;              /* responsive size */
  height: 1.5em;
  stroke: #47483b;           /* Arrow color */
  stroke-width: 1;           /* thoda mota arrow */
}

 /* Dropdown extra space hide */
  .collection-switcher {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex; /* ya inline-block agar inline chahiye */
    align-items: center; /* arrow aur dropdown align rakhne ke liye */
  }

    /* Dropdown btn border style */
  #collection-template--16750553301035__featured_collection_k3p8Da-dropdown:focus {
     outline: 1px solid #2563EB; /* apna desired color */
     outline-offset: 0px;        /* thoda gap element aur outline ke beech */
     box-shadow: none;
     border-bottom: 1.5px solid #47483b; /* underline focus pe bhi visible rahe */
  }

  /* Dropdown default arrow hide */
#collection-template--16750553301035__featured_collection_k3p8Da-dropdown {
  appearance: none;         /* Default arrow hide */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

/* Featured collection dropdown underline */
.collection-switcher select {
  border: none;         
  background: transparent;
  border-bottom: var(--dropdown-underline-thickness, 1.5px) 
                 solid var(--dropdown-underline-color, #47483b);
  padding-bottom: var(--dropdown-padding-bottom, 0px);
}



   /* hide Slider arrows */
.slider-button {
  display: none !important;
}

/* Hide Shopify slider counter (1 / 4 text) */
.slider-counter {
  display: none !important;
}
}





/* ==================================
    Tablet Portrait Mobile Landscape
   ================================== */

   @media (min-width: 320px) and (max-width: 634px) {

 

  /* product section width - fixed breathing space */
#collection-{{ section.id }} .slider {
  max-width: calc(100% - var(--slider-breathing-space, 5px)) !important;
  margin: 0 auto !important;
}

  /* product section height */
#collection-template--16750553301035__featured_collection_k3p8Da {
  padding-top: var(--collection-padding-top, 45px) !important;   /* variable + fallback */
  padding-bottom: var(--collection-padding-bottom, 48px) !important;   /* variable + fallback */
 
}

  /* product section card size */
#collection-{{ section.id }} .grid__item {
  box-sizing: border-box;
  width: 379px !important;      /* outer card width fix */
  max-width: 68.5vw !important;
  height: 455px;                /* tumhara fixed height */
  max-height: 455px;
  padding-top: 24px;
  padding-bottom: 0;
}


  /* ensure grid gap is a fixed px (use same var elsewhere) */
#collection-{{ section.id }} .grid {
  gap: var(--card-gap, 16px); /* make sure --card-gap is in px (e.g. 32px) */
  box-sizing: border-box;
}

  /* image container should not force extra width/overflow */
#collection-{{ section.id }} .card__inner {
  max-width: 100%;
  height: var(--card-img-height, 256px) !important; /* approx 328px → 38vh */
  box-sizing: border-box;
}

  /* product cards info container */
#collection-{{ section.id }} .grid__item .card__content {
  display: flex;
  flex-direction: column; /* vertical stacking */
}

#collection-{{ section.id }} .grid__item .card__information {
  width: var(--card-info-width, 100%);
  height: auto;      /* height auto to fit content */
  padding-bottom: 0;
  flex-shrink: 0;    /* don't shrink unnecessarily */
}
 
  /* Product Rating adjustment */
.rating,
.rating-text,
.rating-count {
  --color-foreground: 50, 94, 77;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

  /* Product title adjustment */
.card__heading a {
  font-size: var(--card-title-size, 20px);      /* approx 21px → 1.3rem */
  font-weight: var(--card-title-weight, 600);     /* Bold ya normal */
  font-family: "Lato", serif !important;
  margin-top: var(--title-padding-top, 3px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 4px);      /* approx 21px → 1.3rem */
}

  /* Product subtitle adjustment */
.product-subtitle {
  font-size: var(--card-subtitle-size, 14px);   /* approx 14px → 0.9rem */
  color: var(--card-subtitle-color, #666);       /* Subtitle ka color */
  margin-top: var(--title-padding-top, 0px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 10px);      /* approx 21px → 1.3rem */
}

  /* Product price adjustment */
.price {
  margin-top: var(--price-margin-top, 0px) !important;        /* upar ka gap */
  margin-bottom: var(--price-margin-bottom, 0px) !important;/* niche ka gap */
  line-height: var(--price-line-height, 0.5);                 /* text spacing */
  margin-top: var(--title-padding-top, 0px);      /* approx 21px → 1.3rem */
  margin-bottom: var(--title-padding-bottom, 0px);      /* approx 21px → 1.3rem */
}

  /* Product Overall spacing adjust */
.card__information {
  line-height: var(--card-info-line-height, 1.5); /* text vertical spacing control (unitless, no change needed) */
}

  /* Product Add to Cart button size */
#collection-{{ section.id }} .quick-add__submit.button {
  display: block;
  border: none;
  min-height: unset !important;
  max-height: unset !important;
  box-sizing: border-box;   /* ensure height include padding */
  margin: 0 auto;
  min-width: unset !important;
  text-transform: uppercase;
  padding-top: 0 !important; 
  padding-bottom: 0 !important;
   
  /* Card width minus little gap (8px approx) */
  width: calc(100% - 8px) !important;
  height: 40px; /* fix height */
  line-height: 40px;
  font-size: 12px;
  letter-spacing: 0.20em;
  background-color: #325E4D;
  color: #FFFCF1;
}

  /* product add to cart button wrapper */
#collection-{{ section.id }} .grid__item .quick-add {
  margin-top: 15px;
  margin-bottom: 0;
  flex-shrink: 0;
}

/* Add to Cart button stroke hide */
.quick-add__submit.button::before,
.quick-add__submit.button::after {
  display: none !important;
}

  /* section title */
#shopify-section-template--16750553301035__featured_collection_k3p8Da 
.collection__title .title {
    position: relative;
    left: var(--section-title-x, 18px);   /* px ki jagah vw use */
    top: var(--section-title-y, 10px);    /* zoom/responsive me adjust ho jayega */
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.5px;
    word-spacing: -2px;
    width: var(--section-title-width, 92.5vw);
    height: auto;
}

/* section title wrapper effect hide */
div.collection__title.title-wrapper.title-wrapper--no-top-margin.page-width.title-wrapper--self-padded-tablet-down.collection__title--desktop-slider {
    display: contents !important;
}

/* view all container */
.collection__view-all {
  justify-content: center;
  margin-top: 32px;     /* cards ke container se distance */
}

#viewAllBtn {
  margin: 0 !important;
  line-height: 40px;   /* same as height */
}

  /* view all button styling */
.collection__view-all #viewAllBtn {
  min-height: unset !important;
  text-transform: uppercase;
  position: relative;
  width: var(--viewall-width, 205px);            /* 147px approx → 12vw */
  height: var(--viewall-height, 40px) !important; /* 30px approx → 3vh */
  letter-spacing: var(--viewall-letter-spacing, 0.24em); /* 0.45em adjusted */
  font-size: var(--viewall-font-size, 14px); /* 10px approx → 0.8rem */
  font-weight: var(--dropdown-font-weight, 700);
  color: var(--viewall-color, #325E4D);
  padding: var(--viewall-padding, 0 0);
}

/* view all button colour & thickness */
#viewAllBtn.button.button--secondary::after {
  box-shadow: 0 0 0 var(--viewall-stroke-thickness, 1px) /* 1px approx */
              var(--viewall-stroke-color, #325E4D) !important;
}

  /* Dropdown styling */
.collection-switcher select {
  background: var(--dropdown-bg,rgb(255, 241, 241));
  padding: var(--dropdown-padding, 0vh 0.3vw); 
  border-radius: var(--dropdown-radius, 0px);
  min-width: var(--dropdown-width, 92.2vw);   /* responsive width */
  height: var(--dropdown-height, 35px);   /* responsive width */
  font-size: var(--dropdown-font-size, 24px);
  line-height: 35px; 
  font-weight: var(--dropdown-font-weight, 500);
  font-family: var(--dropdown-font-family, 'Baskerville Serial', serif);
  color: var(--dropdown-color, #205A41);
}

/* Dropdown container move with arrow */
.collection-switcher {
  left: var(--section-title-x, 18px);   /* px ki jagah vw use */
  top: var(--section-title-y, -2px);    /* zoom/responsive me adjust ho jayega */
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Inside dropdown custom arrow move */
.collection-switcher .custom-dropdown-arrow {
  position: absolute;
  right: var(--arrow-right, 12px);
  top: 45%;                             
  transform: translateY(-50%);           /* vertical center */
  pointer-events: none;                 
  display: flex;                        
  align-items: center;
  justify-content: center;
}

/* Dropdown custom arrow size & colour */
.custom-dropdown-arrow svg {
  width: 1.8em;              /* responsive size */
  height: 1.5em;
  stroke: #47483b;           /* Arrow color */
  stroke-width: 1;           /* thoda mota arrow */
}

 /* Dropdown extra space hide */
  .collection-switcher {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex; /* ya inline-block agar inline chahiye */
    align-items: center; /* arrow aur dropdown align rakhne ke liye */
  }

    /* Dropdown btn border style */
  #collection-template--16750553301035__featured_collection_k3p8Da-dropdown:focus {
     outline: 1px solid #2563EB; /* apna desired color */
     outline-offset: 0px;        /* thoda gap element aur outline ke beech */
     box-shadow: none;
     border-bottom: 1.5px solid #47483b; /* underline focus pe bhi visible rahe */
  }

  /* Dropdown default arrow hide */
#collection-template--16750553301035__featured_collection_k3p8Da-dropdown {
  appearance: none;         /* Default arrow hide */
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
}

/* Featured collection dropdown underline */
.collection-switcher select {
  border: none;         
  background: transparent;
  border-bottom: var(--dropdown-underline-thickness, 1.5px) 
                 solid var(--dropdown-underline-color, #47483b);
  padding-bottom: var(--dropdown-padding-bottom, 0px);
}



   /* hide Slider arrows */
.slider-button {
  display: none !important;
}

/* Hide Shopify slider counter (1 / 4 text) */
.slider-counter {
  display: none !important;
}
}