/** Shopify CDN: Minification failed

Line 1082:20 Unexpected "{"
Line 1082:29 Expected ":"
Line 1082:36 Unexpected "{"
Line 1084:21 Expected identifier but found whitespace
Line 1084:23 Unexpected "{"
Line 1084:32 Expected ":"
Line 1085:12 Expected identifier but found whitespace
Line 1085:14 Unexpected "{"
Line 1085:23 Expected ":"
Line 1085:50 Unexpected "0"
... and 3 more hidden warnings

**/
:root {
  /* 1. Fonts & Typography */
  --devstren-font-body: var(--font-body-family);

  /* 2. Brand Colors (Theme) */
  --devstren-color-primary: #174F36;
  --devstren-color-secondary: #BDCC9F;

  /* 3. Text Colors */
  --devstren-text-heading: #003107;
  --devstren-text-subheading: #748355;
  --devstren-text-peragraph: #445947;
  --devstren-text-input: #9EA790;
  --devstren-text-white: #FFFFFF;
  --devstren-text-highlight: #4AC65B;

  /* 4. Button Colors */
  --devstren-btn-bg: #174F36;
  --devstren-btn-outline: #1C201E;

  /* 5. Component Specific (Stars, Sliders, etc.) */
  --devstren-body-light: #F0F1EF;
  --devstren-color-star: #427D4B;
  --devstren-color-dot-inactive: #95959580;

  /* font Sizes */
  --devstren-h1: 64px;
  --devstren-h2: 46px;
  --devstren-p: 14px;
  --devstren-product-heading: 20px;
  --devstren-16: 16px;

}

body {
  font-family: var(--devstren-font-body);
  color: var(--devstren-text-peragraph);
}

h1 {
  font-size: var(--devstren-h1);
}

h2 {
  font-size: var(--devstren-h2) !important;
  color: var(--devstren-text-heading);
}

p {
  font-size: var(--devstren-p);
  color: var(--devstren-text-peragraph);
}

.p {
  color: var(--devstren-text-peragraph);
}

.dev-mt{
      margin-top: 100px;
}
h1, h2, h3, h4, h5, .h0, .h1, .h2, .h3, .h4, .h5{
  color: var(--devstren-text-heading);
}
/* button linker */
.btn-custom-quick-add,
.btn-custom {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  padding: 1.2rem 1.2rem 1.2rem 2rem;
  border-radius: 5rem;
  font-size: var(--devstren-p);
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease !important;
  border: 1px solid transparent;
}

.autohover,
.custom-p-card:hover .btn-custom-quick-add ,
.rte a:hover ,
.hs-hover-custom:hover ,
.btn-custom-primary {
  background-color: var(--devstren-btn-bg) ;
  border-color: var(--devstren-btn-bg) ;
  color: #ffffff;
}

.autohover:hover,
.btn-custom-primary:hover {
  background-color: var(--devstren-text-white);
  color: var(--devstren-btn-bg);
  border-color: var(--devstren-text-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.btn-custom-secondary {
  background-color: transparent;
  color: var(--devstren-btn-bg);
  border: 1px solid var(--devstren-btn-bg);
}

.btn-custom-secondary:hover {
  background-color: var(--devstren-btn-bg);
  color: #ffffff;
  border: 1px solid var(--devstren-btn-bg);
}

/* Product Normal State */
.btn-custom-quick-add {
  background-color: transparent;
  border: 1px solid #111;
  color: #111;
  transition: all 0.35s ease;
  position: relative;
  z-index: 4;
}
.custom-p-card:hover .btn-custom-quick-add svg path{
    fill: white;
}
/*
============================================================================================================================
                                            Header (Navbar)
============================================================================================================================
*/

.devstren-navbar-2 {
  background: var(--devstren-color-primary);
  color: var(--devstren-text-white);
}

.devstren-navbar-2 .mega-menu__content {
  background: var(--devstren-color-secondary);
}

.devstren-navbar-2 .link,
.devstren-navbar-2 .header__menu-item,
.header__active-menu-item {
  color: var(--devstren-text-white);
  text-transform: uppercase;
}

/* navbar devstren-center-line*/
.devstren-center-line {
  display: block !important;
  background: #0000006b;
  width: 2px;
  height: 25px;
}


.template-search .field__input,
.devstren.header .field__input {
  background: var(--devstren-text-white);
  border-radius: 10rem;
}

.template-search .field__input,
.template-search .field__input:not(:placeholder-shown),
.template-search .field__input:focus ,
.devstren.header .field__input,
.devstren.header .field__input:not(:placeholder-shown),
.devstren.header .field__input:focus {
  padding: 10px 10px 10px 20px;
}

.template-search .field:after ,
.devstren.header .field:after {
  content: none;
}

.devstren-header-search input.search__input.field__input::placeholder {
  color: var(--devstren-text-input) !important;
  opacity: inherit;
}


.text-decoration-none,
.header__icon:not(.header__icon--summary),
.header__icon span {
  text-decoration: none !important;
}

.header__icon:not(.header__icon--summary),
.header__icon span:hover {
  color: var(--devstren-color-primary);
}

.devstren.header__icon {
  width: max-content;
}

.cart-count-bubble {
  background-color: rgb(24 79 54) !important;
}
.cart-count-bubble span {
  position: relative;
  right: -0.6px;
}


/*
============================================================================================================================
                                            Hero Section (Slider)
============================================================================================================================
*/

.devstren-custom-slideshow .slideshow__media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.devstren-custom-slideshow .banner__box {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  max-width: 60rem !important;
  padding: 4rem 2rem 4rem 0rem;
}

.devstren-custom-slideshow .banner__heading {
  color: var(--devstren-text-heading);
  font-size: var(--devstren-h1);
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 0rem;
  letter-spacing: -0.03em;
}

.devstren-custom-slideshow p {
  line-height: 1.4;
}

.devstren-custom-slideshow .banner__heading strong {
  color: var(--devstren-text-subheading);
  font-weight: 600;
}


.devstren-custom-slideshow .banner__text {
  color: var(--devstren-text-peragraph);
  font-size: var(--devstren-p);
  line-height: 1.5;
  margin-bottom: 1rem;
  max-width: 48rem;
}

.devstren-custom-slideshow .banner__buttons {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
  max-width: 100%;
}


.devstren-custom-slideshow {
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 20px !important;
  margin: 15px;
  height: 640px;
}

slideshow-component .slideshow.banner {
  height: 100%;
}


/*
============================================================================================================================
                                             Custom Premium Layout Controls
============================================================================================================================
*/

.devstren-custom-slideshow .slideshow__ui-controls {
  position: absolute;
  bottom: 7rem;
  left: 50%;
  width: 100%;
  padding: 0 5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
  pointer-events: none;
  transform: translate(-50%, 0px);
}

.devstren-custom-slideshow .custom-pagination-dots {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  pointer-events: auto;
}

.custom-dot-item,
.devstren-custom-slideshow .custom-dot-item {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: #00000087;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all 0.3s ease;
}
.custom-dot-item.active{
      margin: 0px 4px;
}

.slideshow__ui-controls button.slider-dot.slider-dot--prev,
.slideshow__ui-controls button.slider-dot.slider-dot--next {
    background: #174f36;
    border-radius: 10rem;
    padding: 7px 7px;
    border: none;
    color: white;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.slideshow__ui-controls button.slider-dot.slider-dot--prev{
    top: 40%;
    left: 5%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.slideshow__ui-controls button.slider-dot.slider-dot--next {
    top: 40%;
    right: 5%;
    transform: translate(-50%, -50%);
    z-index: 10;
}
.slideshow__ui-controls button.slider-dot:disabled{
  opacity: 0.5;
}

.slideshow__ui-controls button.slider-dot.slider-dot--prev .svg-wrapper>svg {
  transform: rotate(90deg);
}

.slideshow__ui-controls button.slider-dot.slider-dot--next .svg-wrapper>svg {
  transform: rotate(270deg);
}

.custom-dot-item.active,
.devstren-custom-slideshow .custom-dot-item.active {
  width: 3.5rem;
  border-radius: 1rem;
  background-color: var(--devstren-color-secondary);
}

.devstren-custom-slideshow .custom-slider-counter {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  color: white;
  font-size: var(--devstren-p);
  font-weight: 500;
}

.devstren-custom-slideshow .counter-line {
  width: 5rem;
  height: 1px;
  background-color: var(--devstren-text-white);
  opacity: 0.5;
  display: block;
}


/*
============================================================================================================================
                                             devstren-features-section desktop screens
============================================================================================================================
*/
.devstren-features-section {
  padding: 0rem;
  background-color: transparent;
}

.devstren-features-wrapper {
  background-color: #C2D1A4;
  /* Soft premium green background as per image */
  border-radius: 15px;
  /* Perfectly rounded corners */
  padding: 1.8rem 1rem;
}

.devstren-feature-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  color: #174F36;
  /* Deep green text color */
  font-weight: 500;
  font-size: 1.5rem;
  position: relative;
}


/* Custom icon circle placeholder */
.devstren-icon-circle {
  width: 24px;
  height: 24px;
  border: 1.5px solid #174F36;
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  opacity: 0.7;
}

.line-of-feature.d-inline {
  width: 30px;
  background: var(--devstren-text-peragraph);
  height: 1px;
  display: block;
  transform: rotate(90deg);
}

.line-of-feature.d-inline:nth-child(8) {
  display: none !important;
}


/*
============================================================================================================================
                                             Product card design
============================================================================================================================
*/
.custom-product-card-wrapper {
  perspective: 1000px;
}

.custom-p-card {
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  transition: background-color 0.4s ease, border-color 0.4s ease;
  z-index: 1;
}

.custom-card-link {
  z-index: 3;
  position: relative;
}

/* Media Wrapper and Multi-Image Setup */
.custom-card-media-wrapper {
  min-height: 250px;
  position: relative;
}

.custom-card-img {
  max-height: 300px;
  width: 100%;
  object-fit: cover;
}

/* Secondary image initially hidden aur full container cover karegi background me */
.secondary-hover-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.95);
  opacity: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Background cover effect ke liye */
  z-index: 1;
}

.primary-img {
  position: relative;
  z-index: 2;
}

/* Typography styles */
.custom-rating .star-icon {
  font-size: 14px;
  color: #2b5c43;
}

.custom-rating .rating-text {
  font-size: 11px;
  color: #666;
  font-weight: 500;
}

.custom-card-title {
  font-size: 18px;
  font-weight: 500;
  color: #1c352d;
  line-height: 1.3;
}

.price-current {
  font-size: 14px;
  font-weight: 600;
  color: #2b5c43;
}

.price-compare {
  font-size: 13px;
  color: #999;
}

/* ==========================================================================
       HOVER STATE TRIGGERS - CARD DARK INVERSION WITH SECONDARY BACKGROUND IMAGE
========================================================================== */

.custom-p-card:hover {
  background-color: #1c352d !important;
}

/* Hover par grid overlay lines soft transitions */
.custom-p-card:hover .card-grid-overlay span {
  border-right: 1px solid rgba(255, 255, 255, 0.05);
}

/* Image Hover Transition (Primary goes blur/fade, Secondary comes full cover background) */
.custom-p-card:hover .primary-img {
  opacity: 0;
  transform: scale(1.05);
}

.custom-p-card:hover .secondary-hover-img {
  opacity: 1 !important;
  transform: translate(-50%, -30%) scale(1.1) !important;
  height: 480px !important;
  max-height: 480px;
  z-index: -2;
}

/* Text & Colors transformation on hover */
.custom-p-card:hover .custom-card-title {
  color: #ffffff !important;
}

.custom-p-card:hover .custom-rating .star-icon {
  color: #ffffff !important;
}

.custom-p-card:hover .rating-text {
  color: #b5c3be !important;
}

.custom-p-card:hover .price-current {
  color: #ffffff !important;
}

.custom-p-card:hover .price-compare {
  color: #8fa09a !important;
}

.custom-card-hover-bar {
  position: absolute;
  top: 14px;
  left: 14px;
  right: 14px;
  z-index: 6;
  display: flex;
  align-items: center;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease;
}

.custom-p-card:hover .custom-card-hover-bar,
.custom-p-card:focus-within .custom-card-hover-bar {
  opacity: 1;
  visibility: visible;
}

.product-qr-bar {
  position: absolute;
  top: 14px;
  left: 14px;
  right: auto;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  margin: 0;
  pointer-events: none;
}

.product-media-container:has(.product-qr-bar) .product__media-icon {
  left: auto;
  right: 1.2rem;
}

.custom-card-qr {
  flex: 0 0 auto;
  padding: 8px;
  background: #fff;
  border-radius: 6px;
  line-height: 0;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18);
}

.custom-card-qr canvas,
.custom-card-qr img,
.custom-card-qr table {
  display: block;
  width: 64px !important;
  height: 64px !important;
  border: 0;
}

.custom-card-story {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0.6rem 1.4rem;
  border: 0px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  background: rgba(72, 72, 72, 0.45);
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  backdrop-filter: blur(8px);
}


.custom-p-card:hover .custom-card-info:after {
  position: absolute;
  content: '';
  bottom: -15%;
  background: linear-gradient(0deg, black 15%, transparent 100%);
  width: 100%;
  height: 180px;
  right: 0;
  z-index: -1;
}

/* Custom Collage Premium Grid Architecture */
.collage-devstren .mosaic-grid-container {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}

/* Card Interior Interface Components */
.collage-devstren .mosaic-collection-card {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 300px;
  border-radius: 16px;
  overflow: hidden;
  background-color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 24px;
  z-index: 1;
  transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-decoration: none !important;
}

.collage-devstren .mosaic-collection-card::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.75) 100%);
  z-index: 2;
  transition: opacity 0.4s ease;
}

.collage-devstren .mosaic-card-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.collage-devstren .mosaic-collection-card:hover .mosaic-card-bg {
  transform: scale(1.05);
}

.collage-devstren .mosaic-card-content {
  position: relative;
  z-index: 3;
  width: 100%;
}

.collage-devstren .mosaic-card-title {
  color: var(--devstren-color-primary);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.template-collection label {
    font-size: 20px;
}
/*
============================================================================================================================
                                           Dual Card Component Styling Core
============================================================================================================================
*/
  .dual-banner-card {
    position: relative;
    width: 100%;
    min-height: 690px;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 2.5rem;
    z-index: 1;
    text-decoration: none !important;
    background-color: #f5f5f5;
  }

  /* Background Media Engine */
  .dual-banner-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
    transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
  .dual-banner-content {
    position: relative;
    z-index: 3;
    max-width: 70%;
  }
  /* HOVER TRANSFORMATION MECHANICS */
  .dual-banner-card:hover .dual-banner-bg {
    transform: scale(1.04); /* High-end slow zoom micro-animation */
  }

  .dual-banner-card:hover .btn-custom-quick-add {
    background-color: transparint !important; /* Elegant slate contrast inverse */
    color: #FFFFFF !important;
    border-color: #FFFFFF;
  }
    .dual-banner-title strong,
    .dual-banner-title b{
        font-weight: 500;
        color: var(--devstren-text-highlight);
    }

.collection .facet-filters__field .select__select,
.collection .facet-filters__field .select__select:focus,
.collection .facet-filters__field .select__select:focus-visible {
    background-color: #427d4b !important;
    color: #fff !important;
    padding: 8px 32px 8px 14px;
    border-radius: 6px !important;
    border: 1px solid #427d4b;
    box-shadow: none !important;
    outline: none;
    cursor: pointer;
    font-size: 14px;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.collection .facet-filters__sort option {
    background-color: #427d4b;
    color: #fff;
}

.collection .facet-filters__sort option:checked,
.collection .facet-filters__sort option:hover {
    background-color: #2f5c36;
    background-image: linear-gradient(#2f5c36, #2f5c36);
    color: #fff;
}

.collection .facet-filters__field .select .svg-wrapper {
    top: 50%;
    right: 12px;
    width: 10px;
    height: 6px;
    transform: translateY(-50%);
    color: #fff;
}

.collection .facet-filters__field .select .icon-caret,
.collection .facet-filters__field .select .icon-caret path {
    color: #fff;
    fill: #fff;
}


/* Root Variables for this specific card (matching image_453f24.jpg) */
.devstren-article-card {
  --devstren-blog-green: #497652; /* Button & Tag Green */
  --devstren-blog-heading: #123319; /* Dark Forest Green for Title */
  --devstren-blog-text: #4A4A4A; /* Grey for Excerpt */
  --devstren-btn-icon-bg: #90B68C; /* Light green circle in button */
  display: block;
  height: 100%;
}

/* Image Wrapper Styling */
.devstren-article-card .card--card .card__inner .card__media{
      border-radius: 20px;
}
.devstren-article-card .devstren-blog-media {
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}

.devstren-article-card .devstren-blog-media img {
  border-radius: 16px; /* Ensure image respects the wrapper radius */
  transition: transform 0.5s ease;
}
.blog .article-card-wrapper .card,
.blog .blog-articles .card-wrapper{
    background: transparent;
}
.devstren-article-card:hover .devstren-blog-media img {
  transform: scale(1.03);
}
.devstren-article-card:hover .devstren-blog-media {
border-radius: 20px;
}
/* Content Area Spacing */
.devstren-article-card .devstren-blog-content .card__information{
      padding-left: 0px !important;
}
.devstren-article-card .devstren-blog-content {
  padding: 10px 0 10px 0 !important; /* Removes default Dawn padding for a clean look */
  text-align: left;
    background: transparent;
}

/* Blog Tag (Wellness Gifts) */
.devstren-article-card .devstren-blog-tag {
  color: var(--devstren-blog-green);
  font-size: 14px;
  font-weight: 600;
      text-transform: capitalize;
  margin-bottom: 10px;
}

/* Blog Title */
.template-blog .title--primary{
  display: none;
} 
.devstren-article-card .devstren-blog-title {
  font-size: 24px;
  color: var(--devstren-blog-heading);
  line-height: 1.25;
  margin-bottom: 12px;
  font-weight: 500;
  font-family: var(--devstren-font-heading, inherit);
}

.devstren-article-card .devstren-blog-title a {
  text-decoration: none !important;
  color: inherit;
}

.devstren-article-card .devstren-blog-title a:hover {
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
}

/* Blog Excerpt */
.devstren-article-card .devstren-blog-excerpt {
  color: var(--devstren-blog-text);
  font-size: 15px;
  line-height: 1.5;
  margin-bottom: 24px;
}

/* Pill Button Styling */
.devstren-article-card .devstren-btn-pill {
  display: inline-flex;
  align-items: center;
  background-color: var(--devstren-blog-green);
  color: #ffffff;
  padding: 8px 10px 8px 20px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.devstren-article-card .devstren-btn-pill:hover {
  background-color: #3B6143; /* Slightly darker green on hover */
}

/* Button SVG Icon Circle */
.devstren-article-card .devstren-btn-icon {
  background-color: var(--devstren-btn-icon-bg);
  width: 26px;
  height: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: 12px;
  color: var(--devstren-blog-heading); /* Dark arrow inside light green circle */
}

/* Responsive Adjustments */
@media screen and (max-width: 767px) {
  .devstren-article-card .devstren-blog-title {
    font-size: 20px;
  }
  .devstren-article-card .devstren-blog-content {
    padding-top: 16px !important;
  }
}


.facets__heading--vertical {
  margin: 0 0 1.5rem;
  font-size: 20px;
  color: #003107 !important;
}
.collection .banner__box h2 {
  font-size: var(--devstren-h2) !important;
  color: var(--devstren-text-heading);
}
.collection .banner.banner--content-align-left {
  margin: 15px;
  border-radius: 20px !important;
  overflow: hidden;
}
.list-menu__item label,
.list-menu__item input[type="checkbox"],
.facets-vertical .facets__summary,
.facets__header-vertical,
.field__input:focus,
.field__input:not(:placeholder-shown),
.field__input:-webkit-autofill,
.customer .field input:focus,
.customer .field input:not(:placeholder-shown),
.customer .field input:-webkit-autofill,
.underlined-link,
.customer a,
.facet-filters__label,
.facet-filters__sort,
.product-count__text {
  color: #003107 !important;
}
.field:focus-visible,
.field:after {
  border: 0.1rem solid #b0b7a9;
  border-radius: 5px;
  box-shadow: none;
  outline: none;
}
.collection .facets-vertical .product-grid-container {
  padding-top: 30px;
}
.active-facets__button--light .active-facets__button-inner {
  box-shadow: 0 0 0 0.1rem rgba(var(--color-foreground), 0.2);
  background: #427d4b;
  color: white;
  padding: 5px 15px;
}

.template-search h2,
.template-collection .facets-vertical h2,
.template-collection .facets-vertical-sort h2{
    font-size: var(--devstren-product-heading) !important;
}

@media screen and (min-width: 750px) {
  .collection .grid {
    column-gap: 20px;
    row-gap: 25px;
  }
}


/* dev2 */
@media screen and (min-width: 991px) {
.shopify-policy__container,
.collapsible-content-wrapper-narrow{
     max-width: var(--page-width) !important;
     padding: 5rem !important ;
}
}
.accordion summary {
  position: relative;
  line-height: 1;

  border-radius: 10px;
  justify-content: space-between;

  border: 1px solid #787978 !important;
  padding: 15px 20px !important;
}
.accordion details[open] {
  overflow: hidden;
  border-radius: 10px;
  background: rgb(66, 125, 74);
}
.accordion details[open] summary,
.accordion details[open] .accordion__title,
.accordion details[open] .accordion__content,
.accordion details[open] .accordion__content p {
  color: #ffffff !important;
  padding-bottom: 0px !important;
  border: none !important;
}
.accordion details[open] .accordion__content {
  margin: 0 !important;
  padding: 5px 0px 20px 20px!important;
}
.accordion details[open] .accordion__content p {
  margin: 0 !important;
  line-height: 1.45;
}
.icon-up {
  display: inline-flex;
}
.icon-down {
  display: none;
} /* When accordion is open */
.accordion details[open] .icon-up {
  display: none;
}
.accordion details[open] .icon-down {
  display: inline-flex;
}
.collapsible-content .accordion {
    margin-bottom: 15px;
}
.collapsible-content__heading{
  font-size: var(--devstren-h2) !important;
}

.devstren-container-contact .title,
.collapsible-content__heading,
.accordion__title{
      color: #003107;
}
.accordion__title{
  font-size: 20px;
}
.collapsible-content summary:hover{
  background: none !important;
}
.collapsible-content summary:hover .accordion__title{
  text-decoration: none !important;
}

/* pill */
 .pill-nav-section-{{ section.id }} {
    width: 100%;
    background-color: {{ section.settings.bg_color }};
    padding: {{ section.settings.padding_top }}px 0 {{ section.settings.padding_bottom }}px;
    overflow: hidden;
  }

  .pill-nav-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
  }

  /* Scrollable Buttons Track */
  .pill-nav-section .pill-nav-track {
    display: flex;
    align-items: center;
    gap: 16px;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    padding: 10px 0px 40px 0px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Hide for Firefox */
        flex-wrap: wrap;
  }

  .pill-nav-section .pill-nav-track::-webkit-scrollbar {
    display: none; /* Hide for Chrome/Safari */
  }

  /* Pill Button Stylings */
  .pill-nav-section .pill-nav-btn {
    display: inline-block;
    background: transparent;
    padding: 12px 26px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    outline: none;
    line-height: 1.2;
  }



  .pill-nav-section .pill-nav-btn:hover:not(.is-active) {
    background-color: rgba(65, 117, 73, 0.06);
  }

  /* Divider Line Wrapper */
  .pill-nav-divider-container {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: -5px;
  }

  .pill-nav-section .pill-nav-line {
    flex-grow: 1;
    height: 1px;
  display: block;
    opacity: 0.7;
  }

  /* Decorative Vector Icons Panel on the right */
  .pill-nav-decorations {
    display: flex;
    align-items: center;
    padding-left: 0;
    flex-shrink: 0;
    position: absolute;
    right: 0;
    gap: 20px;
  }

  .pill-decor-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
  }

  .pill-decor-icon svg {
    width: 100%;
    height: 100%;
  }

  /* contact page  */
  .banner__content .banner__box .banner__heading strong{
    color: #748355 !important; 
  }
  .banner__content .banner__box .banner__heading{
    font-size: var(--devstren-h1) !important;
    line-height: 1;
  }
  .contact.page-width button.button:after,
  .contact.page-width .field:after{
    content: none !important;
  }
  .contact.page-width .devstren-container-contact {
    background: white;
    border-radius: 20px;
    padding: 60px !important;
}
  .contact.page-width .field__input{
    padding: 27px 2px !important;
    border-radius: 60px;
  }
  .contact.page-width textarea{
    border-radius: 20px !important;
  }
  .field__input:not(:focus) ~ .field__label{
    top: calc(1.5rem + var(--inputs-border-width));
  }
  .contact.page-width .field__input:hover,
  .field__input:focus, .select__select:focus, .customer .field input:focus, .customer select:focus, .localization-form__select:focus.localization-form__select:after{
    box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) #427D4B;
    background-color: #E3EAD4;
  }
  .contact.page-width button.button{
    position: relative;
    background: var(--devstren-color-primary);
    border-radius: 50rem;
  }

  /* 404 */
    .template-404 .number-404{
    font-size: 200px;
    font-family: 'BB-Anonym-Pro';
    color: #427c4a
  }
  .template-404 .title, .title-wrapper-with-link,
  .template-404 .title-wrapper-with-link{
      margin: 1rem 0px;
  }
  .template-404 .title + * {
    margin-top: 1rem;
  }

  @media screen and (min-width: 750px) {
    .template-404 .title + * {
      margin-top: 2rem;
    }
  }

  /* policies privacy-policy */

.shopify-policy__container a,
.shopify-policy__container p:first-child{
  color: var(--devstren-color-star);
  font-weight: 700;
}
.shopify-policy__container p{
  color: var(--devstren-text-peragraph);
}
.shopify-policy__container h1,
.shopify-policy__container h2,
.shopify-policy__container h3,
.shopify-policy__container h4,
.shopify-policy__container h5,
.shopify-policy__container h6{
color: var(--devstren-text-heading);
} 
.shopify-policy__container h1 {
    text-align: start;
}

/* about page */
.banner__buttons{
    max-width: 50rem;
}


/* Echo Kit  */
 .eco-kit-container {
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 48px;
  }

  /* Default: text left, image right */
  .eco-kit-section--image-right .eco-kit-container {
    flex-direction: row;
  }

  /* Reversed: image left, text right */
  .eco-kit-section--image-left .eco-kit-container {
    flex-direction: row-reverse;
  }

  .eco-kit-text,
  .eco-kit-image {
    flex: 1 1 50%;
    min-width: 0;
  }

  .eco-kit-text {
    position: relative;
    z-index: 2;
  }

  .eco-kit-decor {
    margin: 0 0 12px -8px;
  }

  .eco-decor-img {
    width: 130px;
    height: auto;
    display: block;
    opacity: 0.95;
  }

  .eco-kit-heading {
    font-family: 'Mona Sans', sans-serif;
    line-height: 1.1;
    margin: 0 0 20px;
  }

  .eco-kit-heading-light {
    font-weight: 400;
    color:white;
  }

  .eco-kit-heading-bold {
    font-weight: 800;
    margin-left: 10px;
    color:white;
  }

  .eco-kit-subtext {
    line-height: 1.5;
    font-weight: 600;
    margin: 0 0 16px;
    max-width: 480px;
  }

  .eco-kit-description {
    line-height: 1.6;
    opacity: 0.9;
    margin: 0 0 28px;
    max-width: 480px;
  }

  .eco-kit-description p {
    margin: 0;
  }

  .eco-kit-cta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  /* Custom button (matches site-wide btn-custom style) */
   .eco-kit-section {
    font-family: 'Mona Sans', sans-serif;
    padding: 60px 24px;
    overflow: hidden;
  }
  .eco-kit-text .btn-custom {
    display: inline-flex;
    align-items: center;
    background-color: #ffffff;
    color: #174F36;
    font-weight: 700;
    padding: 14px 22px;
    border-radius: 999px;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .eco-kit-text .btn-custom:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
    color: #174F36;
  }

  .eco-kit-text .btn-custom svg {
    flex-shrink: 0;
    margin-left: 12px; /* fallback in case .ms-3 utility isn't loaded globally */
  }

  .eco-kit-caption {
    font-size: 13px;
    opacity: 0.85;
  }

  .eco-kit-image {
    position: relative;
  }

  .eco-kit-main-image {
    width: 100%;
    height: auto;
    display: block;
    border: 10px solid #ffffff;
    box-sizing: border-box;
  }

  .eco-kit-image-placeholder svg {
    width: 100%;
    height: auto;
    display: block;
  }

  /* Tablet */
  @media screen and (max-width: 989px) {
    .eco-kit-heading {
      font-size: 38px;
    }

    .eco-kit-container {
      gap: 32px;
    }
  }

  /* Mobile: stack vertically, image always on top for readability */
  @media screen and (max-width: 749px) {
    .eco-kit-section {
      padding: 40px 16px;
    }

    .eco-kit-container,
    .eco-kit-section--image-left .eco-kit-container,
    .eco-kit-section--image-right .eco-kit-container {
      flex-direction: column-reverse;
    }

    .eco-kit-text,
    .eco-kit-image {
      flex: 1 1 100%;
      width: 100%;
    }

    .eco-kit-subtext,
    .eco-kit-description {
      max-width: 100%;
    }

    .eco-kit-cta-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
    }

    .eco-kit-main-image {
      border-width: 6px;
    }
  }

/* MyEcoMark Founder Story */
.myecomark-founder-story{
  position:relative;
}

.myecomark-founder-story__eyebrow {
    line-height: 1;
}

.myecomark-founder-story__heading {
  font-size: var(--devstren-h1) !important;
    line-height: 1.02;
    letter-spacing: -.045em;
        width: 70%;
}

.myecomark-founder-story__heading strong { font-weight: 650; }

.myecomark-founder-story__copy {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    justify-content: flex-start;
    gap: 14px;
    min-height: 0;
}

.myecomark-founder-story__copy p {
    margin: 0;
    color: var(--devstren-text-peragraph);
    font-size: 12px;
    font-weight: 450;
    line-height: 1.3;
}

.myecomark-founder-story__decoration {
    position: absolute;
    z-index: 1;
    top: 8px;
    right: -56px;
    width: 230px;
    height: auto;
    pointer-events: none;
    user-select: none;
}

/* future */

  /* Core UI Structural Layout Wrapper */
  .eco-greener-future {
    background-color: #3b734e; /* Deep Forest Green directly from the image background */
    color: #ffffff;
    position: relative;
    overflow: hidden;
  }

  .eco-greener-title {
    font-size: var(--devstren-h1) !important;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.03em;
    color: #ffffff;
        width: 70%;
  }

  .eco-greener-desc p {
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
  }

  /* Feature Bullet Point Mechanics */
  .eco-feature-list {
    list-style: none;
    padding-left: 0;
  }

  .eco-feature-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: var(--devstren-p);
    font-weight: 500;
    color: #ffffff;
  }

  .eco-feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    color: #ffffff;
    flex-shrink: 0;
  }

  /* Leaf/Curved Mask Overlay effect mimicking the continuous cutout shapes */
  @media(min-width: 1440px){
    .eco-mosaic-image-container img {
      position: absolute;
      right: 0%;
      width: 660px;
      height: 560px;
      bottom: 0;
    }
  }
  @media(max-width: 1439px){
    
  .eco-mosaic-image-container img {
    width: 80%;
    height: 100%;
  }
  .eco-mosaic-image-container{
    text-align: right !important;
  }
  }

  /* How MyEcoMark Works */
.eco-steps {
    overflow: hidden;
}
.eco-steps__container {
    position: relative;
    z-index: 2;
}
.eco-steps__details{
  gap: 100px;
}
.eco-steps__decoration {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    user-select: none;
}
.eco-steps__decoration--left {
    top: 160px;
    left: 0;
    width: 50px;
}
.eco-steps__decoration--right-top {
    top: 114px;
    right: 74px;
    width: 34px;
}
.eco-steps__decoration--right-bottom {
    right: 0;
    bottom: 94px;
    width: 56px;
}


 .site-footer {
    background-color: var(--footer-bg);
    font-family: 'Mona Sans', sans-serif;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    width: 99%;
  margin-left: auto;
  margin-right: auto;
    border-radius: 28px 28px 0 0;
  }

  .site-footer * {
    box-sizing: border-box;
  }

  .site-footer a {
    text-decoration: none;
    color: inherit;
  }

  /* ---------- Newsletter ---------- */
  .footer-newsletter {
    position: relative;
    padding: 64px 24px 56px;
    text-align: center;
  }

  .footer-newsletter-inner {
    max-width: 580px;
    margin: 0 auto;
    position: relative;
  }

  .footer-top-icon {
    margin: 0 auto 14px;
  }

  .footer-top-icon img {
    display: block;
    margin: 0 auto;
    width: 60px;
    height: auto;
  }

  .footer-newsletter h2 {
    color: #ffffff;
    font-size: 34px;
    font-weight: 500;
    line-height: 1.25;
    margin: 0 0 14px;
  }

  .footer-newsletter p {
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
    max-width: 460px;
    margin: 0 auto 28px;
  }

  .footer-signup-form {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 999px;
    padding: 6px;
    max-width: 100%;
    margin: 0 auto;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  }

  .footer-signup-form input[type="email"] {
    flex: 1 1 auto;
    border: none;
    outline: none;
    background: transparent;
    padding: 10px 16px;
    font-family: 'Mona Sans', sans-serif;
    font-size: 14px;
    color: #2b3b2e;
    min-width: 0;
  }

  .footer-signup-form input[type="email"]::placeholder {
    color: #8a9a86;
  }

  .footer-signup-form button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #427C4A;
    color: #ffffff;
    border: none;
    cursor: pointer;
    font-family: 'Mona Sans', sans-serif;
    font-weight: 400;
    font-size: 14px;
    padding: 11px 20px;
    border-radius: 999px;
    white-space: nowrap;
    transition: background-color 0.15s ease;
  }

  .footer-signup-form button:hover {
    background-color: #16301b;
  }

  .footer-signup-form button svg {
    flex-shrink: 0;
  }

  /* ---------- Decorative images (upload your own PNG/SVG assets in theme editor) ---------- */
  .footer-decor {
    position: absolute;
    z-index: 1;
    pointer-events: none;
  }

  .footer-decor img {
    display: block;
    width: 100%;
    height: auto;
  }

  .decor-flower {
    top: 24px;
    left: 4%;
    width: 68px;
  }

  .decor-cross-purple {
    top: 96px;
    left: 15%;
    width: 26px;
  }

  .decor-cross-white-topright {
    top: 44px;
    right: 8%;
    width: 30px;
  }

  .decor-diamond {
    top: 120px;
    right: 4%;
    width: 46px;
  }

  .decor-cross-white-bottomleft {
    top: 150px;
    left: 6%;
    width: 26px;
  }

  @media screen and (max-width: 749px) {
    .footer-decor {
      display: none;
    }
  }

  /* ---------- Main footer columns ---------- */
  .footer-main {
    position: relative;
    z-index: 2;
padding: 0px 24px 25px;
  }

  .footer-main-inner {
    display: grid;
    grid-template-columns: 1.3fr repeat(5, 1fr);
    gap: 20px;
    border-top: 1px solid #ffffff36;
    padding: 40px 0px;
    border-bottom: 1px solid #ffffff36;
  }

  .footer-brand p {
    color: #dfe8d4;
    font-size: 14px;
    line-height: 1.6;
    margin: 0 0 22px;
    max-width: 260px;
  }

  /* Payment badges: shown two ways below, pick one via the "Payment icons" setting */
  .footer-payments {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    max-width: 280px;
  }

  .footer-payments .pay-badge-shopify {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    line-height: 0;
  }

  .footer-payments .pay-badge-shopify svg {
    height: 16px;
    width: auto;
    display: block;
  }

  .pay-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    min-width: 34px;
    padding: 0 6px;
    border-radius: 4px;
    font-size: 9px;
    font-weight: 800;
    font-family: 'Mona Sans', sans-serif;
    letter-spacing: 0.02em;
    color: #ffffff;
    line-height: 1;
  }

  .footer-column h4 {
    color: var(--footer-muted);
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 16px;
  }
  .footer-column {
  margin-left: auto;
  }
.footer-column:nth-child(5) {
 margin: auto;
}

  .footer-column.no-heading {
    margin-top: 30px;
  }

  .footer-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }

  .footer-column a {
    color: var(--footer-link);
    font-size: 13.5px;
    transition: opacity 0.15s ease;
  }

  .footer-column a:hover {
    opacity: 0.75;
  }

  @media screen and (max-width: 989px) {
    .footer-main-inner {
      grid-template-columns: repeat(6, 1fr);
      row-gap: 32px;
    }


    .footer-column.no-heading {
      margin-top: 0;
    }
  }

  @media screen and (max-width: 749px) {
    .footer-newsletter {
      padding: 48px 20px 40px;
    }

    .footer-newsletter h2 {
      font-size: 26px;
    }

    .footer-signup-form {
      flex-direction: column;
      background: transparent;
      box-shadow: none;
      gap: 10px;
      padding: 0;
    }

    .footer-signup-form input[type="email"] {
      width: 100%;
      background: #ffffff;
      border-radius: 999px;
      padding: 12px 18px;
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
    }

    .footer-signup-form button {
      width: 100%;
      justify-content: center;
    }

    .footer-main-inner {
      grid-template-columns: repeat(2, 1fr);
    }

    .footer-brand {
      grid-column: 1 / -1;
    }
    .footer-column:nth-child(5),
    .footer-column {
        margin-left: 0;
    }
    .footer-signup-form button{
        border: 1px solid white;
      }
  }

  @media screen and (max-width: 480px) {
    .footer-main-inner {
      grid-template-columns: 1fr 1fr;
      gap: 28px 20px;
    }
    .footer-watermark span{
    font-size: clamp(65px, 15vw, 275px) !important;
    }
  }

  /* ---------- Bottom bar ---------- */
  .footer-bottom {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px 28px;
  }

  .footer-bottom p {
    text-align: center;
    color: #fff;
    font-size: 12.5px;
    margin: 0;
  }

  /* ---------- Giant watermark ---------- */
  .footer-watermark {
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 0.72;
    padding-top: 6px;
  }

  .footer-watermark span {
    display: inline-block;
    font-family: 'BB-Anonym-Pro';
    font-weight: 900;
    color: #ffffff;
    font-size: clamp(70px, 15vw, 275px);
    letter-spacing: -0.01em;
    transform: translateY(-15%);
    white-space: nowrap;
  }

  /* cta section */
  /* Main Banner Outer Card */
  .eco-movement-banner {
    background-color: var(--devstren-color-secondary); /* Soft Sage Green */
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    padding: 5rem 2rem;
    min-height: 408px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .eco-movement-content {
    position: relative;
    z-index: 3;
    margin: 0 auto;
  }

  .eco-movement-heading {
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  .eco-movement-heading strong {
    font-weight: 700;
  }

  .eco-movement-subtext {
    margin-bottom: 2.5rem;
  }

  /* Buttons Mechanics */
  .eco-movement-btn-group {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  /* Bottom Corner Background Elements */
  .eco-corner-img {
    position: absolute;
    bottom: 0;
    max-height: 85%;
    width: auto;
    object-fit: contain;
    pointer-events: none;
    z-index: 1;
  }

  .eco-corner-left {
    left: 0;
  }

  .eco-corner-right {
    right: 0;
  }

  @media (max-width: 767px) {
    .eco-movement-banner {
      padding: 3.5rem 1.25rem;
      border-radius: 20px;
    }
    .eco-corner-img {
      max-height: 45%;
      opacity: 0.6;
    }
  }


  span.circle-divider.caption-with-letter-spacing{
    color: var(--devstren-color-star);
    font-size: 1.4rem;
        font-weight: 700;
  }
  .template-article .article-template__hero-medium{
    border-radius: 20px;
  }

  /* recent blog */
  .eco-blog-heading {
    letter-spacing: -0.02em;
    margin-bottom: 2.5rem;
  }

  /* Card Image Wrapper */
  .eco-blog-card-image {
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 1.25rem;
  }

  .eco-blog-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
  }

  .eco-blog-card:hover .eco-blog-card-image img {
    transform: scale(1.04);
  }

  /* Category Tag */
  .eco-blog-tag {
    color: #5b7550;
    font-weight: 600;
    text-transform: capitalize;
    margin-bottom: 0.5rem;
    display: block;
  }

  /* Article Title */
  .eco-blog-title {
    font-size: var(--devstren-product-heading);
    color: #11331e;
    font-weight: 500;
    line-height: 1.3;
    margin-bottom: 0.75rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .eco-blog-title a {
    color: inherit;
    text-decoration: none;
  }

  .eco-blog-title a:hover {
    color: #3b734e;
  }

  /* Article Excerpt */
  .eco-blog-excerpt {
    color: #55665c;
    line-height: 1.5;
    margin-bottom: 1.25rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* single product page */
.product__text.caption-with-letter-spacing {
    color: var(--devstren-color-star);
    font-weight: 600;
}
.product__title h1{
    line-height: 1;
    font-size: var(--devstren-h2);
}

.group_name_with_radio_button,
.product__info-container .product-form, .product__info-container .product__description, .product__info-container .icon-with-text ,
.product__text.caption-with-letter-spacing+.product__title{
      margin: 0 !important;
}

@media screen and (min-width: 750px) {
    .product__info-container {
        max-width: 65rem !important;
    }
}

.product__description h2{
  font-size : var(--devstren-product-heading) !important;
}

.product__description ul li{
  color: var(--devstren-text-peragraph);
  font-size: var(--devstren-p);
      list-style: disc;
}

.shopify_subscriptions_app_policy,
.product__description hr,
.product__description p,
.product__description h2,
.product__description ul,
.product__title h1,
.product__text.caption-with-letter-spacing{
  margin: 0px 0px 12px 0px !important;  
  }

  /* plain card */
  .plan_card {
      border-color: transparent !important;
      border-width: 0px !important;
      border-style: solid !important;
      background: transparent !important;
      border-radius: 0px !important;
      color: var(--devstren-text-peragraph) !important;
  }

  .subscription_group {
    border: 1px solid #787978 !important;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    margin-bottom: 12px !important;
  }
  .title_and_price_wrapper span {
    line-height: 18px !important;
    font-size: 20px !important;
    color: var(--devstren-text-heading) !important;
}
.custom_radio_button:has(input[type='radio']:checked):before{
      background: var(--devstren-color-primary) !important;
}
.custom_radio_button:before{
  box-shadow: 0 0 0 1px var(--devstren-color-primary) !important;
}
.group_name_with_radio_button {
    align-items: start !important;
  }
  .saveul{
        padding: 0 !important;
    margin: 12px 0px !important;
  }
  .saveul li{
    font-size: var(--devstren-p);
    color: var(--devstren-text-peragraph);
    list-style: url("data:image/svg+xml,%0A%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_51_2741)'%3E%3Cpath d='M9.35099 5.85111C9.52184 5.68025 9.52184 5.40324 9.35099 5.23239C9.18013 5.06153 8.90312 5.06153 8.73227 5.23239L6.12496 7.8397L5.26765 6.98239C5.0968 6.81153 4.81979 6.81153 4.64893 6.98239C4.47808 7.15324 4.47808 7.43025 4.64893 7.60111L5.8156 8.76777C5.98645 8.93863 6.26346 8.93863 6.43432 8.76777L9.35099 5.85111Z' fill='%23BDCC9F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99996 0.729248C3.53667 0.729248 0.729126 3.5368 0.729126 7.00008C0.729126 10.4634 3.53667 13.2709 6.99996 13.2709C10.4632 13.2709 13.2708 10.4634 13.2708 7.00008C13.2708 3.5368 10.4632 0.729248 6.99996 0.729248ZM1.60413 7.00008C1.60413 4.02005 4.01992 1.60425 6.99996 1.60425C9.98 1.60425 12.3958 4.02005 12.3958 7.00008C12.3958 9.98012 9.98 12.3959 6.99996 12.3959C4.01992 12.3959 1.60413 9.98012 1.60413 7.00008Z' fill='%23BDCC9F'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51_2741'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  }
  .group_dropdown{
    font-size: var(--devstren-p) !important;
    background-color: white !important;
    border: none !important;
    color: var(--devstren-text-peragraph) !important;
    padding: 10px 15px !important;
  }
  .quantity__rules-cart,
  .shopify_subscriptions_app_policy{
     color: var(--devstren-text-peragraph) !important;
  }
  .shopify-payment-button__button--unbranded:after{
      border-radius: 50rem;
      box-shadow: none; 
  }
  .button.product-form__submit:after,
  .quantity:after{
    border-radius: 50rem;
    box-shadow: none; 
    border: 2px solid var(--devstren-btn-bg);
  }
  .button.product-form__submit{
    color:var(--devstren-btn-bg) !important;
        margin-bottom: 12px !important;
  }
  .shopify-payment-button__button--unbranded{
    background: var(--devstren-color-star) !important;
    border-radius: 50rem !important;
    text-transform: capitalize;
  }
.product__info-container>*+* {
    margin: 1.2rem 0 !important;
}
.product-form__buttons {
    max-width: 100% !important;
}
#shopify-buyer-consent {
    margin-top: 12px !important;
    font-size: var(--devstren-p);
    display: inline-block;
    width: 100%;
    text-align: center;
}

/* collapsible row product page */
.template-product .accordion__title {
  font-size: 20px !important;
}
.template-product .product__accordion.accordion.quick-add-hidden{
  border-top: none !important;
}
.template-product .accordion summary{
    padding: 20px 0px !important;
    border-bottom: 1px solid #e8e8e8 !important;
    box-shadow: none !important;
    border-right: 0px !important;
    border-left: 0px !important;
    border-radius: 0px !important;
    border-top: none !important;
}
.template-product .accordion details[open] {
    background :transparent !important;
}
.template-product .accordion .summary__title+.icon-caret {
    height: calc(var(--font-heading-scale) * 0.9rem) !important;
}
.template-product .accordion details[open] summary,
.template-product .accordion details[open] .accordion__title, 
.template-product .accordion details[open] .accordion__content, 
.template-product .accordion details[open] .accordion__content p{
    color: var(--devstren-text-heading) !important;
}

.template-product .accordion details[open] .accordion__content {
  margin: 0 !important;
  padding: 12px 0px !important;
}
.template-product .slider__slide{
    border-radius: 20px !important;
    overflow: hidden !important;
}
@media screen and (min-width: 750px) {
    .price--large {
        font-size: 2.8rem !important;
    }
  }
  .price--large {
    color: #437e4c !important;
  }
  /* product page  */
  .product__info-container .icon-with-text{
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
    border-top: 1px solid #c5c5c5;
    padding-top: 10px;
  }

  .product__info-container li.icon-with-text__item:first-child{
    border-right: 1px solid #c5c5c5;
    padding-right: 20px;
  }
  .product__info-container .icon-with-text__item{
    width: max-content;
    margin: 0 !important;

  }
  .product__info-container .icon-with-text img {
    height: 34px;
    width: 34px;
}
.icon-with-text__item span.h4.inline-richtext {
    margin: 0 !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
}

.button.product-form__submit span{
  position: relative;
}
.button.product-form__submit span:after{
    content: url("data:image/svg+xml,%0A%3Csvg width='15' height='13' viewBox='0 0 15 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.6768 2.59724C4.98484 2.48837 5.32281 2.64982 5.43168 2.95785C5.67559 3.64793 6.33375 4.14092 7.10554 4.14092C7.87732 4.14092 8.53548 3.64793 8.77939 2.95785C8.88826 2.64982 9.22623 2.48837 9.53427 2.59724C9.8423 2.70612 10.0038 3.04409 9.89488 3.35212C9.48912 4.50013 8.39431 5.32404 7.10554 5.32404C5.81677 5.32404 4.72195 4.50013 4.31619 3.35212C4.20731 3.04409 4.36877 2.70612 4.6768 2.59724ZM7.3898 1.18312H6.82097C5.53862 1.18312 4.68512 1.18523 4.03871 1.26509C3.42481 1.34094 3.14183 1.47281 2.94326 1.63762C2.74468 1.80242 2.56292 2.05625 2.37523 2.64566C2.17761 3.26628 2.01825 4.10477 1.78192 5.36516C1.45067 7.13186 1.22857 8.33186 1.18912 9.2357C1.1511 10.1069 1.29709 10.4773 1.50207 10.7243C1.70705 10.9713 2.04417 11.183 2.90747 11.3062C3.80311 11.434 5.02347 11.4368 6.82097 11.4368H7.3898C9.18729 11.4368 10.4077 11.434 11.3033 11.3062C12.1666 11.183 12.5037 10.9713 12.7087 10.7243C12.9137 10.4773 13.0597 10.1069 13.0216 9.2357C12.9822 8.33186 12.7601 7.13186 12.4288 5.36516C12.1925 4.10477 12.0332 3.26628 11.8355 2.64566C11.6478 2.05625 11.4661 1.80242 11.2675 1.63762C11.0689 1.47281 10.786 1.34094 10.1721 1.26509C9.52565 1.18523 8.67214 1.18312 7.3898 1.18312ZM2.18767 0.727196C1.31145 1.45439 1.08066 2.6853 0.619067 5.14712C-0.0300124 8.60888 -0.35455 10.3398 0.591648 11.4799C1.53785 12.62 3.29889 12.62 6.82097 12.62H7.3898C10.9119 12.62 12.6729 12.62 13.6191 11.4799C14.5653 10.3398 14.2408 8.60888 13.5917 5.14712C13.1301 2.6853 12.8993 1.45439 12.0231 0.727196C11.1469 0 9.89452 0 7.3898 0H6.82097C4.31625 0 3.06389 0 2.18767 0.727196Z' fill='%23174F36'/%3E%3C/svg%3E%0A");
    position: absolute;
    top: 2px;
    left: -20px;
}

.shopify-payment-button__button--unbranded:before,
.button.product-form__submit:before{
    content: url("data:image/svg+xml,%0A%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8.60077' cy='8.60089' r='8.60077' transform='rotate(-90 8.60077 8.60089)' fill='%23BDCC9F'/%3E%3Cg clip-path='url(%23clip0_51_2764)'%3E%3Cpath d='M6.68628 11.1491C6.58366 11.3268 6.64455 11.5541 6.82231 11.6568C7.00007 11.7594 7.22735 11.6985 7.32998 11.5207L9.85446 7.14819L10.5745 9.83519C10.6276 10.0334 10.8314 10.1511 11.0296 10.098C11.2279 10.0449 11.3455 9.84107 11.2924 9.64282L10.3402 6.08918C10.2871 5.8909 10.0833 5.77324 9.88503 5.8264L6.33138 6.77857C6.13313 6.83169 6.01547 7.03548 6.06859 7.23373C6.12171 7.43197 6.32551 7.54963 6.52375 7.49651L9.21076 6.77655L6.68628 11.1491Z' fill='%23174F36'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_51_2764'%3E%3Crect width='8.91932' height='8.91932' fill='white' transform='translate(13.379 13.3792) rotate(180)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    left: 94%;
    top: 30%;
    position: absolute;
    z-index: 1;
}

/* hero */

  .devstren-impact-tracker-devstren{
    position: relative;
    top: -90px;
    z-index: 2;
  }
  .devstren-impact-tracker {
    margin: 0 auto;
    padding: 32px;
    background: #fff;
    border-radius: 20px;
  }

  .devstren-impact-tracker .devstren-impact-head {
    padding-bottom: 32px;
    margin-bottom: 0px;
    text-align: center;
    font-size: 20px !important;   
    font-weight: 600;
    font-family: var(--font-body-family);
    color: var(--devstren-text-heading);
  }

  .devstren-impact-tracker .devstren-impact-card {
    border-radius: 50px;
    padding: 12.25px 12px;
    background: #E5EADE;
  }

  .devstren-impact-tracker .devstren-plastic-card .devstren-impact-label p:before {
    content: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.36107 9.79892C3.2016 9.57463 3.01422 9.34136 2.85475 9.09015C2.40027 8.39034 2.11721 7.6053 1.96572 6.75297C1.8222 5.94999 1.81821 5.13804 1.89794 4.33057C1.99761 3.3975 2.20492 2.48685 2.5119 1.6121C2.59562 1.36986 2.68731 1.1321 2.78299 0.894348C2.9305 0.526501 3.13383 0.432297 3.46871 0.544445C4.19031 0.786685 4.89197 1.09173 5.55775 1.49098C6.37901 1.97994 7.11656 2.59003 7.74646 3.35712C7.77436 3.38853 7.79829 3.41993 7.82619 3.45133C7.83417 3.4603 7.85011 3.46479 7.87802 3.47824C8.02951 3.39301 8.185 3.29881 8.34845 3.21357C9.17769 2.77395 10.0428 2.45097 10.9398 2.24013C11.4262 2.12349 11.9126 2.03377 12.4069 1.97994C12.6421 1.95303 12.8813 1.92163 13.1166 1.90368C13.4475 1.88125 13.6229 2.03377 13.6946 2.39713C13.8342 3.10591 13.9458 3.81469 13.9657 4.54141C13.9817 5.10664 14.0136 5.67186 13.9936 6.23709C13.9458 7.74437 13.6707 9.19332 13.0408 10.5391C12.399 11.9163 11.4581 12.957 10.2421 13.6837C9.43284 14.1682 8.57171 14.4733 7.6747 14.6572C7.03284 14.7873 6.39097 14.8815 5.73715 14.8815C5.183 14.8815 4.62884 14.877 4.07868 14.8725C3.88731 14.868 3.69197 14.8546 3.5006 14.8277C3.36505 14.8097 3.24545 14.8456 3.12585 14.9039C2.64745 15.1372 2.15309 15.3256 1.64678 15.4691C1.52718 15.505 1.40359 15.5185 1.28797 15.4602C1.09263 15.357 0.988971 15.1641 1.00093 14.9174C1.01289 14.6796 1.1604 14.4912 1.37967 14.4329C1.87004 14.3073 2.34047 14.1144 2.80293 13.8946C2.86273 13.1993 2.89462 12.5084 2.98632 11.8221C3.082 11.1492 3.23349 10.4853 3.36107 9.79892ZM3.79163 13.3563C3.85941 13.3204 3.8913 13.3069 3.91921 13.2935C3.97104 13.2621 4.02286 13.2351 4.0707 13.2037C6.01622 11.9477 7.59496 10.252 8.84679 8.16604C8.94247 8.00904 9.03018 7.85203 9.12586 7.69502C9.22952 7.52456 9.38898 7.45727 9.5644 7.4797C9.75178 7.50212 9.87935 7.62773 9.95111 7.82511C10.0229 8.02698 9.96307 8.19296 9.87138 8.35894C8.63948 10.5077 7.10061 12.311 5.17901 13.6927C5.13516 13.7241 5.0913 13.7645 5.01157 13.8318C5.15509 13.8318 5.25077 13.8318 5.34645 13.8318C5.92453 13.8228 6.5026 13.7869 7.07669 13.6927C7.95377 13.5492 8.80294 13.2979 9.60028 12.8583C10.7405 12.2348 11.6215 11.3017 12.2116 10.0322C12.7857 8.80305 13.0089 7.47072 13.0608 6.09803C13.0926 5.29505 13.0448 4.49206 12.9451 3.69357C12.9172 3.46479 12.8774 3.24049 12.8415 2.99825C12.7179 3.01171 12.6103 3.02517 12.5026 3.04311C12.0441 3.11937 11.5857 3.18217 11.1312 3.28535C10.4056 3.45133 9.69995 3.70254 9.02221 4.03899C7.74646 4.67599 6.65808 5.58663 5.79297 6.82924C5.11124 7.81165 4.62884 8.90622 4.29396 10.0905C4.0707 10.9114 3.91921 11.7548 3.84346 12.6116C3.82353 12.8494 3.80758 13.0871 3.79163 13.3563ZM5.69728 5.29953C6.15576 4.8644 6.59031 4.45618 7.02486 4.04347C6.383 3.26741 5.61356 2.68423 4.76439 2.23116C4.35775 2.01134 3.94712 1.81845 3.51655 1.68387C3.49263 1.72873 3.48067 1.75565 3.46871 1.77808C3.45276 1.81845 3.43283 1.85882 3.42087 1.8992C3.11389 2.8233 2.88665 3.76983 2.81887 4.75673C2.78299 5.31748 2.79097 5.86925 2.87469 6.42102C2.9903 7.17914 3.24147 7.87894 3.64412 8.50697C3.67602 8.55632 3.71589 8.59669 3.76771 8.66398C4.1026 7.7668 4.5212 6.95484 5.02752 6.21018C5.00758 6.15634 4.99562 6.11149 4.97968 6.0756C4.81223 5.62252 4.63682 5.16944 4.46938 4.71636C4.43349 4.61767 4.40957 4.51001 4.40559 4.40235C4.39363 4.14216 4.53316 3.93581 4.74845 3.87301C4.95575 3.8102 5.17901 3.92684 5.28267 4.15562C5.32253 4.24534 5.35044 4.34403 5.38233 4.43823C5.48997 4.72085 5.59363 5.00795 5.69728 5.29953Z' fill='%23427D4B'%3E%3C/path%3E%3C/svg%3E");
    position: relative;
    right: 8px;
    top: 2px;
  }

  .devstren-impact-tracker .devstren-carbon-card .devstren-impact-label p:before {
    content: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2269_657)'%3E%3Cpath d='M8.75977 1.52466C9.06118 1.29524 9.34054 1.05877 9.64563 0.857598C10.3881 0.370539 11.2078 0.0917154 12.1084 0.0211271C13.6486 -0.102402 14.9866 0.335245 16.1297 1.31642C16.8428 1.93054 17.3464 2.6823 17.6148 3.56819C17.6809 3.79054 17.7986 3.89289 18.0375 3.95289C19.5115 4.33407 20.5701 5.19877 21.1399 6.56466C22.0478 8.73525 21.0259 11.1988 18.7653 12.1623C17.4494 12.7235 16.1334 12.6705 14.8395 12.0564C14.8065 12.0423 14.7734 12.0282 14.7146 12.0035C14.6594 12.0494 14.5969 12.0988 14.5381 12.1517C13.6523 13.0058 12.5936 13.5564 11.3512 13.7294C9.64563 13.9694 8.11282 13.56 6.77851 12.4976C6.56531 12.3282 6.36682 12.1376 6.18303 11.9364C6.06173 11.7988 5.95881 11.767 5.78237 11.8411C4.84136 12.2329 3.87095 12.2858 2.90054 11.9752C1.58461 11.5552 0.665656 10.7152 0.231912 9.44466C-0.264321 7.98701 0.0334191 6.65995 1.08837 5.50936C1.36038 5.21289 1.70591 4.96936 2.05511 4.75407C2.28301 4.61289 2.39328 4.47877 2.44474 4.21054C2.6947 2.91172 3.44088 1.93407 4.67228 1.34113C5.95513 0.72701 7.24901 0.772892 8.52084 1.40819C8.60171 1.45054 8.68625 1.48936 8.75977 1.52466ZM6.71235 1.77172C4.87445 1.77172 3.47029 2.95054 3.30856 4.5423C3.26077 5.00819 3.06595 5.21995 2.65794 5.41407C1.26481 6.08113 0.562734 7.64466 1.04794 9.10936C1.70223 11.0788 4.00328 11.8658 5.78972 10.8917C6.1426 10.7011 6.32639 10.74 6.57634 11.0505C7.41075 12.0988 8.49511 12.7411 9.86986 12.9C11.0682 13.0376 12.1856 12.8082 13.1707 12.1305C13.531 11.8835 13.8471 11.5764 14.1558 11.2729C14.472 10.9623 14.6006 10.927 14.9939 11.16C15.0086 11.1705 15.0233 11.1811 15.0417 11.1882C16.1702 11.8023 17.3281 11.8658 18.508 11.34C19.7173 10.8 20.7649 9.44819 20.5444 7.76466C20.3826 6.53995 19.7136 5.65407 18.5962 5.06466C18.2433 4.8776 17.861 4.77172 17.4641 4.71877C17.0524 4.66583 16.9715 4.59172 16.8686 4.19995C16.8318 4.0623 16.8061 3.92113 16.7583 3.78701C15.9202 1.27407 12.9943 0.141127 10.5646 1.31995C10.0867 1.55289 9.66034 1.85642 9.32216 2.25172C9.02442 2.60113 8.71933 2.60819 8.41792 2.35407C8.40321 2.34348 8.38851 2.33289 8.37381 2.3223C7.81509 1.95172 7.1902 1.7823 6.71235 1.77172Z' fill='%23427D4B'/%3E%3Cpath d='M11.3472 3.99176C12.5528 3.96352 13.7916 4.8847 13.7953 6.33176C13.7989 7.77529 12.5602 8.69294 11.3288 8.68588C10.1268 8.67882 8.88807 7.75764 8.89542 6.3247C8.90277 4.88823 10.1489 3.95647 11.3472 3.99176ZM9.79599 6.33176C9.77393 7.02353 10.2996 7.8247 11.3435 7.83176C12.2882 7.83882 12.8984 7.12588 12.8984 6.33882C12.902 5.55882 12.2992 4.83882 11.3472 4.83882C10.2996 4.83882 9.77393 5.65411 9.79599 6.33176Z' fill='%23427D4B'/%3E%3Cpath d='M4.73815 6.33883C4.67198 4.71883 6.55032 3.39177 8.32205 4.25295C8.49849 4.33765 8.66758 4.43295 8.68963 4.65177C8.72639 4.99412 8.4066 5.21648 8.06475 5.08942C7.85155 5.00824 7.63835 4.91295 7.41413 4.86353C6.67162 4.70824 5.84456 5.23412 5.67548 5.94706C5.45125 6.90001 6.06144 7.72942 7.07963 7.83177C7.35164 7.86001 7.61262 7.78589 7.84787 7.64824C7.91036 7.61295 7.96918 7.56706 8.03534 7.53177C8.24854 7.42236 8.46541 7.46824 8.60509 7.64118C8.73374 7.80353 8.73374 8.06824 8.54995 8.1953C8.32205 8.35765 8.0721 8.52001 7.80376 8.59412C6.46945 8.95765 5.07632 8.13883 4.78226 6.83648C4.74918 6.67765 4.75285 6.50471 4.73815 6.33883Z' fill='%23427D4B'/%3E%3Cpath d='M15.6552 8.96824C15.9015 8.96824 16.0853 8.96471 16.2728 8.96824C16.5742 8.97883 16.7286 9.12706 16.7249 9.3953C16.7212 9.64942 16.5668 9.79412 16.2801 9.79765C15.7986 9.80471 15.3134 9.80471 14.8319 9.79765C14.4055 9.79059 14.2143 9.4553 14.4496 9.11647C14.7583 8.67177 15.0892 8.24471 15.409 7.80353C15.5156 7.65883 15.6111 7.50353 15.692 7.34471C15.7729 7.17883 15.6993 7.02706 15.5303 6.94942C15.3979 6.88589 15.2509 6.9353 15.1553 7.08C15.1222 7.13294 15.1039 7.19294 15.0745 7.24942C14.9642 7.45412 14.751 7.54236 14.5378 7.47883C14.3246 7.41177 14.2033 7.2 14.2511 6.96353C14.343 6.49412 14.8061 6.10589 15.306 6.07412C16.2728 6.01412 16.9197 6.93177 16.4786 7.76471C16.2985 8.10353 16.0485 8.40706 15.828 8.72824C15.7729 8.7953 15.7288 8.85883 15.6552 8.96824Z' fill='%23427D4B'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2269_657'%3E%3Crect width='21.4667' height='13.8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    position: relative;
    right: 8px;
    top: 2px;
  }

  .devstren-impact-tracker .devstren-impact-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .devstren-impact-tracker .devstren-impact-label {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #174F36;
    font-weight: 500; 
    font-size: 1.5rem;   
    padding-left: 14px;
  }

  .devstren-impact-tracker .devstren-impact-value {
    gap: 8px;
    color: #174F36;
    font-weight: 500;
    font-size: 14px; 
    padding-right: 8px;  
    margin-left: auto;
  }

  .devstren-impact-tracker .devstren-impact-card p {
    margin: 0;
  }

  .devstren-impact-tracker a.btn-custom.btn-custom-primary {
    width: fit-content;
  }

/* Main Wrapper */
  .eco-comparison-title {
    letter-spacing: -0.03em;
  }

  .eco-comparison-subtitle {
    margin-top: 0.5rem;
  }

  /* Main Container Card */
  .eco-comparison-card-wrapper {
    background-color: #ffffff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
  }

  /* Left Side: Conventional */
  .eco-column-conventional {
    padding: 20px 30px;
  }

  .eco-column-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
  }

  .eco-column-title {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0;
  }

  .eco-column-conventional .eco-column-title {
    color: #11331e;
  }

  .eco-icon-cross {
    color: #b5a4db; /* Light purple cross icon tint */
    font-size: 1.2rem;
  }

  /* Right Side: Eco Alternative Card */
  .eco-column-conventional:hover {
    background-color: var(--devstren-color-star); /* Eco green */
    border-radius: 10px;
    transition-duration: 0.2s;
    color: #ffffff;
    height: 100%;
  }

  .eco-column-conventional:hover .eco-column-title {
    color: #ffffff;
  }

  .eco-icon-flower {
    color: #ffffff;
  }

  /* Comparison Item Row & Dividers */
  .eco-compare-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
  }

  .eco-compare-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 0;
    font-size: var(--devstren-p);
    line-height: 1.4;
    border-bottom: 1px solid #e2e8e3;
  }

  .eco-compare-item:last-child {
    border-bottom: none;
  }

  .eco-column-conventional:hover .eco-compare-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.95);
  }

  .eco-column-conventional:hover .eco-compare-item:last-child {
    border-bottom: none;
  }

  .eco-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }

  .eco-column-conventional .eco-item-icon {
    color: #b5a4db;
  }

  @media (max-width: 991px) {
    .eco-comparison-card-wrapper {
      padding: 16px;
    }
    .eco-column-conventional {
      padding: 1rem 0.5rem 2rem 0.5rem;
    }
    .eco-column-alternative {
      padding: 1.5rem 1.25rem;
    }
  }

  /* mission value section */
  /* Core Layout Extensions */
    .mission-media-wrapper {
      height: 100%;
      min-height: 300px;
      border-radius: 16px;
      overflow: hidden;
    }

    .mission-featured-img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 16px;
      display: block;
    }

    .mission-text-content {
      position: relative;
    }

    /* Gap between image column and text column */
    @media screen and (min-width: 992px) {
      .mission-text-col {
        padding-left: 40px;
      }
    }

    .mission-logo-icon {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-bottom: 12px;
    }

    .mission-logo-icon img {
      width: 56px;
      height: 56px;
      object-fit: contain;
    }

    /* Heading: "Mission" (regular) on top line, "Statement" (bold) below */
    .mission-heading {
      line-height: 1.05;
    }

    .mission-heading strong,
    .mission-heading b {
      display: block;
      font-weight: 700;
    }

    /* Decorative image placeholder (top-right accent) */
    .mission-decorative-wrapper {
      position: absolute;
      top: -10px;
      right: 0;
      width: 110px;
    }

    .mission-decorative-wrapper img {
      width: 100%;
      height: auto;
      display: block;
    }

    @media screen and (max-width: 991px) {
      .mission-decorative-wrapper {
        display: none;
      }
      .mission-media-wrapper {
        min-height: 220px;
      }
    }

    /* X-Axis Timeline Track Components */
    .values-timeline-wrapper {
      background-color: #ffffff;
      border-radius: 20px;
      border: 1px solid #eaeaea;
    }

    .timeline-track {
      position: relative;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
    }

    /* Connecting horizontal structural line */
    @media screen and (min-width: 992px) {
      .timeline-track::before {
        content: '';
        position: absolute;
        top: 25px;
        left: 5%;
        right: 5%;
        height: 2px;
        background: #427C4A;
        z-index: 1;
        width: 75%;
      }
    }

    .timeline-card {
      position: relative;
      z-index: 2;
      flex: 1;
      text-align: star;
      padding: 0 15px;
    }

    .timeline-icon-box {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      background-color: #f4f7f5;
      border: 0px solid #ffffff;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 0 20px 0;
      transition: all 0.4s ease;
    }

    .timeline-icon-box img {
      width: 40px;
      height: 40px;
      object-fit: contain;
    }

    .timeline-card:hover .timeline-icon-box {
      background-color: #1c352d;
      transform: translateY(-5px);
    }

    .timeline-card:hover .timeline-icon-box svg,
    .timeline-card:hover .timeline-icon-box i {
      filter: brightness(0) invert(1);
    }

    .timeline-title {
      font-weight: 600;
      color: #1c352d;
    }

    .timeline-desc {
      color: #666666;
      line-height: 1.5;
    }

    .timeline-card:nth-child(1){
        padding-left : 0px ;
    }

  .timeline-card:nth-child(1) .timeline-icon-box {
      background: #427C4A;
      box-shadow: 0px 5px 20px #427c4a;
  }

  .timeline-card:nth-child(2) .timeline-icon-box {
      background: #CCB4D0;
      box-shadow: 0px 5px 20px #CCB4D0;
  }

  .timeline-card:nth-child(3) .timeline-icon-box {
      background: #57BEF2;
      box-shadow: 0px 5px 20px #57BEF2;
  }

  .timeline-card:nth-child(4) .timeline-icon-box {
      background: #8C97DB;
      box-shadow: 0px 5px 20px #8C97DB;
  }
  .timeline-card:nth-child(5) .timeline-icon-box {
      background: #68750F;
      box-shadow: 0px 5px 20px #68750F;
  }

 /* Premium Feature Circle UI Elements */
    .feature-circle-col {
      position: relative;
      padding-top: 14px;
      padding-bottom: 14px;
    }

    .feature-circle-wrapper {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      aspect-ratio: 1 / 1;
      width: 100%;
      border-radius: 50%;
      background: #ffffff;
      padding: 15% 10%;
      box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px, rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 2px 2px -1px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px, rgba(42, 51, 70, 0.03) 0px 10px 10px -5px, rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
      transition: background-color 0.4s ease, transform 0.4s ease;
    }

    .feature-circle-wrapper:hover {
      background: #427C4A;
      /* transform: translateY(-4px); */
      box-shadow: 0px 52px 78.5px 0px rgba(66, 125, 75, 0.44);
    }

    /* SVG Icon Size Handle */
    .feature-circle-element {
      transition: transform 0.4s ease, filter 0.4s ease;
    }
    .feature-circle-element svg,
    .feature-circle-element img {
      width: 48px;
      height: 48px;
      object-fit: contain;
      transition: transform 0.4s ease, filter 0.4s ease;
    }

    .feature-circle-wrapper:hover .feature-circle-element svg,
    .feature-circle-wrapper:hover .feature-circle-element img {
      filter: brightness(0) invert(1);
    }

    .feature-circle-title {
      font-size: 1.9rem;
      font-weight: 500;
      color: #1c352d;
      margin-bottom: 8px;
      letter-spacing: -0.01em;
      transition: color 0.4s ease;
    }

    .feature-circle-richtext {
      font-size: 0.9rem;
      color: #666666;
      line-height: 1.5;
      transition: color 0.4s ease;
    }

    .feature-circle-richtext p {
      margin: 0;
    }
    .eco-kit-section--image-right .eco-kit-container p,
    .feature-circle-wrapper:hover .feature-circle-title,
    .feature-circle-wrapper:hover .feature-circle-richtext p {
      color: #ffffff;
    }

    /* Decorative dots around card borders */
    .feature-dot {
      position: absolute;
      border-radius: 50%;
      z-index: 3;
      pointer-events: none;
    }

    .feature-dot-dark {
      background: #427C4A;
    }

    .feature-dot-light {
      background: #BDCC9F;
    }

    /* Card 1: dot top-right + dot bottom-left */
    .feature-circle-col:nth-child(1) .feature-dot-1 {
      width: 11px;
      height: 11px;
      top: 8%;
      right: 25%;
    }
    .feature-circle-col:nth-child(1) .feature-dot-2 {
     width: 11px;
    height: 11px;
    bottom: 78%;
    left: 12%;
    }

    /* Card 2: dot top-left + dot bottom-right */
    .feature-circle-col:nth-child(2) .feature-dot-1 {
    width: 11px;
    height: 11px;
    top: 70%;
    left: 6%;
}
    .feature-circle-col:nth-child(2) .feature-dot-2 {
          width: 11px;
    height: 11px;
    bottom: 14%;
    right: 17%;
    }

    /* Card 3: dot top-left + dot bottom-right */
    .feature-circle-col:nth-child(3) .feature-dot-1 {
    width: 11px;
    height: 11px;
    top: 14%;
    left: 16%;
}
    .feature-circle-col:nth-child(3) .feature-dot-2 {
    width: 11px;
    height: 11px;
    bottom: 15%;
    right: 15%;
}

    /* Card 4: dot top-right + dot bottom-left */
    .feature-circle-col:nth-child(4) .feature-dot-1 {
    width: 11px;
    height: 11px;
    top: 10%;
    right: 22%;
}
    .feature-circle-col:nth-child(4) .feature-dot-2
 {
    width: 11px;
    height: 11px;
    bottom: 76%;
    left: 10%;
}

@media screen and (max-width: 576px) {
  .feature-circle-wrapper {
    padding: 12% 6%;
  }
  .feature-circle-element svg,
  .feature-circle-element img {
    width: 38px;
    height: 38px;
  }
  .feature-circle-title {
    font-size: 1.05rem;
  }
  .feature-dot {
    transform: scale(0.7);
  }
  .feature-circle-richtext p{
    font-size:12px;
  }

}

/* Mobile Stack Overrides for pure responsiveness */
@media screen and (max-width: 991px) {
  .timeline-track {
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
  }
  .timeline-card {
    display: flex;
    flex-direction: column;
    align-items: start;
    text-align: start;
    padding: 0;
    width: 45%;
  }
  .timeline-icon-box {
    margin: 0 0 15px 0;
  }
}
@media (max-width: 567px) {
    /* timeline-track */ 
      .timeline-track {
    flex-direction: column;
    gap: 20px;
    flex-wrap: wrap;
  }
  .timeline-card {
    width: 100%;
  }
}

/* cart page  */
cart-items .title-wrapper-with-link {
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    margin: 0 0 clamp(26px, 3vw, 42px) !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid rgba(23, 79, 54, .18) !important;
}
cart-items .title-wrapper-with-link .title {
    font-size: clamp(36px, 3.2vw, 46px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.03em !important;
}
cart-items .title-wrapper-with-link .underlined-link {
    position: relative !important;
    padding: 4px 0 !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-decoration: none !important;
    transition: color .25s ease, opacity .25s ease !important;
}
cart-items .cart__items {
    overflow: hidden !important;
    background: var(--devstren-text-white, #FFFFFF) !important;
    border: 1px solid rgba(23, 79, 54, .14) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 36px #0031070e !important;
}
cart-items .cart__items .cart-items thead {
    background: #bdcc9f47 !important;
}
cart-items .cart__items .cart-items thead tr {
    border: 0 !important;
}
cart-items .cart__items .cart-items thead th {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: .08em !important;
}
cart-items .cart__items .cart-items thead th:first-child {
    padding-left: 28px !important;
}
cart-items .cart__items .cart-items thead th:last-child {
    padding-right: 28px !important;
}
cart-items .cart__items .cart-items tbody .cart-item td {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
    vertical-align: middle !important;
    border-bottom: 1px solid rgba(23, 79, 54, .11) !important;
}
cart-items .cart-item .cart-item__media {
    width: 156px !important;
    padding-left: 28px !important;
    padding-right: 22px !important;
}
cart-items .cart-item .cart-item__media .cart-item__image-container {
    max-width: 122px !important;
    overflow: hidden !important;
    background: var(--devstren-body-light, #F0F1EF) !important;
    border: 1px solid rgba(23, 79, 54, .11) !important;
    border-radius: 14px !important;
}
cart-items .cart__items .cart-items tbody .cart-item td {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
    border-bottom: 1px solid rgba(23, 79, 54, .11) !important;
}
cart-items .cart-item .cart-item__details .cart-item__name {
    font-size: var(--devstren-product-heading, 20px) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: -.02em !important;
    }
    cart-items .cart-item .cart-item__quantity .cart-item__quantity-wrapper {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
}
cart-items .cart-item .cart-item__quantity .quantity::after{
  content: none;
}
cart-items .cart-item .cart-item__quantity .quantity {
    width: 132px !important;
    min-width: 132px !important;
    min-height: 46px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}
cart-items .cart__items .cart-items tbody .cart-item:hover {
    background: #f0f1efad !important;
}
cart-items .cart-item .cart-item__totals {
    padding-right: 28px !important;
}
cart-items .cart-item .cart-item__totals .cart-item__price-wrapper {
    display: flex !important;
    justify-content: flex-end !important;
}
cart-items .cart-item .cart-item__totals .price {
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: -.01em !important;
}
#main-cart-footer .cart__footer .cart__blocks {
    width: 100% !important;
    max-width: 540px !important;
    margin: 0 0 0 auto !important;
    padding: clamp(24px, 3vw, 34px) !important;
    background: var(--devstren-text-white, #FFFFFF) !important;
    border: 1px solid rgba(23, 79, 54, .14) !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 36px #0031070e !important;
}
#main-cart-footer .cart__blocks .totals {
    justify-content: space-between !important;
    width: 100% !important;
    gap: 24px !important;
    margin: 0 !important;
    padding: 0 0 18px !important;
    border-bottom: 1px solid rgba(23, 79, 54, .14) !important;
}
#main-cart-footer .cart__blocks .cart__ctas .cart__checkout-button:after{
  content: none;
}
#main-cart-footer .cart__blocks .cart__ctas .cart__checkout-button {
    max-width: 100% !important;
    background: var(--devstren-btn-bg, #174F36) !important;
    border: 1px solid var(--devstren-btn-bg, #174F36) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease !important;
}
#main-cart-footer .cart__blocks .tax-note{
  text-align: left !important;
}
#main-cart-footer .cart__blocks .totals .totals__total {
    margin: 0 !important;
    color: var(--devstren-text-heading, #003107) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: -.01em !important;
}
#main-cart-footer .cart__blocks .totals .totals__total-value {
    margin: 0 !important;
    color: var(--devstren-text-heading, #003107) !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: -.02em !important;
    text-align: right !important;
}
cart-items .cart-item .cart-item__details .cart-item__name:hover{
  color: black !important;
}


/* collections page */
.template-list-collections .card{
    padding: 20px;
    border-radius: 20px;
}
.template-list-collections  .card--standard .card__inner{
  border-radius: 20px;
  overflow: hidden;
}
.template-list-collections  .card--standard>.card__content .card__information{
  padding-bottom: 0;
}
.template-list-collections  .full-unstyled-link{
  font-weight: 600;
}
.template-list-collections  #MainContent{
  padding-bottom: 30px;
}
.template-list-collections .card:hover{
      background: #bdcc9f;
}
.collection-list__item a:hover{
  color: black !important;
}
/* search */
.template-search .field:after{
  content: none
}

.template-search .field__input:not(:focus) ~ .field__label {
  top: calc(1rem + var(--inputs-border-width));
}
.template-search .card{
      border-radius: 20px;
    overflow: hidden;
    padding: 15px;
}
.product--thumbnail_slider .slider-mobile-gutter .slider-button {
    background: #bdcc9f;
    border-radius: 10rem;
    color: white !important;
    width: fit-content;
    height: fit-content;
    padding: 5px;
}
/* Disable product-card dark-green hover effect */
.custom-p-card:hover { background-color: rgb(247, 247, 247) !important; }
.custom-p-card:hover .primary-img { opacity: 1 !important; transform: none !important; }
.custom-p-card:hover .secondary-hover-img { opacity: 0 !important; }
.custom-p-card:hover .custom-card-title,
.custom-p-card:hover .price-current,
.custom-p-card:hover .price-compare,
.custom-p-card:hover .custom-rating .star-icon,
.custom-p-card:hover .rating-text { color: rgb(28, 53, 45) !important; }