/** Shopify CDN: Minification failed

Line 39:18 Expected identifier but found whitespace
Line 39:23 Unexpected ";"
Line 1077:72 Unexpected "--selected"

**/
/* .block-inner {
    background: linear-gradient(to bottom, #ffffff 50%, #d0e5d0 100%) !important;
    padding: 10px;
} */
.product-price.product-price--block {
    padding: 10px 0 0 0; 
} 
.navigation__tier-2 .navigation__link {
    font-size: 14px;
}   
.collection-list-nav {     
    display: flex;
    padding-top: 10px;       
}
.product-block-options__item {   
    min-width: 26px;
    min-height: 26px;
}
/* .block-inner ,.product-block, .block-inner-inner {
    height: 100%;
  min-height:100%!important;
} */

/* .product-block-options__inner {
  display: flex!important;
  flex-wrap: nowrap;
  overflow-x: auto;
  gap: 2px;
  -webkit-overflow-scrolling: touch; */

  /* Hide scrollbar for WebKit */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none;  /* IE 10+ */
}
.product-block-options__inner::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
:root{  
  --gutter-large: 20px;
}   
/*  product page css */
.product-media img {
  border-radius: 10px;
} 
 
.thumbnail img {
  border-radius: 10px;
}    

/* .thumbnails .slider__grid {
  justify-content: center;
} */

.product-form .product-title {
  font-size: 25px;
  text-transform: capitalize;
  margin-bottom: 0px;
}

.product-description.rte.cf {
  margin: 0;
}

.thumbnails .slider__item {
  width: 90px;
  padding-inline-end: 5px;
}

.product-form .price .js-value {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 600;
}
.product-form .buttoned-input{
  border-radius:50px;
}
.product-form variant-picker .label,
.quantity-submit-row .label {
  font-size: 16px;
  margin-bottom: 15px;
}

.product-form .opt-label {
  border-radius: 50px;
  margin-right: 15px;
  min-height: 40px;
}

.product-form .quantity-submit-row .quantity-submit-row__submit button[type=submit] {
  border-radius: 50px;
}

.accelerated-checkout-button {
  border-radius: 50px !important;
}

.thumbnails .thumbnail:after {
  height: 100%;
  background: transparent;
  border: 2px solid #000;
  border-radius: 10px;
}       

/* .product-form .opt-btn:checked+.opt-label {
  background: #000;
  color: #fff;
} */

.drawer {
  max-width: calc(100% - 40px);
  height: calc(100% - 40px) !important;
  border-radius: 10px;
  margin: 20px;
}

.cart-drawer__content {
  overflow-y: auto;
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE and Edge */
}

.cart-drawer__content::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}

.dmc-meta-content span {
  display: inline-block;
  background: #39733c;
  color: #fff;
  font-size: 12px;
  letter-spacing: 0;
  padding: 4px 16px;
  border-radius: 15px;
}

.dmc-meta-content {
  margin-bottom: 8px;
}

.product-features {
  display: flex;
  flex-wrap: wrap;
  padding: 10px 0;
}

.feature-item {
  width: 50%;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}

.feature-item img {
  width: 17px;
}

.feature-item span {
  font-size: 12px;
  letter-spacing: 0;
}

.usp-list {
  display: flex;
  overflow-x: auto;
  padding-bottom: 5px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.usp-item {
  width: 50%;
  padding: 0 5px;
  min-width: 210px;
}
.new-icon {
  width: 56px;
}

/* .usp-box .desc {
  width: calc(100% - 56px);
  padding-left: 10px;
} */

.usp-box {
  display: flex;
  align-items: center;
  padding: 8px 10px;
  border-radius: 10px;
  height: 100%;
  flex-direction:column;
  gap:12px;
}

.desc h4 {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  letter-spacing: 0;
  line-height: 1.5;
  text-align: center;
}

.custom-usp-section h2 {
  font-size: 16px;
}
.cfib-box {
  padding: 16px 17px;
  border: 1px dashed rgb(var(--btn-border-color));
  border-radius: 10px;
  height: 100%;
  width:100%;
}

.cfib-box h2 {
  margin: 0 0 4px;
  font-size: 16px;
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0px;
  color: #000000;
}
.add-offer-con .bold {
    font-weight: 700;
    color: rgb(var(--btn-border-color));
}

.offers-icons-outer {
  display: flex;
  align-items: center;
}

.add-offer-con {
  padding-left: 15px;
}
.add-offer-con {
    width: calc(100% - 50px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.copy-icon svg {
    width: 30px;
    height: auto;
}

.copy-icon {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.copy-text {
    font-size: 12px;
}

.cfib-box p {
  font-weight: 400;
  line-height: 1.4;
  color: #000000;
  letter-spacing: 0;
  font-size: 14px;
  margin-bottom: 0px;
  margin-top: 0;
}
.cfib-box h4 {
    font-size: 15px;
    margin: 0 0 5px 0;
}
.cfib-box .offers-icons svg {
    fill: #418444;
}
.new-icon svg {
    fill: #418444;
}

/* .custom-offers-content.reduce-width-coupon {
  max-width: 250px;
} */

.custom-pdp-offers {
  padding-top: 15px;
}

.custom-pdp-offers h2 {
  font-size: 16px;
  margin-bottom:15px;
}
.custom-meta-feature-container h2 {
    text-align: center;
    font-size: 40px;
    margin-bottom: 20px;
}
.dmc-meta-content span + span {
    background: #0aaa0a;
}
.meta-feature-list {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    margin-left: -10px;
}

.meta-feature-item {
    width: 33.33%;
    padding: 0 10px;
}

.meta-feature-box, .meta-feature-item span  {
    display: block;
    text-align: center;
    font-size: 20px;
    color: #000;
    text-decoration: none;
}
  .meta-feature-item img{
    border-radius:15px;
    height: 410px;
    width: 320px;
    object-fit:cover;
  }
  .custom-meta-feature-container .container {
    max-width: 1100px;
}
.custom-usp-section {
    padding-top: 20px;
      overflow: hidden;
}
/* .new-icon svg {
    fill: #fff;
} */
.section-footer__title,.section-footer__text h4 strong {
    position: relative;
    padding-bottom: 10px;
    font-size: 18px;
    letter-spacing: 0;
    color:#ffffff;
}
.section-footer__text h4 {
  margin-bottom:20px;
}

.section-footer__title:before ,.section-footer__text h4 strong:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 40px;
    background: #ffffff;
}
.signup-form input {
    border-radius: 50px;
}
.section-footer .btn.btn--primary.signup-form__button {
    border: 1px solid #ffffff;
    border-radius: 50px;
    width: 100%;
}
.localization .custom-select__btn {
    border-radius: 50px;
}
.pageheader .logo {
    padding: 5px 0!important;
}
.section-footer__text.rte p {
    margin-bottom: 5px;
}
sticky-atc.sticky-atc.sticky-atc--end.invisible {
    border-radius: 6px;
}
.product-label--new-in>span {
    padding: 6px 12px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
}
.product-block .image-cont .btn.quickbuy-toggle{
  border-radius:50px;
}
.product-grid .product-block__detail {
    margin-bottom: 10px;
}
 .block-inner-inner img {
    border-radius: 10px;
} 
.product-block__title {
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.product-price--block .price {
    font-weight: 600;
    font-size: 17px;
}
.product-price--block .price__from{
  font-size:17px;
}
.hometitle {
    font-size: 40px;
}
.section-featured-blog .article__inner  {
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    padding: 16px;
    border-radius: 10px;
}
.article__inner:hover {
    box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.article__inner .small-feature-link {
    background: #ccc;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.section-gallery .gallery--with-margins .gallery__item {
        margin: 0;
    }
  .section-gallery .gallery--with-margins {
    margin: 0;
    gap:20px;
}
.hometitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.has-paging__title {
    font-size: 40px;
}
.heading-view-box {
    display: flex;
    align-items: center;
}
.view-all {
    margin-right: 20px;
}
.collection-slider .has-paging .slider-nav__btn {
    margin: -10px 3px!important;
    background: rgb(var(--btn-bg-color));
    border-radius: 50%;
    height: 35px;
    width: 35px;
    color: #fff;
    display: flex!important;
    align-items: center;
}
.collection-listing img {
    border-radius: 8px;
}
.heading-view-box .view-all {
    font-size: 18px;
    margin: 0;
    color: #fff;
    margin-right: 20px;
    border-radius: 5px;
}
/* .heading-view-box .view-all:hover{
  background:transparent;
  color:#516059;
}
.heading-view-box .view-all:hover .small-feature-link{
  color:#516049;
} */
.heading-view-box .small-feature-link{
  color:#fff;
  text-decoration: none;
  border-radius:5px!important;
}
.section-image-with-text .btn {
    border-radius: 5px !important;                            
}
/* .product-block-options__item {
    padding: 8px 10px;
    border: 1px solid #000;
    border-radius: 10px;
    margin: 0 3px !important;
    font-weight: 500;
    color: #fff;
    background: #000;
}
.product-block-options__item:hover {
    border: 1px solid #000;
    color: #000000;
    background: transparent;
}
.product-block-options {
    opacity: 1;
} */
.product-block__rating {
    margin-top: 14px;       
}
/* .product-block .image-cont {
    border-radius: 10px;
} */

/* .section-image-with-text{
    background: #d7e3d7;
} */
/* .section-image-with-text .flexible-layout.valign-middle {
    padding: 40px 0 20px 0;
} */
/* .section-image-with-text  .theme-img , 
.section-image-with-text .button-row__btn {
    border-radius: 10px;  
} */
.collection-listing .text-overlay__inner h2 { 
    font-size: 35px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #d8e3d5; 
}
.price-container {
    margin-top: 15px;                  
}
.section-image-with-text .rte.lightly-spaced-row p {
    font-size: 16px;
}
.pdp-mobile-rating{
  padding:4px 0;
}
.rating__stars {
    font-weight: 600;
}
.pdp-mobile-rating .rating {
    display: flex;
    align-items: center;
    gap: 4px;
  
}
.pdp-mobile-rating .rating__stars span {
    font-size: 16px;
    font-weight: 600;
}

.pdp-mobile-rating span.rating__caption {
    display: flex;
    align-items: center;
      font-weight: 500;
}
/* .section-footer {
    background: #418444;
} */
.article__inner {
    box-shadow: #091e4240 0 1px 1px, #091e4221 0 0 1px 1px;
    padding: 16px;
    border-radius: 10px;
}
span.swatch-label {
    font-weight: 700;
    text-transform: uppercase;
    padding: 5px 0;
    display: block;
}
.product-block-options .product-block-options__item--truncated{
  display:inline-block!important;
}
.product-block-options__more-label{
  display:none;
}
button.btn.btn--large.add-to-cart,
.btn.btn--large.view-product {
    min-width: 100%;
    border-radius: 50px;
    padding: 13px;
    font-size: 14px;
    letter-spacing: 0;
    margin-top: 10px;
    margin-left: 10px;
    min-width: calc(100% - 20px) !important;
    margin-right: 10px; 
} 
/* product-form {
    display: none;
} */
 .btn-for-cart {
    display: block;
    visibility: hidden;
    position: absolute !important;
    bottom: 10px;
    left: 0px;
    width: calc(100% - 20px);
    padding: 1em 20px;
    transition: all .1s ease-out;
    border-color: rgb(var(--body-text-color) / .15);
    opacity: 0;
    font-size: var(--quickbuy-button-text-size);
    border-radius: 50px;
}
.product-block .image-cont:hover .btn-for-cart {
    visibility: visible;
    opacity: 1;
}
.custom-chart-banner-container h2 {
    text-align: center;
    margin-bottom:20px;
    font-size: 40px;
}
.filter-group__items.toggle-target {
    overflow: hidden;
    overflow-y: auto;
}
.toggle-target-container {
    max-height: 300px;
}
.filter-group--button-grid .filter-group__item {
    min-width: 110px;
}
.filter-group--button-grid .filter-group__item .filter-group__item__text {
    font-size: 12px !important;
    padding: 6px 6px;
}
.section-featured-blog .slider-nav__btn.has-ltr-icon {
    background: #418444;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-featured-blog .has-paging .slider-nav__btn[disabled]{
      opacity: .25;
}
button[name="prev"].slider-nav__btn {
  margin-right: 5px;
}
.section-featured-blog .article__inner h3 a {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 22px;
}
.section-featured-blog .article__inner .rte {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.iconmeta.tags {
    display: none;
}
.price-label--sale {
    position: absolute;
    top: 7.5px;
    left: 7.5px;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    letter-spacing: 0.4px;
    color: #ffffff;
    text-transform: capitalize;
    background: #418444;
    padding: 6px 14px;
    border-radius: 0px;
    min-width: 45px;
    text-align: center;
}
.custom-option legend {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
}
.custom-option .label-first {
    padding-bottom: 15px;
}

.custom-option label {
    display: block;
}
.cart-item__property {
    display: none;
}
[data-option="SIZE"] label,
[data-option="Pot"] label{
  height:auto!important;
  width:auto!important;
  padding: 11px 15px !important;
  border-radius:0!important;
}
[data-option="SIZE"] label span,
[data-option="Pot"] label span
{
    display: block !important;
    position: static;
    height: auto !important;
    width: auto !important;
    overflow: unset !important;
}
[data-option="SIZE"] label:before,
[data-option="Pot"] label:before
{
  border-radius:0!important;
}
[data-option="SIZE"] label:after,
[data-option="Pot"] label:after
{
  border-radius:50px!important;
}
[data-option="SIZE"] .opt-btn:checked+.opt-label,
[data-option="Pot"] .opt-btn:checked+.opt-label,
[data-option="Color"] .opt-btn:checked+.opt-label
{
box-shadow:none!important;
}
[data-option-name="SIZE"] .product-block-options__item,
[data-option-name="Pot"] .product-block-options__item{
  width:auto!important;
  height:auto!important;
  min-width:auto!important;
  min-height:auto!important;
  padding:10px 12px!important;
  overflow:hidden;
}
[data-option-name="SIZE"] .product-block-options__item .product-block-options__item__text,
[data-option-name="Pot"] .product-block-options__item .product-block-options__item__text{
    position: static!important;
    transform: none!important;
    opacity: 1!important;
    visibility: visible!important;
    border-radius:0px!important;
    border:0!important;
    padding:0!important;
    display:block!important;
  }
      [data-option-name="SIZE"] .product-block-options__item:hover, 
      [data-option-name="Pot"] .product-block-options__item:hover, 
      [data-option-name="SIZE"] .product-block-options__item:focus,
      [data-option-name="Pot"] .product-block-options__item:focus,
      [data-option-name="SIZE"] .product-block-options__item:active,
      [data-option-name="Pot"] .product-block-options__item:active {
        box-shadow: none!important;
      }
      [data-option-name="SIZE"]  .product-block-options__item:hover,
      [data-option-name="Pot"]  .product-block-options__item:hover
      {
          border: 1px solid rgba(0, 0, 0, 1)!important;
      }
          [data-option-name="SIZE"] .product-block-options__item.product-block-options__item--unavailable,
          [data-option-name="Pot"] .product-block-options__item.product-block-options__item--unavailable
          {
        box-shadow: none !important;
    }
[data-option-name="SIZE"] .product-block-options__inner,
[data-option-name="Pot"] .product-block-options__inner,
[data-option-name="Color"] .product-block-options__inner
 {
  display: flex!important;      
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;    
}

[data-option-name="SIZE"] .product-block-options__item,
[data-option-name="Pot"] .product-block-options__item,
[data-option-name="Color"] .product-block-options__item
{
  flex: 0 0 auto;
  white-space: nowrap;            
}
[data-option-name="SIZE"] .product-block-options__inner,
[data-option-name="Pot"] .product-block-options__inner,
[data-option-name="Color"] .product-block-options__inner{
  scrollbar-width: none; /* Firefox */
}
[data-option-name="Color"] .product-block-options__inner{
  padding: 4px 0;
}

[data-option-name="SIZE"] .product-block-options__inner::-webkit-scrollbar,
[data-option-name="Pot"] .product-block-options__inner::-webkit-scrollbar,
[data-option-name="Color"] .product-block-options__inner::-webkit-scrollbar
{
  display: none; /* Chrome, Safari, Edge */
}
.meta-feature-text {
    display: flex!important;
    align-items: center;
    justify-content: center;
}
.section-footer__row-container {
    border-top: 0;
}  
.for-collections .product-block__title {
    font-size: 14px;
    text-transform: uppercase;
}
   .cart-drawer__footer .hdt-product-info__item {
    padding: 15px 0 0 !important;
}
.grp-entangle--root .rating--container > :first-child {
    justify-content: center !important;
}
.rating--container {
    margin: 0 auto;
}
#cartform .checkout-col .btn {
    min-width: 100%;
}
.collection-slider button.slider-nav__btn.has-ltr-icon {
    display: none !important;
}
.blog-slider .heading-view-box.slider-nav {
    display: none;
}
.js-product-form [name=add] {
    border-radius: 50px;
}
    .section-related-products .has-paging__title {
        display: flex;
    }
    .slideshow .btn {
    border-radius: 4px !important;
}
 .slideshow .text-overlay__rte.rte.has-motion {
    max-width: 700px;
} 

@media (min-width: 768px) {
    .feature-text-paired {
        margin-right: 6%;
        margin-left: 6%;
    }
  .column.column--half.align-ltr-left.cc-animate-init.cc-animate-in{
  background: #fff;
    padding: 35px 0;
    margin-left: -50px;
    position: relative;
    border-radius:10px;
}
  a.navigation__link {
    font-size: 16px;
  }
.logo-area__right a ,.show-search-link__text{
    font-size: 14px;
}
.has-paging__title {
    font-size: 34px!important;
}
.product-grid--per-row-4 {
        --product-columns-desktop: 4.2!important;
    }
        .product-grid--per-row-5 {
        --product-columns-desktop: 5.2!important;
    }
        .navigation .navigation__tier-1>.navigation__item>.navigation__link {
        padding: 10px 18px;
    }
    .product-info-accordion .disclosure__title {
    font-size: 20px!important;
}
.template-list-collections .product-grid--per-row-4 {
        --product-columns-desktop: 4!important;
    }
} 

@media(max-width:768px) {
  .thumbnails .slider__grid {
    justify-content: start;

  }
 .section-gallery  .gallery--with-margins .gallery__item {
    flex-basis: 100%;
}
  .product-block:not(.product-block--landscape) .product-block__detail .innerer .product-block-options--swatch{
    order:inherit!important;
  }
  .custom-chart-banner-container h2 {
    font-size: 20px;
}
}

@media (max-width: 768px) {
    .product-block .image-cont .btn-for-cart {
        visibility: visible !important;
        opacity: 1 !important;
        padding: 10px 12px !important;
        font-size: 12px !important;
        letter-spacing: 0;
    }
    .mob-button-on{
display:block!important;
}
.btn-for-cart {
    display: block;
    visibility: visible;
    opacity: 1 !important;
    position: static !important;
}
.desk-button-on{
  display:none;
}
}
@media(max-width:767px){
  .custom-meta-feature-container h2 {
    font-size: 20px;
}
  .custom-meta-feature-container .meta-feature-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left:0;

}
  .custom-meta-feature-container .meta-feature-item {
    width: 100%;
    padding: 0;
}
  .section-footer__title,.section-footer__text h4 strong {
    padding-bottom: 0;
    font-size: 16px;
}

.section-footer__title:before ,.section-footer__text h4 strong:before {
    content:none;
}
  .product-form .product-title {
    font-size: 22px;
    margin-bottom: 2px;
}
  .product-form .price .js-value {
    font-size: 20px;
}
   .sticky-atc__details {
    margin-right: 4px!important;
}
  .sticky-atc__details__title, .sticky-atc__details__variant.small-text {
    font-size: 14px!important;
}
  .product-price--block .price,
  .product-block__title{
    font-size:13px;
  }
  .hometitle {
    font-size: 20px;
}
  .has-paging__title {
    font-size: 25px;
}
  .hometitle {
    flex-direction: column;
    gap: 10px;
    margin-bottom: 25px;
}
  .heading-view-box .small-feature-link {
                padding: 13px 10px;
            display: block;
            min-width: 129px;
            min-height: 42px;
            font-size: 12px;
            font-weight: 300;
}
  .for-collections .product-block__title {
    font-size: 13px;
    text-transform: uppercase;
}
  product-form {
    display: block;
}
.navigation__tier-2 .navigation__link ,.navigation__link {
    font-size: 15px;
}
button.btn.btn--large.sold-out {
    min-width: 100%;
    border-radius: 50px;
    padding: 13px;
    font-size: 14px;
    letter-spacing: 0;
    margin-top: 10px;
}
.product-price--block .price__from {
    font-size: 13px;
}
/* span.swatch-label {
    display: none!important;
} */ 
/* .product-block-options.product-block-options--swatch {
    display: none;
} */
/* .product-grid--per-row-mob-2 {
    --product-columns-desktop: 2.1!important;
} */
  .product-grid--per-row-mob-2 {
    --product-columns-desktop: 1.5!important;
} 
.template-collection .product-grid--per-row-mob-2{
--product-columns-desktop: 2!important;
}
.blog-slider .product-grid {
    --product-columns-desktop: 1.2!important;
}
[data-dynamic-variant-content="description_6EAQTR"] .disclosure__title {
    font-size: 22px!important;
}
product-form.desk-button-on {
    display: none;
}
button.btn.btn--large.add-to-cart, .btn.btn--large.view-product {
    font-size: 12px!important;
    width:100%;
    padding:10px;
    position:relative!important;
    top:5px;
    margin:10px 0 0 0!important;
}
.product-label--new-in>span {
    font-size: 12px;
}
ul.custom-tic-list {
    padding-bottom: 30px;
}
}



/* AGC: hide the redundant 'Sort by' label above the dropdown button.
   Director-approved 2026-04-30. Kept in DOM (visually-hidden) for screen
   readers since the dropdown button has aria-describedby pointing to it. */
#sort-dropdown-heading {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0,0,0,0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}


/* AGC: hide collection description block under the page header.
   Director-approved 2026-04-30. The description text is still saved on each
   collection in Shopify Admin and used for SEO meta-descriptions; it just
   isn't rendered as a paragraph below the title. To restore: delete this rule. */
.page-header--with-upper-spacing .rte {
  display: none !important;
}


/* AGC: collapse empty page-header band on collection pages.
   Director-approved 2026-04-30. With title/total/description all hidden,
   the page-header was contributing ~110px of empty vertical space
   (margin-top 30 + padding-bottom 20 + margin-bottom 40 + 20px residual).
   Scoped to body.template-collection so other page types (about, contact,
   etc.) keep their normal page-header spacing. */
body.template-collection .page-header--with-upper-spacing,
body.template-collection .shopify-section .page-header--with-upper-spacing {
  display: none !important;
}


/* AGC: visible selected state on collection-card variant pickers (Director-approved 2026-04-30). */
.product-block-options__item { cursor: pointer; transition: outline-color .15s ease, box-shadow .15s ease; }
/* Color swatches (round circles): green ring INSIDE the swatch using inset shadow,
   no outline-offset so we never bleed into the row above. */
.product-block-options--swatch .product-block-options__item[data-swatch]--selected,
.product-block-options--swatch .product-block-options__item.product-block-options__item--selected[data-swatch] {
  outline: none !important;
  box-shadow: 0 0 0 2px #fff inset, 0 0 0 4px #3a4a32 inset !important;
}
/* Text-pill option items (e.g. SIZE pills) which still carry --swatch class
   in this theme. Use a flat border + tinted background + zero offset so the
   highlight sits flush within the pill. */
.product-block-options--swatch .product-block-options__item.product-block-options__item--selected:not([data-swatch]),
.product-block-options:not(.product-block-options--swatch) .product-block-options__item--selected {
  outline: none !important;
  border-color: #3a4a32 !important;
  background: #f3f5ee !important;
  font-weight: 600;
  box-shadow: none !important;
}
.btn.is-sold-out { opacity: .55; cursor: not-allowed; }

/* AGC-MOBILE-PDP-TRANSPARENT-HEADER:START */
/* Mobile PDP: transparent header overlays the product image (Director-approved 2026-04-30).
   Scoped strictly to body.template-product + max-width:749px. Desktop untouched. */
@media (max-width: 749px) {
  body.template-product .section-announcement-bar { display: none !important; }

  body.template-product .section-header {
    position: absolute !important;
    top: 0; left: 0; right: 0;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
  }


  body.template-product .pageheader,
  body.template-product .pageheader.pageheader--sticky,
  body.template-product .pageheader__inner,
  body.template-product .pageheader__bottom,
  body.template-product .pageheader__top,
  body.template-product .pageheader__navigation,
  body.template-product .pageheader__row,
  body.template-product .logo-area,
  body.template-product .logo-area.container,
  body.template-product .logo-area.container--no-max {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 0 !important;
    backdrop-filter: none !important;
  }
  body.template-product .pageheader::before,
  body.template-product .pageheader::after,
  body.template-product .pageheader__inner::before,
  body.template-product .pageheader__inner::after,
  body.template-product .pageheader__bottom::before,
  body.template-product .pageheader__bottom::after {
    display: none !important;
    border: 0 !important;
    background: transparent !important;
  }

  body.template-product .pageheader,
  body.template-product .pageheader a,
  body.template-product .pageheader button,
  body.template-product .pageheader .header-account-link__icon,
  body.template-product .pageheader .header-cart-link {
    color: #fff !important;
  }
  body.template-product .pageheader svg { color: #fff !important; }

  body.template-product .pageheader .logo__image {
    filter: brightness(0) invert(1);
  }

  /* Pull first product section flush with viewport top (image extends to behind header). */
  body.template-product main#content { padding-top: 0 !important; margin-top: 0 !important; }
  body.template-product .section-main-product { padding-top: 0 !important; margin-top: 0 !important; }
  body.template-product .section-main-product > .container,
  body.template-product .section-main-product .product-grid,
  body.template-product .section-main-product .product-block {
    padding-top: 0 !important; margin-top: 0 !important;
  }
  body.template-product .section-main-product media-gallery,
  body.template-product .section-main-product .product__media {
    margin-top: 0 !important;
  }

  /* Larger Add-to-Cart button + breathing room (mobile PDP) */
  body.template-product .quantity-submit-row__submit {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  body.template-product .add-to-cart,
  body.template-product button.add-to-cart,
  body.template-product .btn-for-cart {
    padding-top: 1.1rem !important;
    padding-bottom: 1.1rem !important;
    font-size: 1rem !important;
    letter-spacing: .04em !important;
    min-height: 58px !important;
    width: 100% !important;
  }

  /* Mobile menu drawer + search modal: when opened, restore solid surfaces (they have their own bg). */
  body.template-product .navigation__mobile-header,
  body.template-product .navigation__mobile-header * { color: inherit !important; }
  body.template-product .navigation__mobile-header .logo__image { filter: none !important; }
}
/* Luca template: 'Get Inspired' heading should match 'Frequently Asked Questions' (size + alignment). */
body.template-suffix-luca-lifestyle-products .shopify-section[id*="custom_product_chart_section"] h2,
body.template-suffix-luca-lifestyle-products .shopify-section[id*="custom_product_chart"] h2 {
  font-size: 22.32px !important;
  font-weight: 500 !important;
  text-align: left !important;
  margin-bottom: 20px !important;
}
/* AGC-MOBILE-PDP-TRANSPARENT-HEADER:END */

/* AGC-MOBILE-HEADER-SCROLL:START */
/* Global mobile header scroll behavior (Director-approved 2026-04-30).
   .agc-header-hidden  -> translated up out of view
   .agc-header-revealed -> brought back, solid white + color logo on PDP. */
@media (max-width: 749px) {
  .section-header {
    transition: transform 240ms ease, background-color 200ms ease;
    will-change: transform;
  }
  .section-header.agc-header-hidden {
    transform: translateY(-110%);
    pointer-events: none;
  }
  .section-header.agc-header-revealed {
    position: fixed !important;
    top: 0; left: 0; right: 0;
    z-index: 9000 !important;
    transform: translateY(0) !important;
  }
  /* PDP-specific reveal: pin to viewport top, restore solid white + color logo. */
  body.template-product .section-header.agc-header-revealed {
    position: fixed !important;
    top: 0; left: 0; right: 0;
  }
  body.template-product .section-header.agc-header-revealed,
  body.template-product .section-header.agc-header-revealed .pageheader,
  body.template-product .section-header.agc-header-revealed .pageheader.pageheader--sticky {
    background: #fff !important;
    box-shadow: 0 1px 6px rgba(0,0,0,.06) !important;
  }
  body.template-product .section-header.agc-header-revealed .pageheader,
  body.template-product .section-header.agc-header-revealed .pageheader a,
  body.template-product .section-header.agc-header-revealed .pageheader button {
    color: #24211a !important;
  }
  body.template-product .section-header.agc-header-revealed .pageheader svg {
    color: #24211a !important;
  }
  body.template-product .section-header.agc-header-revealed .pageheader .logo__image {
    filter: none !important;
  }

  /* AGC-SEARCH-OVERLAY-FIX 2026-09-17
     `will-change: transform` (and the translateY above) make .section-header a
     containing block for position:fixed descendants. <main-search> is fixed and
     lives inside this section, so the search overlay was resolving top/max-height
     against the 69px header instead of the viewport -- it rendered as a short
     scrollable strip and pushed the suggestions out of sight.
     While the overlay is open the header animation is idle anyway (body.show-search
     locks page scroll), so drop both triggers for exactly that window. The header
     stays pinned because .agc-header-revealed also sets position:fixed; top:0. */
  body.show-search .section-header,
  body.show-search .section-header.agc-header-hidden,
  body.show-search .section-header.agc-header-revealed {
    will-change: auto !important;
    transform: none !important;
    transition: none !important;
  }

  /* The PDP transparent-header block above paints EVERY .pageheader button/svg
     white (#fff). .main-search__close lives inside .pageheader, so on a product
     page the search overlay's close (x) was white-on-white -- 1:1 contrast,
     invisible. It was unreachable before only because the overlay itself was
     collapsed; fixing the geometry exposed it. The overlay panel is always the
     solid body background, so its close control must be body text colour.
     Scoped to the close button only, so the white-over-hero header icons in the
     normal (closed) transparent state are untouched. */
  body.template-product .main-search__close,
  body.template-product .main-search__close svg {
    color: #24211a !important;
  }
}

/* Lift floating chat/WA button when sticky ATC is visible. */
#carthike-chat-button-container { transition: bottom 220ms ease; }
body.agc-sticky-atc-visible #carthike-chat-button-container {
  bottom: 112px !important;
}
/* AGC-MOBILE-HEADER-SCROLL:END */
