.cfs-range-listing{--range-ink:#172315;--range-green:#262626;--range-warm:#f6f4ef;color:var(--range-ink)}
.cfs-range-listing .listingPg{margin-top:0!important;background:var(--range-warm)}
.cfs-range-listing .listingPg>.container{width:min(calc(100% - 32px),1502px);max-width:1502px;margin-inline:auto;padding:28px 0 68px}
.cfs-range-breadcrumb{margin:0 0 24px!important;padding:0;background:transparent;font-size:13px}
.cfs-range-breadcrumb ol{gap:0}
.cfs-range-breadcrumb li{display:flex!important;align-items:center}
.cfs-range-breadcrumb li+li:before{content:"/";padding:0 10px;color:#98978f}
.cfs-range-breadcrumb a{color:#34442c;text-decoration:none}
.cfs-range-intro{width:100%;max-width:none;margin:0 0 20px;padding:0;background:#fff}
.cfs-range-eyebrow{margin:0 0 9px;color:#a56f3f;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cfs-range-intro h1{max-width:980px;font-size:48px;line-height:1.08}
.cfs-range-intro>h2,.cfs-range-intro>.cfs-legacy-count{display:none!important}
.cfs-range-intro .readMoreBlock{max-width:980px;margin-top:14px}
.cfs-range-intro .readMoreBlock .info{max-width:780px;color:#444;font-size:16px;line-height:1.65}
.cfs-range-intro .readMoreBlock .info p{margin:0}
.cfs-range-intro .readMoreBlock .info{max-height:82px;overflow:hidden}
.cfs-range-intro .readMoreBlock .info.fulltext{max-height:none;overflow:visible}
.cfs-range-read-actions{margin-top:12px;display:flex;gap:8px}
.cfs-range-read-actions .btn{min-height:36px;padding:7px 14px;border-radius:999px;background:var(--range-green)}
.cfs-range-read-actions .infoClose{display:none}
.cfs-range-intro .readMoreBlock .info.fulltext~.cfs-range-read-actions .infoReadMore{display:none}
.cfs-range-intro .readMoreBlock .info.fulltext~.cfs-range-read-actions .infoClose{display:inline-flex}
.cfs-range-meta{max-width:980px;margin-top:20px;display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;font-size:13px}
.cfs-range-listing .productSection{padding:0!important}
.cfs-range-toolbar{min-height:58px;margin:0 0 18px;padding:8px 0;border-top:1px solid #dedbd4;border-bottom:1px solid #dedbd4;display:flex;align-items:center;justify-content:space-between;gap:16px}
.cfs-range-results{margin:0;color:#4d5149;font-size:13px}
.cfs-range-toolbar-actions{display:flex;align-items:center;gap:8px}
.cfs-range-sort-label{margin:0;color:#4d5149;font-size:13px}
.cfs-range-sort{min-width:165px;height:42px;padding:0 34px 0 12px;border:1px solid #d8d5cd;color:var(--range-ink);background:#fff}
.cfs-range-view-toggle{display:flex;gap:6px}
.cfs-range-view-toggle button{width:42px;height:42px;border:1px solid #d8d5cd;display:inline-flex;align-items:center;justify-content:center;color:var(--range-green);background:#fff;font-size:18px;line-height:1}
.cfs-range-view-toggle button.is-active{border-color:var(--range-green);color:#fff;background:var(--range-green)}
.cfs-range-listing .productSection #product{margin:0!important;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.cfs-range-listing .productSection #product>li.product{width:100%!important;max-width:none!important;padding:0!important;display:block}
.cfs-range-listing #product .product-card,.cfs-range-listing #product>li.product>.block{height:100%}

/* 2026-08-24: keep every range-grid card on the same media contract as
   category/search PLPs. List view has its own dimensions below. */
.cfs-range-listing #product:not(.cfs-range-list-view)>li.product:not(.cfs-range-promo)>.product-card .product-media,
.cfs-range-listing #product:not(.cfs-range-list-view)>li.product:not(.cfs-range-promo)>.product-card .product-media .image{
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1/1;
}

/* Block 171: compact, balanced range hero on phones. The artwork uses the
   complete hero width, copy keeps the standard content gutter, and primary
   actions share one row whenever the device has enough room. */
@media(max-width:767px){
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
    box-sizing:border-box!important;
    width:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-inline:-14px!important;
    padding:16px 0 0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:visible!important
  }
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-hero-image,
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-hero-image>img{
    box-sizing:border-box!important;
    width:100%!important;
    height:260px!important;
    min-height:260px!important;
    max-height:260px!important;
    display:block!important;
    object-fit:cover!important;
    object-position:center!important
  }
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-hero .cfs-range-hero-copy{
    box-sizing:border-box!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    padding:20px 16px 22px!important;
    gap:10px!important;
    overflow:visible!important
  }
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-hero h1{
    font-size:30px!important;
    line-height:34px!important
  }
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-hero .cfs-range-read-actions{
    min-height:40px!important;
    margin-top:6px!important
  }
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-hero .cfs-range-read-actions .btn{
    min-width:104px!important;
    min-height:40px!important;
    padding:7px 14px!important
  }
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-hero-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important
  }
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-hero-actions :is(.cfs-range-primary,.cfs-range-secondary){
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 9px!important;
    font-size:12px!important;
    line-height:16px!important;
    letter-spacing:.04em!important;
    white-space:nowrap!important
  }
}
@media(max-width:299px){
  :is(#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero#cfs-range-mobile-hero,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-hero-actions{
    grid-template-columns:1fr!important;
    gap:8px!important
  }
}

@media(max-width:767px){
  .cfs-range-listing .cfs-range-view-toggle button{
    width:44px!important;
    height:44px!important
  }
}

/* Keep the range tabs on the shared 1502px content axis while allowing their
   background band to reach both viewport edges. */
@media(min-width:1024px){
  .cfs-range-listing .listingPg>.container>.cfs-range-anchor-nav{
    overflow:visible;
    isolation:isolate;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-anchor-nav::before{
    content:"";
    position:absolute;
    z-index:-1;
    inset-block:0;
    inset-inline:calc(-1 * max(16px,calc((100vw - 15px - 1502px)/2)));
    background:var(--cfs-theme-khaki,#dfdacf);
  }
}

/* Extend only the hero surface across the desktop viewport; its content,
   image ratio and the shared 1502px page axis remain untouched. */
.cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
  box-shadow:0 0 0 100vmax #dfdacf;
  clip-path:inset(0 -100vmax);
}

/* Mobile trust icons sit on a cacao circle. The global colour-token rule has
   intentionally high specificity, so repeat the scoped selector here to keep
   the SVG line art white instead of cacao-on-cacao. */
@media(max-width:767px){
  html body.cfs2030-shell[data-cfs-page][data-cfs-page][data-cfs-page]
  #main-content#main-content .cfs-range-listing.cfs-range-listing
  .cfs-range-trust.cfs-range-trust i :where(svg,use,.cfs-trust-icon){
    color:#fff!important;
    fill:none!important;
    stroke:currentColor!important;
    opacity:1!important
  }
}
.cfs-range-listing #product:not(.cfs-range-list-view)>li.product:not(.cfs-range-promo)>.product-card .product-media{
  overflow:hidden;
  background:#fff;
}
.cfs-range-listing #product:not(.cfs-range-list-view)>li.product:not(.cfs-range-promo)>.product-card .product-media .image{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  padding:12px;
  background:#fff;
}
.cfs-range-listing #product:not(.cfs-range-list-view)>li.product:not(.cfs-range-promo)>.product-card .product-media img.cfs-product-main-image{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  display:block;
  object-fit:contain!important;
  object-position:center!important;
}
.cfs-range-promo .block{min-height:583px;padding:10px;border:1px solid #dedbd4;background:#fff}
.cfs-range-promo .block a{height:100%;display:block;overflow:hidden}
.cfs-range-promo .block img{width:100%;height:100%;min-height:561px;display:block;object-fit:cover;object-position:center}
.cfs-range-listing .loadMoreBlock{margin-top:30px;text-align:center}
.cfs-range-listing #loadMoreItems{min-height:46px;padding:11px 24px;border-radius:3px;color:#fff;background:var(--range-green)}
.cfs-range-listing .seoPagination a,.cfs-range-listing .seoPagination span{border-radius:999px!important}
.cfs-range-listing .productSection #product.cfs-range-list-view{grid-template-columns:1fr!important}
.cfs-range-listing #product.cfs-range-list-view>li.product>.product-card{width:100%!important;max-width:none!important;height:310px;min-height:310px;display:grid;grid-template-columns:310px minmax(0,1fr)}
.cfs-range-listing #product.cfs-range-list-view .product-media,.cfs-range-listing #product.cfs-range-list-view .product-media .image{width:310px;max-width:none;height:308px!important;min-height:308px}
.cfs-range-listing #product.cfs-range-list-view .product-media,.cfs-range-listing #product.cfs-range-list-view .product-media .image{background:#fff}
.cfs-range-listing #product.cfs-range-list-view .product-media .image{padding:12px}
.cfs-range-listing #product.cfs-range-list-view .product-media img.cfs-product-main-image{width:100%!important;height:100%!important;display:block;object-fit:contain;object-position:center}
.cfs-range-listing #product.cfs-range-list-view .product-copy{height:308px;min-height:308px;padding:18px 24px;gap:4px}
.cfs-range-listing .productSection #product.cfs-range-list-view{align-items:start;grid-auto-rows:max-content}
.cfs-range-listing .productSection #product.cfs-range-list-view>li.product{height:auto!important;min-height:0!important;display:block!important;align-self:start!important}
.cfs-range-listing .productSection #product.cfs-range-list-view>li.product>.product-card.block{height:310px!important;min-height:310px!important;display:grid!important;flex:none!important;align-self:start!important;margin-bottom:0!important}
@media(min-width:1024px){
  form.cfs-range-listing .productSection #product.cfs-range-list-view>li.product>.product-card.block{height:310px!important;min-height:310px!important}
  form.cfs-range-listing #product.cfs-range-list-view .product-media,
  form.cfs-range-listing #product.cfs-range-list-view .product-media .image{width:310px!important;max-width:none!important;height:308px!important;min-height:308px!important}
}
/* Short collections use the horizontal card efficiently: two cards per row
   on wide screens, without changing regular ranges or responsive layouts. */
@media(min-width:1280px){
  .cfs-range-listing .productSection #product.cfs-range-short-listing.cfs-range-list-view{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:1100px){.cfs-range-listing .listingPg>.container{padding-inline:28px}.cfs-range-listing .productSection #product{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.cfs-range-listing .listingPg>.container{padding:20px 14px 48px}.cfs-range-intro h1{font-size:34px}.cfs-range-intro{margin-bottom:18px;padding:24px 20px!important}.cfs-range-meta{align-items:flex-start;flex-direction:column;gap:5px}.cfs-range-meta>span[aria-hidden]{display:none}.cfs-range-toolbar{position:sticky;z-index:30;top:0;margin-inline:-14px;padding:10px 14px;background:#fff}.cfs-range-results{font-size:11px}.cfs-range-sort-label{display:none}.cfs-range-sort{min-width:128px;max-width:145px}.cfs-range-view-toggle button{width:40px;height:40px}.cfs-range-listing .productSection #product{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cfs-range-listing .productSection #product.cfs-range-list-view>li.product>.product-card,.cfs-range-listing .productSection #product.cfs-range-list-view>li.product>.product-card.block{width:100%;height:auto!important;min-height:0!important;display:block!important}.cfs-range-listing #product.cfs-range-list-view .product-media,.cfs-range-listing #product.cfs-range-list-view .product-media .image{width:100%;height:220px!important;min-height:220px}.cfs-range-listing #product.cfs-range-list-view .product-copy{height:auto;min-height:0;padding:16px}.cfs-range-promo .block{min-height:381px}.cfs-range-promo .block img{min-height:359px}}
@media(max-width:359px){.cfs-range-listing .productSection #product{grid-template-columns:1fr}}
.cfs-range-listing .cfs-range-anchor-hint{display:none}

/* The desktop grid rule above applies to every range product list. Restore the
   intended single-column card geometry when the customer explicitly chooses list view. */
@media(min-width:768px){
  .cfs-range-listing .listingPg>.container>#range-products.productSection #product.cfs-range-list-view{
    grid-template-columns:minmax(0,1fr)!important;
    gap:20px!important;
  }
}

/* Mobile range anchors intentionally overflow as a horizontal list. Keep a
   slim visible scrollbar so customers can see that more sections are
   available, while preserving keyboard focus and native touch scrolling. */
@media(max-width:767px){
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav{
    padding-bottom:4px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#8f837a #eee9e2!important;
  }
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav::-webkit-scrollbar{
    display:block!important;
    height:4px!important;
  }
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav::-webkit-scrollbar-track{
    background:#eee9e2!important;
  }
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav::-webkit-scrollbar-thumb{
    border-radius:999px!important;
    background:#8f837a!important;
  }
}
@media(max-width:389px){
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-hint{
    display:block!important;
    min-height:20px!important;
    margin:0 -14px 10px!important;
    padding:3px 14px 0!important;
    color:#675d56!important;
    background:#f5f1eb!important;
    text-align:right!important;
    font-size:11px!important;
    line-height:17px!important;
  }
}

/* Reference-parity merge additions, based on current staging 2026-08-14. */
.cfs-range-listing .cfs-range-anchor-nav{position:sticky;top:0;z-index:35;margin:0;padding:0;border-block:1px solid #d9d8d2;display:flex;overflow:auto;scrollbar-width:none;background:rgba(255,255,255,.97);backdrop-filter:blur(8px)}
.cfs-range-listing .cfs-range-anchor-nav::-webkit-scrollbar{display:none}
.cfs-range-listing .cfs-range-anchor-nav a{min-height:52px;padding:0 18px;border-bottom:3px solid transparent;display:flex;align-items:center;color:#4b5148;text-decoration:none;white-space:nowrap;font-size:13px;font-weight:600}
.cfs-range-listing .cfs-range-anchor-nav a:first-child{padding-left:0}.cfs-range-listing .cfs-range-anchor-nav a.is-active{color:var(--range-green);border-bottom-color:#d2a94c}
.cfs-range-listing .cfs-range-hero.writeUpInfo{width:100%;max-width:1502px;min-height:500px;margin:0;padding:0;display:grid;grid-template-columns:minmax(620px,840px) minmax(0,600px);overflow:hidden;color:#fff;background:#1b2017}
.cfs-range-listing .cfs-range-hero-image{grid-column:2;grid-row:1;min-width:0}.cfs-range-listing .cfs-range-hero-image img{width:100%;height:500px;display:block;object-fit:cover}
.cfs-range-listing .cfs-range-hero-copy{grid-column:1;grid-row:1;padding:56px 56px 56px 0;display:flex;flex-direction:column;justify-content:center;gap:16px}
.cfs-range-listing .cfs-range-hero h1{max-width:none;color:#fff;font-size:36px;line-height:1.12}.cfs-range-listing .cfs-range-hero .cfs-range-eyebrow{color:#d2a94c}
.cfs-range-listing .cfs-range-hero .readMoreBlock{max-width:510px;margin:0}.cfs-range-listing .cfs-range-hero .readMoreBlock .info{max-width:none;max-height:88px;color:#fff;font-size:16px;line-height:1.55}.cfs-range-listing .cfs-range-hero .readMoreBlock .info.fulltext{max-height:148px;padding-right:8px;overflow:auto}.cfs-range-listing .cfs-range-hero .readMoreBlock p{color:#fff}
.cfs-range-listing .cfs-range-hero .cfs-range-read-actions .btn{border:1px solid rgba(255,255,255,.72);color:#fff;background:transparent}
.cfs-range-listing .cfs-range-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.cfs-range-listing .cfs-range-primary,.cfs-range-listing .cfs-range-secondary{min-height:48px;padding:0 24px;border:1px solid transparent;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.cfs-range-listing .cfs-range-primary{color:#1b2017!important;background:#d2a94c}.cfs-range-listing .cfs-range-secondary{color:#fff!important;border-color:#fff;background:transparent}
.cfs-range-listing .cfs-range-trust{min-height:128px;margin:0 0 38px;padding:32px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;color:#fff;background:#4d403a}
.cfs-range-listing .cfs-range-trust>div{padding-left:18px;border-left:3px solid #d2a94c;display:flex;flex-direction:column;justify-content:center}.cfs-range-listing .cfs-range-trust strong{font-size:16px}.cfs-range-listing .cfs-range-trust span{margin-top:5px;color:rgba(255,255,255,.76);font-size:13px;line-height:18px}
.cfs-range-listing .cfs-range-related{margin-top:52px!important;border:0!important;background:#fff}.cfs-range-listing .rps-wrap{padding:48px 0}.cfs-range-listing .rps-main-title{color:var(--range-ink);font-size:34px;line-height:40px}.cfs-range-listing .rps-tab{font-family:inherit}.cfs-range-listing button.rps-tab{appearance:none}.cfs-range-listing .rps-tab:focus-visible{outline:3px solid rgba(210,169,76,.55);outline-offset:2px}
.cfs-range-listing .cfs-range-information{margin:0;padding:64px;display:grid;grid-template-columns:minmax(0,580px) 1fr;gap:48px;align-items:center;background:#f5f1e8}.cfs-range-listing .cfs-range-information-image img{width:100%;height:390px;display:block;object-fit:cover;border-radius:6px}.cfs-range-listing .cfs-range-information h2,.cfs-range-listing .cfs-range-help h2{margin:8px 0 16px;font-size:42px;line-height:1.12}.cfs-range-listing .cfs-range-information-copy,.cfs-range-listing .cfs-range-information li{color:#4c5148;font-size:16px;line-height:24px}.cfs-range-listing .cfs-range-information ul{padding-left:20px}.cfs-range-listing .cfs-range-information a{color:var(--range-green);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.cfs-range-listing .cfs-range-help{margin:0;padding:52px 64px;display:flex;align-items:center;justify-content:space-between;gap:64px;color:#fff;background:#1b2017}.cfs-range-listing .cfs-range-help>div:first-child{max-width:780px}.cfs-range-listing .cfs-range-help h2{color:#fff}.cfs-range-listing .cfs-range-help>div:last-child{width:360px;display:grid;gap:14px}.cfs-range-listing .cfs-range-help p:not(.cfs-range-eyebrow){font-size:16px;line-height:24px}
.cfs-range-listing .cfs-range-empty{margin:24px 0;padding:58px 24px;text-align:center;border:1px dashed #aeb0a8;border-radius:6px;background:#fff}.cfs-range-listing .cfs-range-empty h2{margin:0 0 10px;font-size:28px}.cfs-range-listing .cfs-range-empty p{margin:0 0 22px;color:#4c5148;font-size:16px}
.cfs-range-listing a:focus-visible,.cfs-range-listing button:focus-visible,.cfs-range-listing select:focus-visible{outline:3px solid rgba(210,169,76,.55);outline-offset:2px}
@media(max-width:1023px){.cfs-range-listing .cfs-range-hero.writeUpInfo{min-height:0;display:flex;flex-direction:column}.cfs-range-listing .cfs-range-hero-image{order:0}.cfs-range-listing .cfs-range-hero-image img{height:360px}.cfs-range-listing .cfs-range-hero-copy{min-height:353px;padding:30px 28px;order:1}.cfs-range-listing .cfs-range-hero h1{font-size:36px;line-height:42px}.cfs-range-listing .cfs-range-trust{grid-template-columns:1fr 1fr}.cfs-range-listing .cfs-range-information{grid-template-columns:1fr}.cfs-range-listing .cfs-range-information-image img{height:340px}.cfs-range-listing .cfs-range-help{display:block}.cfs-range-listing .cfs-range-help>div:last-child{width:100%;margin-top:24px}}
@media(min-width:768px) and (max-width:1023px){.cfs-range-listing .cfs-range-anchor-nav{margin-inline:-28px;padding-inline:28px}.cfs-range-listing .cfs-range-trust{margin-inline:-28px;padding-inline:28px}.cfs-range-listing .cfs-range-information{margin-inline:-28px;padding-inline:28px}.cfs-range-listing .cfs-range-help{margin-inline:-28px;padding-inline:28px}}
@media(max-width:767px){.cfs-range-listing .cfs-range-anchor-nav{margin:0 -14px;padding:0 14px}.cfs-range-listing .cfs-range-anchor-nav a{min-height:48px;padding-inline:13px}.cfs-range-listing .cfs-range-hero.writeUpInfo,.cfs-range-listing .cfs-range-trust,.cfs-range-listing .cfs-range-information,.cfs-range-listing .cfs-range-help{margin-inline:-14px!important}.cfs-range-listing .cfs-range-hero-image img{height:270px}.cfs-range-listing .cfs-range-hero-copy{padding:28px 20px}.cfs-range-listing .cfs-range-hero h1{font-size:32px;line-height:38px}.cfs-range-listing .cfs-range-hero-actions{display:grid}.cfs-range-listing .cfs-range-trust{padding:24px 20px;grid-template-columns:1fr;gap:18px}.cfs-range-listing .cfs-range-trust>div{min-height:48px}.cfs-range-listing .cfs-range-information{padding:42px 20px}.cfs-range-listing .cfs-range-information-image img{height:240px}.cfs-range-listing .cfs-range-information h2,.cfs-range-listing .cfs-range-help h2{font-size:28px;line-height:34px}.cfs-range-listing .cfs-range-help{padding:42px 20px}.cfs-range-listing .rps-wrap{padding-block:36px}}
@media(prefers-reduced-motion:reduce){.cfs-range-listing *{scroll-behavior:auto!important;transition:none!important}}
.cfs-range-listing .cfs-range-search{margin:0 0 0 auto}.cfs-range-listing .cfs-range-search input{width:240px;height:42px;padding:0 14px;border:1px solid #d8d5cd;border-radius:3px;color:var(--range-ink);background:#fff;font-size:14px}.cfs-range-listing .cfs-range-search-empty{margin:18px 0;padding:28px;text-align:center;border:1px dashed #aeb0a8;background:#fff;color:#4c5148}.cfs-range-listing #product>li[hidden]{display:none!important}
@media(max-width:767px){.cfs-range-listing .cfs-range-toolbar{align-items:stretch;flex-wrap:wrap}.cfs-range-listing .cfs-range-results{width:100%}.cfs-range-listing .cfs-range-search{order:3;width:100%;margin:0}.cfs-range-listing .cfs-range-search input{width:100%}.cfs-range-listing .cfs-range-toolbar-actions{margin-left:auto}}

/* Promotional listing tiles use the same complete grid cell as product cards. */
.cfs-range-listing #product>li.cfs-range-promo>.block{
  width:100%;
  min-width:0;
  flex:1 1 100%;
  box-sizing:border-box;
  overflow:hidden;
}
.cfs-range-listing #product>li.cfs-range-promo>.block>a{
  width:100%;
}
.cfs-range-listing #product>li.cfs-range-promo>.block img{
  width:100%!important;
  max-width:none;
}

/* Block 128: range hero parity and legacy-listing isolation. */
.cfs-range-listing .listingPg>.container>.cfs-range-anchor-nav{order:-1}
.cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
  order:0;
  width:100%;
  max-width:1502px;
  min-height:500px;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:minmax(620px,840px) minmax(0,600px);
  overflow:hidden;
  color:#fff!important;
  background:#1b2017!important;
}
.cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-copy{
  padding:56px 56px 56px 0;
  color:#fff!important;
  background:#1b2017!important;
}
.cfs-range-listing .listingPg>.container>.cfs-range-hero h1{
  margin:0!important;
  color:#fff!important;
  font-size:36px;
  line-height:1.12;
}
.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock{
  max-width:510px!important;
  margin:0!important;
  color:#fff!important;
}
.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock .info{
  max-width:none!important;
  max-height:88px!important;
  color:#fff!important;
  overflow:hidden!important;
}
.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock .info.fulltext{
  max-height:148px!important;
  padding-right:8px;
  overflow:auto!important;
}
.cfs-range-listing .cfs-range-hero-image{background:#e8e4db}
.cfs-range-listing .cfs-range-hero-image img{background:#e8e4db}

@media(max-width:1023px){
  .cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
    min-height:0!important;
    display:flex!important;
    flex-direction:column;
    margin-inline:-28px!important;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-copy{padding:30px 28px!important}
  .cfs-range-listing .listingPg>.container>.cfs-range-hero h1{font-size:36px;line-height:1.12}
}
@media(max-width:767px){
  .cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{margin-inline:-14px!important}
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-copy{padding:28px 20px!important}
  .cfs-range-listing .listingPg>.container>.cfs-range-hero h1{font-size:32px;line-height:1.18}
}

@media(max-width:767px){
  .cfs-range-listing #product:not(.cfs-range-list-view)>li.product:not(.cfs-range-promo)>.product-card .product-media,
  .cfs-range-listing #product:not(.cfs-range-list-view)>li.product:not(.cfs-range-promo)>.product-card .product-media .image{
    height:154px!important;
    min-height:154px!important;
    aspect-ratio:auto;
  }
}

/* Keep the stacked range hero compact on phones. The tablet rule previously
   left a 353px minimum height behind after the image moved above the copy. */
@media(max-width:767px){
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-copy{
    min-height:0!important;
    padding:18px 20px 16px!important;
    justify-content:flex-start!important;
    gap:10px!important;
  }
  .cfs-range-listing .cfs-range-hero .cfs-range-eyebrow{margin-bottom:2px}
  .cfs-range-listing .cfs-range-hero .cfs-range-read-actions{min-height:36px;margin-top:8px}
  .cfs-range-listing .cfs-range-hero .cfs-range-read-actions .btn{min-height:36px;padding-block:7px!important}
  .cfs-range-listing .cfs-range-hero-actions{gap:10px!important}
}

/* Block 158: breadcrumb text shares the exact left edge of the range shell. */
.cfs-range-listing .cfs-range-breadcrumb{
  box-sizing:border-box;
  padding-inline:0!important;
}

/* Block 159: range hero description expands in the page, never in a nested scroller. */
.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock .info:not(.fulltext){
  display:-webkit-box!important;
  max-height:49.6px!important;
  padding-right:0!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock .info.fulltext{
  display:block!important;
  max-height:none!important;
  padding-right:0!important;
  overflow:visible!important;
}
.cfs-range-listing .cfs-range-hero .cfs-range-description-body,
.cfs-range-listing .cfs-range-hero .cfs-range-description-body>*:last-child{
  margin-bottom:0;
}
.cfs-range-listing .cfs-range-hero .cfs-range-read-actions{
  min-height:40px;
  margin-top:12px;
  align-items:center;
}
.cfs-range-listing .cfs-range-hero .cfs-range-read-actions .btn{
  min-width:108px;
  min-height:40px;
  padding:8px 16px!important;
  border:1px solid rgba(255,255,255,.82)!important;
  border-radius:999px!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff!important;
  background:transparent!important;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  text-decoration:none;
  cursor:pointer;
}
.cfs-range-listing .cfs-range-hero .cfs-range-read-actions .infoReadMore::after{
  content:"\2193";
  font-size:15px;
  line-height:1;
}
.cfs-range-listing .cfs-range-hero .cfs-range-read-actions .infoClose::after{
  content:"\2191";
  font-size:15px;
  line-height:1;
}
.cfs-range-listing .cfs-range-hero .cfs-range-read-actions .btn:hover{
  border-color:#d2a94c!important;
  color:#1b2017!important;
  background:#d2a94c!important;
}
.cfs-range-listing.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock .info.fulltext{
  display:block!important;
  max-height:none!important;
  height:auto!important;
  padding-right:0!important;
  overflow:visible!important;
}
.cfs-range-listing.cfs-range-listing .cfs-range-hero .cfs-range-read-actions .infoClose{
  display:none!important;
}
.cfs-range-listing.cfs-range-listing .cfs-range-hero .readMoreBlock .info.fulltext~.cfs-range-read-actions .infoReadMore{
  display:none!important;
}
.cfs-range-listing.cfs-range-listing .cfs-range-hero .readMoreBlock .info.fulltext~.cfs-range-read-actions .infoClose{
  display:inline-flex!important;
}
@media(min-width:1024px){
  .cfs-range-listing .cfs-range-hero:has(.readMoreBlock .info.fulltext) .cfs-range-hero-image img{
    height:500px!important;
    min-height:0!important;
    object-fit:cover;
    object-position:center;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
    height:500px!important;
    max-height:500px!important;
  }
  .cfs-range-listing .cfs-range-hero:has(.readMoreBlock .info.fulltext) .cfs-range-hero-copy{
    padding-top:20px!important;
    padding-bottom:20px!important;
    gap:8px;
    min-height:0;
    overflow:hidden;
  }
  .cfs-range-listing .cfs-range-hero:has(.readMoreBlock .info.fulltext) .readMoreBlock{
    min-height:0;
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    overflow:hidden;
  }
  .cfs-range-listing .cfs-range-hero:has(.readMoreBlock .info.fulltext) .cfs-range-read-actions{
    flex:0 0 auto;
  }
  .cfs-range-listing .cfs-range-hero-image{
    height:500px!important;
    overflow:hidden;
  }
  .cfs-range-listing.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock .info.fulltext{
    min-height:0!important;
    max-height:none!important;
    padding-right:10px!important;
    flex:1 1 auto;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    scrollbar-color:rgba(255,255,255,.62) transparent;
    scrollbar-width:thin;
  }
  .cfs-range-listing .cfs-range-hero .readMoreBlock .info.fulltext::-webkit-scrollbar{width:5px}
  .cfs-range-listing .cfs-range-hero .readMoreBlock .info.fulltext::-webkit-scrollbar-track{background:transparent}
  .cfs-range-listing .cfs-range-hero .readMoreBlock .info.fulltext::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(255,255,255,.62)}
}

/* Block 160: keep long collection copy aligned with the media and independently scrollable. */
.cfs-range-listing .cfs-range-information-content{
  max-height:390px;
  min-width:0;
  padding:2px 14px 2px 0;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:contain;
  scrollbar-gutter:stable;
  scrollbar-color:#8c9187 #e7e2d8;
  scrollbar-width:thin;
}
.cfs-range-listing .cfs-range-information-content::-webkit-scrollbar{width:7px}
.cfs-range-listing .cfs-range-information-content::-webkit-scrollbar-track{
  border-radius:999px;
  background:#e7e2d8;
}
.cfs-range-listing .cfs-range-information-content::-webkit-scrollbar-thumb{
  border:1px solid #e7e2d8;
  border-radius:999px;
  background:#8c9187;
}
.cfs-range-listing .cfs-range-information-content:focus-visible{
  outline:3px solid rgba(210,169,76,.55);
  outline-offset:4px;
}
@media(max-width:1023px){
  .cfs-range-listing .cfs-range-information-content{max-height:480px}
}
@media(max-width:767px){
  .cfs-range-listing .cfs-range-information-content{
    max-height:440px;
    padding-right:10px;
  }
}

/* Mobile assurance parity: use the same compact 2x2 presentation as brand pages. */
@media(max-width:767px){
  :is(#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-trust{
    box-sizing:border-box!important;width:auto!important;min-height:0!important;
    margin:0 -14px 38px!important;padding:14px 16px!important;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:8px!important;row-gap:10px!important;color:#3a474d!important;background:#fff!important;
  }
  :is(#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-trust>div{
    min-width:0!important;min-height:0!important;padding:0!important;border:0!important;
    display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;
  }
  :is(#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-trust i{
    width:32px!important;height:32px!important;flex-basis:32px!important;border:1px solid #4d403a!important;
    display:grid!important;place-items:center!important;color:#fff!important;background:#4d403a!important;
  }
  :is(#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-trust .cfs-trust-icon{
    width:17px!important;height:17px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;
  }
  :is(#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-trust>div>span{
    min-width:0!important;margin:0!important;color:#3a474d!important;
  }
  :is(#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-trust strong{
    font-size:14px!important;line-height:1.3!important;font-weight:700!important;
  }
  :is(#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity#cfs-range-trust-parity,html)
  body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-trust small{
    margin-top:0!important;color:#3a474d!important;font-size:12px!important;line-height:1.35!important;
  }
}

/* Range section navigation: centre the desktop group and remove the legacy
   continuous lower rule. Active state remains visible through text colour. */
:is(#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean,html)
body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav{
  border-bottom:0!important;
}
:is(#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean,html)
body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav>a,
:is(#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean#cfs-range-anchor-clean,html)
body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav>a.is-active{
  border-bottom:0!important;
}
/* Final tab-state contract: no decorative lower rules; click/scroll state is
   communicated by weight and colour only. */
:is(#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state,html)
body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav{
  border-bottom:0!important;
  box-shadow:none!important;
  background-image:none!important;
}
:is(#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state,html)
body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav>a{
  border:0!important;
  box-shadow:none!important;
  background-image:none!important;
  font-weight:500!important;
}
:is(#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state,html)
body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav>a.is-active{
  border:0!important;
  color:#4d403a!important;
  font-weight:700!important;
}
:is(#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state,html)
body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav>a::before,
:is(#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state#cfs-range-anchor-state,html)
body.cfs2030-shell #main-content .cfs-range-listing .cfs-range-anchor-nav>a::after{
  content:none!important;
  display:none!important;
}

/* 2026-08-22: keep range cards aligned with the shared commerce hierarchy. */
.cfs-range-listing #product .product-card .cfs-card-finance,
.cfs-range-listing #product .product-card .cfs-card-delivery,
.cfs-range-listing #product .product-card .stockInfo{
  display:block!important;
  min-height:15px;
  margin:0;
  overflow:hidden;
  font-size:11px;
  line-height:15px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.cfs-range-listing #product .product-card .cfs-card-finance{color:#1a1a1a}
.cfs-range-listing #product .product-card .cfs-card-delivery{color:#008f5a}
.cfs-range-listing #product .product-card .stockInfo{color:#324c20}
.cfs-range-listing #product .product-card .stockInfo::before,
.cfs-range-listing #product .product-card .stockInfo::after{
  display:none!important;
  content:none!important;
  background-image:none!important;
}
@media(max-width:767px){
  .cfs-range-listing #product .product-card .cfs-card-finance,
  .cfs-range-listing #product .product-card .cfs-card-delivery,
  .cfs-range-listing #product .product-card .stockInfo{
    display:block!important;
    min-height:13px;
    font-size:9px;
    line-height:13px;
  }
}

/* Native range search marks non-matching product wrappers with [hidden].
   The legacy listing flex rule has higher specificity, so restore the hidden
   contract at the range-page scope without changing product-card geometry. */
.cfs-range-listing .listingPg:not(.cfs2030-plp) #product>li.product[hidden]{
  display:none!important
}

/* One shared desktop measure for range pages. */
@media(min-width:1024px){
  .cfs-range-listing .listingPg>.container{
    width:min(calc(100% - 32px),1502px);
    max-width:1502px;
    margin:0 auto;
    padding:0 0 68px
  }
  .cfs-range-listing .cfs-range-breadcrumb{
    width:100%;
    max-width:1502px;
    height:49px;
    min-height:49px;
    margin:0 auto;
    padding:0;
    display:flex;
    align-items:center
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-anchor-nav{
    width:100%;
    margin:0;
    padding-inline:0;
    flex:0 0 56px
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
    width:100%;
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important;
    margin:0;
    grid-template-columns:minmax(620px,840px) minmax(0,600px)!important;
    justify-content:space-between
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-copy{
    box-sizing:border-box;
    width:840px;
    max-width:100%;
    height:500px;
    min-height:500px;
    max-height:500px;
    padding:68px 56px 68px 0;
    gap:18px;
    overflow:hidden
  }
  .cfs-range-listing .cfs-range-hero-image,
  .cfs-range-listing .cfs-range-hero-image img{
    width:100%;
    height:500px!important;
    min-height:500px!important;
    max-height:500px!important
  }
  .cfs-range-listing .cfs-range-trust{
    width:100%;
    min-height:128px;
    margin:0 0 38px!important;
    padding:40px 60px;
    gap:24px
  }
  .cfs-range-listing #range-products,
  .cfs-range-listing #range-related{
    width:calc(100% - 160px);
    max-width:1280px;
    margin-inline:auto!important
  }
  .cfs-range-listing #range-related{margin-top:52px!important}
  .cfs-range-listing .cfs-range-information,
  .cfs-range-listing .cfs-range-help{
    width:100%;
    margin-inline:0!important
  }
}

/* Approved assurance strip: icon-led items instead of decorative divider bars. */
.cfs-range-listing .cfs-range-trust>div{
  padding-left:0;
  border-left:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-direction:row;
  gap:16px
}
.cfs-range-listing .cfs-range-trust i{
  width:48px;
  height:48px;
  border-radius:50%;
  display:grid;
  flex:0 0 48px;
  place-items:center;
  color:#fff;
  background:#587d25;
  font-style:normal
}
.cfs-range-listing .cfs-range-trust .cfs-trust-icon{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7
}
.cfs-range-listing .cfs-range-trust>div>span{display:block}
.cfs-range-listing .cfs-range-trust strong,
.cfs-range-listing .cfs-range-trust small{display:block}
.cfs-range-listing .cfs-range-trust small{
  margin-top:2px;
  color:rgba(255,255,255,.7);
  font-size:13px;
  line-height:normal
}
@media(max-width:767px){
  .cfs-range-listing .cfs-range-trust>div{gap:9px}
  .cfs-range-listing .cfs-range-trust i{width:34px;height:34px;flex-basis:34px}
  .cfs-range-listing .cfs-range-trust .cfs-trust-icon{width:17px;height:17px}
  .cfs-range-listing .cfs-range-trust strong{font-size:11px;line-height:15px}
  .cfs-range-listing .cfs-range-trust small{font-size:9px;line-height:12px}
}

/* Range hero: let expanded copy use the complete space beside the image. */
.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock,
.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock .info,
.cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-description-body,
.cfs-range-listing .listingPg>.container>.cfs-range-hero .range-description{
  box-sizing:border-box;
  width:100%!important;
  max-width:none!important;
}
@media(min-width:1024px){
  .cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
    grid-template-columns:minmax(0,1fr) minmax(500px,600px)!important;
    justify-content:stretch!important;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-copy{
    width:100%!important;
    max-width:none!important;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero h1{
    max-width:780px!important;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero:has(.readMoreBlock .info.fulltext){
    height:auto!important;
    min-height:500px!important;
    max-height:none!important;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero:has(.readMoreBlock .info.fulltext) .cfs-range-hero-copy{
    height:auto!important;
    min-height:500px!important;
    max-height:none!important;
    overflow:visible!important;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero:has(.readMoreBlock .info.fulltext) .cfs-range-hero-image,
  .cfs-range-listing .listingPg>.container>.cfs-range-hero:has(.readMoreBlock .info.fulltext) .cfs-range-hero-image img{
    height:100%!important;
    min-height:500px!important;
    max-height:none!important;
  }
  .cfs-range-listing.cfs-range-listing .listingPg>.container>.cfs-range-hero .readMoreBlock .info.fulltext{
    width:100%!important;
    max-width:none!important;
    padding-right:0!important;
    flex:0 0 auto!important;
    overflow:visible!important;
  }
}

/* Keep desktop range introductions top-led and contain the legacy listing row.
   The page shell owns the range-product width; none of its nested row wrappers
   may add a second, wider desktop measure. */
@media(min-width:1024px){
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-copy{
    justify-content:flex-start;
  }
  .cfs-range-listing .listingPg>.container>#range-products.productSection>
  .row,
  .cfs-range-listing .listingPg>.container>#range-products.productSection
  .maiProductCol,
  .cfs-range-listing .listingPg>.container>#range-products.productSection #product{
    box-sizing:border-box;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .cfs-range-listing .listingPg>.container>#range-products.productSection>.row,
  .cfs-range-listing .listingPg>.container>#range-products.productSection .maiProductCol{
    flex:0 0 100%!important;
  }
  .cfs-range-listing .listingPg>.container>#range-products.productSection #product{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:20px!important;
  }
  .cfs-range-listing .listingPg>.container>#range-products.productSection #product>li.product{
    min-width:0!important;
    margin:0!important;
  }
}

/* Long collection titles need a calmer measure than the page-level hero. */
@media(min-width:1024px){
  .cfs-range-listing .cfs-range-information h2{
    font-size:34px;
    line-height:1.16;
  }
}

/* Preserve the range copy measure and extend only the hero artwork to the viewport edge. */
@media(min-width:1024px){
  .cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
    width:calc(100% + max(16px,calc((100vw - 15px - 1502px)/2)));
    max-width:none;
    margin-right:calc(-1 * max(16px,calc((100vw - 15px - 1502px)/2)));
    grid-template-columns:minmax(0,min(902px,calc(100% - 500px))) minmax(500px,1fr)!important;
  }
}


/* Match the brand-page assurance grid on phones. */
@media(max-width:767px){
  :is(#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity,html)
  body.cfs2030-shell .cfs-range-listing .listingPg>.container>.cfs-range-trust{
    box-sizing:border-box!important;
    width:auto!important;
    min-height:0!important;
    margin:0 -14px 38px!important;
    padding:18px 16px!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:14px 12px!important;
    color:#3a474d!important;
    background:#fff!important;
  }
  :is(#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity,html)
  body.cfs2030-shell .cfs-range-listing .cfs-range-trust>div{
    min-width:0!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    align-items:center!important;
    gap:10px!important;
  }
  :is(#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity,html)
  body.cfs2030-shell .cfs-range-listing .cfs-range-trust i{
    width:38px!important;
    height:38px!important;
    flex-basis:38px!important;
    border:1px solid var(--cfs-theme-cacao,#4d403a)!important;
    color:#fff!important;
    background:var(--cfs-theme-cacao,#4d403a)!important;
  }
  :is(#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity,html)
  body.cfs2030-shell .cfs-range-listing .cfs-range-trust strong{
    color:#3a474d!important;
    font-size:14px!important;
    line-height:1.3!important;
  }
  :is(#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity#cfs-range-trust-brand-parity,html)
  body.cfs2030-shell .cfs-range-listing .cfs-range-trust small{
    margin-top:0!important;
    color:#4c5148!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
}

/* On wide range pages, let the artwork begin level with the section tabs.
   The tab band remains behind the copy column only; it stays above the image
   for keyboard and sticky-nav use.  Tablet and mobile deliberately keep the
   existing stacked layout. */
@media(min-width:1200px){
  .cfs-range-listing .listingPg>.container>.cfs-range-anchor-nav{
    background:transparent!important;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-anchor-nav::before{
    background:linear-gradient(
      to right,
      var(--cfs-theme-khaki,#dfdacf) 0,
      var(--cfs-theme-khaki,#dfdacf) calc(max(16px,calc((100vw - 15px - 1502px)/2)) + min(902px,calc(100% - 500px))),
      transparent calc(max(16px,calc((100vw - 15px - 1502px)/2)) + min(902px,calc(100% - 500px)))
    );
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
    overflow:visible!important;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-image,
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-image img{
    height:556px!important;
    min-height:556px!important;
    max-height:556px!important;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-image{
    position:relative;
    z-index:1;
    margin-top:-56px;
  }
  .cfs-range-listing .listingPg>.container>.cfs-range-hero .cfs-range-hero-copy{
    position:relative;
    z-index:2;
  }
}

/* The shell sets a khaki background with a highly-specific page selector.
   Keep that band only under the tabs/copy column so the lifted artwork stays
   visible on the right. */
@media(min-width:1200px){
  html body.cfs2030-shell #main-content .cfs-range-listing .listingPg>.container>.cfs-range-anchor-nav{
    background-color:transparent!important;
    background-image:none!important;
  }
}

/* Override only the legacy range palette's intentionally repeated-ID rule.
   This reveals the lifted image on the right without changing its left tab
   area or the layout at tablet/mobile breakpoints. */
@media(min-width:1200px){
  :is(#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align#cfs-range-hero-top-align,html)
  body.cfs2030-shell[data-cfs-page="c-brand_range_product"] #main-content .cfs-range-listing>.listingPg>.container>.cfs-range-anchor-nav{
    background:transparent!important;
  }
}

@media(min-width:1200px){
  .cfs-range-listing .listingPg>.container>.cfs-range-hero.writeUpInfo{
    clip-path:none!important;
  }
}

/* Range grid cards must use the width of their grid track.  The legacy card
   minimum (374px) made a four-column range listing overlap at this measure.
   Keep list-view cards out of this correction. */
@media(min-width:1024px){
  .cfs-range-listing .listingPg>.container>#range-products.productSection #product:not(.cfs-range-list-view)>li.product>.product-card{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    flex:1 1 100%!important;
  }
  .cfs-range-listing .listingPg>.container>#range-products.productSection #product:not(.cfs-range-list-view)>li.product .product-media{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1/1;
    flex:0 0 auto!important;
  }
  .cfs-range-listing .listingPg>.container>#range-products.productSection #product:not(.cfs-range-list-view)>li.product .product-media>.image,
  .cfs-range-listing .listingPg>.container>#range-products.productSection #product:not(.cfs-range-list-view)>li.product .product-media>.image>img{
    width:100%!important;
    height:100%!important;
  }
  .cfs-range-listing .listingPg>.container>#range-products.productSection #product:not(.cfs-range-list-view)>li.product .product-media>.image>img{
    object-fit:cover!important;
  }
}