/** Shopify CDN: Minification failed

Line 3837:78 Unexpected "\\n"
Line 3844:0 Unexpected "@media"

**/

/* CFS COMPETITOR REDESIGN 01 */
:root{--cfsg:#064c2d;--cfsg2:#176736;--cfsl:#a8ce59;--cfsi:#132c1d;--cfsm:#617067;--cfsline:#dfe7e1;--cfssoft:#f5f7f4}
body{background:var(--cfssoft)}
.container{max-width:1420px}
.header{box-shadow:0 2px 12px rgba(14,48,28,.05)}
.header__search-bar-wrapper .search-bar__input{border-radius:7px}
.nav-bar__link{font-weight:700}
.cfsc-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850;color:#dbe8df}
.cfsc-eyebrow--green{color:var(--cfsg2)}
.cfsc-hero{position:relative;min-height:390px;background:#153422;overflow:hidden}
.cfsc-hero__media,.cfsc-hero__img,.cfsc-hero__shade{position:absolute;inset:0;width:100%;height:100%}
.cfsc-hero__img{object-fit:cover}
.cfsc-hero__shade{background:linear-gradient(90deg,rgba(3,23,13,.92),rgba(3,23,13,.66) 48%,rgba(3,23,13,.08) 80%)}
.cfsc-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,720px) 290px;justify-content:space-between;gap:50px;align-items:center;min-height:390px;padding-top:38px;padding-bottom:38px;color:#fff}
.cfsc-hero__copy h1{max-width:680px;margin:8px 0 12px;color:#fff;font-size:clamp(43px,5vw,66px);line-height:.96;letter-spacing:-.05em}
.cfsc-hero__copy>p{max-width:630px;margin:0;color:rgba(255,255,255,.88);font-size:16px;line-height:1.5}
.cfsc-actions{display:flex;align-items:center;gap:18px;margin-top:22px}
.cfsc-actions .button{min-height:45px;border-radius:6px;font-weight:800}
.cfsc-link{color:#fff;font-weight:800;text-decoration:none}
.cfsc-hero__service{padding:20px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(6,43,25,.66);backdrop-filter:blur(6px)}
.cfsc-hero__service strong,.cfsc-hero__service span{display:block}
.cfsc-hero__service strong{margin-bottom:11px;font-size:14px}
.cfsc-hero__service span{padding:6px 0;border-top:1px solid rgba(255,255,255,.10);font-size:11px}
.cfsc-depts-wrap{padding-top:42px;padding-bottom:46px}
.cfsc-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}
.cfsc-heading h2{margin:4px 0 0;color:var(--cfsi);font-size:34px;line-height:1;letter-spacing:-.035em}
.cfsc-heading p{color:var(--cfsm)}
.cfsc-heading>a{color:var(--cfsg2);font-size:11px;font-weight:800;text-decoration:none}
.cfsc-depts{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.cfsc-dept{display:block;overflow:hidden;border:1px solid var(--cfsline);border-radius:9px;background:#fff;color:var(--cfsi);text-decoration:none;transition:.2s}
.cfsc-dept:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(17,52,31,.08)}
.cfsc-dept__media{aspect-ratio:1.15;overflow:hidden;background:#eef2ef}
.cfsc-dept__media img{width:100%;height:100%;object-fit:cover}
.cfsc-dept>strong,.cfsc-dept>span{display:block;padding-left:11px;padding-right:11px}
.cfsc-dept>strong{padding-top:10px;font-size:12px}
.cfsc-dept>span{padding-top:3px;padding-bottom:10px;color:var(--cfsg2);font-size:9px;font-weight:800}
.cfsc-season{display:grid;grid-template-columns:2fr 1fr;gap:12px;padding-bottom:48px}
.cfsc-season__main{position:relative;min-height:310px;overflow:hidden;border-radius:10px;background:#173523}
.cfsc-season__main>img,.cfsc-season__shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cfsc-season__shade{background:linear-gradient(90deg,rgba(3,23,13,.87),rgba(3,23,13,.20) 75%)}
.cfsc-season__copy{position:absolute;z-index:2;left:30px;bottom:28px;max-width:500px;color:#fff}
.cfsc-season__copy>span{font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--cfsl)}
.cfsc-season__copy h2{margin:5px 0 7px;color:#fff;font-size:35px;line-height:1}
.cfsc-season__copy p{margin:0 0 14px;font-size:12px}
.cfsc-season__copy a{color:#fff;font-size:11px;font-weight:800}
.cfsc-season__side{display:grid;grid-template-rows:repeat(3,1fr);gap:8px}
.cfsc-season__side a{display:flex;flex-direction:column;justify-content:center;padding:17px;border:1px solid var(--cfsline);border-radius:9px;background:#fff;color:var(--cfsi);text-decoration:none}
.cfsc-season__side strong{font-size:15px}.cfsc-season__side span{margin-top:4px;color:var(--cfsm);font-size:10px}
.featured-collection{background-image:none!important}
.featured-collection__title{letter-spacing:-.025em}
.featured-collection .product-item__info{justify-content:flex-start!important}
.product-item__title{font-weight:700;line-height:1.28}
.product-item__vendor{text-transform:uppercase;letter-spacing:.05em;font-size:9px}
.product-item__price-list .price{font-weight:800}
.cfsc-videos{padding-top:46px;padding-bottom:46px}
.cfsc-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cfsc-video-grid article{overflow:hidden;border:1px solid var(--cfsline);border-radius:9px;background:#fff}
.cfsc-video-media{aspect-ratio:9/12;max-height:360px;background:#173523}
.cfsc-video-media video{width:100%;height:100%;object-fit:cover}
.cfsc-video-body{padding:11px}.cfsc-video-body small,.cfsc-video-body strong,.cfsc-video-body a{display:block}
.cfsc-video-body small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:#c81818;font-weight:800}
.cfsc-video-body strong{margin-top:4px;font-size:12px}.cfsc-video-body a{margin-top:7px;font-size:9px;color:var(--cfsg2);font-weight:800;text-decoration:none}

/* Mega menu */
@media(min-width:1000px){
 .nav-bar,.nav-bar__inner,.nav-bar__linklist,.nav-bar__item{position:static}
 .cfsc-mega{visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:100%;left:0;width:100%;background:#fff;border-top:1px solid #e8eee9;box-shadow:0 15px 34px rgba(13,48,28,.14);transition:.14s;z-index:50}
 .nav-bar__item:hover>.cfsc-mega,.nav-bar__item:focus-within>.cfsc-mega{visibility:visible;opacity:1;pointer-events:auto}
 .cfsc-mega__inner{padding-top:20px;padding-bottom:26px}
 .cfsc-mega__head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid #e8eee9}
 .cfsc-mega__head strong{font-size:18px;color:var(--cfsi)}.cfsc-mega__head a{font-size:10px;color:var(--cfsg2);font-weight:800;text-decoration:none}
 .cfsc-mega__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
 .cfsc-mega__title{font-size:13px;color:var(--cfsi);font-weight:850;text-decoration:none}
 .cfsc-mega__col ul{margin-top:7px}.cfsc-mega__col li a{display:block;padding:3px 0;color:#617067;font-size:11px;text-decoration:none}
 .cfsc-mega__col li a:hover{color:var(--cfsg2)}
}

/* Product + collection: compact Tanner-style information density */
.product-block-list__item--info .card__section{padding:22px}
.product-meta__title{letter-spacing:-.03em;line-height:1.04}
.product-form__add-button .button{min-height:50px;border-radius:6px;font-weight:800}
.collection__header{background:#fff}
.product-list--collection{align-items:flex-start!important}
.product-list--collection .product-item--vertical{height:auto!important;min-height:0!important;align-self:flex-start!important}
.product-list--collection .product-item--vertical .product-item__info{flex:0 0 auto!important;justify-content:flex-start!important}
.product-list--collection .product-item__image-wrapper .aspect-ratio{padding-bottom:100%!important}
.product-list--collection .product-item__primary-image,.product-list--collection .product-item__secondary-image{width:100%!important;height:100%!important;object-fit:contain!important;padding:7px}

/* Mobile */
@media(max-width:640px){
 .header__logo-image{max-width:115px!important}
 .cfsc-hero{min-height:310px}
 .cfsc-hero__shade{background:linear-gradient(0deg,rgba(3,23,13,.91),rgba(3,23,13,.42) 65%,rgba(3,23,13,.04))}
 .cfsc-hero__inner{display:flex;align-items:flex-end;min-height:310px;padding:20px}
 .cfsc-hero__copy h1{max-width:300px;font-size:31px}
 .cfsc-hero__copy>p{max-width:300px;font-size:11px}
 .cfsc-actions{margin-top:13px}.cfsc-actions .button{min-height:39px;font-size:10px}.cfsc-link{font-size:10px}
 .cfsc-hero__service{display:none}
 .cfsc-depts-wrap{padding-top:24px;padding-bottom:28px}
 .cfsc-heading h2{font-size:25px}
 .cfsc-depts{grid-template-columns:repeat(3,1fr);gap:7px}
 .cfsc-dept>strong{padding:7px 6px 0;font-size:9px}.cfsc-dept>span{padding:2px 6px 7px;font-size:7px}
 .cfsc-season{display:block;padding-bottom:30px}
 .cfsc-season__main{min-height:235px}.cfsc-season__copy{left:17px;bottom:17px;max-width:270px}.cfsc-season__copy h2{font-size:25px}
 .cfsc-season__side{grid-template-columns:repeat(3,1fr);grid-template-rows:none;margin-top:7px}
 .cfsc-season__side a{padding:9px}.cfsc-season__side strong{font-size:9px}.cfsc-season__side span{display:none}
 .featured-collection__header{padding-top:22px!important;padding-bottom:14px!important}
 .featured-collection__title{font-size:23px!important}
 .featured-collection .product-list--scrollable .product-item{width:48%!important}
 .featured-collection .product-item{padding:8px!important}
 .cfsc-video-grid{display:flex;overflow-x:auto;gap:9px;scroll-snap-type:x mandatory}
 .cfsc-video-grid article{flex:0 0 62%;scroll-snap-align:start}.cfsc-video-media{aspect-ratio:4/5;max-height:none}
 .product-list--collection .product-item--vertical{width:50%!important;padding:7px!important}
 .product-list--collection .product-item--vertical .product-item__info{display:block!important;min-height:0!important}
 .product-list--collection .product-item__title{font-size:11px!important;line-height:1.25!important}
 .product-list--collection .product-item__price-list .price{font-size:15px!important}
 .product-block-list__item--info .card__section{padding:14px}
 .product-meta__title{font-size:23px!important}
}


/* =========================================================
   CFS COMPETITOR REDESIGN 02
   Desktop breathing room + cross-site polish
   ========================================================= */

@media(min-width:1200px){
  .container{max-width:1500px!important}
  .header .container,.nav-bar .container,.cfsc-hero .container,.cfsc-mega .container{max-width:1500px!important}
}

@media(min-width:1000px){
  .header{padding-top:12px!important;padding-bottom:10px!important}
  .header__inner{gap:22px!important}
  .header__logo{margin-right:22px!important}
  .header__search-bar-wrapper{max-width:none!important}
  .nav-bar__linklist{gap:6px!important}
  .nav-bar__link{padding-left:15px!important;padding-right:15px!important}
  .cfsc-mega__inner{padding-top:24px!important;padding-bottom:30px!important}
  .cfsc-mega__grid{grid-template-columns:repeat(4,minmax(180px,1fr))!important;gap:28px 34px!important}
  .cfsc-mega__title{font-size:14px!important}
  .cfsc-mega__col li a{font-size:12px!important;padding:4px 0!important}
}

@media(min-width:1000px){
  .cfsc-hero{min-height:430px!important}
  .cfsc-hero__inner{
    grid-template-columns:minmax(0,760px) 320px!important;
    gap:80px!important;
    min-height:430px!important;
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .cfsc-hero__copy h1{max-width:720px!important;font-size:clamp(46px,4.8vw,68px)!important}
  .cfsc-hero__copy>p{max-width:650px!important;font-size:17px!important}
  .cfsc-hero__service{padding:24px!important}
  .cfsc-hero__service span{padding:8px 0!important;font-size:12px!important}
}

@media(min-width:1200px){
  .cfsc-depts{grid-template-columns:repeat(5,1fr)!important;gap:18px!important}
  .cfsc-dept__media{aspect-ratio:1.2!important}
  .cfsc-dept>strong{font-size:14px!important;padding:13px 13px 0!important}
  .cfsc-dept>span{font-size:10px!important;padding:4px 13px 13px!important}
}
@media(min-width:1000px) and (max-width:1199px){
  .cfsc-depts{grid-template-columns:repeat(3,1fr)!important;gap:16px!important}
}

@media(min-width:1000px){
  .cfsc-season{grid-template-columns:minmax(0,2.35fr) minmax(300px,.9fr)!important;gap:18px!important;padding-bottom:56px!important}
  .cfsc-season__main{min-height:350px!important}
  .cfsc-season__copy{left:36px!important;bottom:34px!important;max-width:560px!important}
  .cfsc-season__copy h2{font-size:40px!important}
  .cfsc-season__copy p{font-size:13px!important}
  .cfsc-season__side{gap:10px!important}
  .cfsc-season__side a{padding:20px!important}
  .cfsc-season__side strong{font-size:16px!important}
  .cfsc-season__side span{font-size:11px!important}
}

@media(min-width:1000px){
  .featured-collection__header{padding-top:34px!important;padding-bottom:22px!important}
  .featured-collection__title{font-size:31px!important}
  .featured-collection .product-list--scrollable .product-item{width:20%!important;min-width:20%!important}
  .featured-collection .product-item{padding:14px!important}
  .featured-collection .product-item__image-wrapper .aspect-ratio{padding-bottom:92%!important}
  .featured-collection .product-item__primary-image,.featured-collection .product-item__secondary-image{object-fit:contain!important;padding:10px!important}
  .featured-collection .product-item__title{font-size:13px!important}
  .featured-collection .product-item__action-list{margin-top:10px!important}
}

.product-item__label-list{gap:4px!important}
.product-label{border-radius:4px!important;font-size:9px!important;font-weight:800!important}
.product-item__vendor{color:#748078!important}
.product-item__title{color:#173524!important}
.product-item__price-list{margin-top:6px!important}

@media(min-width:1000px){
  .product-block-list{gap:28px!important}
  .product-block-list__item--gallery .card,.product-block-list__item--info .card{border-radius:12px!important}
  .product-block-list__item--info .card__section{padding:28px!important}
  .product-meta__title{font-size:34px!important}
  .product-form__payment-container{margin-top:15px!important}
  .product-form__add-button .button{min-height:54px!important;font-size:15px!important}
  .product-block-list__item--description .card,.product-block-list__item--content .card,.product-block-list__item--complementary .card{border-radius:11px!important}
}

@media(min-width:1000px){
  .collection__header{padding:30px!important;border-radius:12px!important;margin-bottom:22px!important}
  .collection__title{font-size:38px!important}
  .collection__description{max-width:900px!important}
  .collection__toolbar{border-radius:8px!important}
  .collection__filter-group{padding-top:14px!important;padding-bottom:14px!important}
  .product-list--collection .product-item--vertical{padding:12px!important}
  .product-list--collection .product-item__title{font-size:13px!important}
}

@media(min-width:1000px){
  .cfsc-videos{padding-top:52px!important;padding-bottom:54px!important}
  .cfsc-video-grid{gap:18px!important}
  .cfsc-video-media{max-height:330px!important}
  .cfsc-video-body{padding:13px!important}
  .cfsc-video-body strong{font-size:13px!important}
}

.template-index .shopify-section + .shopify-section{margin-top:0!important}
.template-index .featured-collection{margin-bottom:34px!important}

@media(min-width:1000px){
  .footer__block-list{gap:40px!important}
  .footer__title{font-size:14px!important}
}


/* =========================================================
   CFS REDESIGN 03 — BRAND COLOUR CORRECTION
   ========================================================= */
:root{
  --cfsg:#064c2d!important;
  --cfsg2:#064c2d!important;
  --cfsl:#a8ce59!important;
  --cfsi:#10251a!important;
  --cfsm:#5f6d64!important;
  --cfsline:#e3e7e3!important;
  --cfssoft:#f3f6f0!important;
  --cfsred:#c81818!important;
}

body{background:#f3f6f0!important;color:#243c2e!important}
.header,.nav-bar{background:#fff!important}
.nav-bar__link,.header__action-item-link{color:#10251a!important}
.nav-bar__item:hover>.nav-bar__link{color:#064c2d!important}
.search-bar__submit{background:#c81818!important;color:#fff!important}
.button--primary{background:#064c2d!important;color:#fff!important}
.price--highlight,.product-item__price-list .price--highlight{color:#c81818!important}
.product-label--on-sale{background:#c81818!important;color:#fff!important}
.inventory--high{color:#168348!important}
.inventory--low{color:#d88a13!important}

.cfsc-hero__shade{
  background:linear-gradient(90deg,rgba(16,37,26,.93),rgba(6,76,45,.70) 46%,rgba(6,76,45,.13) 80%)!important;
}
.cfsc-actions .button{background:#064c2d!important;color:#fff!important}
.cfsc-link{color:#fff!important}
.cfsc-hero__service{background:rgba(16,37,26,.72)!important}
.cfsc-season__shade{background:linear-gradient(90deg,rgba(16,37,26,.90),rgba(6,76,45,.22) 78%)!important}
.cfsc-season__copy>span{color:#a8ce59!important}
.cfsc-dept>span,.cfsc-heading>a,.cfsc-video-body a,.cfsc-mega__head a{color:#064c2d!important}
.cfsc-mega__title{color:#10251a!important}
.cfsc-mega__col li a:hover{color:#064c2d!important}

/* Footer matches the live CFS dark-green brand direction */
.footer{background:#10251a!important;color:#d7dfd9!important}
.footer__title,.footer h2,.footer h3{color:#fff!important}
.footer a{color:#d7dfd9!important}
.footer a:hover{color:#a8ce59!important}
.footer__aside{border-color:rgba(255,255,255,.12)!important}

/* Social icons: clear and usable in footer */
.footer .social-media__item{margin-right:8px!important}
.footer .social-media__link{
  width:38px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
}
.footer .social-media__link:hover{
  background:#064c2d!important;
  color:#fff!important;
}


/* CFS REDESIGN 04 — larger, more confident homepage opening */
@media(min-width:1000px){
  .cfsc-hero{
    min-height:515px!important;
  }
  .cfsc-hero__inner{
    min-height:515px!important;
    grid-template-columns:minmax(0,800px) 340px!important;
    gap:90px!important;
    padding-top:58px!important;
    padding-bottom:58px!important;
  }
  .cfsc-hero__copy h1{
    max-width:760px!important;
    font-size:clamp(52px,5.2vw,74px)!important;
    line-height:.95!important;
  }
  .cfsc-hero__copy>p{
    max-width:680px!important;
    font-size:18px!important;
    line-height:1.5!important;
  }
  .cfsc-actions{
    margin-top:26px!important;
  }
  .cfsc-actions .button{
    min-height:48px!important;
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .cfsc-hero__service{
    padding:26px!important;
  }
  .cfsc-hero__service strong{
    font-size:15px!important;
    margin-bottom:13px!important;
  }
  .cfsc-hero__service span{
    padding:9px 0!important;
    font-size:12px!important;
  }
}

/* Keep phone impactful but don't push shopping too far down */
@media(max-width:640px){
  .cfsc-hero{
    min-height:345px!important;
  }
  .cfsc-hero__inner{
    min-height:345px!important;
    padding:24px 20px!important;
  }
  .cfsc-hero__copy h1{
    font-size:34px!important;
    max-width:315px!important;
  }
  .cfsc-hero__copy>p{
    font-size:12px!important;
    max-width:310px!important;
  }
}


/* CFS REDESIGN 05 — announcement + email/footer brand colours */
.announcement-bar{
  background:#064c2d!important;
  color:#fff!important;
  border:0!important;
}
.announcement-bar a,.announcement-bar button,.announcement-bar__content{color:#fff!important}
.announcement-bar__button{background:#c81818!important;color:#fff!important;border-color:#c81818!important}

/* Homepage email signup: branded CFS panel */
.template-index .newsletter{
  background:#064c2d!important;
  color:#fff!important;
}
.template-index .newsletter .heading,
.template-index .newsletter h2,
.template-index .newsletter p{color:#fff!important}
.template-index .newsletter .form__input-row input,
.template-index .newsletter input[type="email"]{
  background:#fff!important;
  color:#10251a!important;
  border-color:#fff!important;
}
.template-index .newsletter .button,
.template-index .newsletter button[type="submit"]{
  background:#c81818!important;
  color:#fff!important;
  border-color:#c81818!important;
  font-weight:800!important;
}

/* Footer service strip ties email/footer together */
#shopify-section-text-with-icons,
.footer-group .text-with-icons{
  background:#f3f6f0!important;
  color:#10251a!important;
}
.footer{background:#10251a!important}
.footer .newsletter__form .button,
.footer button[type="submit"]{
  background:#c81818!important;
  color:#fff!important;
  border-color:#c81818!important;
}

/* CFS REDESIGN 06 — completed service strip */
.text-with-icons{
  background:#f3f6f0!important;
  color:#10251a!important;
}
.text-with-icons__item{
  padding-top:20px!important;
  padding-bottom:20px!important;
}
.text-with-icons__icon-wrapper{color:#064c2d!important}
.text-with-icons__title{
  color:#10251a!important;
  font-weight:800!important;
  font-size:13px!important;
}
.text-with-icons__content{
  color:#5f6d64!important;
  font-size:11px!important;
  line-height:1.35!important;
}
.text-with-icons__content p{margin-top:4px!important;margin-bottom:0!important}
@media(max-width:640px){
  .text-with-icons__item{padding-top:14px!important;padding-bottom:14px!important}
  .text-with-icons__title{font-size:10px!important}
  .text-with-icons__content{font-size:9px!important}
}


/* CFS REDESIGN 07 — rotating homepage slides */
.template-index #shopify-section-opening .cfsc-hero{display:none!important}

.template-index #shopify-section-slides .slideshow--medium,
.template-index #shopify-section-slides .slideshow__slide,
.template-index #shopify-section-slides .slideshow__slide-inner{
  height:515px!important;
  min-height:515px!important;
}
.template-index #shopify-section-slides .slideshow__image{
  width:100%!important;height:100%!important;object-fit:cover!important;
}
.template-index #shopify-section-slides .slideshow__slide--overlay:before{
  z-index:1!important;
  background:linear-gradient(90deg,rgba(16,37,26,.91),rgba(6,76,45,.64) 46%,rgba(6,76,45,.10) 80%)!important;
}
.template-index #shopify-section-slides .slideshow__content-wrapper{z-index:2!important;text-align:left!important}
.template-index #shopify-section-slides .slideshow__content-wrapper .container{max-width:1500px!important}
.template-index #shopify-section-slides .slideshow__title{
  max-width:760px!important;font-size:clamp(52px,5.2vw,74px)!important;line-height:.95!important;
  letter-spacing:-.05em!important;margin-bottom:13px!important;font-weight:700!important;
}
.template-index #shopify-section-slides .slideshow__content{
  max-width:680px!important;font-size:18px!important;line-height:1.5!important;margin-bottom:22px!important;
}
.template-index #shopify-section-slides .slideshow__button{
  min-height:48px!important;padding:0 22px!important;border-radius:6px!important;font-weight:800!important;
}
.template-index #shopify-section-slides .flickity-page-dots{bottom:14px!important}
.template-index #shopify-section-slides .flickity-page-dots .dot{
  width:8px!important;height:8px!important;background:rgba(255,255,255,.55)!important;border:0!important
}
.template-index #shopify-section-slides .flickity-page-dots .dot.is-selected{background:#fff!important}

@media(max-width:640px){
 .template-index #shopify-section-slides .slideshow--medium,
 .template-index #shopify-section-slides .slideshow__slide,
 .template-index #shopify-section-slides .slideshow__slide-inner{
   height:345px!important;min-height:345px!important;
 }
 .template-index #shopify-section-slides .slideshow__slide--overlay:before{
   background:linear-gradient(0deg,rgba(16,37,26,.91),rgba(6,76,45,.45) 62%,rgba(6,76,45,.04))!important;
 }
 .template-index #shopify-section-slides .slideshow__content-wrapper{
   display:flex!important;align-items:flex-end!important;text-align:left!important;padding-bottom:28px!important;
 }
 .template-index #shopify-section-slides .slideshow__content-wrapper .container{padding-left:18px!important;padding-right:18px!important}
 .template-index #shopify-section-slides .slideshow__title{
   max-width:315px!important;font-size:34px!important;line-height:.97!important;margin-bottom:7px!important;
 }
 .template-index #shopify-section-slides .slideshow__content{
   max-width:310px!important;font-size:12px!important;line-height:1.35!important;margin-bottom:12px!important;
 }
 .template-index #shopify-section-slides .slideshow__button{
   min-height:40px!important;padding:0 14px!important;font-size:10px!important;
 }
}


/* =========================================================
   CFS REDESIGN 08 — SINGLE HOMEPAGE OPENING
   One slideshow only; static hero removed from markup.
   ========================================================= */

/* Neutralise any old static-hero rules in case cached markup is previewed */
.template-index .cfsc-hero,
.template-index .cfsc-hero__inner,
.template-index .cfsc-hero__media,
.template-index .cfsc-hero__service{
  display:none!important;
}

/* Slideshow is the sole visual opening */
.template-index #shopify-section-slides{
  margin:0!important;
  padding:0!important;
}
.template-index #shopify-section-slides .slideshow--medium,
.template-index #shopify-section-slides .slideshow__slide,
.template-index #shopify-section-slides .slideshow__slide-inner{
  height:525px!important;
  min-height:525px!important;
}
.template-index #shopify-section-slides .slideshow__content-wrapper{
  text-align:left!important;
}
.template-index #shopify-section-slides .slideshow__title{
  max-width:760px!important;
  font-size:clamp(50px,5vw,72px)!important;
  line-height:.95!important;
  letter-spacing:-.045em!important;
}
.template-index #shopify-section-slides .slideshow__content{
  max-width:660px!important;
  font-size:17px!important;
  line-height:1.45!important;
}
.template-index #shopify-section-slides .slideshow__button{
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:6px!important;
  font-weight:800!important;
}

/* Departments begin promptly after slideshow */
.template-index #shopify-section-opening .cfsc-depts-wrap{
  padding-top:34px!important;
}
.template-index #shopify-section-opening .cfsc-season{
  padding-top:8px!important;
}

/* Avoid any accidental vertical gap between slideshow and next section */
.template-index #shopify-section-slides + .shopify-section,
.template-index .shopify-section + #shopify-section-opening{
  margin-top:0!important;
}

@media(max-width:640px){
  .template-index #shopify-section-slides .slideshow--medium,
  .template-index #shopify-section-slides .slideshow__slide,
  .template-index #shopify-section-slides .slideshow__slide-inner{
    height:350px!important;
    min-height:350px!important;
  }
  .template-index #shopify-section-slides .slideshow__title{
    max-width:315px!important;
    font-size:33px!important;
  }
  .template-index #shopify-section-slides .slideshow__content{
    max-width:305px!important;
    font-size:12px!important;
  }
  .template-index #shopify-section-opening .cfsc-depts-wrap{
    padding-top:22px!important;
  }
}

.cfs9-kicker{display:block;margin-bottom:5px;color:#064c2d;text-transform:uppercase;letter-spacing:.11em;font-size:9px;font-weight:850}.cfs9-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.cfs9-head h2{margin:0;color:#10251a;font-size:30px;line-height:1;letter-spacing:-.035em}.cfs9-head>a{color:#064c2d;font-size:10px;font-weight:800;text-decoration:none}
.template-index #shopify-section-slides .slideshow--medium,.template-index #shopify-section-slides .slideshow__slide,.template-index #shopify-section-slides .slideshow__slide-inner{height:440px!important;min-height:440px!important}.template-index #shopify-section-slides .slideshow__slide--overlay:before{background:linear-gradient(90deg,rgba(16,37,26,.84),rgba(16,37,26,.46) 48%,rgba(16,37,26,.04) 80%)!important}.template-index #shopify-section-slides .slideshow__title{max-width:680px!important;font-size:clamp(42px,4.4vw,60px)!important;line-height:.97!important;letter-spacing:-.04em!important}.template-index #shopify-section-slides .slideshow__content{max-width:600px!important;font-size:15px!important}.template-index #shopify-section-slides .slideshow__button{min-height:44px!important;padding:0 18px!important;background:#c81818!important;border-radius:5px!important}
.template-index #shopify-section-trust .text-with-icons{background:#064c2d!important;color:#fff!important}.template-index #shopify-section-trust .text-with-icons__item{padding-top:15px!important;padding-bottom:15px!important}.template-index #shopify-section-trust .text-with-icons__icon-wrapper,.template-index #shopify-section-trust .text-with-icons__title,.template-index #shopify-section-trust .text-with-icons__content{color:#fff!important}
.cfs9-depts{padding-top:36px!important;padding-bottom:40px!important}.cfs9-dept-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cfs9-dept{overflow:hidden;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#10251a;text-decoration:none}.cfs9-dept__image{aspect-ratio:1.12;overflow:hidden;background:#eef3ef}.cfs9-dept__image img{width:100%;height:100%;object-fit:cover}.cfs9-dept__body{padding:10px 11px 12px}.cfs9-dept__body strong{display:block;font-size:12px}.cfs9-dept__body span{display:block;margin-top:4px;color:#647168;font-size:9px}
.template-index .featured-collection{background-image:none!important;margin-bottom:28px!important}.template-index .featured-collection__header{padding-top:26px!important;padding-bottom:16px!important}.template-index .featured-collection__title{font-size:28px!important}.template-index .featured-collection .product-item{padding:10px!important}.template-index .featured-collection .product-item__info{justify-content:flex-start!important}.template-index .featured-collection .product-item__image-wrapper .aspect-ratio{padding-bottom:92%!important}.template-index .featured-collection .product-item__primary-image,.template-index .featured-collection .product-item__secondary-image{object-fit:contain!important;padding:8px!important}
.cfs9-jobs{padding-top:36px!important;padding-bottom:42px!important;background:#eef3ee}.cfs9-jobs-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px}.cfs9-job{position:relative;min-height:285px;overflow:hidden;border-radius:9px;color:#fff;text-decoration:none;background:#173523}.cfs9-job img,.cfs9-job__shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cfs9-job__shade{background:linear-gradient(0deg,rgba(10,35,20,.88),rgba(10,35,20,.08) 72%)}.cfs9-job__text{position:absolute;left:0;right:0;bottom:0;padding:18px}.cfs9-job__text small,.cfs9-job__text strong,.cfs9-job__text span,.cfs9-job__text em{display:block}.cfs9-job__text small{color:#a8ce59;text-transform:uppercase;font-size:8px;font-weight:850}.cfs9-job__text strong{margin-top:4px;font-size:20px}.cfs9-job__text span{margin-top:4px;font-size:10px}.cfs9-job__text em{margin-top:10px;font-style:normal;font-size:9px;font-weight:850}
.cfs9-brands{padding-top:36px!important;padding-bottom:40px!important}.cfs9-brand-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.cfs9-brand{display:flex;min-height:80px;flex-direction:column;align-items:center;justify-content:center;padding:10px;border:1px solid #dfe7e1;border-radius:7px;background:#fff;color:#10251a;text-decoration:none}.cfs9-brand strong{font-size:13px}.cfs9-brand span{margin-top:4px;color:#064c2d;font-size:8px;font-weight:800}
@media(max-width:640px){.template-index #shopify-section-slides .slideshow--medium,.template-index #shopify-section-slides .slideshow__slide,.template-index #shopify-section-slides .slideshow__slide-inner{height:320px!important;min-height:320px!important}.template-index #shopify-section-slides .slideshow__title{font-size:29px!important}.template-index #shopify-section-slides .slideshow__content{font-size:11px!important}.cfs9-depts{padding-top:22px!important;padding-bottom:26px!important}.cfs9-head h2{font-size:23px}.cfs9-dept-grid{grid-template-columns:repeat(3,1fr);gap:7px}.cfs9-dept__body{padding:7px}.cfs9-dept__body strong{font-size:9px}.cfs9-dept__body span{display:none}.cfs9-jobs-grid{display:flex;overflow-x:auto;gap:8px}.cfs9-job{flex:0 0 78%;min-height:220px}.cfs9-brand-grid{display:flex;overflow-x:auto;gap:7px}.cfs9-brand{flex:0 0 31%;min-height:68px}}

/* CFS REDESIGN 10 — fuller competitor-style retail merchandising */
.cfs10-featured{padding:46px 0!important;background:#10251a;color:#fff}.cfs10-featured__grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px}.cfs10-featured__media{position:relative;min-height:360px;overflow:hidden;border-radius:10px;background:#173523}.cfs10-featured__media>img,.cfs10-featured__shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cfs10-featured__shade{background:linear-gradient(90deg,rgba(7,31,18,.88),rgba(7,31,18,.16))}.cfs10-featured__copy{position:absolute;z-index:2;left:28px;bottom:28px;max-width:540px}.cfs10-featured__copy small{color:#a8ce59;text-transform:uppercase;font-size:8px;font-weight:850;letter-spacing:.1em}.cfs10-featured__copy h2{margin:5px 0 7px;color:#fff;font-size:38px}.cfs10-featured__copy p{font-size:11px;color:rgba(255,255,255,.8)}.cfs10-featured__copy a{color:#fff;font-size:10px;font-weight:850}.cfs10-featured__links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cfs10-featured__links h3{grid-column:1/-1;color:#fff;margin:0 0 4px;font-size:16px}.cfs10-featured__links>a{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:145px;padding:16px;border-radius:8px;background:#fff;color:#10251a;text-decoration:none}.cfs10-featured__links strong{font-size:13px}.cfs10-featured__links span{margin-top:4px;color:#647168;font-size:9px}.cfs10-featured__links em{position:absolute;right:14px;bottom:12px;color:#064c2d;font-style:normal;font-weight:850}
.cfs10-why{padding:44px 0!important;background:#eef3ee}.cfs10-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cfs10-why-grid>div{padding:22px;border-radius:8px;background:#fff;border:1px solid #dfe7e1}.cfs10-why-grid>div>strong{color:#c81818;font-size:22px}.cfs10-why-grid h3{margin:7px 0 5px;font-size:14px;color:#10251a}.cfs10-why-grid p{margin:0;color:#647168;font-size:10px;line-height:1.45}
.cfs10-guides{padding:42px 0!important}.cfs10-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cfs10-guide-grid>a{display:block;padding:20px;border:1px solid #dfe7e1;border-radius:8px;background:#fff;color:#10251a;text-decoration:none}.cfs10-guide-grid span{color:#c81818;text-transform:uppercase;font-size:8px;font-weight:850;letter-spacing:.08em}.cfs10-guide-grid strong{display:block;margin-top:7px;font-size:16px}.cfs10-guide-grid p{font-size:10px;color:#647168;line-height:1.45}.cfs10-guide-grid em{font-size:9px;color:#064c2d;font-weight:850;font-style:normal}
#shopify-section-offers{background:#fff5f3!important}#shopify-section-offers .featured-collection__title{color:#c81818!important}
#shopify-section-newarr{background:#f3f6f0!important}
@media(max-width:640px){.cfs10-featured{padding:28px 0!important}.cfs10-featured__grid{display:block}.cfs10-featured__media{min-height:250px}.cfs10-featured__copy{left:16px;bottom:16px;max-width:270px}.cfs10-featured__copy h2{font-size:27px}.cfs10-featured__links{margin-top:8px}.cfs10-featured__links>a{min-height:100px;padding:10px}.cfs10-why-grid{grid-template-columns:1fr 1fr;gap:7px}.cfs10-why-grid>div{padding:13px}.cfs10-why-grid>div>strong{font-size:17px}.cfs10-guide-grid{display:flex;overflow-x:auto;gap:8px}.cfs10-guide-grid>a{flex:0 0 78%;padding:16px}}

/* CFS REDESIGN 11 — completion pass */
.cfs11-links{padding:0 0 38px!important}.cfs11-linkgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.cfs11-linkgrid a{display:flex;justify-content:space-between;align-items:center;min-height:45px;padding:10px 12px;border:1px solid #dfe7e1;border-radius:6px;background:#fff;color:#10251a;text-decoration:none;font-size:10px;font-weight:750}.cfs11-linkgrid a span{color:#064c2d}
.cfs11-proof{padding:44px 0!important;background:#10251a;color:#fff}.cfs11-proof__grid{display:grid;grid-template-columns:1.6fr .8fr;gap:45px;align-items:center}.cfs11-proof h2{max-width:700px;margin:5px 0 9px;color:#fff;font-size:34px}.cfs11-proof p{max-width:700px;color:rgba(255,255,255,.72);font-size:11px}.cfs11-proof .cfs9-kicker{color:#a8ce59}.cfs11-proof__stats{display:flex;gap:24px;margin-top:20px}.cfs11-proof__stats span{font-size:9px;color:rgba(255,255,255,.7)}.cfs11-proof__stats strong{display:block;color:#fff;font-size:18px}.cfs11-proof__review{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(255,255,255,.06)}.cfs11-stars{color:#e3a719;letter-spacing:.08em}.cfs11-proof__review>strong{display:block;margin-top:7px}.cfs11-proof__review a{font-size:9px;color:#a8ce59;font-weight:850}
.cfs11-social{padding:36px 0!important;background:#eef3ee}.cfs11-social__inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.cfs11-social h2{margin:4px 0 5px;font-size:27px;color:#10251a}.cfs11-social p{margin:0;color:#647168;font-size:10px}.cfs11-social__links{display:flex;gap:8px}.cfs11-social__links a{padding:11px 14px;border-radius:5px;background:#064c2d;color:#fff;text-decoration:none;font-size:9px;font-weight:850}
.product-block-list__item--button .button{font-weight:800}.product-block-list__item--trust .card{border-radius:8px}
@media(max-width:640px){.cfs11-linkgrid{grid-template-columns:1fr 1fr;gap:5px}.cfs11-linkgrid a{min-height:39px;padding:8px;font-size:8px}.cfs11-proof__grid{display:block}.cfs11-proof h2{font-size:25px}.cfs11-proof__stats{gap:12px;flex-wrap:wrap}.cfs11-proof__review{margin-top:20px}.cfs11-social__inner{display:block}.cfs11-social__links{margin-top:14px}}

/* CFS REDESIGN 12 — top-half rework */
.cfs12-top{padding:14px 0 0!important}.cfs12-grid{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:500px}.cfs12-promo{position:relative;overflow:hidden;border-radius:9px;background:#173523;color:#fff;text-decoration:none}.cfs12-promo--main{grid-row:1/3}.cfs12-promo>img,.cfs12-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cfs12-shade{background:linear-gradient(0deg,rgba(9,34,20,.86),rgba(9,34,20,.05) 72%)}.cfs12-promo--main .cfs12-shade{background:linear-gradient(90deg,rgba(9,34,20,.85),rgba(9,34,20,.08) 75%)}.cfs12-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px}.cfs12-copy small,.cfs12-copy strong,.cfs12-copy span,.cfs12-copy em{display:block}.cfs12-copy small{color:#a8ce59;text-transform:uppercase;letter-spacing:.09em;font-size:8px;font-weight:850}.cfs12-copy strong{margin-top:4px;font-size:23px;line-height:1.02}.cfs12-promo--main .cfs12-copy{left:34px;bottom:32px;max-width:650px}.cfs12-promo--main .cfs12-copy strong{font-size:44px}.cfs12-copy span{margin-top:6px;color:rgba(255,255,255,.84);font-size:10px;line-height:1.35}.cfs12-promo--main .cfs12-copy span{font-size:13px}.cfs12-copy em{margin-top:11px;font-size:9px;font-style:normal;font-weight:850}.cfs12-promo--main .cfs12-copy em{display:inline-block;padding:10px 14px;border-radius:5px;background:#c81818}

/* compact readable service strip */
.template-index #shopify-section-trust .text-with-icons__item{padding:12px 14px!important}.template-index #shopify-section-trust .text-with-icons__title{font-size:12px!important;line-height:1.2!important}.template-index #shopify-section-trust .text-with-icons__content{font-size:9px!important;line-height:1.25!important}.template-index #shopify-section-trust .text-with-icons__icon-wrapper{transform:scale(.85)}

@media(max-width:640px){
 .cfs12-top{padding:8px 0 0!important}.cfs12-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:245px 135px;height:auto;gap:7px}.cfs12-promo--main{grid-column:1/3;grid-row:auto}.cfs12-promo--main .cfs12-copy{left:16px;right:16px;bottom:15px}.cfs12-promo--main .cfs12-copy strong{font-size:27px;max-width:290px}.cfs12-promo--main .cfs12-copy span{font-size:10px;max-width:280px}.cfs12-promo--main .cfs12-copy em{padding:7px 10px;font-size:8px}.cfs12-copy{left:10px;right:10px;bottom:9px}.cfs12-copy small{font-size:6px}.cfs12-copy strong{font-size:14px}.cfs12-copy span{display:none}.cfs12-copy em{margin-top:5px;font-size:7px}
 .template-index #shopify-section-trust .text-with-icons{padding:0!important}.template-index #shopify-section-trust .text-with-icons__list{display:grid!important;grid-template-columns:1fr 1fr!important}.template-index #shopify-section-trust .text-with-icons__item{width:auto!important;min-width:0!important;padding:9px 8px!important}.template-index #shopify-section-trust .text-with-icons__icon-wrapper{transform:scale(.7);margin-bottom:2px!important}.template-index #shopify-section-trust .text-with-icons__title{font-size:11px!important;line-height:1.15!important}.template-index #shopify-section-trust .text-with-icons__content{font-size:9px!important;line-height:1.2!important}.template-index #shopify-section-trust .text-with-icons__content p{margin-top:2px!important}
}

/* =========================================================
   CFS REDESIGN 13 — MOBILE READABILITY + DESKTOP POLISH
   ========================================================= */

/* Real service grid */
.cfs13-service{background:#064c2d;color:#fff}.cfs13-service__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.cfs13-service__item{display:flex;align-items:center;gap:11px;padding:16px 20px;border-right:1px solid rgba(255,255,255,.13)}
.cfs13-service__item:last-child{border-right:0}.cfs13-service__icon{font-size:18px}.cfs13-service__item strong,.cfs13-service__item small{display:block}.cfs13-service__item strong{font-size:13px;line-height:1.2}.cfs13-service__item small{margin-top:3px;font-size:11px;line-height:1.25;color:rgba(255,255,255,.78)}

/* Desktop top promos: improve proportions and typography */
@media(min-width:1000px){
 .cfs12-grid{height:520px!important;gap:12px!important}.cfs12-promo--main .cfs12-copy{left:38px!important;bottom:36px!important;max-width:700px!important}.cfs12-promo--main .cfs12-copy strong{font-size:48px!important}.cfs12-promo--main .cfs12-copy span{font-size:15px!important;line-height:1.45!important}.cfs12-copy strong{font-size:25px!important}.cfs12-copy span{font-size:12px!important}.cfs12-copy small{font-size:10px!important}.cfs12-copy em{font-size:11px!important}
 .cfs9-head h2{font-size:34px!important}.cfs9-kicker{font-size:11px!important}.cfs9-head>a{font-size:12px!important}
 .cfs9-dept__body strong{font-size:14px!important}.cfs9-dept__body span{font-size:11px!important}
 .cfs11-linkgrid a{font-size:12px!important;min-height:48px!important}
 .cfs9-job__text small{font-size:10px!important}.cfs9-job__text strong{font-size:23px!important}.cfs9-job__text span{font-size:12px!important}.cfs9-job__text em{font-size:11px!important}
 .cfs10-featured__copy small{font-size:10px!important}.cfs10-featured__copy p{font-size:13px!important}.cfs10-featured__copy a{font-size:12px!important}
 .cfs10-featured__links strong{font-size:15px!important}.cfs10-featured__links span{font-size:11px!important}
 .cfs11-proof p{font-size:13px!important;line-height:1.55!important}.cfs11-proof__stats span{font-size:11px!important}.cfs11-proof__review p{font-size:12px!important}.cfs11-proof__review a{font-size:11px!important}
 .cfs10-guide-grid strong{font-size:17px!important}.cfs10-guide-grid p{font-size:12px!important}.cfs10-guide-grid em{font-size:11px!important}
}

/* Mobile readability */
@media(max-width:640px){
 .cfs12-grid{grid-template-rows:255px 145px!important}
 .cfs12-promo--main .cfs12-copy strong{font-size:32px!important;line-height:1.02!important}
 .cfs12-promo--main .cfs12-copy span{font-size:13px!important;line-height:1.35!important}
 .cfs12-promo--main .cfs12-copy small{font-size:10px!important}
 .cfs12-promo--main .cfs12-copy em{font-size:10px!important;padding:8px 11px!important}
 .cfs12-copy small{font-size:9px!important}.cfs12-copy strong{font-size:18px!important;line-height:1.05!important}.cfs12-copy em{font-size:9px!important}

 .cfs13-service__grid{grid-template-columns:1fr 1fr!important}
 .cfs13-service__item{padding:11px 10px!important;gap:8px!important;min-height:62px;border-bottom:1px solid rgba(255,255,255,.12)}
 .cfs13-service__item:nth-child(2){border-right:0}.cfs13-service__icon{font-size:14px!important}.cfs13-service__item strong{font-size:12px!important}.cfs13-service__item small{font-size:10px!important;margin-top:2px!important}

 .cfs9-kicker{font-size:10px!important}.cfs9-head h2{font-size:28px!important}.cfs9-head>a{font-size:10px!important}
 .cfs9-dept__body strong{font-size:13px!important;line-height:1.2!important}.cfs9-dept__body{padding:9px!important}
 .cfs11-linkgrid a{font-size:12px!important;min-height:44px!important;padding:10px!important}

 /* Shop the Job: one full feature then two smaller cards, no clipped carousel */
 .cfs9-jobs-grid{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important;gap:8px!important}
 .cfs9-job{min-height:165px!important;flex:none!important}
 .cfs9-job:first-child{grid-column:1/-1;min-height:245px!important}
 .cfs9-job__text{padding:14px!important}.cfs9-job__text small{font-size:10px!important}.cfs9-job__text strong{font-size:22px!important}.cfs9-job__text span{font-size:12px!important;line-height:1.35!important}.cfs9-job__text em{font-size:10px!important}
 .cfs9-job:not(:first-child) .cfs9-job__text strong{font-size:17px!important}.cfs9-job:not(:first-child) .cfs9-job__text span{display:none}

 /* Featured fencing: less tall, more readable */
 .cfs10-featured__media{min-height:235px!important}.cfs10-featured__copy small{font-size:10px!important}.cfs10-featured__copy h2{font-size:30px!important}.cfs10-featured__copy p{font-size:13px!important;line-height:1.4!important}.cfs10-featured__copy a{font-size:11px!important}
 .cfs10-featured__links>a{min-height:92px!important;padding:11px!important}.cfs10-featured__links strong{font-size:14px!important;line-height:1.2!important}.cfs10-featured__links span{font-size:11px!important;line-height:1.3!important}.cfs10-featured__links em{font-size:15px!important}

 /* Product and section typography */
 .template-index .featured-collection__title{font-size:27px!important}.template-index .featured-collection .product-item__title{font-size:13px!important;line-height:1.3!important}.template-index .featured-collection .product-item__price-list .price{font-size:18px!important}
 .cfs11-proof h2{font-size:29px!important;line-height:1.12!important}.cfs11-proof p{font-size:13px!important;line-height:1.55!important}.cfs11-proof__stats span{font-size:10px!important}.cfs11-proof__stats strong{font-size:20px!important}.cfs11-proof__review>strong{font-size:17px!important}.cfs11-proof__review p{font-size:13px!important}.cfs11-proof__review a{font-size:11px!important}
 .cfs11-social h2{font-size:27px!important}.cfs11-social p{font-size:12px!important}.cfs11-social__links a{font-size:11px!important}
 .cfs10-guide-grid strong{font-size:17px!important}.cfs10-guide-grid p{font-size:12px!important;line-height:1.45!important}.cfs10-guide-grid em{font-size:11px!important}
}

/* =========================================================
   CFS REDESIGN 14 — REFINEMENT ONLY
   Product density, brands, rhythm, promo balance, header.
   ========================================================= */

/* Consistent homepage rhythm */
.template-index .section{scroll-margin-top:110px}
.template-index .featured-collection{margin-top:0!important;margin-bottom:22px!important}
.template-index .featured-collection__header{padding-top:24px!important;padding-bottom:15px!important}
.template-index .featured-collection__title{font-size:28px!important}
.template-index .featured-collection__header a{font-size:11px!important;font-weight:800!important}
.cfs9-head{margin-bottom:16px!important}
.cfs9-head h2{font-size:31px!important}

/* Desktop promo balance: 62/38 rather than overwhelming main panel */
@media(min-width:1000px){
 .cfs12-grid{grid-template-columns:1.65fr 1fr!important;height:485px!important;gap:12px!important}
 .cfs12-promo--main .cfs12-copy{left:32px!important;bottom:30px!important;max-width:650px!important}
 .cfs12-promo--main .cfs12-copy strong{font-size:44px!important}
 .cfs12-promo--main .cfs12-copy span{font-size:14px!important}
 .cfs12-copy{left:18px!important;right:18px!important;bottom:17px!important}
 .cfs12-copy strong{font-size:22px!important}
}

/* Desktop product density: 6 useful cards across where Warehouse scroll rows are used */
@media(min-width:1000px){
 .template-index .featured-collection .product-list--scrollable .product-item{
   width:16.6667%!important;min-width:16.6667%!important;
 }
 .template-index .featured-collection .product-item{padding:9px!important}
 .template-index .featured-collection .product-item__image-wrapper .aspect-ratio{padding-bottom:82%!important}
 .template-index .featured-collection .product-item__primary-image,
 .template-index .featured-collection .product-item__secondary-image{padding:6px!important}
 .template-index .featured-collection .product-item__vendor{font-size:8px!important}
 .template-index .featured-collection .product-item__title{font-size:12px!important;line-height:1.25!important;min-height:2.5em}
 .template-index .featured-collection .product-item__price-list{margin-top:5px!important}
 .template-index .featured-collection .product-item__price-list .price{font-size:16px!important}
 .template-index .featured-collection .product-item__action-list{margin-top:7px!important}
 .template-index .featured-collection .product-item__action-button{min-height:34px!important;font-size:9px!important}
}

/* Brand section: proper logo-ready cards, no visible scrollbar */
.cfs9-brand-grid{scrollbar-width:none!important}.cfs9-brand-grid::-webkit-scrollbar{display:none!important}
.cfs9-brand{min-height:92px!important;padding:12px!important;justify-content:center!important}
.cfs9-brand__logo{height:42px;width:100%;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.cfs9-brand__logo img{max-width:120px;max-height:42px;width:auto;height:auto;object-fit:contain}
.cfs9-brand>strong{font-size:15px!important;letter-spacing:-.01em}
.cfs9-brand>span{margin-top:5px!important;color:#647168!important;font-size:9px!important;font-weight:700!important}

/* Slightly tighter editorial sections */
.cfs9-jobs{padding-top:32px!important;padding-bottom:36px!important}
.cfs10-featured{padding-top:38px!important;padding-bottom:38px!important}
.cfs10-why,.cfs11-proof{padding-top:38px!important;padding-bottom:38px!important}
.cfsc-videos{padding-top:38px!important;padding-bottom:40px!important}
.cfs10-guides{padding-top:36px!important;padding-bottom:38px!important}
.cfs11-social{padding-top:30px!important;padding-bottom:30px!important}

/* Collection cards: tighter desktop grid */
@media(min-width:1000px){
 .product-list--collection .product-item--vertical{padding:9px!important}
 .product-list--collection .product-item__image-wrapper .aspect-ratio{padding-bottom:88%!important}
 .product-list--collection .product-item__primary-image,
 .product-list--collection .product-item__secondary-image{padding:6px!important}
 .product-list--collection .product-item__title{font-size:12px!important;line-height:1.25!important}
 .product-list--collection .product-item__price-list .price{font-size:16px!important}
}

/* Mobile header: slightly shorter without compromising tap targets */
@media(max-width:640px){
 .header{padding-top:5px!important;padding-bottom:5px!important}
 .header__logo-image{max-width:108px!important}
 .header__action-item-link{padding-left:7px!important;padding-right:7px!important}
}

/* Mobile products: much shorter, ~2 cards visible vertically */
@media(max-width:640px){
 .template-index .featured-collection{margin-bottom:14px!important}
 .template-index .featured-collection__header{padding-top:18px!important;padding-bottom:11px!important}
 .template-index .featured-collection__title{font-size:25px!important}
 .template-index .featured-collection .product-list--scrollable .product-item{width:46%!important;min-width:46%!important;padding:6px!important}
 .template-index .featured-collection .product-item__image-wrapper .aspect-ratio{padding-bottom:76%!important}
 .template-index .featured-collection .product-item__primary-image,
 .template-index .featured-collection .product-item__secondary-image{padding:3px!important}
 .template-index .featured-collection .product-item__vendor{font-size:8px!important;margin-bottom:2px!important}
 .template-index .featured-collection .product-item__title{font-size:13px!important;line-height:1.22!important;min-height:2.45em!important;max-height:2.45em!important;overflow:hidden}
 .template-index .featured-collection .product-item__price-list{margin-top:4px!important}
 .template-index .featured-collection .product-item__price-list .price{font-size:17px!important}
 .template-index .featured-collection .product-item__reviews-badge{margin-top:3px!important}
 .template-index .featured-collection .product-item__action-list{margin-top:6px!important}
 .template-index .featured-collection .product-item__action-button{min-height:32px!important;font-size:9px!important;padding:4px!important}

 .cfs9-brand-grid{display:flex!important;overflow-x:auto!important;gap:7px!important}
 .cfs9-brand{flex:0 0 29%!important;min-height:72px!important;padding:8px!important}
 .cfs9-brand__logo{height:30px!important}.cfs9-brand__logo img{max-width:88px!important;max-height:30px!important}
 .cfs9-brand>strong{font-size:12px!important}.cfs9-brand>span{font-size:8px!important}

 /* Reduce dead vertical space between homepage sections */
 .cfs9-jobs{padding-top:24px!important;padding-bottom:26px!important}
 .cfs10-featured{padding-top:26px!important;padding-bottom:26px!important}
 .cfs11-proof{padding-top:28px!important;padding-bottom:28px!important}
 .cfsc-videos{padding-top:28px!important;padding-bottom:30px!important}
 .cfs10-guides{padding-top:26px!important;padding-bottom:28px!important}
 .cfs11-social{padding-top:24px!important;padding-bottom:24px!important}
}

@media(max-width:640px){.footer-group .text-with-icons,#shopify-section-text-with-icons{display:none!important}}

@media(min-width:1000px){
.header{padding-top:7px!important;padding-bottom:7px!important}.header__inner{min-height:70px!important;gap:16px!important}.header__logo-image{max-width:150px!important}
.nav-bar{min-height:46px!important}.nav-bar__inner{min-height:46px!important;overflow:visible!important}.nav-bar__linklist{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:0!important;width:100%!important;white-space:nowrap!important}.nav-bar__item{flex:0 0 auto!important}.nav-bar__link{padding:13px 9px!important;font-size:12px!important;line-height:1!important}.nav-bar__item:last-child{display:none!important}
.template-index #shopify-section-top_promos,.template-index .cfs12-top{margin:0!important;padding:14px 0 0!important}
.cfs12-grid{display:grid!important;grid-template-columns:1.7fr 1fr 1fr!important;grid-template-rows:350px!important;height:350px!important;gap:11px!important}
.cfs12-promo,.cfs12-promo--main{grid-column:auto!important;grid-row:auto!important;height:350px!important;min-height:350px!important}
.cfs12-promo--main .cfs12-copy{left:28px!important;right:28px!important;bottom:25px!important;max-width:600px!important}.cfs12-promo--main .cfs12-copy strong{font-size:38px!important;line-height:.98!important}.cfs12-promo--main .cfs12-copy span{font-size:13px!important;line-height:1.4!important}.cfs12-promo--main .cfs12-copy em{padding:9px 13px!important;font-size:10px!important}
.cfs12-copy{left:16px!important;right:16px!important;bottom:15px!important}.cfs12-copy small{font-size:9px!important}.cfs12-copy strong{font-size:20px!important}.cfs12-copy span{display:block!important;font-size:10px!important;line-height:1.35!important}.cfs12-copy em{font-size:9px!important}
.cfs13-service{margin-top:12px!important}.cfs13-service__item{padding:12px 16px!important}.cfs9-depts{padding-top:28px!important}
}
@media(min-width:1000px) and (max-width:1280px){.nav-bar__link{padding-left:6px!important;padding-right:6px!important;font-size:11px!important}.cfs12-grid{grid-template-columns:1.55fr 1fr 1fr!important}}


/* =========================================================
   CFS REDESIGN 17 — SECOND PROMO ROW
   ========================================================= */
.cfs17-secondary{
  padding:10px 0 0!important;
  background:#f3f6f0;
}
.cfs17-secondary__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11px;
}
.cfs17-secondary__card{
  position:relative;
  min-height:235px;
  overflow:hidden;
  border-radius:9px;
  background:#173523;
  color:#fff;
  text-decoration:none;
}
.cfs17-secondary__card>img,
.cfs17-secondary__shade{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.cfs17-secondary__shade{
  background:linear-gradient(90deg,rgba(10,35,20,.82),rgba(10,35,20,.12) 78%);
}
.cfs17-secondary__copy{
  position:absolute;
  z-index:2;
  left:24px;
  right:24px;
  bottom:22px;
  max-width:520px;
}
.cfs17-secondary__copy small,
.cfs17-secondary__copy strong,
.cfs17-secondary__copy span,
.cfs17-secondary__copy em{
  display:block;
}
.cfs17-secondary__copy small{
  color:#a8ce59;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:9px;
  font-weight:850;
}
.cfs17-secondary__copy strong{
  margin-top:4px;
  font-size:28px;
  line-height:1.02;
}
.cfs17-secondary__copy span{
  margin-top:6px;
  font-size:12px;
  line-height:1.4;
  color:rgba(255,255,255,.84);
}
.cfs17-secondary__copy em{
  margin-top:11px;
  font-size:10px;
  font-style:normal;
  font-weight:850;
}

@media(min-width:1000px){
  .cfs17-secondary__card{
    min-height:220px!important;
  }
  .cfs17-secondary + .cfs13-service{
    margin-top:10px!important;
  }
}

@media(max-width:640px){
  .cfs17-secondary{
    padding-top:7px!important;
  }
  .cfs17-secondary__grid{
    gap:7px!important;
  }
  .cfs17-secondary__card{
    min-height:145px!important;
  }
  .cfs17-secondary__copy{
    left:11px!important;
    right:11px!important;
    bottom:10px!important;
  }
  .cfs17-secondary__copy small{
    font-size:8px!important;
  }
  .cfs17-secondary__copy strong{
    font-size:17px!important;
    line-height:1.05!important;
  }
  .cfs17-secondary__copy span{
    display:none!important;
  }
  .cfs17-secondary__copy em{
    margin-top:6px!important;
    font-size:9px!important;
  }
}


/* =========================================================
   CFS REDESIGN 18 — HEADER / MEGA MENU / BRANDS / NEWSLETTER
   ========================================================= */

/* Announcement bar: concise and social */
.announcement-bar__inner{display:flex!important;align-items:center!important}
.announcement-bar__content{font-weight:750!important}
.cfs18-ann-social{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:13px;
  padding:0 18px;
  border-left:1px solid rgba(255,255,255,.18);
}
.cfs18-ann-social a{
  display:flex;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
  color:#fff!important;
  opacity:.94;
}
.cfs18-ann-social a:hover{opacity:1;transform:translateY(-1px)}
.cfs18-ann-social svg{width:16px!important;height:16px!important}

/* Close the gap between the 3-card and 2-card promotion rows */
.template-index #shopify-section-top_promos + #shopify-section-secondary_promos,
.template-index #shopify-section-secondary_promos,
.cfs17-secondary{
  margin-top:0!important;
}
.cfs17-secondary{padding-top:11px!important}
@media(min-width:1000px){
  .cfs17-secondary__card{min-height:195px!important}
  .cfs17-secondary__copy small{font-size:11px!important}
  .cfs17-secondary__copy strong{font-size:30px!important}
  .cfs17-secondary__copy span{font-size:14px!important}
  .cfs17-secondary__copy em{font-size:12px!important}

  /* Improve desktop promo readability */
  .cfs12-copy small{font-size:11px!important}
  .cfs12-copy strong{font-size:23px!important}
  .cfs12-copy span{font-size:13px!important}
  .cfs12-copy em{font-size:11px!important}
  .cfs12-promo--main .cfs12-copy strong{font-size:42px!important}
  .cfs12-promo--main .cfs12-copy span{font-size:15px!important}

  /* Mega menu readability */
  .cfsc-mega__head strong{font-size:20px!important}
  .cfsc-mega__head a{font-size:12px!important}
  .cfsc-mega__grid{gap:30px 38px!important}
  .cfsc-mega__title{font-size:16px!important;line-height:1.25!important}
  .cfsc-mega__col ul{margin-top:10px!important}
  .cfsc-mega__col li a{font-size:14px!important;line-height:1.35!important;padding:6px 0!important}
}

/* Brand cards */
.cfs9-brand-grid{gap:10px!important}
.cfs9-brand{
  min-height:118px!important;
  background:#fff!important;
  border:1px solid #dfe7e1!important;
  border-radius:8px!important;
  transition:transform .15s ease,box-shadow .15s ease!important;
}
.cfs9-brand:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(16,37,26,.08)}
.cfs9-brand__logo{
  height:58px!important;
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.cfs9-brand__logo img{
  max-width:150px!important;
  max-height:52px!important;
  width:auto!important;
  height:auto!important;
}
.cfs9-brand>span{
  margin-top:8px!important;
  color:#064c2d!important;
  font-size:10px!important;
  font-weight:800!important;
}

/* Newsletter: use CFS green, not Warehouse blue */
.template-index #shopify-section-newsletter,
.template-index #shopify-section-newsletter .section,
.template-index .newsletter.section--isolated{
  background:#064c2d!important;
  color:#fff!important;
}
.template-index #shopify-section-newsletter h2,
.template-index #shopify-section-newsletter .heading,
.template-index #shopify-section-newsletter .rte,
.template-index #shopify-section-newsletter .rte p{color:#fff!important}
.template-index #shopify-section-newsletter .form__field{background:#fff!important;color:#10251a!important}
.template-index #shopify-section-newsletter .form__submit{
  background:#c81818!important;
  border-color:#c81818!important;
  color:#fff!important;
  font-weight:850!important;
}

@media(max-width:640px){
  .cfs17-secondary{padding-top:7px!important}
  .cfs9-brand{min-height:82px!important}
  .cfs9-brand__logo{height:34px!important}
  .cfs9-brand__logo img{max-width:95px!important;max-height:32px!important}
  .cfs9-brand>span{font-size:8px!important;margin-top:5px!important}
}

/* CFS REDESIGN 19 — desktop top-level navigation readability */
@media(min-width:1000px){
  .nav-bar__link{
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:-.01em!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .nav-bar__item:last-of-type .nav-bar__link{
    color:#064c2d!important;
  }
}
@media(min-width:1000px) and (max-width:1280px){
  .nav-bar__link{
    font-size:14px!important;
    padding-left:6px!important;
    padding-right:6px!important;
  }
}


/* =========================================================
   CFS REDESIGN 20 — MOBILE TOP SWIPE + PROMO SPACING
   ========================================================= */

/* Desktop keeps the existing announcement bar */
@media(min-width:1000px){
  .cfs20-mobile-ann{display:none!important}
}

/* Mobile announcement: one benefit per swipe, one-line height */
@media(max-width:999px){
  .announcement-bar{
    min-height:40px!important;
    overflow:hidden!important;
  }

  .announcement-bar .container{
    padding-left:0!important;
    padding-right:0!important;
    max-width:none!important;
  }

  .cfs20-desktop-ann{
    display:none!important;
  }

  .cfs20-mobile-ann{
    display:block!important;
    width:100%;
    overflow:hidden;
  }

  .cfs20-mobile-ann__track{
    display:flex;
    width:100%;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }

  .cfs20-mobile-ann__track::-webkit-scrollbar{
    display:none;
  }

  .cfs20-mobile-ann__item{
    flex:0 0 100%;
    min-width:100%;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 18px;
    scroll-snap-align:start;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px!important;
    line-height:1!important;
    font-weight:800!important;
    white-space:nowrap;
  }

  .cfs20-mobile-ann__item b{
    font-size:15px;
    line-height:1;
  }

  /* Compact mobile header -> promos transition */
  .template-index #shopify-section-top_promos,
  .template-index .cfs12-top{
    padding-top:9px!important;
    margin-top:0!important;
  }

  /* Make all five promo cards feel like one block */
  .cfs12-grid{
    row-gap:7px!important;
    column-gap:7px!important;
  }

  .cfs17-secondary{
    padding-top:7px!important;
    margin-top:0!important;
  }

  .cfs17-secondary__grid{
    gap:7px!important;
  }

  /* Remove excess blank vertical space around both promo rows */
  #shopify-section-top_promos + #shopify-section-secondary_promos{
    margin-top:0!important;
  }

  #shopify-section-secondary_promos + #shopify-section-service{
    margin-top:0!important;
  }

  .cfs13-service{
    margin-top:8px!important;
  }

  /* Slightly tighten card corners/spacing without shrinking readable type */
  .cfs12-promo,
  .cfs17-secondary__card{
    border-radius:9px!important;
  }
}

/* Phone-specific sizing */
@media(max-width:640px){
  .header{
    margin-bottom:0!important;
  }

  .cfs12-top .container,
  .cfs17-secondary .container{
    padding-left:16px!important;
    padding-right:16px!important;
  }

  .cfs12-grid{
    grid-template-rows:250px 140px!important;
  }

  .cfs17-secondary__card{
    min-height:140px!important;
  }

  .cfs17-secondary__copy strong{
    font-size:17px!important;
  }

  .cfs17-secondary__copy small{
    font-size:9px!important;
  }

  .cfs17-secondary__copy em{
    font-size:9px!important;
  }
}

/* CFS REDESIGN 21 — real-logo cleanup + mobile social + final promo spacing */
.cfs21-brand{justify-content:center!important;text-align:center!important}
.cfs21-brand>strong{font-size:16px!important;color:#10251a!important}
.cfs21-brand>span{margin-top:7px!important;color:#064c2d!important;font-size:10px!important;font-weight:800!important}

/* Mobile follow row */
.cfs21-mobile-social{background:#fff;border-bottom:1px solid #dfe7e1}
.cfs21-mobile-social__inner{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding-top:7px;padding-bottom:7px}
.cfs21-mobile-social__inner>strong{font-size:12px;color:#10251a}
.cfs21-mobile-social__inner>div{display:flex;align-items:center;gap:16px}
.cfs21-mobile-social a{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#064c2d}
.cfs21-mobile-social svg{width:18px!important;height:18px!important}

@media(max-width:640px){
  /* Force the two promo sections together regardless of inherited section spacing */
  #shopify-section-top_promos{margin-bottom:0!important;padding-bottom:0!important}
  #shopify-section-secondary_promos{margin-top:-1px!important;padding-top:7px!important;padding-bottom:0!important}
  .cfs12-top{padding-bottom:0!important;margin-bottom:0!important}
  .cfs17-secondary{padding-top:7px!important;padding-bottom:0!important;margin:0!important}
  .cfs12-grid{margin-bottom:0!important;row-gap:7px!important}
  .cfs17-secondary__grid{margin-top:0!important;gap:7px!important}
  #shopify-section-secondary_promos + #shopify-section-service{margin-top:0!important}
  #shopify-section-service{margin-top:7px!important}
  .cfs13-service{margin-top:0!important}
  .cfs21-brand>strong{font-size:13px!important}
  .cfs21-brand>span{font-size:8px!important}
}

/* CFS REDESIGN 22 — remove green cast from promotional photography */
.cfs12-shade{
  background:linear-gradient(0deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.18) 48%,rgba(0,0,0,0) 78%)!important;
}
.cfs12-promo--main .cfs12-shade{
  background:linear-gradient(90deg,rgba(0,0,0,.62) 0%,rgba(0,0,0,.28) 42%,rgba(0,0,0,0) 76%)!important;
}
.cfs17-secondary__shade{
  background:linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.20) 45%,rgba(0,0,0,0) 78%)!important;
}
/* Ensure images themselves are untouched */
.cfs12-promo>img,
.cfs17-secondary__card>img{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
@media(max-width:640px){
  .cfs12-shade,
  .cfs12-promo--main .cfs12-shade,
  .cfs17-secondary__shade{
    background:linear-gradient(0deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.14) 48%,rgba(0,0,0,0) 76%)!important;
  }
}


/* =========================================================
   CFS REDESIGN 23 — COMPETITOR COMPLETION PASS
   ========================================================= */

/* Exact marked mobile service-strip padding fix */
@media(max-width:640px){
  #shopify-section-service,
  .cfs13-service{
    padding-top:0!important;
    margin-top:0!important;
  }
  .cfs13-service__grid{
    margin-top:0!important;
    padding-top:0!important;
  }
  .cfs13-service__item{
    padding-top:9px!important;
    padding-bottom:9px!important;
    min-height:58px!important;
  }
}

/* Product cards: denser information, clearer status */
.product-item__inventory{
  display:block!important;
  margin-top:6px!important;
  font-size:10px!important;
  font-weight:750!important;
}
.product-item__inventory.inventory--high{color:#168348!important}
.product-item__inventory.inventory--low{color:#c81818!important}
.product-item__reviews-badge{margin-top:6px!important}
.product-item__action-button{
  font-weight:800!important;
  border-radius:5px!important;
}
.product-item__price-list .price{font-weight:850!important}
.product-item__vendor{font-weight:700!important}

/* Collection department shortcuts */
.cfs23-collection-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
}
.cfs23-collection-links a{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #dfe7e1;
  border-radius:6px;
  background:#fff;
  color:#064c2d;
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
.cfs23-collection-links a:hover{
  border-color:#064c2d;
  background:#f3f6f0;
}

/* Mega menus: clearer department-store feel */
@media(min-width:1000px){
  .cfsc-mega{border-bottom:3px solid #064c2d!important}
  .cfsc-mega__head{padding-bottom:15px!important}
  .cfsc-mega__grid{align-items:start!important}
  .cfsc-mega__col{
    padding-right:10px;
    border-right:1px solid #edf1ee;
  }
  .cfsc-mega__col:last-child{border-right:0}
  .cfsc-mega__title{display:block;margin-bottom:7px!important}
}

/* Footer: richer, easier to scan */
.footer__block-list{align-items:flex-start!important}
.footer__block-item--text .footer__title,
.footer__block-item--links .footer__title,
.footer__block-item--newsletter .footer__title{
  font-weight:850!important;
}
.footer__block-item p,
.footer__block-item a{
  line-height:1.55!important;
}
.footer__block-item a:hover{color:#a8ce59!important}

/* Search scale cue */
.search-bar__input::placeholder{color:#748078!important;opacity:1!important}

/* Homepage best sellers deserves early prominence */
#shopify-section-best .featured-collection__title{
  color:#10251a!important;
}
#shopify-section-best{
  background:#fff!important;
}

/* Mobile collection shortcuts become horizontal to avoid a tall wall */
@media(max-width:640px){
  .cfs23-collection-links{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
    padding-bottom:3px!important;
  }
  .cfs23-collection-links::-webkit-scrollbar{display:none!important}
  .cfs23-collection-links a{
    flex:0 0 auto!important;
    min-height:36px!important;
    font-size:10px!important;
    padding:7px 10px!important;
  }
  .product-item__inventory{font-size:10px!important}
}


/* =========================================================
   CFS REDESIGN 24 — MATCH APPROVED MOBILE TREATMENT
   ========================================================= */

/* Remove remaining green cast from the lower featured department image */
.cfs10-featured__media > img{
  filter:none!important;
  opacity:1!important;
  mix-blend-mode:normal!important;
}
.cfs10-featured__shade{
  background:linear-gradient(
    90deg,
    rgba(0,0,0,.62) 0%,
    rgba(0,0,0,.28) 42%,
    rgba(0,0,0,0) 78%
  )!important;
}

/* Mobile: inset the green service panel and give it deliberate breathing room */
@media(max-width:640px){

  #shopify-section-service{
    background:#f7f8f5!important;
    padding:10px 14px 12px!important;
    margin:0!important;
  }

  .cfs13-service{
    background:transparent!important;
    padding:0!important;
    margin:0!important;
  }

  .cfs13-service .container{
    padding-left:0!important;
    padding-right:0!important;
  }

  .cfs13-service__grid{
    overflow:hidden!important;
    border-radius:10px!important;
    background:#064c2d!important;
    box-shadow:0 1px 0 rgba(16,37,26,.06)!important;
  }

  .cfs13-service__item{
    min-height:72px!important;
    padding:13px 14px!important;
    gap:10px!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
  }

  .cfs13-service__item:nth-child(2n){
    border-right:0!important;
  }

  .cfs13-service__item:nth-child(n+3){
    border-bottom:0!important;
  }

  .cfs13-service__icon{
    min-width:22px!important;
    font-size:18px!important;
  }

  .cfs13-service__item strong{
    font-size:13px!important;
    line-height:1.2!important;
  }

  .cfs13-service__item small{
    margin-top:3px!important;
    font-size:11px!important;
    line-height:1.25!important;
  }

  /* Follow CFS should read as part of this top block, not disappear under preview controls */
  #shopify-section-mobile_social{
    background:#f7f8f5!important;
    padding:0 14px 18px!important;
    margin:0!important;
  }

  .cfs21-mobile-social{
    background:transparent!important;
    border:0!important;
  }

  .cfs21-mobile-social .container{
    padding-left:0!important;
    padding-right:0!important;
  }

  .cfs21-mobile-social__inner{
    min-height:58px!important;
    padding:8px 12px!important;
    border-radius:9px!important;
    background:#fff!important;
    border:1px solid #e2e7e3!important;
  }

  .cfs21-mobile-social__inner > strong{
    font-size:13px!important;
    font-weight:850!important;
  }

  .cfs21-mobile-social__inner > div{
    gap:12px!important;
  }

  .cfs21-mobile-social a{
    width:31px!important;
    height:31px!important;
    border:1px solid #d9dfda!important;
    border-radius:50%!important;
    background:#fff!important;
  }

  .cfs21-mobile-social svg{
    width:17px!important;
    height:17px!important;
  }

  /* Small visual gap after the last promo row before services */
  #shopify-section-secondary_promos{
    padding-bottom:8px!important;
    background:#f7f8f5!important;
  }

  /* Keep the five promo cards together */
  .cfs12-top,
  .cfs17-secondary{
    background:#f7f8f5!important;
  }
}

/* CFS REDESIGN 25 — force the visible mobile gap/margins requested */
@media(max-width:640px){
  /* End the image block with a real visible light gap */
  #shopify-section-secondary_promos{
    padding-bottom:16px!important;
    margin-bottom:0!important;
    background:#f7f8f5!important;
  }

  /* Service section itself has outer gutters, not full bleed */
  #shopify-section-service{
    box-sizing:border-box!important;
    width:100%!important;
    padding:0 16px 10px!important;
    margin:0!important;
    background:#f7f8f5!important;
  }
  #shopify-section-service .cfs13-service{
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }
  #shopify-section-service .container{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }
  #shopify-section-service .cfs13-service__grid{
    width:100%!important;
    margin:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
  }

  /* Social row keeps same 16px gutters and has a visible separation */
  #shopify-section-mobile_social{
    padding:0 16px 16px!important;
    background:#f7f8f5!important;
  }
  #shopify-section-mobile_social .container{
    padding:0!important;
  }
  .cfs21-mobile-social__inner{
    margin-top:0!important;
    min-height:60px!important;
    border-radius:10px!important;
  }
}


/* =========================================================
   CFS REDESIGN 26 — CONFIRMED ACTUAL THEME FIX
   High-specificity final rules. Do not remove.
   ========================================================= */
@media screen and (max-width: 640px) {

  /* PROMO BLOCK: finish, then show a genuine 16px light gap */
  body.template-index #shopify-section-secondary_promos {
    display:block!important;
    margin:0!important;
    padding:0 0 16px 0!important;
    background:#f7f8f5!important;
  }

  body.template-index #shopify-section-secondary_promos .cfs17-secondary {
    margin:0!important;
    padding:7px 0 0 0!important;
    background:#f7f8f5!important;
  }

  /* SERVICE SECTION: 16px gutters on BOTH sides; never full bleed */
  body.template-index #shopify-section-service {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:0 16px 12px 16px!important;
    background:#f7f8f5!important;
  }

  body.template-index #shopify-section-service > .cfs13-service {
    display:block!important;
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
  }

  body.template-index #shopify-section-service > .cfs13-service > .container {
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.template-index #shopify-section-service .cfs13-service__grid {
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:#064c2d!important;
  }

  body.template-index #shopify-section-service .cfs13-service__item {
    min-height:72px!important;
    margin:0!important;
    padding:13px 14px!important;
  }

  /* SOCIAL: same 16px gutters and visible white card */
  body.template-index #shopify-section-mobile_social {
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    padding:0 16px 18px 16px!important;
    background:#f7f8f5!important;
  }

  body.template-index #shopify-section-mobile_social .cfs21-mobile-social {
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    border:0!important;
  }

  body.template-index #shopify-section-mobile_social .container {
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body.template-index #shopify-section-mobile_social .cfs21-mobile-social__inner {
    min-height:60px!important;
    margin:0!important;
    padding:9px 12px!important;
    border:1px solid #e2e7e3!important;
    border-radius:10px!important;
    background:#fff!important;
  }
}


/* =========================================================
   CFS REDESIGN 27 — REAL SECTION-CLASS FIX
   Shopify rewrites JSON section wrapper IDs, so these rules
   target the section classes that actually exist in markup.
   ========================================================= */
@media screen and (max-width: 640px) {

  /* REAL visible light gap BELOW the Calf / Farm & Yard cards */
  .cfs17-secondary {
    box-sizing:border-box!important;
    margin:0!important;
    padding-top:7px!important;
    padding-bottom:16px!important;
    background:#f7f8f5!important;
  }

  .cfs17-secondary > .container {
    margin-bottom:0!important;
  }

  /* REAL inset service block: the section itself gets the gutters */
  .cfs13-service {
    box-sizing:border-box!important;
    width:auto!important;
    margin:0 16px 12px 16px!important;
    padding:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#064c2d!important;
  }

  .cfs13-service > .container.cfs13-service__grid {
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border-radius:12px!important;
    overflow:hidden!important;
    background:#064c2d!important;
  }

  .cfs13-service__item {
    min-height:72px!important;
    margin:0!important;
    padding:13px 14px!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    border-bottom:1px solid rgba(255,255,255,.16)!important;
  }

  .cfs13-service__item:nth-child(2n) {
    border-right:0!important;
  }

  .cfs13-service__item:nth-child(n+3) {
    border-bottom:0!important;
  }

  /* Follow CFS: direct class margin, matching the service card */
  .cfs21-mobile-social {
    box-sizing:border-box!important;
    width:auto!important;
    margin:0 16px 18px 16px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
  }

  .cfs21-mobile-social > .container {
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
  }

  .cfs21-mobile-social__inner {
    min-height:60px!important;
    margin:0!important;
    padding:9px 12px!important;
    border:1px solid #e2e7e3!important;
    border-radius:10px!important;
    background:#fff!important;
  }

  /* Page background visible around both cards */
  .template-index {
    background:#f7f8f5!important;
  }
}

/* SAFE CART PAGE REBUILD — mini-cart snippet untouched */
.product-item__inventory.inventory--available{display:block!important;margin-top:5px!important;color:#168348!important;font-size:10px!important;font-weight:800!important}
.product-item__inventory.inventory--unavailable{display:block!important;margin-top:5px!important;color:#6d756f!important;font-size:10px!important;font-weight:750!important}
.cfs-cart-shipping--eligible{max-width:680px!important;margin:12px auto 0!important;padding:13px 16px!important;border:1px solid #dce5de!important;border-radius:8px!important;background:#f3f6f0!important;text-align:center!important}
.cfs-cart-shipping__title{margin:0!important;color:#064c2d!important;font-size:14px!important;font-weight:850!important}
.cfs-cart-shipping__note{margin:4px 0 0!important;color:#5f6d64!important;font-size:11px!important;line-height:1.4!important}
.cfs-cart-reassurance{display:grid;gap:6px;margin:14px 0;padding:12px 14px;border-radius:8px;background:#f3f6f0;color:#33463a;font-size:11px;font-weight:700}
.cart-recap__checkout{background:#064c2d!important;border-color:#064c2d!important;min-height:54px!important;font-size:15px!important;font-weight:850!important;border-radius:6px!important}
.cfs-cart-continue{display:block;margin-top:12px;color:#064c2d;text-align:center;font-size:11px;font-weight:800;text-decoration:none}
@media(max-width:640px){.cfs-cart-shipping--eligible{padding:11px 12px!important}.cfs-cart-shipping__title{font-size:13px!important}.cfs-cart-shipping__note{font-size:10px!important}.cfs-cart-reassurance{font-size:10px!important;padding:10px 12px!important}}

/* =========================================================
   CFS CATALOGUE DEPTH — supplier/competitor-inspired UX
   ========================================================= */
.cfs-depth-tools{
  margin-top:14px;
  padding:14px;
  border:1px solid #e0e7e2;
  border-radius:8px;
  background:#f7f9f6;
}
.cfs-depth-tools__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.cfs-depth-tools__head strong{font-size:14px;color:#10251a}
.cfs-depth-tools__head span{font-size:10px;color:#748078}
.cfs-depth-tools__links{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}
.cfs-depth-tools__links a{display:inline-flex;padding:8px 11px;border:1px solid #d9e2db;border-radius:5px;background:#fff;color:#064c2d;font-size:10px;font-weight:800;text-decoration:none}
.cfs-depth-tools__links a:hover{border-color:#064c2d;background:#f1f6f2}

.cfs-depth-job{padding:38px 0;background:#fff}
.cfs-depth-job__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}
.cfs-depth-job__head span{display:block;color:#064c2d;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}
.cfs-depth-job__head h2{margin:4px 0 0;font-size:32px;color:#10251a}
.cfs-depth-job__head p{margin:0;max-width:380px;color:#68756c;font-size:12px}
.cfs-depth-job__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.cfs-depth-job__grid a{display:flex;flex-direction:column;justify-content:center;min-height:94px;padding:16px;border:1px solid #dfe6e1;border-radius:8px;background:#f7f9f6;text-decoration:none}
.cfs-depth-job__grid strong{color:#10251a;font-size:14px}
.cfs-depth-job__grid span{margin-top:5px;color:#0b6840;font-size:10px;font-weight:700}

@media(max-width:640px){
 .cfs-depth-tools{padding:11px;margin-top:10px}
 .cfs-depth-tools__head{display:block}
 .cfs-depth-tools__head strong{font-size:13px}
 .cfs-depth-tools__head span{display:block;margin-top:2px;font-size:9px}
 .cfs-depth-tools__links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
 .cfs-depth-tools__links::-webkit-scrollbar{display:none}
 .cfs-depth-tools__links a{flex:0 0 auto;font-size:10px}
 .cfs-depth-job{padding:25px 0}
 .cfs-depth-job__head{display:block;margin-bottom:12px}
 .cfs-depth-job__head h2{font-size:27px}
 .cfs-depth-job__head p{margin-top:5px;font-size:11px}
 .cfs-depth-job__grid{grid-template-columns:1fr 1fr;gap:7px}
 .cfs-depth-job__grid a{min-height:82px;padding:11px}
 .cfs-depth-job__grid strong{font-size:12px;line-height:1.25}
 .cfs-depth-job__grid span{font-size:9px;line-height:1.3}
}

/* CFS SPECIALIST CATALOGUE PHASE 2 */
.cfs-product-depth{padding:30px 0 38px;background:#f5f7f4}.cfs-product-depth__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cfs-product-depth__card{padding:20px;border:1px solid #dfe6e1;border-radius:9px;background:#fff}.cfs-product-depth__kicker{color:#064c2d;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.cfs-product-depth__card h2{margin:5px 0 8px;font-size:19px;color:#10251a}.cfs-product-depth__card p{font-size:11px;line-height:1.5;color:#68756c}.cfs-product-depth__card>a{color:#064c2d;font-size:11px;font-weight:850}.cfs-product-depth__card>strong{font-size:11px;color:#10251a}.cfs-specs{margin:10px 0 0}.cfs-specs>div{display:grid;grid-template-columns:110px 1fr;padding:7px 0;border-bottom:1px solid #edf0ed;font-size:10px}.cfs-specs dt{font-weight:800;color:#59675e}.cfs-specs dd{margin:0;color:#10251a}.cfs-specs__note{font-size:9px!important}
.cfs-seasonal-hub{padding:35px 0;background:#eef3ee}.cfs-seasonal-hub__head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:15px}.cfs-seasonal-hub__head span{color:#064c2d;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.cfs-seasonal-hub__head h2{margin:4px 0 0;font-size:29px;color:#10251a}.cfs-seasonal-hub__head p{max-width:400px;margin:0;font-size:11px;color:#68756c}.cfs-seasonal-hub__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.cfs-seasonal-hub__grid a{padding:16px;border-radius:8px;background:#fff;border:1px solid #dce4de;text-decoration:none}.cfs-seasonal-hub__grid strong,.cfs-seasonal-hub__grid span{display:block}.cfs-seasonal-hub__grid strong{font-size:13px;color:#10251a}.cfs-seasonal-hub__grid span{margin-top:5px;font-size:9px;line-height:1.35;color:#0b6840;font-weight:700}
.cfs-collection-help{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 20px 14px;padding:12px 14px;border:1px solid #dfe6e1;border-radius:7px;background:#f7f9f6}.cfs-collection-help strong,.cfs-collection-help span{display:block}.cfs-collection-help strong{font-size:12px;color:#10251a}.cfs-collection-help span{margin-top:2px;font-size:10px;color:#68756c}.cfs-collection-help a{flex:0 0 auto;color:#064c2d;font-size:10px;font-weight:850}
@media(max-width:640px){.cfs-product-depth{padding:22px 0}.cfs-product-depth__grid{display:block}.cfs-product-depth__card{padding:15px;margin-bottom:7px}.cfs-product-depth__card h2{font-size:17px}.cfs-product-depth__card p{font-size:11px}.cfs-seasonal-hub{padding:24px 0}.cfs-seasonal-hub__head{display:block;margin-bottom:11px}.cfs-seasonal-hub__head h2{font-size:25px}.cfs-seasonal-hub__head p{margin-top:4px}.cfs-seasonal-hub__grid{grid-template-columns:1fr 1fr;gap:6px}.cfs-seasonal-hub__grid a{padding:11px}.cfs-seasonal-hub__grid strong{font-size:11px}.cfs-seasonal-hub__grid span{font-size:9px}.cfs-collection-help{margin:0 10px 10px;padding:10px;display:block}.cfs-collection-help a{display:inline-block;margin-top:7px}}


/* =========================================================
   CFS SPECIALIST CATALOGUE PHASE 3
   Compact product information accordions
   ========================================================= */

.cfs-product-depth{
  padding:18px 0 26px!important;
  background:#f5f7f4!important;
}

.cfs-product-accordions{
  max-width:900px;
  margin:0 auto;
  border:1px solid #dfe6e1;
  border-radius:9px;
  overflow:hidden;
  background:#fff;
}

.cfs-product-accordion{
  margin:0!important;
  border-bottom:1px solid #e8ede9;
  background:#fff;
}

.cfs-product-accordion:last-child{
  border-bottom:0;
}

.cfs-product-accordion summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  padding:12px 16px;
  cursor:pointer;
  list-style:none;
}

.cfs-product-accordion summary::-webkit-details-marker{
  display:none;
}

.cfs-product-accordion summary span{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.cfs-product-accordion summary small{
  color:#748078;
  font-size:9px;
  line-height:1.2;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.cfs-product-accordion summary strong{
  color:#10251a;
  font-size:14px;
  line-height:1.25;
  font-weight:850;
}

.cfs-product-accordion summary b{
  color:#064c2d;
  font-size:20px;
  line-height:1;
  font-weight:500;
  transition:transform .15s ease;
}

.cfs-product-accordion[open] summary b{
  transform:rotate(45deg);
}

.cfs-product-accordion__body{
  padding:0 16px 15px;
  color:#5f6d64;
  font-size:11px;
  line-height:1.5;
}

.cfs-product-accordion__body p{
  margin:0 0 8px;
  font-size:11px;
  line-height:1.5;
}

.cfs-product-accordion__body a{
  color:#064c2d;
  font-weight:850;
  text-decoration:none;
}

.cfs-specs{
  margin:2px 0 8px;
}

.cfs-specs>div{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:12px;
  padding:7px 0;
  border-bottom:1px solid #edf0ed;
  font-size:10px;
}

.cfs-specs>div:last-child{
  border-bottom:0;
}

.cfs-specs dt{
  color:#59675e;
  font-weight:800;
}

.cfs-specs dd{
  margin:0;
  color:#10251a;
  word-break:break-word;
}

.cfs-specs__note{
  margin-top:8px!important;
  color:#748078!important;
  font-size:9px!important;
}

@media(max-width:640px){
  .cfs-product-depth{
    padding:12px 0 18px!important;
  }

  .cfs-product-accordions{
    border-radius:8px!important;
  }

  .cfs-product-accordion summary{
    min-height:54px!important;
    padding:10px 13px!important;
  }

  .cfs-product-accordion summary small{
    font-size:8px!important;
  }

  .cfs-product-accordion summary strong{
    font-size:13px!important;
  }

  .cfs-product-accordion__body{
    padding:0 13px 13px!important;
    font-size:10px!important;
  }

  .cfs-product-accordion__body p{
    font-size:10px!important;
  }

  .cfs-specs>div{
    grid-template-columns:105px 1fr!important;
    gap:8px!important;
    font-size:9px!important;
    padding:6px 0!important;
  }
}

/* CFS PHASE 4 — unified readable product information */
.cfs-product-depth{padding:14px 0 22px!important}
.cfs-product-accordion summary{min-height:62px!important;padding:13px 17px!important}
.cfs-product-accordion summary small{font-size:10px!important;line-height:1.2!important;font-weight:800!important}
.cfs-product-accordion summary strong{font-size:16px!important;line-height:1.25!important;font-weight:850!important}
.cfs-product-accordion summary b{font-size:22px!important;font-weight:600!important}
.cfs-product-accordion__body{padding:0 17px 17px!important;font-size:13px!important;line-height:1.55!important}
.cfs-product-accordion__body p{font-size:13px!important;line-height:1.55!important;margin-bottom:9px!important}
.cfs-product-accordion__body a{font-size:13px!important;font-weight:850!important}
.cfs-specs>div{grid-template-columns:135px 1fr!important;font-size:12px!important;padding:8px 0!important}
.cfs-specs dt{font-size:12px!important}.cfs-specs dd{font-size:12px!important}.cfs-specs__note{font-size:11px!important;line-height:1.45!important}
@media(max-width:640px){
 .cfs-product-depth{padding:10px 0 18px!important}
 .cfs-product-accordion summary{min-height:60px!important;padding:12px 14px!important}
 .cfs-product-accordion summary small{font-size:10px!important}
 .cfs-product-accordion summary strong{font-size:16px!important}
 .cfs-product-accordion summary b{font-size:22px!important}
 .cfs-product-accordion__body{padding:0 14px 15px!important;font-size:13px!important}
 .cfs-product-accordion__body p{font-size:13px!important}
 .cfs-product-accordion__body a{font-size:13px!important}
 .cfs-specs>div{grid-template-columns:115px 1fr!important;gap:9px!important;font-size:12px!important}
 .cfs-specs dt,.cfs-specs dd{font-size:12px!important}
 .cfs-specs__note{font-size:11px!important}
}


/* =========================================================
   CFS PHASE 5 — LOOX REVIEWS INTEGRATION
   ========================================================= */

/* Product title star rating */
.cfs-loox-rating-wrap{
  margin-top:8px;
  margin-bottom:2px;
}
.cfs-loox-rating-link{
  display:inline-block;
  color:inherit;
  text-decoration:none;
}
.cfs-loox-rating-wrap .loox-rating{
  min-height:22px;
}
.cfs-loox-rating-wrap .loox-rating .loox-rating-content{
  display:inline-flex;
  align-items:center;
  gap:3px;
}
.cfs-loox-rating-wrap .loox-rating .loox-rating-label{
  color:#59675e!important;
  font-size:13px!important;
  font-weight:700!important;
}

/* Full reviews */
.cfs-loox-reviews-section{
  padding:28px 0 38px!important;
  background:#fff!important;
}
.cfs-loox-reviews-head{
  margin-bottom:16px;
}
.cfs-loox-reviews-kicker{
  display:block;
  color:#064c2d;
  font-size:10px;
  line-height:1.2;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.09em;
}
.cfs-loox-reviews-head h2{
  margin:5px 0 0;
  color:#10251a;
  font-size:28px;
  line-height:1.15;
  font-weight:850;
}
.cfs-loox-reviews-section #looxReviews{
  scroll-margin-top:120px;
}

/* Keep review area neat on mobile */
@media(max-width:640px){
  .cfs-loox-rating-wrap{
    margin-top:7px!important;
  }
  .cfs-loox-rating-wrap .loox-rating .loox-rating-label{
    font-size:12px!important;
  }
  .cfs-loox-reviews-section{
    padding:20px 0 26px!important;
  }
  .cfs-loox-reviews-head{
    margin-bottom:12px!important;
  }
  .cfs-loox-reviews-kicker{
    font-size:10px!important;
  }
  .cfs-loox-reviews-head h2{
    font-size:24px!important;
  }
}

/* =========================================================
   CFS PHASE 6 — MOBILE MENU BUG FIX + COLLECTION CLEANUP
   ========================================================= */
@media(max-width:999px){
  .header__mobile-nav .mobile-menu{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:auto!important;
    bottom:0!important;
    width:min(88vw,390px)!important;
    height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    z-index:99999!important;
    overflow:hidden!important;
    background:#fff!important;
    opacity:1!important;
    box-shadow:8px 0 30px rgba(0,0,0,.16)!important;
    transform:translateX(-105%)!important;
    transition:transform .22s ease!important;
  }
  .header__mobile-nav .mobile-menu[aria-hidden="false"]{
    transform:translateX(0)!important;
    visibility:visible!important;
  }
  .mobile-menu>svg{display:none!important}
  .mobile-menu__inner{
    position:relative!important;
    width:100%!important;
    height:100%!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .mobile-menu__panel{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    background:#fff!important;
    opacity:1!important;
    transform:translateX(0)!important;
    visibility:visible!important;
  }
  .mobile-menu__panel.is-nested{
    z-index:3!important;
    transform:translateX(100%)!important;
    transition:transform .22s ease!important;
    background:#fff!important;
  }
  .mobile-menu__panel.is-nested.is-open,
  .mobile-menu__panel.is-nested[aria-hidden="false"]{
    transform:translateX(0)!important;
  }
  .mobile-menu__section{
    background:#fff!important;
  }
  .mobile-menu__nav-link{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    min-height:54px!important;
    padding:13px 18px!important;
    color:#10251a!important;
    background:#fff!important;
    border-bottom:1px solid #e7ece8!important;
    font-size:15px!important;
    font-weight:800!important;
    text-align:left!important;
  }
  .mobile-menu__back-button{
    width:100%!important;
    min-height:52px!important;
    padding:12px 17px!important;
    color:#064c2d!important;
    background:#f3f6f0!important;
    font-size:14px!important;
    font-weight:850!important;
    text-align:left!important;
  }
  .mobile-menu__nav-list-item,
  .mobile-menu__nav-list-item a{
    background:#fff!important;
    color:#10251a!important;
  }
  .mobile-menu::after{
    content:""!important;
    position:fixed!important;
    top:0!important;
    left:100%!important;
    width:100vw!important;
    height:100dvh!important;
    background:rgba(0,0,0,.35)!important;
    pointer-events:none!important;
  }

  /* Collection header: only one shortcut row, slim Ask CFS bar */
  .cfs-depth-tools{display:none!important}
  .cfs-collection-help{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    min-height:46px!important;
    margin:8px 16px 10px!important;
    padding:9px 12px!important;
    border:1px solid #dfe6e1!important;
    border-radius:7px!important;
    background:#f7f9f6!important;
  }
  .cfs-collection-help strong{
    font-size:12px!important;
    color:#10251a!important;
  }
  .cfs-collection-help span{display:none!important}
  .cfs-collection-help a{
    flex:0 0 auto!important;
    margin:0!important;
    color:#064c2d!important;
    font-size:11px!important;
    font-weight:850!important;
  }
  .cfs23-collection-links{
    margin-top:10px!important;
    margin-bottom:4px!important;
  }
}

/* =========================================================
   CFS PHASE 7 — FINAL QA POLISH ONLY
   No structural redesign.
   ========================================================= */

/* Mobile menu: slightly narrower and more compact */
@media(max-width:640px){
  .header__mobile-nav .mobile-menu{
    width:88vw!important;
    max-width:370px!important;
  }
  .mobile-menu__nav-link{
    min-height:50px!important;
    padding:11px 16px!important;
    font-size:14px!important;
  }
  .mobile-menu__back-button{
    min-height:48px!important;
    padding:10px 15px!important;
    font-size:13px!important;
  }
  .mobile-menu__nav-list-item{
    margin-bottom:0!important;
  }
  .mobile-menu__nav-list-item>a,
  .mobile-menu__nav-list-item>button{
    padding-top:9px!important;
    padding-bottom:9px!important;
  }

  /* Product information area: reduce surrounding dead space */
  .cfs-product-depth{
    padding-top:6px!important;
    padding-bottom:12px!important;
  }
  .cfs-product-accordions{
    margin-top:0!important;
    margin-bottom:0!important;
  }

  /* Related / recommended products: tighter without shrinking readable text */
  .product-recommendations .product-item--vertical,
  .section[data-section-type="product-recommendations"] .product-item--vertical{
    padding:6px!important;
  }
  .product-recommendations .product-item__image-wrapper,
  .section[data-section-type="product-recommendations"] .product-item__image-wrapper{
    margin-bottom:5px!important;
  }
  .product-recommendations .product-item__title,
  .section[data-section-type="product-recommendations"] .product-item__title{
    font-size:12px!important;
    line-height:1.25!important;
    margin-bottom:3px!important;
  }
  .product-recommendations .product-item__price-list,
  .section[data-section-type="product-recommendations"] .product-item__price-list{
    margin-top:3px!important;
  }

  /* Loox: compact zero/low-review presentation while leaving populated reviews usable */
  .cfs-loox-reviews-section{
    padding-top:15px!important;
    padding-bottom:20px!important;
  }
  .cfs-loox-reviews-head{
    margin-bottom:8px!important;
  }
  .cfs-loox-reviews-head h2{
    font-size:22px!important;
  }
  #looxReviews .loox-reviews-default,
  #looxReviews{
    margin-top:0!important;
  }
  #looxReviews [class*="empty"],
  #looxReviews [class*="no-review"]{
    min-height:0!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
  }
}

/* Desktop QA: keep menu/product spacing restrained */
@media(min-width:1000px){
  .cfs-product-depth{
    padding-top:14px!important;
    padding-bottom:20px!important;
  }
}

/* Loox zero-review state: reduce excessive empty spacing, preserve Write a review CTA */
.cfs-loox-zero-reviews{
  min-height:0!important;
}
.cfs-loox-zero-reviews .loox-reviews-default,
.cfs-loox-zero-reviews [class*="summary"]{
  margin-bottom:8px!important;
}
@media(max-width:640px){
  .cfs-loox-zero-reviews{
    padding-top:0!important;
    padding-bottom:4px!important;
  }
}

/* =========================================================
   CFS PHASE 8 — MOBILE PRODUCT CARD ALIGNMENT
   ========================================================= */
@media(max-width:640px){
  /* Equal-height cards within each product grid row */
  .product-list .product-item--vertical,
  .product-list--collection .product-item--vertical{
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    box-sizing:border-box!important;
  }

  /* Consistent image stage */
  .product-item--vertical .product-item__image-wrapper{
    height:220px!important;
    min-height:220px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin-bottom:7px!important;
    overflow:hidden!important;
  }
  .product-item--vertical .product-item__image-wrapper .aspect-ratio{
    width:100%!important;
    height:100%!important;
    padding-bottom:0!important;
  }
  .product-item--vertical .product-item__image-wrapper img{
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
  }

  /* Product info fills remaining height */
  .product-item--vertical .product-item__info{
    display:flex!important;
    flex-direction:column!important;
    flex:1 1 auto!important;
    padding-top:4px!important;
  }

  .product-item--vertical .product-item__vendor{
    min-height:14px!important;
    margin-bottom:4px!important;
  }

  /* Two lines reserved so neighbouring titles align */
  .product-item--vertical .product-item__title{
    min-height:34px!important;
    max-height:34px!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    margin-bottom:6px!important;
  }

  /* Price area always occupies the same row */
  .product-item--vertical .product-item__price-list{
    min-height:29px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:5px!important;
    margin:0 0 5px!important;
  }

  /* Hide empty/no-review presentation entirely on cards */
  .product-item--vertical .product-item__reviews-badge{
    min-height:0!important;
    margin:0!important;
  }
  .product-item--vertical .product-item__reviews-badge:has(.spr-badge[data-rating="0"]),
  .product-item--vertical .product-item__reviews-badge:has(.spr-badge-caption:only-child){
    display:none!important;
  }

  /* Availability occupies one consistent line */
  .product-item--vertical .product-item__inventory{
    min-height:18px!important;
    margin:3px 0 6px!important;
    display:flex!important;
    align-items:center!important;
  }
  .product-item--vertical .inventory--available::before{
    content:none!important;
    display:none!important;
  }
  .product-item--vertical .inventory--available{
    color:#168348!important;
  }

  /* Button always sits at card bottom */
  .product-item--vertical .product-item__action-list{
    margin-top:auto!important;
    padding-top:5px!important;
  }
  .product-item--vertical .product-item__action-button{
    width:100%!important;
    min-width:0!important;
    min-height:45px!important;
    height:45px!important;
    padding:7px 9px!important;
    margin:0!important;
    font-size:12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* Fallback for browsers without :has(): visually suppress native zero-review caption */
@media(max-width:640px){
  .product-item--vertical .spr-badge[data-rating="0"]{
    display:none!important;
  }
}

/* =========================================================
   CFS PHASE 10 — TRUE QUICK VIEW
   Existing Warehouse modal used; trigger becomes image overlay.
   ========================================================= */
.product-item--vertical{
  position:relative!important;
}
.product-item--vertical .product-item__action-list{
  position:relative!important;
}
.product-item--vertical .cfs-quick-view-trigger{
  position:absolute!important;
  z-index:5!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  border-radius:6px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.12)!important;
}

/* Desktop: only appears when hovering/focusing the card */
@media(min-width:1000px){
  .product-item--vertical .cfs-quick-view-trigger{
    top:-250px!important;
    left:50%!important;
    transform:translate(-50%,8px)!important;
    padding:8px 13px!important;
    min-height:36px!important;
    height:auto!important;
    background:#fff!important;
    border:1px solid #d9e2dc!important;
    color:#064c2d!important;
    font-size:11px!important;
    font-weight:850!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important;
  }
  .product-item--vertical:hover .cfs-quick-view-trigger,
  .product-item--vertical:focus-within .cfs-quick-view-trigger{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
  }
}

/* Mobile/tablet: compact button over the image, no extra card height */
@media(max-width:999px){
  .product-item--vertical .cfs-quick-view-trigger{
    top:-58px!important;
    right:7px!important;
    left:auto!important;
    min-height:30px!important;
    height:30px!important;
    padding:5px 8px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid #d9e2dc!important;
    color:#064c2d!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:850!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}

/* Make the quick-view modal feel like a preview, not a redirect */
.modal[id^="modal-quick-view-"] .modal__dialog{
  border-radius:10px!important;
  overflow:hidden!important;
}
@media(max-width:640px){
  .modal[id^="modal-quick-view-"] .modal__dialog{
    width:94vw!important;
    max-width:94vw!important;
    margin:auto!important;
    border-radius:10px!important;
  }
}

/* =========================================================
   CFS PHASE 12 — QUICK VIEW POSITION
   Trigger now lives inside the image stage.
   ========================================================= */
.cfs-product-image-stage{
  position:relative!important;
}
.cfs-product-image-stage .product-item__image-wrapper{
  position:relative!important;
}
.cfs-product-image-stage .cfs-quick-view-trigger{
  position:absolute!important;
  z-index:8!important;
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  border-radius:6px!important;
  box-shadow:0 4px 14px rgba(0,0,0,.14)!important;
  white-space:nowrap!important;
}

/* Desktop: clean bottom-centre image overlay, shown only on hover/focus. */
@media(min-width:1000px){
  .cfs-product-image-stage .cfs-quick-view-trigger{
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:12px!important;
    transform:translate(-50%,8px)!important;
    min-height:36px!important;
    height:36px!important;
    padding:7px 13px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid #d9e2dc!important;
    color:#064c2d!important;
    font-size:11px!important;
    font-weight:850!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .15s ease,transform .15s ease,visibility .15s ease!important;
  }
  .product-item--vertical:hover .cfs-product-image-stage .cfs-quick-view-trigger,
  .product-item--vertical:focus-within .cfs-product-image-stage .cfs-quick-view-trigger{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0)!important;
  }
}

/* Mobile/tablet: compact control in the top-right of the actual image. */
@media(max-width:999px){
  .cfs-product-image-stage .cfs-quick-view-trigger{
    top:8px!important;
    right:8px!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    min-height:30px!important;
    height:30px!important;
    padding:5px 8px!important;
    background:rgba(255,255,255,.96)!important;
    border:1px solid #d9e2dc!important;
    color:#064c2d!important;
    font-size:9px!important;
    line-height:1!important;
    font-weight:850!important;
  }
}
.cfs-quick-view-eye{
  font-size:10px!important;
  line-height:1!important;
}


/* =========================================================
   CFS PHASE 15 — BEST SELLERS SWIPE CAROUSEL
   5 wide desktop / 4 laptop / 3 tablet / 2 mobile.
   Scoped to sections with CFS swipe carousel enabled.
   ========================================================= */
.cfs-swipe-carousel .cfs-featured-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
}
.cfs-swipe-carousel .cfs-carousel-arrows{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
}
.cfs-swipe-carousel .cfs-carousel-arrow{
  width:36px!important;
  height:36px!important;
  min-width:36px!important;
  border:1px solid #d7e0da!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#064c2d!important;
  font-size:24px!important;
  line-height:1!important;
  cursor:pointer!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.cfs-swipe-carousel .cfs-carousel-arrow:hover{
  border-color:#064c2d!important;
}

.cfs-swipe-carousel .scroller{
  overflow:hidden!important;
}
.cfs-swipe-carousel .scroller__inner{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  margin-bottom:0!important;
  padding-bottom:2px!important;
}
.cfs-swipe-carousel .scroller__inner::-webkit-scrollbar{
  display:none!important;
}
.cfs-swipe-carousel .product-list--scrollable{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:100%!important;
  min-width:100%!important;
  overflow:visible!important;
}
.cfs-swipe-carousel .product-list--scrollable::before,
.cfs-swipe-carousel .product-list--scrollable::after{
  display:none!important;
  content:none!important;
}
.cfs-swipe-carousel .product-list--scrollable .product-item{
  flex:0 0 20%!important;
  width:20%!important;
  max-width:20%!important;
  scroll-snap-align:start!important;
  box-sizing:border-box!important;
}

@media(min-width:1000px) and (max-width:1279px){
  .cfs-swipe-carousel .product-list--scrollable .product-item{
    flex-basis:25%!important;
    width:25%!important;
    max-width:25%!important;
  }
}
@media(min-width:641px) and (max-width:999px){
  .cfs-swipe-carousel .product-list--scrollable .product-item{
    flex-basis:33.333333%!important;
    width:33.333333%!important;
    max-width:33.333333%!important;
  }
}
@media(max-width:640px){
  .cfs-swipe-carousel .product-list--scrollable .product-item{
    flex-basis:50%!important;
    width:50%!important;
    max-width:50%!important;
  }
  .cfs-swipe-carousel .cfs-carousel-arrows{
    display:none!important;
  }
  .cfs-swipe-carousel .cfs-featured-header-actions{
    gap:6px!important;
  }
}


/* =========================================================
   CFS PHASE 17 — RELATED + RECENTLY VIEWED CAROUSELS
   Uses Warehouse's native Flickity on desktop and native swipe
   on tablet/mobile. Same responsive density as homepage rails.
   ========================================================= */
.cfs-related-product-carousel .product-list--scrollable{
  flex-wrap:nowrap!important;
}

@media(min-width:1280px){
  .cfs-related-product-carousel .product-list--scrollable .product-item{
    width:20%!important;
    max-width:20%!important;
    flex:0 0 20%!important;
  }
}
@media(min-width:1000px) and (max-width:1279px){
  .cfs-related-product-carousel .product-list--scrollable .product-item{
    width:25%!important;
    max-width:25%!important;
    flex:0 0 25%!important;
  }
}
@media(min-width:641px) and (max-width:999px){
  .cfs-related-product-carousel .product-list--scrollable::before,
  .cfs-related-product-carousel .product-list--scrollable::after{
    display:none!important;
    content:none!important;
  }
  .cfs-related-product-carousel .product-list--scrollable .product-item{
    width:33.333333%!important;
    max-width:33.333333%!important;
    flex:0 0 33.333333%!important;
  }
}
@media(max-width:640px){
  .cfs-related-product-carousel .product-list--scrollable::before,
  .cfs-related-product-carousel .product-list--scrollable::after{
    display:none!important;
    content:none!important;
  }
  .cfs-related-product-carousel .product-list--scrollable .product-item{
    width:50%!important;
    max-width:50%!important;
    flex:0 0 50%!important;
  }
}

/* Keep desktop carousel arrows visible and clean when available. */
@media(min-width:1000px){
  .cfs-related-product-carousel .flickity-prev-next-button{
    width:40px!important;
    height:40px!important;
    top:calc(50% - 20px)!important;
  }
  .cfs-related-product-carousel .flickity-prev-next-button.previous{
    left:-20px!important;
  }
  .cfs-related-product-carousel .flickity-prev-next-button.next{
    right:-20px!important;
  }
}


/* =========================================================
   CFS PHASE 18 — RELATED / RECENTLY VIEWED EMPTY-RAIL FIX
   ========================================================= */

/* Do not paint a huge white block behind a short recommendation rail. */
.cfs-related-product-carousel .product-list--scrollable{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
.cfs-related-product-carousel .product-list--scrollable::before{
  display:none!important;
  content:none!important;
}

/* Each card owns its own white surface instead. */
.cfs-related-product-carousel .product-list--scrollable .product-item{
  background:#fff!important;
  border:1px solid #e1e6e2!important;
  box-sizing:border-box!important;
}

/* Slightly tighter cards on product pages so single/short rails don't feel enormous. */
@media(min-width:1000px){
  .cfs-related-product-carousel .product-item--vertical{
    padding:18px!important;
  }
  .cfs-related-product-carousel .product-item--vertical .product-item__image-wrapper{
    max-height:250px!important;
  }
  .cfs-related-product-carousel .product-item--vertical .product-item__image-wrapper .aspect-ratio{
    max-height:250px!important;
  }
  .cfs-related-product-carousel .product-item--vertical .product-item__image-wrapper img{
    object-fit:contain!important;
    max-height:250px!important;
  }
}

/* Related/recent cards: remove empty native review row and extra inventory bullet. */
.cfs-related-product-carousel .product-item__reviews-badge .spr-badge[data-rating="0"]{
  display:none!important;
}
.cfs-related-product-carousel .inventory--available::before{
  display:none!important;
  content:none!important;
}

/* Keep availability text neat. */
.cfs-related-product-carousel .product-item__inventory{
  margin-top:6px!important;
}

/* On mobile/tablet the rail should be a clean swipe track with independent cards. */
@media(max-width:999px){
  .cfs-related-product-carousel .product-list--scrollable{
    gap:0!important;
  }
}

.cfs-related-product-carousel.cfs-product-rail--short .product-list--scrollable .product-item:first-child{
  border-radius:6px!important;
}


/* =========================================================
   CFS PHASE 19 — NATIVE RELATED / RECENT RAILS
   Disable Warehouse Flickity for these two sections.
   ========================================================= */
.cfs-related-product-carousel .cfs-native-product-rail{
  display:flex!important;
  flex-wrap:nowrap!important;
  width:max-content!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
.cfs-related-product-carousel .cfs-native-product-rail::before,
.cfs-related-product-carousel .cfs-native-product-rail::after{
  display:none!important;
  content:none!important;
}

/* Crucial: prevent Flickity watchCSS from activating */
@media(min-width:1000px){
  .cfs-related-product-carousel .cfs-native-product-rail::after{
    content:none!important;
    display:none!important;
  }
}

/* Native horizontal scroll container */
.cfs-related-product-carousel .scroller{
  overflow:hidden!important;
}
.cfs-related-product-carousel .scroller__inner{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  padding-bottom:4px!important;
  margin-bottom:0!important;
}
.cfs-related-product-carousel .scroller__inner::-webkit-scrollbar{
  display:none!important;
}

/* Card sizing: fixed basis, not stretched to fill the empty rail */
.cfs-related-product-carousel .cfs-native-product-rail .product-item{
  flex:0 0 20%!important;
  width:20%!important;
  max-width:20%!important;
  min-width:20%!important;
  scroll-snap-align:start!important;
  background:#fff!important;
  border:1px solid #e1e6e2!important;
  box-sizing:border-box!important;
}

/* When there are only 1-4 cards, the rail itself only occupies their combined width */
.cfs-related-product-carousel .cfs-native-product-rail{
  align-items:stretch!important;
}

@media(min-width:1000px) and (max-width:1279px){
  .cfs-related-product-carousel .cfs-native-product-rail .product-item{
    flex-basis:25%!important;
    width:25%!important;
    max-width:25%!important;
    min-width:25%!important;
  }
}
@media(min-width:641px) and (max-width:999px){
  .cfs-related-product-carousel .cfs-native-product-rail .product-item{
    flex-basis:33.333333%!important;
    width:33.333333%!important;
    max-width:33.333333%!important;
    min-width:33.333333%!important;
  }
}
@media(max-width:640px){
  .cfs-related-product-carousel .cfs-native-product-rail .product-item{
    flex-basis:50vw!important;
    width:50vw!important;
    max-width:50vw!important;
    min-width:50vw!important;
  }
}

/* Kill Flickity visual wrappers if the theme still instantiates before CSS applies */
.cfs-related-product-carousel .flickity-viewport,
.cfs-related-product-carousel .flickity-slider{
  background:transparent!important;
}

/* No full-width white panel around short rails */
.cfs-related-product-carousel .container,
.cfs-related-product-carousel .product-recommendations,
.cfs-related-product-carousel .recently-viewed-products-placeholder{
  background:transparent!important;
}


/* =========================================================
   CFS PHASE 20 — AUTHORITATIVE RELATED / RECENT GRID FIX
   ========================================================= */

.cfs-related-product-carousel .scroller{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  background:transparent!important;
}

.cfs-related-product-carousel .scroller__inner{
  width:100%!important;
  max-width:100%!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch!important;
  scroll-snap-type:x mandatory!important;
  scrollbar-width:none!important;
  margin:0!important;
  padding:0 0 4px!important;
  background:transparent!important;
}

.cfs-related-product-carousel .scroller__inner::-webkit-scrollbar{
  display:none!important;
}

.cfs-related-product-carousel .cfs-native-product-rail{
  display:grid!important;
  grid-auto-flow:column!important;
  grid-template-rows:1fr!important;
  grid-auto-columns:calc((100% - 48px) / 5)!important;
  column-gap:12px!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  flex-wrap:unset!important;
}

.cfs-related-product-carousel .cfs-native-product-rail::before,
.cfs-related-product-carousel .cfs-native-product-rail::after{
  display:none!important;
  content:none!important;
}

.cfs-related-product-carousel .cfs-native-product-rail > .product-item{
  grid-row:1!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  flex:none!important;
  margin:0!important;
  scroll-snap-align:start!important;
  background:#fff!important;
  border:1px solid #e1e6e2!important;
  border-radius:6px!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}

@media(min-width:1280px){
  .cfs-related-product-carousel .cfs-native-product-rail .product-item__image-wrapper{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .cfs-related-product-carousel .cfs-native-product-rail .product-item__image-wrapper .aspect-ratio{
    width:100%!important;
    height:100%!important;
    max-height:230px!important;
    padding-bottom:0!important;
  }
  .cfs-related-product-carousel .cfs-native-product-rail .product-item__image-wrapper img{
    width:100%!important;
    height:100%!important;
    max-height:230px!important;
    object-fit:contain!important;
  }
}

@media(min-width:1000px) and (max-width:1279px){
  .cfs-related-product-carousel .cfs-native-product-rail{
    grid-auto-columns:calc((100% - 36px) / 4)!important;
  }
}

@media(min-width:641px) and (max-width:999px){
  .cfs-related-product-carousel .cfs-native-product-rail{
    grid-auto-columns:calc((100% - 20px) / 3)!important;
    column-gap:10px!important;
  }
}

@media(max-width:640px){
  .cfs-related-product-carousel .cfs-native-product-rail{
    grid-auto-columns:calc((100% - 8px) / 2)!important;
    column-gap:8px!important;
  }
}

.cfs-related-product-carousel .flickity-prev-next-button,
.cfs-related-product-carousel .flickity-page-dots{
  display:none!important;
}

.cfs-related-product-carousel .spr-badge[data-rating="0"],
.cfs-related-product-carousel .product-item__reviews-badge:has(.spr-badge[data-rating="0"]){
  display:none!important;
}

.cfs-related-product-carousel .inventory--available::before{
  display:none!important;
  content:none!important;
}


/* =========================================================
   CFS PRE-LIVE FINAL — STABILITY / REVIEWS / QUICK VIEW
   ========================================================= */

/* One layout engine for custom product rails: no Flickity reflow flash. */
.cfs-swipe-carousel .product-list,
.cfs-related-product-carousel .product-list{
  transform:none!important;
}
.cfs-swipe-carousel .product-item,
.cfs-related-product-carousel .product-item{
  will-change:auto!important;
  transition:none!important;
}
.cfs-swipe-carousel .flickity-viewport,
.cfs-swipe-carousel .flickity-slider,
.cfs-related-product-carousel .flickity-viewport,
.cfs-related-product-carousel .flickity-slider{
  transform:none!important;
}

/* Reserve image height to reduce layout shift while images lazy-load. */
@media(min-width:1000px){
  .cfs-swipe-carousel .product-item__image-wrapper{
    min-height:220px!important;
  }
}

/* Hide empty review rows sitewide; real reviews still show. */
.spr-badge[data-rating="0"],
.loox-rating[data-rating="0"],
.loox-rating[data-raters="0"],
.product-item__reviews-badge:has(.spr-badge[data-rating="0"]){
  display:none!important;
}

/* Mobile Quick View stays a modal rather than navigating away. */
@media(max-width:999px){
  .modal[id^="modal-quick-view-"] .modal__dialog{
    width:94vw!important;
    max-width:94vw!important;
    max-height:90vh!important;
    margin:auto!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .modal[id^="modal-quick-view-"] .modal__inner{
    max-height:90vh!important;
    overflow-y:auto!important;
    -webkit-overflow-scrolling:touch!important;
  }
}


/* =========================================================
   CFS PHASE 23 — SCROLL / PRODUCT CARD STABILITY
   Removes repaint-heavy card effects and reserves image space.
   ========================================================= */

/* Product cards must never fade/swap while pointer/scroll position changes. */
.product-item__primary-image{
  opacity:1!important;
  visibility:visible!important;
  transition:none!important;
  animation:none!important;
}
.product-item__secondary-image{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:none!important;
  animation:none!important;
}
.product-item__image-wrapper--with-secondary:hover .product-item__primary-image{
  opacity:1!important;
  visibility:visible!important;
}

/* Stable square image stage for vertical catalogue cards.
   This prevents lazy images from changing card height after render. */
.product-item--vertical .product-item__image-wrapper{
  aspect-ratio:1 / 1!important;
  width:100%!important;
  height:auto!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.product-item--vertical .product-item__image-wrapper > .aspect-ratio{
  width:100%!important;
  height:100%!important;
  padding-bottom:0!important;
  position:relative!important;
}
.product-item--vertical .product-item__image-wrapper img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}

/* No width/opacity/transform animation on catalogue cards or carousel cells. */
.product-item,
.product-item *,
.cfs-swipe-carousel .product-item,
.cfs-related-product-carousel .product-item{
  animation-duration:0s!important;
}
.product-item{
  transform:none!important;
}
.product-item__image-wrapper,
.product-item__info,
.product-item__action-list{
  transition:none!important;
}

/* Quick View may appear/disappear, but instantly rather than animating over the image. */
.cfs-product-image-stage .cfs-quick-view-trigger,
.product-item--vertical .cfs-quick-view-trigger{
  transition:none!important;
}
@media(min-width:1000px){
  .cfs-product-image-stage .cfs-quick-view-trigger{
    transform:translate(-50%,0)!important;
  }
}

/* Keep custom horizontal rails compositor-simple. */
.cfs-swipe-carousel .scroller__inner,
.cfs-related-product-carousel .scroller__inner{
  scroll-behavior:auto!important;
}
.cfs-swipe-carousel .product-list,
.cfs-related-product-carousel .product-list{
  transform:none!important;
  transition:none!important;
}

/* Prevent image-load paint from affecting surrounding cards. */
.product-item--vertical{
  min-width:0!important;
}

/* =========================================================
   CFS PHASE 26 — PRESCRIPTION VISIBILITY
   ========================================================= */
.cfs-product-rx-flag{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:5px!important;
  margin:6px 0 3px!important;
  font-size:10px!important;
  line-height:1.25!important;
  color:#5b312b!important;
  font-weight:750!important;
}
.cfs-product-rx-flag__badge{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#9f2d24!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:3px 7px!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.03em!important;
}
.cfs-prescription-product-note{
  background:#f8f5f3!important;
  border:1px solid #eadbd6!important;
  border-left:4px solid #9f2d24!important;
}
.cfs-prescription-product-note .cfs-prescription-badge{
  background:#9f2d24!important;
}


/* =========================================================
   CFS PHASE 27 — PRESCRIPTION CHOICE + LOCKED FEE
   ========================================================= */
.cfs-rx-choice{
  border:1px solid #d7e2db!important;
  border-left:4px solid #064c2d!important;
  border-radius:7px!important;
  padding:14px!important;
  margin:0 0 14px!important;
  background:#f8faf8!important;
}
.cfs-rx-choice legend{
  padding:0 5px!important;
  font-weight:850!important;
  font-size:14px!important;
  color:#10251a!important;
}
.cfs-rx-choice__option{
  display:flex!important;
  gap:10px!important;
  align-items:flex-start!important;
  padding:11px!important;
  margin:7px 0!important;
  border:1px solid #dde5df!important;
  border-radius:6px!important;
  background:#fff!important;
  cursor:pointer!important;
}
.cfs-rx-choice__option:has(input:checked){
  border-color:#064c2d!important;
  box-shadow:0 0 0 1px #064c2d!important;
  background:#f4f8f5!important;
}
.cfs-rx-choice__option input{
  width:18px!important;
  height:18px!important;
  margin:2px 0 0!important;
  accent-color:#064c2d!important;
  flex:0 0 auto!important;
}
.cfs-rx-choice__copy{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.cfs-rx-choice__copy strong{
  font-size:13px!important;
  color:#10251a!important;
  line-height:1.3!important;
}
.cfs-rx-choice__copy small{
  font-size:11px!important;
  line-height:1.35!important;
  color:#637168!important;
}
.cfs-rx-choice__error{
  color:#a1261b!important;
  font-size:11px!important;
  font-weight:750!important;
  margin:8px 0 0!important;
}
.cfs-rx-choice--error{
  border-color:#a1261b!important;
}

/* Prescription fee line is system-managed, not customer-removable. */
.cfs-prescription-fee-line .quantity-selector,
.cfs-prescription-fee-line .line-item__quantity-remove,
.cfs-prescription-fee-line .mini-cart__quantity,
.cfs-prescription-fee-line [data-action="decrease-quantity"],
.cfs-prescription-fee-line [data-action="increase-quantity"]{
  display:none!important;
}
.cfs-prescription-fee-line{
  background:#f8faf8!important;
}
.cfs-prescription-fee-line .line-item__title,
.cfs-prescription-fee-line .mini-cart__product-title{
  pointer-events:none!important;
  text-decoration:none!important;
}

/* Card message reflects that customer chooses rather than always pays. */
.cfs-product-rx-flag{
  color:#7d2f27!important;
}


/* =========================================================
   CFS PHASE 29 — INLINE VETPAL ASSESSMENT
   ========================================================= */
.cfs-rx-choice__option-wrap{
  margin:7px 0!important;
}
.cfs-rx-choice__option-wrap .cfs-rx-choice__option{
  margin-bottom:0!important;
}
.cfs-rx-vetpal{
  margin:0 8px 8px!important;
  padding:11px 12px!important;
  border:1px solid #cfe0d3!important;
  border-top:0!important;
  border-radius:0 0 6px 6px!important;
  background:#f3f8f4!important;
}
.cfs-rx-vetpal[hidden],
.cfs-rx-vetpal__status[hidden]{
  display:none!important;
}
.cfs-rx-vetpal__intro{
  margin:0 0 9px!important;
  color:#44574b!important;
  font-size:11px!important;
  line-height:1.4!important;
}
.cfs-rx-vetpal__button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:9px 14px!important;
  border-radius:5px!important;
  background:#064c2d!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.cfs-rx-vetpal__button:hover{
  background:#043c24!important;
  color:#fff!important;
}
.cfs-rx-vetpal__status{
  margin:9px 0 0!important;
  color:#136b3a!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.product-form__add-button[data-cfs-rx-add][disabled]{
  opacity:.48!important;
  cursor:not-allowed!important;
  pointer-events:none!important;
}


/* =========================================================
   CFS PHASE 30 — SCRIPT NUMBER FIELD
   ========================================================= */
.cfs-rx-script{
  margin:0 8px 8px!important;
  padding:11px 12px!important;
  border:1px solid #d7e2db!important;
  border-top:0!important;
  border-radius:0 0 6px 6px!important;
  background:#f8faf8!important;
}
.cfs-rx-script[hidden]{
  display:none!important;
}
.cfs-rx-script__label{
  display:block!important;
  margin-bottom:6px!important;
  color:#10251a!important;
  font-size:11px!important;
  font-weight:850!important;
}
.cfs-rx-script__input{
  width:100%!important;
  min-height:42px!important;
  padding:9px 11px!important;
  border:1px solid #bccac0!important;
  border-radius:5px!important;
  background:#fff!important;
  color:#10251a!important;
  font-size:13px!important;
}
.cfs-rx-script__input:focus{
  border-color:#064c2d!important;
  box-shadow:0 0 0 1px #064c2d!important;
  outline:none!important;
}
.cfs-rx-script__help{
  margin:6px 0 0!important;
  color:#67756c!important;
  font-size:10px!important;
  line-height:1.35!important;
}


/* =========================================================
   CFS PHASE 38 — EXACT MOBILE REFERENCE
   Desktop intentionally untouched.
   ========================================================= */
@media(max-width:999px){
  .cfs31-mobile-top,.cfs33-mobile-top,.cfs37-mobile-top{display:none!important}
  .cfs38-mobile-top{display:block!important;margin:0!important;padding:0!important;background:#fff!important}

  .cfs38-mobile-hero{position:relative!important;min-height:820px!important;overflow:hidden!important;border-radius:0!important;background:#063e28!important;}
  .cfs38-mobile-hero__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 23%!important;transform:none!important;transition:none!important;animation:none!important}
  .cfs38-mobile-hero__shade{position:absolute!important;inset:0!important;z-index:1!important;background:linear-gradient(180deg,rgba(2,29,16,.03) 0%,rgba(2,34,19,.05) 25%,rgba(2,39,22,.25) 42%,rgba(3,50,29,.72) 60%,rgba(4,61,36,.95) 77%,#063e28 100%)!important}
  .cfs38-mobile-hero__content{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;min-height:820px!important;padding:285px 20px 22px!important;color:#fff!important}

  .cfs38-mobile-hero__location{margin:0 0 12px!important}
  .cfs38-mobile-hero__location span{display:block!important;color:#a8ce59!important;font-size:11px!important;font-weight:850!important;letter-spacing:.055em!important}
  .cfs38-mobile-hero__location strong{display:flex!important;align-items:center!important;gap:7px!important;margin-top:5px!important;color:#fff!important;font-size:13px!important;font-weight:800!important}
  .cfs38-mobile-hero__location svg{width:18px!important;height:18px!important;color:#a8ce59!important;flex:0 0 auto!important}
  .cfs38-mobile-hero__divider{width:38px!important;height:3px!important;margin:0 0 18px!important;border-radius:3px!important;background:#a8ce59!important}
  .cfs38-mobile-hero__divider--small{margin:18px 0 16px!important}

  .cfs38-mobile-hero h1{max-width:340px!important;margin:0!important;color:#fff!important;font-size:36px!important;line-height:1.02!important;letter-spacing:-.04em!important;font-weight:900!important;text-transform:none!important}
  .cfs38-mobile-hero__intro{max-width:330px!important;margin:0!important;color:rgba(255,255,255,.94)!important;font-size:12px!important;line-height:1.52!important}

  .cfs38-mobile-hero__actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:20px!important}
  .cfs38-mobile-hero__button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:52px!important;padding:11px 10px!important;border-radius:8px!important;text-decoration:none!important;text-align:center!important;font-size:12px!important;font-weight:850!important;line-height:1.15!important}
  .cfs38-mobile-hero__button svg{width:19px!important;height:19px!important;flex:0 0 auto!important}
  .cfs38-mobile-hero__button--primary{background:#a8ce59!important;border:1px solid #a8ce59!important;color:#10251a!important}
  .cfs38-mobile-hero__button--secondary{background:rgba(2,48,28,.28)!important;border:1px solid rgba(255,255,255,.82)!important;color:#fff!important}

  .cfs38-mobile-hero__stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;margin-top:auto!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:12px!important;overflow:hidden!important;background:rgba(3,49,29,.58)!important;}
  .cfs38-mobile-hero__stat{min-width:0!important;min-height:126px!important;padding:15px 6px!important;text-align:center!important;border-right:1px solid rgba(255,255,255,.16)!important}
  .cfs38-mobile-hero__stat:last-child{border-right:0!important}
  .cfs38-mobile-hero__icon{display:flex!important;align-items:center!important;justify-content:center!important;width:42px!important;height:42px!important;margin:0 auto 10px!important;border:1px solid rgba(168,206,89,.34)!important;border-radius:50%!important;color:#a8ce59!important;background:rgba(168,206,89,.05)!important}
  .cfs38-mobile-hero__icon svg{width:23px!important;height:23px!important}
  .cfs38-mobile-hero__stat strong{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.05!important;font-weight:900!important;white-space:nowrap!important}
  .cfs38-mobile-hero__stat small{display:block!important;margin-top:6px!important;color:rgba(255,255,255,.88)!important;font-size:8px!important;line-height:1.32!important}
  .cfs38-mobile-hero__delivery-note{margin:0!important;padding:11px 14px!important;border-bottom:1px solid #e6ebe7!important;background:#fff!important;color:#5d6961!important;font-size:8px!important;line-height:1.4!important;text-align:center!important}

  /* Mobile announcement bar like reference. */
  .shopify-section--announcement-bar .announcement-bar{min-height:48px!important;background:#064c2d!important}
  .cfs20-mobile-ann{height:48px!important}
  .cfs20-mobile-ann__track{height:48px!important}
  .cfs20-mobile-ann__item{height:48px!important;min-height:48px!important;justify-content:center!important;padding:0 12px!important;font-size:12px!important;font-weight:850!important}
  .cfs38-mobile-ann__delivery{gap:9px!important}
  .cfs38-mobile-ann__delivery svg{width:20px!important;height:20px!important;color:#a8ce59!important;flex:0 0 auto!important}
  .cfs38-mobile-ann__delivery b{display:none!important}

  /* Header size and balance from reference. */
  #shopify-section-header .header{min-height:88px!important;height:88px!important;padding:9px 0!important;background:#fff!important;box-shadow:0 1px 0 rgba(16,37,26,.08)!important}
  #shopify-section-header .header__inner{height:70px!important;min-height:70px!important;align-items:center!important;flex-wrap:nowrap!important}
  #shopify-section-header .header__logo{height:68px!important;min-height:68px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important}
  #shopify-section-header .header__logo-link{height:68px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  #shopify-section-header .header__logo-image{max-width:190px!important;max-height:66px!important;width:auto!important;height:auto!important;object-fit:contain!important;transform:none!important}
  #shopify-section-header .header__mobile-nav-toggle{transform:scale(1.08)!important}
  #shopify-section-header .header__action-item{padding-left:9px!important;padding-right:9px!important}

  /* Do not repeat reassurance block or Follow CFS right under hero. */
  .template-index #shopify-section-service,#shopify-section-service,.template-index #shopify-section-mobile_social{display:none!important;height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}

  /* Department cards like the reference: 3 across, image-led, title over image. */
  .template-index #shopify-section-departments{margin:0!important;padding:0!important;background:#fff!important}
  .template-index #shopify-section-departments .cfs9-depts{display:block!important;padding:28px 16px 24px!important}
  .template-index #shopify-section-departments .cfs9-head{margin-bottom:17px!important;align-items:flex-end!important}
  .template-index #shopify-section-departments .cfs9-kicker{font-size:9px!important;line-height:1!important;letter-spacing:.09em!important;color:#176736!important}
  .template-index #shopify-section-departments .cfs9-head h2{margin-top:7px!important;font-size:31px!important;line-height:1.03!important;letter-spacing:-.03em!important;color:#10251a!important}
  .template-index #shopify-section-departments .cfs9-head>a{font-size:9px!important;line-height:1.3!important;color:#176736!important;max-width:80px!important;text-align:right!important}
  .template-index #shopify-section-departments .cfs9-dept-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .template-index #shopify-section-departments .cfs9-dept{position:relative!important;min-height:138px!important;border:0!important;border-radius:9px!important;background:#173523!important;box-shadow:none!important;overflow:hidden!important}
  .template-index #shopify-section-departments .cfs9-dept__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important}
  .template-index #shopify-section-departments .cfs9-dept__image:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(0deg,rgba(5,29,17,.78) 0%,rgba(5,29,17,.08) 65%)!important}
  .template-index #shopify-section-departments .cfs9-dept__image img{width:100%!important;height:100%!important;object-fit:cover!important}
  .template-index #shopify-section-departments .cfs9-dept__body{position:absolute!important;z-index:2!important;left:10px!important;right:8px!important;bottom:10px!important;padding:0!important;background:transparent!important;color:#fff!important}
  .template-index #shopify-section-departments .cfs9-dept__body strong{font-size:12px!important;line-height:1.12!important;color:#fff!important;font-weight:850!important}
  .template-index #shopify-section-departments .cfs9-dept__body span{display:none!important}
}

@media(max-width:390px){
  .cfs38-mobile-hero{min-height:785px!important}
  .cfs38-mobile-hero__content{min-height:785px!important;padding:265px 17px 18px!important}
  .cfs38-mobile-hero h1{max-width:310px!important;font-size:33px!important}
  .cfs38-mobile-hero__intro{max-width:300px!important;font-size:11px!important}
  .cfs38-mobile-hero__button{min-height:49px!important;font-size:11px!important}
  .cfs38-mobile-hero__stat{min-height:118px!important;padding-left:4px!important;padding-right:4px!important}
  .cfs38-mobile-hero__stat strong{font-size:16px!important}
  .cfs38-mobile-hero__stat small{font-size:7px!important}
  #shopify-section-header .header__logo-image{max-width:176px!important;max-height:63px!important}
  .template-index #shopify-section-departments .cfs9-dept{min-height:126px!important}
  .template-index #shopify-section-departments .cfs9-dept__body strong{font-size:11px!important}
}


/* =========================================================
   CFS PHASE 39 — DESKTOP MATCHES APPROVED PHONE SETUP
   Mobile Phase 38 remains untouched.
   ========================================================= */
@media(min-width:1000px){
  .cfs35-desktop-top{display:none!important}
  .cfs39-desktop-top{display:block!important;padding:16px 0 22px!important;background:#f4f6f2!important}
  .cfs39-desktop-top>.container{max-width:1450px!important}

  .cfs39-desktop-hero{
    position:relative!important;
    height:500px!important;
    overflow:hidden!important;
    border-radius:12px!important;
    background:#063e28!important;
    box-shadow:0 8px 28px rgba(11,44,27,.09)!important;
  }
  .cfs39-desktop-hero__image{
    position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
    object-fit:cover!important;object-position:center 38%!important;
    transform:none!important;transition:none!important;animation:none!important
  }
  .cfs39-desktop-hero__shade{
    position:absolute!important;inset:0!important;z-index:1!important;
    background:linear-gradient(90deg,rgba(3,36,21,.96) 0%,rgba(3,44,25,.84) 33%,rgba(3,46,27,.40) 58%,rgba(3,46,27,.08) 78%)!important
  }
  .cfs39-desktop-hero__content{
    position:relative!important;z-index:2!important;width:54%!important;height:100%!important;
    padding:50px 48px 120px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;color:#fff!important
  }
  .cfs39-desktop-hero__location span{display:block!important;color:#a8ce59!important;font-size:11px!important;font-weight:900!important;letter-spacing:.08em!important}
  .cfs39-desktop-hero__location strong{display:flex!important;align-items:center!important;gap:7px!important;margin-top:6px!important;color:#fff!important;font-size:13px!important;font-weight:850!important}
  .cfs39-desktop-hero__location svg{width:16px!important;height:16px!important;color:#a8ce59!important}
  .cfs39-desktop-hero__divider{width:62px!important;height:3px!important;margin:18px 0 20px!important;background:#a8ce59!important;border-radius:4px!important}
  .cfs39-desktop-hero h1{max-width:680px!important;margin:0!important;color:#fff!important;font-size:52px!important;line-height:1.00!important;letter-spacing:-.045em!important;font-weight:900!important;text-transform:none!important}
  .cfs39-desktop-hero__intro{max-width:650px!important;margin:18px 0 0!important;color:rgba(255,255,255,.90)!important;font-size:15px!important;line-height:1.5!important}
  .cfs39-desktop-hero__actions{display:flex!important;gap:12px!important;margin-top:24px!important}
  .cfs39-desktop-hero__button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;min-height:48px!important;padding:12px 18px!important;border-radius:7px!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important}
  .cfs39-desktop-hero__button svg{width:18px!important;height:18px!important}
  .cfs39-desktop-hero__button--primary{background:#a8ce59!important;border:1px solid #a8ce59!important;color:#10251a!important}
  .cfs39-desktop-hero__button--secondary{background:rgba(4,61,36,.35)!important;border:1px solid rgba(255,255,255,.65)!important;color:#fff!important}

  .cfs39-desktop-hero__stats{
    position:absolute!important;z-index:3!important;left:48px!important;right:48px!important;bottom:22px!important;
    display:grid!important;grid-template-columns:repeat(4,1fr)!important;
    overflow:hidden!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:10px!important;
    background:rgba(3,47,28,.66)!important;
  }
  .cfs39-desktop-hero__stat{display:flex!important;align-items:center!important;gap:12px!important;min-height:76px!important;padding:13px 18px!important;border-right:1px solid rgba(255,255,255,.15)!important}
  .cfs39-desktop-hero__stat:last-child{border-right:0!important}
  .cfs39-desktop-hero__icon{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;border:1px solid rgba(168,206,89,.38)!important;border-radius:50%!important;color:#a8ce59!important}
  .cfs39-desktop-hero__icon svg{width:21px!important;height:21px!important}
  .cfs39-desktop-hero__stat strong{display:block!important;color:#fff!important;font-size:18px!important;line-height:1.05!important;font-weight:900!important}
  .cfs39-desktop-hero__stat small{display:block!important;margin-top:4px!important;color:rgba(255,255,255,.82)!important;font-size:10px!important;line-height:1.25!important}

  .cfs39-desktop-categories-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:20px!important;margin:28px 0 14px!important}
  .cfs39-desktop-categories-head span{display:block!important;color:#176736!important;font-size:10px!important;font-weight:900!important;letter-spacing:.09em!important}
  .cfs39-desktop-categories-head h2{margin:4px 0 0!important;color:#10251a!important;font-size:30px!important;line-height:1!important;letter-spacing:-.035em!important}
  .cfs39-desktop-categories-head>a{color:#064c2d!important;font-size:11px!important;font-weight:850!important;text-decoration:none!important}
  .cfs39-desktop-categories{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:10px!important}
  .cfs39-desktop-category{position:relative!important;height:160px!important;overflow:hidden!important;border-radius:9px!important;background:#173523!important;color:#fff!important;text-decoration:none!important}
  .cfs39-desktop-category__image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:none!important;animation:none!important}
  .cfs39-desktop-category__shade{position:absolute!important;inset:0!important;background:linear-gradient(0deg,rgba(3,34,20,.88) 0%,rgba(3,34,20,.16) 67%,rgba(3,34,20,.03) 100%)!important}
  .cfs39-desktop-category__copy{position:absolute!important;z-index:2!important;left:15px!important;right:15px!important;bottom:13px!important}
  .cfs39-desktop-category__copy strong{display:block!important;color:#fff!important;font-size:15px!important;line-height:1.1!important;font-weight:900!important}
  .cfs39-desktop-category__copy span{display:block!important;margin-top:4px!important;color:#a8ce59!important;font-size:9px!important;font-weight:850!important}

  /* The hero already contains delivery/advice reassurance; avoid duplicating another bar. */
  .template-index #shopify-section-service{display:none!important}

  /* Don't repeat a second department grid immediately below the new five-card row. */
  .template-index #shopify-section-departments{display:none!important}

  #shopify-section-top_promos + #shopify-section-best{margin-top:0!important}
}

@media(min-width:1000px) and (max-width:1250px){
  .cfs39-desktop-hero{height:460px!important}
  .cfs39-desktop-hero__content{padding-left:36px!important;width:58%!important}
  .cfs39-desktop-hero h1{font-size:44px!important}
  .cfs39-desktop-hero__stats{left:36px!important;right:36px!important}
  .cfs39-desktop-hero__stat{padding-left:12px!important;padding-right:12px!important;gap:9px!important}
  .cfs39-desktop-category{height:145px!important}
}


/* =========================================================
   CFS PHASE 40 — DESKTOP PHOTO / TEXT FINISH
   Mobile remains exactly as Phase 38/39.
   ========================================================= */
@media(min-width:1000px){

  /* Slightly bigger hero/photo */
  .cfs39-desktop-hero{
    height:545px!important;
  }

  /* Let the natural cattle photo show through.
     Neutral dark gradient only for text contrast — no green wash. */
  .cfs39-desktop-hero__image{
    object-position:center 38%!important;
    filter:none!important;
    opacity:1!important;
    mix-blend-mode:normal!important;
  }

  .cfs39-desktop-hero__shade{
    background:linear-gradient(
      90deg,
      rgba(0,0,0,.62) 0%,
      rgba(0,0,0,.42) 31%,
      rgba(0,0,0,.20) 52%,
      rgba(0,0,0,.06) 70%,
      rgba(0,0,0,0) 82%
    )!important;
  }

  /* Slightly smaller, cleaner desktop typography */
  .cfs39-desktop-hero__content{
    width:52%!important;
    padding:48px 48px 120px!important;
  }

  .cfs39-desktop-hero__location span{
    font-size:10px!important;
  }

  .cfs39-desktop-hero__location strong{
    font-size:12px!important;
  }

  .cfs39-desktop-hero__divider{
    margin:16px 0 18px!important;
  }

  .cfs39-desktop-hero h1{
    max-width:620px!important;
    font-size:46px!important;
    line-height:1.02!important;
    letter-spacing:-.04em!important;
  }

  .cfs39-desktop-hero__intro{
    max-width:600px!important;
    margin-top:15px!important;
    font-size:14px!important;
    line-height:1.48!important;
  }

  .cfs39-desktop-hero__actions{
    margin-top:20px!important;
  }

  .cfs39-desktop-hero__button{
    min-height:45px!important;
    padding:10px 16px!important;
    font-size:11px!important;
  }

  /* Reduce the green cast in the reassurance panel as well. */
  .cfs39-desktop-hero__stats{
    background:rgba(8,18,12,.58)!important;
    border-color:rgba(255,255,255,.20)!important;
  }
}

@media(min-width:1000px) and (max-width:1250px){
  .cfs39-desktop-hero{
    height:500px!important;
  }

  .cfs39-desktop-hero__content{
    width:56%!important;
    padding-left:36px!important;
  }

  .cfs39-desktop-hero h1{
    font-size:40px!important;
  }

  .cfs39-desktop-hero__intro{
    font-size:13px!important;
  }
}


/* =========================================================
   CFS PHASE 41B — STATIC PRESCRIPTION SUPPORT
   No JS / no sliders / no transitions.
   ========================================================= */
.cfs41-rx-support{
  padding:34px 0!important;
  background:#fff!important;
}
.cfs41-rx-support__heading{
  max-width:820px!important;
  margin-bottom:18px!important;
}
.cfs41-rx-support__kicker{
  display:block!important;
  margin-bottom:6px!important;
  color:#176736!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.09em!important;
  text-transform:uppercase!important;
}
.cfs41-rx-support__heading h2{
  margin:0!important;
  color:#10251a!important;
  font-size:30px!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
}
.cfs41-rx-support__heading p{
  margin:8px 0 0!important;
  color:#66736b!important;
  font-size:12px!important;
  line-height:1.5!important;
}
.cfs41-rx-support__cards{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
}
.cfs41-rx-support__card{
  display:flex!important;
  gap:13px!important;
  min-height:190px!important;
  padding:18px!important;
  border:1px solid #dfe7e1!important;
  border-radius:9px!important;
  background:#f8faf8!important;
  color:#10251a!important;
  text-decoration:none!important;
  transition:none!important;
  animation:none!important;
  transform:none!important;
}
.cfs41-rx-support__card--vetpal{
  border-color:#c9dbce!important;
  background:#f1f7f3!important;
}
.cfs41-rx-support__icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  border-radius:50%!important;
  background:#064c2d!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:900!important;
}
.cfs41-rx-support__card strong{
  display:block!important;
  margin:1px 0 7px!important;
  color:#10251a!important;
  font-size:16px!important;
  line-height:1.2!important;
}
.cfs41-rx-support__card p{
  margin:0!important;
  color:#5e6d64!important;
  font-size:11px!important;
  line-height:1.48!important;
}
.cfs41-rx-support__fee{
  display:inline-block!important;
  margin-top:9px!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:#e3efe6!important;
  color:#064c2d!important;
  font-size:9px!important;
  font-weight:850!important;
}
.cfs41-rx-support__card em{
  display:block!important;
  margin-top:13px!important;
  color:#064c2d!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:900!important;
}
.cfs41-rx-support__legal{
  margin:11px 0 0!important;
  color:#7b857f!important;
  font-size:8px!important;
  line-height:1.4!important;
}

@media(max-width:999px){
  .cfs41-rx-support{
    padding:26px 16px!important;
  }
  .cfs41-rx-support>.container{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
  }
  .cfs41-rx-support__heading h2{
    font-size:25px!important;
  }
  .cfs41-rx-support__heading p{
    font-size:11px!important;
  }
  .cfs41-rx-support__cards{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .cfs41-rx-support__card{
    min-height:0!important;
    padding:15px!important;
  }
  .cfs41-rx-support__card strong{
    font-size:15px!important;
  }
  .cfs41-rx-support__card p{
    font-size:10px!important;
  }
}
\n/* CFS CLEAN PLACEHOLDER — uses Warehouse native product image geometry */\n.cfs-product-image-stage--placeholder{background:#fff!important}\n.cfs-product-placeholder{background:#fff!important}\n.cfs-product-placeholder__image{object-fit:contain!important;padding:9px!important;opacity:1!important;transition:none!important;animation:none!important}\n

/* =========================================================
   CFS PHASE 52 — DESKTOP HERO COW BALANCE
   Same cattle photo. Smaller/right-shifted visual on desktop only.
   Mobile remains untouched.
   ========================================================= */
@media(min-width:1000px){

  .cfs39-desktop-hero{
    height:515px!important;
    background:#101b13!important;
  }

  /* Use only the right side of the hero for the photograph.
     This reduces the cow's visual scale and moves it away from the copy. */
  .cfs39-desktop-hero__image{
    inset:auto 0 0 auto!important;
    left:auto!important;
    right:0!important;
    top:0!important;
    width:82%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center 39%!important;
    filter:none!important;
    opacity:1!important;
    transform:none!important;
    mix-blend-mode:normal!important;
  }

  /* Neutral dark panel on the left, fading naturally into the photograph. */
  .cfs39-desktop-hero__shade{
    background:linear-gradient(
      90deg,
      rgba(9,18,12,1) 0%,
      rgba(9,18,12,.97) 20%,
      rgba(9,18,12,.80) 35%,
      rgba(9,18,12,.43) 53%,
      rgba(9,18,12,.12) 70%,
      rgba(9,18,12,0) 84%
    )!important;
  }

  .cfs39-desktop-hero__content{
    width:49%!important;
    padding:42px 46px 116px!important;
  }

  .cfs39-desktop-hero h1{
    max-width:590px!important;
    font-size:44px!important;
    line-height:1.03!important;
  }

  .cfs39-desktop-hero__intro{
    max-width:560px!important;
    font-size:13px!important;
  }

  .cfs39-desktop-hero__stats{
    left:46px!important;
    right:46px!important;
    bottom:20px!important;
  }
}

@media(min-width:1000px) and (max-width:1250px){
  .cfs39-desktop-hero{
    height:480px!important;
  }

  .cfs39-desktop-hero__image{
    width:84%!important;
  }

  .cfs39-desktop-hero__content{
    width:54%!important;
    padding-left:34px!important;
  }

  .cfs39-desktop-hero h1{
    font-size:39px!important;
  }

  .cfs39-desktop-hero__stats{
    left:34px!important;
    right:34px!important;
  }
}


/* =========================================================
   CFS PHASE 53 — TRUE DESKTOP LANDSCAPE HERO
   Uses a dedicated wide image so the cow is naturally smaller.
   Phone image/crop untouched.
   ========================================================= */
@media(min-width:1000px){
  .cfs39-desktop-hero{
    height:500px!important;
    background:#101b13!important;
  }

  .cfs39-desktop-hero__image{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    filter:none!important;
    opacity:1!important;
    transform:none!important;
  }

  .cfs39-desktop-hero__shade{
    background:linear-gradient(
      90deg,
      rgba(7,16,10,.88) 0%,
      rgba(7,16,10,.78) 25%,
      rgba(7,16,10,.48) 42%,
      rgba(7,16,10,.16) 60%,
      rgba(7,16,10,0) 76%
    )!important;
  }

  .cfs39-desktop-hero__content{
    width:47%!important;
    padding:40px 46px 112px!important;
  }

  .cfs39-desktop-hero h1{
    max-width:560px!important;
    font-size:42px!important;
    line-height:1.03!important;
  }

  .cfs39-desktop-hero__intro{
    max-width:520px!important;
    font-size:13px!important;
  }

  .cfs39-desktop-hero__stats{
    left:46px!important;
    right:46px!important;
    bottom:18px!important;
  }
}


/* =========================================================
   CFS PHASE 54 — TRUE WIDE DESKTOP CATTLE HERO
   Dedicated landscape image, no blur/inset compositing.
   Mobile remains unchanged.
   ========================================================= */
@media(min-width:1000px){
  .cfs39-desktop-hero{
    height:500px!important;
    background:#101b13!important;
  }

  .cfs39-desktop-hero__image{
    position:absolute!important;
    inset:0!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    filter:none!important;
    opacity:1!important;
    transform:none!important;
    mix-blend-mode:normal!important;
  }

  /* Dark only where the text sits; the rest of the photo stays natural. */
  .cfs39-desktop-hero__shade{
    background:linear-gradient(
      90deg,
      rgba(7,16,10,.86) 0%,
      rgba(7,16,10,.74) 24%,
      rgba(7,16,10,.42) 40%,
      rgba(7,16,10,.15) 55%,
      rgba(7,16,10,.03) 68%,
      rgba(7,16,10,0) 78%
    )!important;
  }

  .cfs39-desktop-hero__content{
    width:46%!important;
    padding:40px 46px 112px!important;
  }

  .cfs39-desktop-hero h1{
    max-width:555px!important;
    font-size:42px!important;
    line-height:1.03!important;
  }

  .cfs39-desktop-hero__intro{
    max-width:515px!important;
    font-size:13px!important;
  }

  .cfs39-desktop-hero__stats{
    left:46px!important;
    right:46px!important;
    bottom:18px!important;
  }
}

@media(min-width:1000px) and (max-width:1250px){
  .cfs39-desktop-hero{
    height:470px!important;
  }

  .cfs39-desktop-hero__content{
    width:52%!important;
    padding-left:34px!important;
  }

  .cfs39-desktop-hero h1{
    font-size:38px!important;
  }

  .cfs39-desktop-hero__stats{
    left:34px!important;
    right:34px!important;
  }
}