/* Dynamic range landing aligned to the approved range-page composition. */
/* Canonical CFS palette for every brand/range surface. */
.cfs-brand-landing{--cfs-bp-green3:#4d403a;--cfs-bp-white:#fff;--cfs-bp-surface:#fbfaf7;--cfs-bp-range-accent:#a77b52;--cfs-bp-nav-muted:#555}
.cfs-brand-landing .range-hero,.cfs-brand-landing .range-hero-copy,.cfs-brand-landing .room-tile,.cfs-brand-landing .room-tile>span{background:var(--cfs-bp-green)}
.cfs-brand-landing .section-white{background:var(--cfs-bp-white)}
.cfs-brand-landing .section-warm{background:var(--cfs-bp-warm)}

.cfs-brand-landing .section-inner{max-width:1440px;margin:auto;padding:64px 80px}
.cfs-brand-landing .brand-anchor-nav{z-index:80;height:56px}
.cfs-brand-landing .brand-anchor-nav>div{max-width:1502px;height:100%;margin:auto;padding:0;gap:44px}
.cfs-brand-landing .brand-anchor-nav a{font-size:13px;color:#555}
.cfs-brand-landing .brand-anchor-nav a.is-active{color:var(--cfs-bp-green);border-color:var(--cfs-bp-green3)}

.cfs-brand-landing .range-hero{height:500px;min-height:500px;overflow:hidden;align-items:stretch;grid-template-columns:minmax(620px,840px) minmax(0,600px)}
.cfs-brand-landing .range-hero picture{height:500px;min-height:500px;grid-column:2;grid-row:1;align-self:start;overflow:hidden}
.cfs-brand-landing .range-hero picture img{width:100%;height:500px;min-height:500px;display:block;object-fit:cover;object-position:center}
.cfs-brand-landing .range-hero-copy{height:500px;min-height:0;box-sizing:border-box;padding:40px 56px 40px 72px;gap:12px;justify-content:center;overflow:hidden}
.cfs-brand-landing .range-hero-copy{min-width:0}
.cfs-brand-landing .cfs-brand-hero-description{max-width:100%;min-height:29px;flex:0 0 auto;overflow-wrap:anywhere}
.cfs-brand-landing .cfs-brand-hero-description.is-collapsible:not(.is-expanded){max-height:58px;-webkit-line-clamp:2}
.cfs-brand-landing .range-hero.is-description-expanded{height:500px;min-height:500px;align-items:stretch}
.cfs-brand-landing .range-hero.is-description-expanded picture{height:500px;min-height:500px;align-self:start}
.cfs-brand-landing .range-hero.is-description-expanded picture img{height:500px;min-height:500px}
.cfs-brand-landing .range-hero.is-description-expanded .range-hero-copy{height:500px;min-height:0;padding-top:26px;padding-bottom:26px;gap:8px;justify-content:flex-start}
.cfs-brand-landing .range-hero.is-description-expanded .range-hero-copy h1{font-size:46px;line-height:50px}
.cfs-brand-landing .range-hero.is-description-expanded .cfs-brand-hero-description{height:120px;max-height:120px;flex:0 0 120px;padding-right:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.cfs-brand-landing .range-hero.is-description-expanded .cfs-brand-hero-description::-webkit-scrollbar{width:7px}
.cfs-brand-landing .range-hero.is-description-expanded .cfs-brand-hero-description::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(255,255,255,.45)}
.cfs-brand-landing .range-hero-copy h1{font-size:clamp(46px,3.35vw,56px);line-height:1.08;text-wrap:balance}
.cfs-brand-landing .range-hero-copy>p:not(.cfs-bp-eyebrow):not(.hero-attributes){max-width:510px;margin:0;color:#fff;font-size:18px;line-height:29px}
.cfs-brand-landing .hero-attributes{margin:0;color:#fff;font-size:14px;line-height:21px}
.cfs-brand-landing .hero-attributes span{padding:0 6px}
.cfs-brand-landing .hero-actions{margin-top:2px;gap:12px}
.cfs-brand-landing .hero-actions .cfs-bp-button{min-width:184px;min-height:48px;border-radius:999px;font-size:15px;letter-spacing:1px}
.cfs-brand-landing .hero-actions .secondary-button{color:var(--cfs-bp-green)!important;background:#fff}

.cfs-brand-landing .trust-strip{height:128px;min-height:128px;padding:0 max(80px,calc((100vw - 1280px)/2));gap:30px;background:var(--cfs-bp-green)}
.cfs-brand-landing .trust-strip>div{grid-template-columns:50px 1fr;gap:16px}
.cfs-brand-landing .trust-strip i{width:50px;height:50px;color:#fff;background:var(--cfs-bp-green3);font-size:20px}
.cfs-brand-landing .trust-strip strong{font-size:15px;line-height:20px}
.cfs-brand-landing .trust-strip small{font-size:11px;line-height:17px}

.cfs-brand-landing .room-section .section-inner{padding-block:55px}
.cfs-brand-landing .room-section .cfs-bp-heading,
.cfs-brand-landing .range-discovery .cfs-bp-heading,
.cfs-brand-landing .bestsellers .cfs-bp-heading,
.cfs-brand-landing .contact-routes .cfs-bp-heading{font-size:48px;line-height:55px}
.cfs-brand-landing .room-section .section-intro{font-size:16px;line-height:24px}
.cfs-brand-landing .room-scroller{margin-top:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;overflow:visible}
.cfs-brand-landing .room-tile{height:320px;min-width:0;border:0;border-radius:6px}
.cfs-brand-landing .room-tile img{height:250px;object-fit:cover}
.cfs-brand-landing .room-tile span{height:70px;min-height:70px;padding:17px 20px;align-items:center}
.cfs-brand-landing .room-tile strong{font-size:20px;line-height:26px}
.cfs-brand-landing .room-tile b{font-size:12px}

.cfs-brand-landing .range-discovery .section-inner{padding-block:52px}
.cfs-brand-landing .section-heading{margin-bottom:0;align-items:flex-end}
.cfs-brand-landing .section-heading p{font-size:16px;line-height:24px}
.cfs-brand-landing .section-heading>strong,
.cfs-brand-landing .section-heading>a{font-size:13px;line-height:18px;text-transform:uppercase}
.cfs-brand-landing .range-toolbar{width:100%;margin:24px 0 12px}
.cfs-brand-landing .range-search{max-width:520px;height:48px}
.cfs-brand-landing .range-search input{font-size:16px}
.cfs-brand-landing .range-sort{height:48px;margin-left:auto;font-size:14px}
.cfs-brand-landing .range-filters{margin-bottom:20px;overflow:visible}
.cfs-brand-landing .range-filters button{min-height:38px;font-size:14px}
.cfs-brand-landing .range-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cfs-brand-landing .range-card{border-radius:0}
.cfs-brand-landing .range-card>img{height:160px}
.cfs-brand-landing .range-card>div{min-height:304px;padding:16px;gap:7px}
.cfs-brand-landing .range-card>div>p{margin:0;color:var(--cfs-bp-range-accent);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.cfs-brand-landing .range-card h3{font-size:28px;line-height:34px}
.cfs-brand-landing .range-card span{min-height:18px;font-size:12px;line-height:18px;text-transform:uppercase}
.cfs-brand-landing .range-card small{color:#5f5f5f;font-size:14px;line-height:21px}
.cfs-brand-landing .range-card b{margin-top:auto;font-size:12px;line-height:18px;text-transform:uppercase}
.cfs-brand-landing .range-card a{margin-top:4px;font-size:13px;line-height:18px;text-transform:uppercase}
.cfs-brand-landing .outline-button{min-width:230px;margin-top:26px;color:var(--cfs-bp-green)!important;background:transparent}

.cfs-brand-landing .bestsellers .section-inner{padding-block:54px}
.cfs-brand-landing .product-scroller{margin-top:24px;overflow-x:auto}
.cfs-brand-landing .product-scroller>ul{min-width:1050px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cfs-brand-landing .product-scroller .product{min-width:0}
.cfs-brand-landing .product-scroller .product-card{height:603px;display:flex;flex-direction:column}
.cfs-brand-landing .product-scroller .product-card__media{height:290px;flex:0 0 290px}
.cfs-brand-landing .product-scroller .product-card__media img{width:100%;height:100%;object-fit:contain;object-position:center}
.cfs-brand-landing .product-scroller .product-card__body{min-height:0;display:flex;flex:1;flex-direction:column}
.cfs-brand-landing .product-scroller .product-card__cta{margin-top:auto}

/* Approved initial collection grid: four cards. Load more removes the fixed
   height through .is-range-expanded so all additional dynamic cards remain visible. */
@media(min-width:1024px){
  .cfs-brand-landing .range-discovery:not(.is-range-expanded),
  .cfs-brand-landing .range-discovery:not(.is-range-expanded) .section-inner{
    height:850px;min-height:850px;overflow:hidden
  }
  .cfs-brand-landing .range-discovery .section-inner{padding:64px 80px}
  .cfs-brand-landing .range-grid{position:relative;top:-2px;margin-top:16px;gap:20px}
  .cfs-brand-landing .range-card>img{height:170px}
  .cfs-brand-landing .range-card>div{height:217px;min-height:217px;padding:16px;overflow:hidden}
  .cfs-brand-landing .range-card{height:389px}
  .cfs-brand-landing .bestsellers,
  .cfs-brand-landing .bestsellers .section-inner{height:698px;min-height:698px;overflow:hidden}
  .cfs-brand-landing .bestsellers .section-inner{padding:54px 80px}
  .cfs-brand-landing .product-scroller>ul{gap:20px}
  .cfs-brand-landing .bestsellers .product-scroller>ul{position:relative;top:36px}
  .cfs-brand-landing .bestsellers .product-scroller{margin-top:60px}
  .cfs-brand-landing .product-scroller .product-card{height:368px!important;min-height:368px!important;max-height:368px!important;overflow:hidden!important}
  .cfs-brand-landing .product-scroller .product-media{height:200px!important;min-height:200px!important;max-height:200px!important;flex:0 0 200px!important;overflow:hidden!important}
  .cfs-brand-landing .product-scroller .product-media img{height:200px!important;object-fit:contain}
  .cfs-brand-landing .product-scroller .product-copy{height:166px!important;min-height:166px!important;max-height:166px!important;padding:10px 14px!important;overflow:hidden!important;display:flex;flex-direction:column;gap:2px}
  .cfs-brand-landing .product-scroller .cfs-card-variants,
  .cfs-brand-landing .product-scroller .udStyleDiscTag,
  .cfs-brand-landing .product-scroller .pStroke,
  .cfs-brand-landing .product-scroller .ySave{display:none!important}
  .cfs-brand-landing .product-scroller .brand-name{font-size:8px;line-height:11px}
  .cfs-brand-landing .product-scroller .title{min-height:36px;margin:2px 0;font-size:13px;line-height:18px;overflow:hidden}
  .cfs-brand-landing .product-scroller .cfs-card-rating{min-height:13px;margin:0;font-size:9px;line-height:13px;overflow:hidden}
  .cfs-brand-landing .product-scroller .price{margin:0}
  .cfs-brand-landing .product-scroller .price p{margin:0;line-height:22px}
  .cfs-brand-landing .product-scroller .pOne{font-size:18px;line-height:22px}
  .cfs-brand-landing .product-scroller .cfs-card-delivery{margin:0;font-size:9px;line-height:13px}
  .cfs-brand-landing .product-scroller .cfs-card-cta{min-height:38px;margin-top:auto;font-size:9px;line-height:12px}
}

/* Block 173: keep the mobile range-card action inside the compact card.
   The site-wide touch-target rules intentionally enlarge links; this CTA is
   positioned as a compact footer control so it cannot be clipped by the
   fixed 96px card-content row. */
@media(max-width:767px){
  :is(#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta,html)
  body.cfs2030-shell[data-cfs-page="c-brand_range_map"] #main-content #ranges .cfs-range-card>div{
    position:relative!important;
    padding:1px 0 34px!important;
    overflow:hidden!important
  }
  :is(#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta,html)
  body.cfs2030-shell[data-cfs-page="c-brand_range_map"] #main-content #ranges .cfs-range-card>div>b{
    position:absolute!important;
    left:0!important;
    bottom:8px!important;
    margin:0!important;
    font-size:9px!important;
    line-height:13px!important
  }
  :is(#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta,html)
  body.cfs2030-shell[data-cfs-page="c-brand_range_map"] #main-content #ranges .cfs-range-card>div>a{
    position:absolute!important;
    right:0!important;
    bottom:0!important;
    width:auto!important;
    min-width:0!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0 8px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    line-height:14px!important
  }
}

/* Block 175: outrank the site-wide compact-type authority only inside the
   brand bestseller rail. */
@media(max-width:767px){
  :is(#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy,html)
  body.cfs2030-shell #main-content .cfs-brand-landing #featured-products .section-heading>div>p:not(.cfs-bp-eyebrow){
    font-size:14px!important;
    line-height:20px!important
  }
  :is(#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy,html)
  body.cfs2030-shell #main-content .cfs-brand-landing #featured-products .section-heading>a{
    font-size:12px!important;
    line-height:16px!important;
    font-weight:700!important
  }
  :is(#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy,html)
  body.cfs2030-shell #main-content .cfs-brand-landing #featured-products .product-copy>.brand-name{
    font-size:12px!important;
    line-height:16px!important;
    font-weight:700!important
  }
  :is(#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy,html)
  body.cfs2030-shell #main-content .cfs-brand-landing #featured-products .product-copy>.title,
  :is(#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy,html)
  body.cfs2030-shell #main-content .cfs-brand-landing #featured-products .product-copy>.title>a{
    font-size:14px!important;
    line-height:19px!important;
    font-weight:600!important
  }
  :is(#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy,html)
  body.cfs2030-shell #main-content .cfs-brand-landing #featured-products .cfs-christmas-delivery__text{
    font-size:12px!important;
    line-height:15px!important;
    font-weight:600!important
  }
  :is(#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy#cfs-brand-mobile-copy,html)
  body.cfs2030-shell #main-content .cfs-brand-landing #featured-products .product-copy>.cfs-card-cta{
    font-size:13px!important;
    line-height:17px!important;
    font-weight:700!important
  }
}


/* Keep the brand bestseller product track flush with its scroll viewport.
   The former vertical offset hid the lower part of every View Product CTA. */
.cfs-brand-landing .bestsellers .cfs-brand-featured-products.product-scroller > ul.cfs-plp-product-grid{
  top:0!important
}

/* Brand product scrollers: the shared `.image` link carries legacy padding
   and an intrinsic height that is taller than `.product-media`. The media box
   then clips the bottom of otherwise correctly contained product images.
   Normalise the link to its parent so every product is visible in full. */
.cfs-brand-landing .bestsellers .product-scroller .product-media>a.image{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  height:200px!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:200px!important;
  padding:0!important;
  overflow:hidden!important;
  background:#fff
}
.cfs-brand-landing .bestsellers .product-scroller .product-media>a.image>img{
  display:block!important;
  position:static!important;
  inset:auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important
}
@media(max-width:1023px){
  .cfs-brand-landing .bestsellers .product-scroller .product-media>a.image,
  .cfs-brand-landing .bestsellers .product-scroller .product-media>a.image>img{
    height:156px!important;
    max-height:156px!important
  }
}

/* 2026-09-01: the brand-story artwork is a wide banner. Keep the complete
   composition visible inside its fixed canvas instead of centre-cropping it. */
.cfs-brand-landing #brand-story .story-image{
  height:390px!important;
  min-height:390px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  background:#fff!important
}
@media(max-width:767px){
  .cfs-brand-landing #brand-story .story-image{
    height:200px!important;
    min-height:200px!important
  }
}

.cfs-brand-landing #brand-story .story-image>img{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:#fff!important
}

/* Brand bestsellers use compact cards; keep the service badge inside the media. */
.cfs-brand-landing .bestsellers .product-scroller{
  overflow-x:auto;
  overflow-y:hidden
}
.cfs-brand-landing .bestsellers .cfs-card-service-tag{
  right:12px;
  max-width:calc(100% - 24px);
  overflow:hidden
}
.cfs-brand-landing .bestsellers .cfs-card-service-pill{
  display:block;
  max-width:100%;
  padding-inline:10px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.cfs-brand-landing .brand-story .section-inner{padding-block:64px;grid-template-columns:1fr 1fr;gap:60px}
.cfs-brand-landing .brand-story .story-image img{height:390px;object-fit:cover}
.cfs-brand-landing .brand-story .story-copy h2{margin:0;font-size:46px;line-height:51px}
.cfs-brand-landing .brand-story .story-copy>p:not(.cfs-bp-eyebrow){margin:14px 0;color:#5f5f5f;font-size:15px;line-height:24px}
.cfs-brand-landing .story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.cfs-brand-landing .story-points span{display:flex;flex-direction:column}
.cfs-brand-landing .story-points strong{font-size:13px;line-height:19px}
.cfs-brand-landing .story-points small{color:#5f5f5f;font-size:11px;line-height:16px}
.cfs-brand-landing .brand-story .cfs-brand-category-links{margin-top:18px}

.cfs-brand-landing .expert-cta{width:calc(100% - 96px);max-width:1344px;min-height:275px;margin:auto;background:var(--cfs-bp-green)}
.cfs-brand-landing .expert-cta .cfs-bp-inner{padding:48px 64px;display:flex;grid-template-columns:none;align-items:center;justify-content:space-between;gap:50px}
.cfs-brand-landing .expert-cta .cfs-bp-inner>div:first-child{max-width:780px}
.cfs-brand-landing .expert-cta h2{margin:0;font-size:42px;line-height:45px}
.cfs-brand-landing .expert-cta p:not(.cfs-bp-eyebrow){font-size:14px;line-height:22px}
.cfs-brand-landing .expert-actions{min-width:250px;display:flex;flex-direction:column;gap:10px}
.cfs-brand-landing .expert-actions .light-button{color:var(--cfs-bp-green)!important;background:#fff}

.cfs-brand-landing .contact-routes .section-inner{padding-block:52px}
.cfs-brand-landing .route-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cfs-brand-landing .route-grid>a{min-height:112px;padding:16px;display:grid;grid-template-columns:42px 1fr auto;grid-template-rows:auto auto;align-items:center;border:1px solid #ded9ce;color:#202020;background:var(--cfs-bp-surface)}
.cfs-brand-landing .route-grid>a>span{width:42px;height:42px;border-radius:50%;display:grid;grid-row:1/3;place-items:center;color:var(--cfs-bp-green);background:var(--cfs-bp-warm)}
.cfs-brand-landing .route-grid strong{font-size:16px}
.cfs-brand-landing .route-grid small{font-size:13px}
.cfs-brand-landing .route-grid b{grid-column:3;grid-row:1/3;color:var(--cfs-bp-green);font-size:11px}

.cfs-brand-landing .about-faq .section-inner{padding-block:58px;grid-template-columns:360px 1fr;gap:40px}
.cfs-brand-landing .about-faq aside{min-height:315px;padding:28px;color:#fff;background:var(--cfs-bp-green)}
.cfs-brand-landing .about-faq aside h2{margin:0;font-size:34px;line-height:40px}
.cfs-brand-landing .about-faq aside .cfs-bp-intro{color:rgba(255,255,255,.76);font-size:14px;line-height:21px}
.cfs-brand-landing .about-faq aside>a{display:inline-block;margin-top:20px;color:#fff;font-weight:700;text-transform:uppercase}
.cfs-brand-landing .faq-list>h2{margin:0 0 14px;font-size:34px;line-height:40px}
.cfs-brand-landing .faq-list details{border:1px solid #ded9ce;border-bottom:0;background:#fff}
.cfs-brand-landing .faq-list details:last-child{border-bottom:1px solid #ded9ce}
.cfs-brand-landing .faq-list summary{padding:15px 16px}
.cfs-brand-landing .faq-list details p{margin:0;padding:0 16px 16px}

@media(max-width:1023px){
  .cfs-brand-landing .section-inner{padding:34px 20px}
  .cfs-brand-landing .brand-anchor-nav{height:50px}
  .cfs-brand-landing .brand-anchor-nav>div{padding:0 20px;gap:25px}
  .cfs-brand-landing .brand-anchor-nav a{font-size:12px}
  .cfs-brand-landing .range-hero{height:auto;min-height:0;display:flex;flex-direction:column}
  .cfs-brand-landing .range-hero picture{height:230px;order:0}
  .cfs-brand-landing .range-hero picture img{height:230px}
  .cfs-brand-landing .range-hero-copy{height:auto;min-height:353px;padding:28px 20px 32px;gap:14px;order:1;overflow:visible}
  .cfs-brand-landing .range-hero.is-description-expanded .range-hero-copy{height:auto;min-height:353px}
  .cfs-brand-landing .range-hero.is-description-expanded .cfs-brand-hero-description{max-height:none;padding-right:0;overflow:visible;scrollbar-gutter:auto}
  .cfs-brand-landing .range-hero-copy h1{font-size:32px;line-height:38px}
  .cfs-brand-landing .range-hero-copy>p:not(.cfs-bp-eyebrow):not(.hero-attributes){font-size:16px;line-height:24px}
  .cfs-brand-landing .hero-actions{margin-top:auto;flex-direction:column}
  .cfs-brand-landing .trust-strip{height:auto;min-height:137px;padding:20px;grid-template-columns:1fr 1fr;gap:14px 10px}
  .cfs-brand-landing .trust-strip>div{grid-template-columns:36px 1fr;gap:9px}
  .cfs-brand-landing .trust-strip i{width:36px;height:36px;font-size:15px}
  .cfs-brand-landing .trust-strip strong{font-size:12px;line-height:16px}
  .cfs-brand-landing .trust-strip small{font-size:10px;line-height:14px}
  .cfs-brand-landing .room-section .cfs-bp-heading,.cfs-brand-landing .range-discovery .cfs-bp-heading,.cfs-brand-landing .bestsellers .cfs-bp-heading,.cfs-brand-landing .contact-routes .cfs-bp-heading{font-size:24px;line-height:30px}
  .cfs-brand-landing .room-scroller{margin-top:18px;display:flex;gap:12px;overflow-x:auto}
  .cfs-brand-landing .room-tile{width:250px;min-width:250px;height:232px}
  .cfs-brand-landing .room-tile img{height:178px}
  .cfs-brand-landing .room-tile span{height:54px;min-height:54px;padding:12px 16px}
  .cfs-brand-landing .room-tile strong{font-size:20px}
  .cfs-brand-landing .room-tile b{display:none}
  .cfs-brand-landing .section-heading{align-items:flex-start}
  .cfs-brand-landing .range-toolbar{flex-direction:row}
  .cfs-brand-landing .range-sort{margin-left:0}
  .cfs-brand-landing .range-filters{overflow-x:auto}
  .cfs-brand-landing .range-grid{display:flex;flex-direction:column;gap:10px}
  .cfs-brand-landing .range-card{width:100%;height:122px;display:grid;grid-template-columns:104px 1fr;gap:14px;padding:10px}
  .cfs-brand-landing .range-card>img{width:104px;height:102px;border-radius:3px}
  .cfs-brand-landing .range-card>div{height:102px;min-height:0;padding:2px 0;gap:4px}
  .cfs-brand-landing .range-card>div>p,.cfs-brand-landing .range-card small{display:none}
  .cfs-brand-landing .range-card h3{font-size:21px;line-height:26px}
  .cfs-brand-landing .range-card span,.cfs-brand-landing .range-card b{font-size:11px;line-height:15px}
  .cfs-brand-landing .range-card a{margin:0;font-size:12px;line-height:16px}
  .cfs-brand-landing .outline-button{width:100%}
  .cfs-brand-landing .bestsellers .section-inner{padding-block:34px}
  .cfs-brand-landing .product-scroller>ul{min-width:1040px}
  .cfs-brand-landing .brand-story .section-inner{padding-block:34px;grid-template-columns:1fr;gap:24px}
  .cfs-brand-landing .brand-story .story-image img{height:240px}
  .cfs-brand-landing .brand-story .story-copy h2{font-size:28px;line-height:34px}
  .cfs-brand-landing .story-points{gap:9px}
  .cfs-brand-landing .expert-cta{width:100%;min-height:330px}
  .cfs-brand-landing .expert-cta .cfs-bp-inner{padding:34px 20px;display:grid;gap:20px}
  .cfs-brand-landing .expert-cta h2{font-size:28px;line-height:34px}
  .cfs-brand-landing .expert-actions{min-width:0}
  .cfs-brand-landing .route-grid{grid-template-columns:1fr}
  .cfs-brand-landing .about-faq .section-inner{grid-template-columns:1fr;gap:20px}
  .cfs-brand-landing .about-faq aside{min-height:0;padding:22px}
}

/* Block 167: dynamic range-card copy must never collide with the action row.
   Desktop keeps useful summary copy; compact cards prioritise the range name. */
@media(min-width:1024px){
  section.cfs-brand-landing section.range-discovery#ranges article.range-card>div{
    gap:4px!important
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card h3{
    max-height:58px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden!important;
    flex:0 0 auto
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card small{
    max-height:42px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden!important;
    flex:0 0 auto
  }
}

/* 2026-08-29: preserve a clear visual break between each brand's bestseller
   introduction and its product rail. Keep this final so legacy responsive
   offsets cannot pull the products back into the copy. */
.cfs-brand-landing .bestsellers .cfs-brand-featured-products.product-scroller{
  margin-top:28px!important
}
@media(max-width:767px){
  .cfs-brand-landing .bestsellers .cfs-brand-featured-products.product-scroller{
    margin-top:24px!important
  }
}

/* 2026-09-01: match the desktop Humz hero to the banner's wide artwork.
   Left anchoring keeps the logo visible while the right edge absorbs the crop. */
@media(min-width:1024px){
  .cfs-brand-landing>section.range-hero#overview:not(.is-description-expanded),
  .cfs-brand-landing>section.range-hero#overview:not(.is-description-expanded)>picture,
  .cfs-brand-landing>section.range-hero#overview:not(.is-description-expanded)>picture>img,
  .cfs-brand-landing>section.range-hero#overview:not(.is-description-expanded)>.range-hero-copy{
    height:420px!important;
    min-height:420px!important
  }
  .cfs-brand-landing>section.range-hero#overview:not(.is-description-expanded)>.range-hero-copy{
    padding-top:24px!important;
    padding-bottom:24px!important
  }
  .cfs-brand-landing>section.range-hero#overview:not(.is-description-expanded)>picture>img{
    object-fit:cover!important;
    object-position:left center!important
  }
  .cfs-brand-landing>section.range-hero#overview.is-description-expanded>picture{
    background:#dfdacf!important
  }
}

@media(max-width:1023px){
  section.cfs-brand-landing section.range-discovery#ranges article.range-card h3{
    height:auto!important;
    min-height:0!important;
    max-height:42px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden!important;
    flex:0 0 auto
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card small{
    display:none!important
  }
}

/* Approved, bounded brand story. The full database description remains
   accessible inside the fixed-height copy area instead of stretching the page. */
.cfs-brand-landing .brand-story .section-inner.cfs-brand-story-grid{
  height:518px;min-height:518px;padding:48px 80px;overflow:hidden;
  display:grid;grid-template-columns:580px minmax(0,1fr);align-items:center;gap:48px
}
.cfs-brand-landing .brand-story .story-image{align-self:center}
.cfs-brand-landing .brand-story .story-image img{height:390px;object-fit:cover}
.cfs-brand-landing .brand-story .story-copy{
  height:422px;min-width:0;align-self:center;overflow:hidden;
  display:flex;flex-direction:column
}
.cfs-brand-landing .brand-story .section-inner .story-copy{align-self:center!important}
.cfs-brand-landing .brand-story .story-copy h2{flex:0 0 auto}
.cfs-brand-landing .brand-story .cfs-brand-story-description{
  height:88px;min-height:88px;max-width:none!important;max-height:88px!important;
  flex:0 0 88px;margin:12px 0 4px!important;
  padding-right:8px;overflow:hidden;color:#5f5f5f;font-size:14px!important;
  line-height:21px!important
}
.cfs-brand-landing .brand-story .cfs-brand-story-description p{
  margin:0 0 8px!important;font-size:14px!important;line-height:21px!important
}
.cfs-brand-landing .brand-story .cfs-brand-story-description.is-expanded{
  overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable
}
@media(min-width:1024px){
  .cfs-brand-landing .brand-story:has(.cfs-brand-story-description.is-expanded) .section-inner.cfs-brand-story-grid{
    height:598px;min-height:598px
  }
  .cfs-brand-landing .brand-story:has(.cfs-brand-story-description.is-expanded) .story-copy{
    height:502px
  }
  .cfs-brand-landing .brand-story .cfs-brand-story-description.is-expanded{
    height:auto;min-height:0;max-height:168px!important;flex:0 1 auto
  }
}
.cfs-brand-landing .brand-story .cfs-brand-story-description::-webkit-scrollbar{width:6px}
.cfs-brand-landing .brand-story .cfs-brand-story-description::-webkit-scrollbar-thumb{border-radius:8px;background:#b8b2a7}
.cfs-brand-landing .cfs-brand-story-more{
  width:max-content;margin:4px 0 12px;padding:0 0 3px;border:0;border-bottom:1px solid currentColor;
  display:inline-flex;align-items:center;gap:7px;color:var(--cfs-bp-green);background:transparent;
  font-size:12px;line-height:17px;font-weight:700;cursor:pointer
}
.cfs-brand-landing .cfs-brand-story-more i{font-style:normal;font-size:16px}
.cfs-brand-landing .brand-story .story-points{
  margin-top:auto;padding-top:12px;border-top:1px solid #ded9ce;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px
}
.cfs-brand-landing .brand-story .cfs-brand-category-links{
  margin-top:12px;padding:0;display:flex;gap:8px;overflow-x:auto;flex:0 0 auto;scrollbar-width:none
}
.cfs-brand-landing .brand-story .cfs-brand-category-links::-webkit-scrollbar{display:none}
.cfs-brand-landing .brand-story .cfs-brand-category-links a{flex:none}

/* Range enquiry uses the production Contact Us field contract. */
.cfs-brand-landing .range-enquiry{background:var(--cfs-bp-warm)}
.cfs-brand-landing .range-enquiry .section-inner{
  height:784px;min-height:784px;padding:64px 80px;display:grid;
  grid-template-columns:360px minmax(0,1fr);align-items:start;gap:48px
}
.cfs-brand-landing .range-enquiry h2{margin:0;font-size:34px;line-height:40px}
.cfs-brand-landing .range-enquiry .enquiry-heading>p:not(.cfs-bp-eyebrow){
  margin:12px 0 0;color:#5f5f5f;font-size:15px;line-height:22px
}
.cfs-brand-landing .range-enquiry .enquiry-response{padding-top:18px;border-top:1px solid #ded9ce}
.cfs-brand-landing .range-enquiry .enquiry-response a{color:var(--cfs-bp-green);font-weight:700}
.cfs-brand-landing .range-enquiry form{min-height:656px;padding:32px;border:1px solid #ded9ce;background:#fff}
.cfs-brand-landing .range-enquiry .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.cfs-brand-landing .range-enquiry label{display:flex;flex-direction:column;gap:6px;font-size:14px;line-height:21px;font-weight:600}
.cfs-brand-landing .range-enquiry label>span[aria-hidden]{display:inline}
.cfs-brand-landing .range-enquiry input:not([type=radio]):not([type=checkbox]),
.cfs-brand-landing .range-enquiry textarea{
  width:100%;min-height:46px;padding:10px 12px;border:1px solid #ded9ce;border-radius:0;
  color:#202020;background:#fff;font-size:16px;line-height:24px
}
.cfs-brand-landing .range-enquiry textarea{min-height:105px;resize:vertical}
.cfs-brand-landing .range-enquiry form>label{margin-top:14px}
.cfs-brand-landing .range-enquiry fieldset{margin:14px 0;padding:0;border:0;display:flex;gap:24px}
.cfs-brand-landing .range-enquiry legend{margin-bottom:8px;font-size:14px;line-height:21px;font-weight:700}
.cfs-brand-landing .range-enquiry fieldset label{flex-direction:row;align-items:center;font-weight:400}
.cfs-brand-landing .range-enquiry .consent{margin:0;flex-direction:row;align-items:flex-start;font-weight:400}
.cfs-brand-landing .range-enquiry .consent input{margin-top:4px;flex:0 0 auto}
.cfs-brand-landing .range-enquiry .form-status{min-height:22px;margin:8px 0;color:#b42318;font-size:14px;line-height:21px}
.cfs-brand-landing .range-enquiry button[type=submit]{width:240px;margin-left:auto;border:0}
.cfs-brand-landing .cfs-enquiry-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media(max-width:1023px){
  .cfs-brand-landing .brand-story .section-inner.cfs-brand-story-grid{
    height:584px;min-height:584px;padding:0;grid-template-columns:1fr;gap:0
  }
  .cfs-brand-landing .brand-story .story-image img{height:205px}
  .cfs-brand-landing .brand-story .story-copy{height:379px;padding:24px 16px}
  .cfs-brand-landing .brand-story .cfs-brand-story-description{
    max-height:54px!important;margin:7px 0 2px!important;font-size:12px!important;line-height:17px!important
  }
  .cfs-brand-landing .brand-story .cfs-brand-story-description p{font-size:12px!important;line-height:17px!important}
  .cfs-brand-landing .cfs-brand-story-more{margin:2px 0 7px;font-size:11px;line-height:15px}
  .cfs-brand-landing .brand-story .story-points{padding-top:7px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .cfs-brand-landing .brand-story .story-points strong{font-size:11px;line-height:15px}
  .cfs-brand-landing .brand-story .story-points small{font-size:9px;line-height:12px}
  .cfs-brand-landing .brand-story .cfs-brand-category-links{margin-top:7px}
  .cfs-brand-landing .range-enquiry .section-inner{
    height:1132px;min-height:1132px;padding:42px 16px;display:block
  }
  .cfs-brand-landing .range-enquiry h2{font-size:24px;line-height:30px}
  .cfs-brand-landing .range-enquiry .enquiry-heading{height:130px;min-height:130px;margin-bottom:22px;overflow:hidden}
  .cfs-brand-landing .range-enquiry form{height:896px;min-height:896px;max-height:896px;padding:12px 20px;overflow:hidden}
  .cfs-brand-landing .range-enquiry .form-grid{grid-template-columns:1fr;gap:12px}
  .cfs-brand-landing .range-enquiry fieldset{flex-wrap:wrap}
  .cfs-brand-landing .range-enquiry button[type=submit]{width:100%;margin-left:0}
}

@media(max-width:600px){
  .cfs-brand-landing .range-toolbar{flex-direction:row}
  .cfs-brand-landing .range-search{max-width:none}
  .cfs-brand-landing .story-points{grid-template-columns:1fr}
  .cfs-brand-landing .product-scroller .product-card{height:590px}
}

/* Brand bestseller cards must contain every live pricing and service row. */
@media(min-width:1024px){
  .cfs-brand-landing .bestsellers .product-scroller .product-card{
    height:420px!important;
    min-height:420px!important;
    max-height:420px!important
  }
  .cfs-brand-landing .bestsellers .product-scroller .product-copy{
    height:218px!important;
    min-height:218px!important;
    max-height:218px!important
  }
}

/* Remaining approved section geometry and responsive alignment. */
@media(min-width:1024px){
  .cfs-brand-landing .cfs-bp-breadcrumb{height:49px;font-size:12px;line-height:normal}
  .cfs-brand-landing .range-hero-copy{padding-top:84px}
  .cfs-brand-landing .room-section,
  .cfs-brand-landing .room-section .section-inner{height:564px;min-height:564px;overflow:hidden}
  .cfs-brand-landing .room-tile img{height:260px}
  .cfs-brand-landing .room-tile span{height:60px;min-height:60px;padding:15px 20px}
  .cfs-brand-landing .expert-cta{width:100%;max-width:none;height:294px;min-height:294px;margin:0}
  .cfs-brand-landing .expert-cta .cfs-bp-inner{height:294px;padding:52px 80px}
  .cfs-brand-landing .contact-routes,
  .cfs-brand-landing .contact-routes .section-inner{height:345px;min-height:345px;overflow:hidden}
  .cfs-brand-landing .about-faq,
  .cfs-brand-landing .about-faq .section-inner{height:411px;min-height:411px;overflow:hidden}
  .cfs-brand-landing .about-faq .section-inner{padding:40px 80px}
}

@media(max-width:1023px){
  .cfs-brand-landing .cfs-bp-breadcrumb{height:34px;min-height:34px;padding:0 16px;font-size:9px;line-height:normal}
  .cfs-brand-landing .range-hero{height:604px;min-height:604px;max-height:604px;overflow:hidden}
  .cfs-brand-landing .range-hero-copy{height:374px;min-height:374px;max-height:374px;padding:64px 20px 28px;overflow:hidden}
  .cfs-brand-landing .trust-strip{height:137px;min-height:137px;padding:20px;color:#202020;background:#fff}
  .cfs-brand-landing .trust-strip i{color:var(--cfs-bp-green);background:var(--cfs-bp-warm)}
  .cfs-brand-landing .trust-strip small{color:#777}
  .cfs-brand-landing .room-section,
  .cfs-brand-landing .room-section .section-inner{height:469px;min-height:469px;overflow:hidden}
  .cfs-brand-landing .room-section .section-inner{padding:32px 16px}
  .cfs-brand-landing .range-discovery:not(.is-range-expanded),
  .cfs-brand-landing .range-discovery:not(.is-range-expanded) .section-inner{
    height:897px;min-height:897px;overflow:hidden
  }
  .cfs-brand-landing .range-discovery .section-inner{padding:34px 16px}
  .cfs-brand-landing .range-discovery .section-heading{height:137px;min-height:137px;overflow:hidden}
  .cfs-brand-landing .range-toolbar{height:46px;margin:22px 0 12px;flex-direction:row}
  .cfs-brand-landing .range-search{height:46px;min-width:0}
  .cfs-brand-landing .range-sort{width:106px;height:46px;flex:0 0 106px}
  .cfs-brand-landing .range-filters{height:36px;margin:0 0 20px}
  .cfs-brand-landing .range-filters button{height:36px;min-height:36px}
  .cfs-brand-landing .range-grid{height:494px;margin:0;gap:10px}
  .cfs-brand-landing .range-card{width:100%;height:116px;padding:10px;grid-template-columns:104px minmax(0,216px)}
  .cfs-brand-landing .range-card>img{height:96px}
  .cfs-brand-landing .range-card>div{height:96px;min-height:96px}
  .cfs-brand-landing .cfs-range-load-wrap{height:62px;padding-top:14px;overflow:hidden}
  .cfs-brand-landing .cfs-range-load-wrap .outline-button{height:48px;margin:0}
  .cfs-brand-landing .bestsellers,
  .cfs-brand-landing .bestsellers .section-inner{height:547px;min-height:547px;overflow:hidden}
  .cfs-brand-landing .bestsellers .section-inner{padding:34px 16px}
  .cfs-brand-landing .bestsellers .product-scroller{margin-top:31px}
  .cfs-brand-landing .product-scroller>ul{gap:12px}
  .cfs-brand-landing .bestsellers .product-scroller>ul{position:relative;top:13px}
  .cfs-brand-landing .product-scroller .product-card{width:260px!important;min-width:260px!important;max-width:260px!important;height:322px!important;min-height:322px!important;max-height:322px!important;overflow:hidden!important}
  .cfs-brand-landing .product-scroller .product-media{height:170px!important;min-height:170px!important;max-height:170px!important;flex:0 0 170px!important;overflow:hidden!important}
  .cfs-brand-landing .product-scroller .product-media img{height:170px!important;object-fit:contain}
  .cfs-brand-landing .product-scroller .product-copy{height:150px!important;min-height:150px!important;max-height:150px!important;padding:9px 14px!important;overflow:hidden!important;display:flex;flex-direction:column;gap:1px}
  .cfs-brand-landing .product-scroller .cfs-card-variants,
  .cfs-brand-landing .product-scroller .udStyleDiscTag,
  .cfs-brand-landing .product-scroller .pStroke,
  .cfs-brand-landing .product-scroller .ySave{display:none!important}
  .cfs-brand-landing .product-scroller .brand-name{font-size:8px;line-height:10px}
  .cfs-brand-landing .product-scroller .title{min-height:34px;margin:1px 0;font-size:13px;line-height:17px;overflow:hidden}
  .cfs-brand-landing .product-scroller .cfs-card-rating{min-height:12px;margin:0;font-size:8px;line-height:12px;overflow:hidden}
  .cfs-brand-landing .product-scroller .price,.cfs-brand-landing .product-scroller .price p{margin:0;line-height:20px}
  .cfs-brand-landing .product-scroller .pOne{font-size:17px;line-height:20px}
  .cfs-brand-landing .product-scroller .cfs-card-delivery{margin:0;font-size:8px;line-height:11px}
  .cfs-brand-landing .product-scroller .cfs-card-cta{min-height:32px;margin-top:auto;font-size:9px;line-height:12px}
  .cfs-brand-landing .expert-cta{height:330px;min-height:330px;overflow:hidden}
  .cfs-brand-landing .expert-cta .cfs-bp-inner{height:330px;padding:30px 24px;gap:10px}
  .cfs-brand-landing .contact-routes,
  .cfs-brand-landing .contact-routes .section-inner{height:553px;min-height:553px;overflow:hidden}
  .cfs-brand-landing .contact-routes .section-inner{padding:40px 16px}
  .cfs-brand-landing .about-faq,
  .cfs-brand-landing .about-faq .section-inner{height:658px;min-height:658px;overflow:hidden}
  .cfs-brand-landing .about-faq .section-inner{padding:40px 16px}
}











/* CFS2030 brand featured carousel track correction - 2026-08-13 */
@media(max-width:1023px){
  .cfs-brand-landing .cfs-brand-featured-products.product-scroller.listingPg > ul#product.cfs-plp-product-grid{
    width:1040px;
    min-width:1040px;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
  }
}

/* Approved range hero geometry and typography. */
@media(min-width:1024px){
  .cfs-brand-landing .range-hero-copy{
    padding:84px 56px 53px 80px;
    gap:18px;
  }
  .cfs-brand-landing .range-hero-copy h1{
    color:#fff;
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:58px;
    line-height:64px;
    font-weight:700;
  }
}

@media(max-width:1023px){
  .cfs-brand-landing .range-hero,
  .cfs-brand-landing .range-hero-copy{
    color:#202020;
    background:#fff;
  }
  .cfs-brand-landing .range-hero picture,
  .cfs-brand-landing .range-hero picture img{
    height:230px;
    min-height:230px;
  }
  .cfs-brand-landing .range-hero-copy{
    min-height:353px;
    padding:84px 20px 28px;
    gap:14px;
  }
  .cfs-brand-landing .range-hero-copy h1{
    color:#202020;
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:32px;
    line-height:38px;
    font-weight:700;
  }
  .cfs-brand-landing .cfs-brand-hero-description{
    color:#5f5f5f;
    font-size:16px;
    line-height:24px;
  }
  .cfs-brand-landing .cfs-brand-hero-more{
    color:var(--cfs-bp-green);
    border-bottom-color:var(--cfs-bp-green);
  }
  .cfs-brand-landing .hero-attributes{
    color:var(--cfs-bp-green);
  }
}

/* Range discovery stability: dynamic copy and actions must never be clipped. */
.cfs-brand-landing .range-discovery,
.cfs-brand-landing .range-discovery .section-inner{
  height:auto!important;
  min-height:0!important;
  overflow:visible!important
}
.cfs-brand-landing .range-toolbar{
  height:auto!important;
  display:grid;
  grid-template-columns:minmax(280px,520px) minmax(130px,170px);
  align-items:center;
  justify-content:space-between
}
.cfs-brand-landing .range-sort{width:100%;margin-left:0}
.cfs-brand-landing .range-grid{height:auto!important;align-items:stretch}
.cfs-brand-landing .range-card{
  height:auto!important;
  min-height:420px;
  display:flex;
  flex-direction:column
}
.cfs-brand-landing .range-card>div{
  height:auto!important;
  min-height:250px!important;
  overflow:visible!important;
  flex:1
}
.cfs-brand-landing .range-card small{display:block}
.cfs-brand-landing .range-card b{margin-top:auto}
.cfs-brand-landing .cfs-range-load-wrap{height:auto!important;overflow:visible!important}

@media(max-width:1023px){
  .cfs-brand-landing .range-discovery .section-heading{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important
  }
  .cfs-brand-landing .range-toolbar{grid-template-columns:minmax(0,1fr) 118px}
  .cfs-brand-landing .range-filters{height:auto!important;overflow-x:auto}
  .cfs-brand-landing .range-card{
    min-height:132px;
    display:grid;
    grid-template-columns:104px minmax(0,1fr)
  }
  .cfs-brand-landing .range-card>img{height:112px}
  .cfs-brand-landing .range-card>div{
    height:auto!important;
    min-height:112px!important;
    overflow:hidden!important
  }
}

@media(max-width:600px){
  .cfs-brand-landing .range-toolbar{grid-template-columns:minmax(0,1fr) 106px}
  .cfs-brand-landing .range-card{height:auto!important;min-height:132px}
}

/* Block 144: restore the approved range-page composition for every /b/{brand} page. */
.cfs-brand-landing .brand-anchor-nav{overflow:hidden}
.cfs-brand-landing .range-hero{overflow:visible}
.cfs-brand-landing :is(
  .room-section,.range-discovery,.bestsellers,.contact-routes,.range-enquiry
) .cfs-bp-heading{
  font-family:Inter,"Segoe UI",Arial,sans-serif;
  font-weight:700
}

@media(min-width:1024px){
  .cfs-brand-landing .range-hero,
  .cfs-brand-landing .range-hero-copy,
  .cfs-brand-landing .room-tile,
  .cfs-brand-landing .room-tile>span{background:#1b2017}
  .cfs-brand-landing .range-hero-copy{
    padding:68px 56px 68px 80px;
    justify-content:center;
    overflow:visible
  }
  .cfs-brand-landing .trust-strip{
    padding:40px 60px;
    gap:24px;
    background:#4d403a
  }
  .cfs-brand-landing .trust-strip>div{grid-template-columns:48px 1fr}
  .cfs-brand-landing .trust-strip i{width:48px;height:48px}
  .cfs-brand-landing .trust-strip strong{font-size:16px;line-height:normal}
  .cfs-brand-landing .trust-strip small{font-size:13px;line-height:normal}

  .cfs-brand-landing .room-section .section-inner{padding:64px 80px}
  .cfs-brand-landing .room-section .section-intro{
    max-width:none;
    margin:9px 0 0
  }
  .cfs-brand-landing .room-section .cfs-bp-heading,
  .cfs-brand-landing .range-discovery .cfs-bp-heading,
  .cfs-brand-landing .bestsellers .cfs-bp-heading,
  .cfs-brand-landing .contact-routes .cfs-bp-heading,
  .cfs-brand-landing .range-enquiry .cfs-bp-heading{
    font-size:48px;
    line-height:55px
  }
  .cfs-brand-landing .room-tile{height:320px;border-radius:6px;overflow:hidden}
  .cfs-brand-landing .room-tile img{height:260px}
  .cfs-brand-landing .room-tile>span{height:60px;min-height:60px;padding:15px 20px}
  .cfs-brand-landing .room-tile strong{font-size:22px;line-height:29px;font-weight:600}

  .cfs-brand-landing .range-discovery:not(.is-range-expanded),
  .cfs-brand-landing .range-discovery:not(.is-range-expanded) .section-inner{
    height:850px!important;
    min-height:850px!important;
    overflow:hidden!important
  }
  .cfs-brand-landing .range-discovery .section-inner{padding:64px 80px}
  .cfs-brand-landing .range-grid{height:auto!important;align-items:stretch}
  .cfs-brand-landing .range-card{
    height:389px!important;
    min-height:389px!important;
    max-height:389px!important;
    display:flex;
    flex-direction:column;
    overflow:visible!important
  }
  .cfs-brand-landing .range-card>img{height:170px;flex:0 0 170px}
  .cfs-brand-landing .range-card>div{
    height:217px!important;
    min-height:217px!important;
    max-height:217px!important;
    overflow:hidden!important;
    flex:0 0 217px
  }
  .cfs-brand-landing .range-card h3{
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:22px;
    line-height:29px;
    font-weight:600
  }
  .cfs-brand-landing .cfs-range-load-wrap{height:auto!important;overflow:visible!important}

  .cfs-brand-landing .bestsellers .section-inner{padding:64px 80px}
  .cfs-brand-landing .brand-story .section-inner.cfs-brand-story-grid{overflow:visible}
  .cfs-brand-landing .brand-story .story-copy h2,
  .cfs-brand-landing .expert-cta h2{
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:48px;
    line-height:55px;
    font-weight:700
  }
  .cfs-brand-landing .range-enquiry h2{
    font-size:28px;
    line-height:34px;
    font-weight:600
  }
  .cfs-brand-landing .contact-routes .section-inner{padding:64px 80px;overflow:visible}
  .cfs-brand-landing .about-faq .section-inner{
    padding:64px 80px;
    gap:72px;
    overflow:visible
  }
}

@media(max-width:1023px){
  .cfs-brand-landing .range-hero{overflow:visible}
  .cfs-brand-landing .range-hero-copy{
    padding:24px 20px 28px;
    justify-content:normal;
    overflow:visible;
    background:transparent
  }
  .cfs-brand-landing .trust-strip{padding:20px 16px}
  .cfs-brand-landing .room-section .section-inner{padding:34px 16px}
  .cfs-brand-landing .room-section .section-intro{
    max-width:none;
    margin:9px 0 0;
    font-size:14px;
    line-height:21px
  }
  .cfs-brand-landing .room-scroller{margin-top:14px}
  .cfs-brand-landing .room-section .cfs-bp-heading,
  .cfs-brand-landing .range-discovery .cfs-bp-heading,
  .cfs-brand-landing .bestsellers .cfs-bp-heading,
  .cfs-brand-landing .contact-routes .cfs-bp-heading,
  .cfs-brand-landing .range-enquiry .cfs-bp-heading{
    font-size:24px;
    line-height:30px;
    font-weight:600
  }
  .cfs-brand-landing .range-discovery:not(.is-range-expanded),
  .cfs-brand-landing .range-discovery:not(.is-range-expanded) .section-inner{
    height:897px!important;
    min-height:897px!important;
    overflow:hidden!important
  }
  .cfs-brand-landing .range-discovery .section-heading{
    height:137px!important;
    min-height:137px!important;
    overflow:hidden!important
  }
  .cfs-brand-landing .range-grid{height:494px!important;margin:0;gap:10px}
  .cfs-brand-landing .range-card{
    width:100%;
    height:116px!important;
    min-height:116px!important;
    max-height:116px!important;
    padding:10px 12px 10px 10px;
    display:grid;
    grid-template-columns:104px minmax(0,216px);
    border-radius:5px;
    overflow:visible!important
  }
  .cfs-brand-landing .range-card>img{width:104px;height:96px;flex:none}
  .cfs-brand-landing .range-card>div{
    height:96px!important;
    min-height:96px!important;
    max-height:96px!important;
    overflow:hidden!important
  }
  .cfs-brand-landing .range-card h3{
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:22px;
    line-height:29px;
    font-weight:600
  }
  .cfs-brand-landing .cfs-range-load-wrap{height:62px!important;padding-top:14px;overflow:hidden!important}
  .cfs-brand-landing .brand-story .section-inner.cfs-brand-story-grid,
  .cfs-brand-landing .contact-routes .section-inner,
  .cfs-brand-landing .about-faq .section-inner{overflow:visible}
  .cfs-brand-landing .brand-story .story-copy h2,
  .cfs-brand-landing .expert-cta h2{
    font-family:Inter,"Segoe UI",Arial,sans-serif;
    font-size:24px;
    line-height:30px;
    font-weight:600
  }
  .cfs-brand-landing .range-enquiry h2{font-weight:600}
}

/* Brand FAQ accordions must expand with their content. Fixed section heights
   clipped later answers and allowed the following section to cover them. */
.cfs-brand-landing .about-faq,
.cfs-brand-landing .about-faq .section-inner{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important
}
.cfs-brand-landing .about-faq .section-inner{align-items:stretch}
.cfs-brand-landing .faq-list,
.cfs-brand-landing .faq-list details,
.cfs-brand-landing .faq-list details[open]>div,
.cfs-brand-landing .faq-list details[open] p{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important
}
.cfs-brand-landing .faq-list details[open]>div{
  position:static!important;
  display:block!important
}

/* Mobile hero expansion must remain in normal document flow. The desktop
   expanded geometry otherwise restores a 500px image and lets the copy run
   underneath the trust and room sections. */
@media(max-width:1023px){
  .cfs-brand-landing .range-hero.is-description-expanded{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-items:stretch
  }
  .cfs-brand-landing .range-hero.is-description-expanded picture,
  .cfs-brand-landing .range-hero.is-description-expanded picture img{
    height:230px!important;
    min-height:230px!important;
    max-height:230px!important
  }
  .cfs-brand-landing .range-hero.is-description-expanded picture{flex:0 0 230px}
  .cfs-brand-landing .range-hero.is-description-expanded .range-hero-copy{
    height:auto!important;
    min-height:353px!important;
    max-height:none!important;
    padding:24px 20px 28px;
    gap:14px;
    justify-content:normal;
    overflow:visible!important
  }
  .cfs-brand-landing .range-hero.is-description-expanded .range-hero-copy h1{
    font-size:32px;
    line-height:38px
  }
  .cfs-brand-landing .range-hero.is-description-expanded .cfs-brand-hero-description{
    height:auto!important;
    max-height:none!important;
    flex:0 0 auto!important;
    padding-right:0;
    overflow:visible!important
  }
}

/* Revealed mobile range cards must participate in document flow. The compact
   494px grid is only the four-card collapsed preview; retaining it after
   "Load more" lets the extra cards render underneath Customer favourites. */
@media(max-width:1023px){
  .cfs-brand-landing .range-discovery.is-range-expanded,
  .cfs-brand-landing .range-discovery.is-range-expanded .section-inner,
  .cfs-brand-landing .range-discovery.is-range-expanded .range-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important
  }
  .cfs-brand-landing .range-discovery.is-range-expanded .cfs-range-load-wrap{
    height:auto!important;
    min-height:62px!important;
    max-height:none!important;
    overflow:visible!important
  }
}

/* Mobile brand category chips wrap onto several rows. Keep the story in
   normal flow so the final row cannot be covered by the expert-help panel. */
@media(max-width:1023px){
  .cfs-brand-landing .brand-story,
  .cfs-brand-landing .brand-story .section-inner.cfs-brand-story-grid,
  .cfs-brand-landing .brand-story .story-copy{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important
  }
}

/* Block 155: keep the range destination visible inside every fixed-height card. */
.cfs-brand-landing .range-card>div{
  position:relative;
  padding-bottom:50px!important
}
.cfs-brand-landing .range-card>div>b{
  position:absolute;
  left:16px;
  bottom:17px;
  margin:0
}
.cfs-brand-landing .range-card>div>a{
  position:absolute;
  right:16px;
  bottom:12px;
  z-index:2;
  margin:0;
  padding:6px 10px;
  border:1px solid #4d403a;
  border-radius:3px;
  color:#4d403a;
  background:#fff;
  font-size:0;
  line-height:18px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap
}
.cfs-brand-landing .range-card>div>a::before{
  content:"View range \2192";
  font-size:12px
}
.cfs-brand-landing .range-card>div>a:hover,
.cfs-brand-landing .range-card>div>a:focus-visible{
  color:#fff;
  background:#4d403a;
  outline:2px solid #4d403a;
  outline-offset:2px
}

@media(max-width:1023px){
  .cfs-brand-landing .range-card>div{padding:2px 0 24px!important}
  .cfs-brand-landing .range-card>div>b{left:0;bottom:1px}
  .cfs-brand-landing .range-card>div>a{
    right:0;
    bottom:0;
    padding:2px 6px;
    line-height:16px
  }
}

/* Block 156: customer-first mobile rhythm for every /b/{brand} landing page.
   Keep all production data/functions while removing fixed-height dead space. */
@media(max-width:1023px){
  .cfs-brand-landing .section-inner{padding:28px 16px}

  .cfs-brand-landing .brand-anchor-nav{
    height:48px;min-height:48px;overflow-x:auto!important;overflow-y:hidden;
    scrollbar-width:none;-webkit-overflow-scrolling:touch
  }
  .cfs-brand-landing .brand-anchor-nav::-webkit-scrollbar{display:none}
  .cfs-brand-landing .brand-anchor-nav>div{
    width:max-content;min-width:100%;padding:0 8px;gap:0
  }
  .cfs-brand-landing .brand-anchor-nav a{
    min-width:max-content;height:48px;padding:0 12px;display:flex;align-items:center;
    font-size:12px;line-height:16px
  }

  .cfs-brand-landing .range-hero,
  .cfs-brand-landing .range-hero.is-description-expanded{
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
  }
  .cfs-brand-landing .range-hero picture,
  .cfs-brand-landing .range-hero picture img,
  .cfs-brand-landing .range-hero.is-description-expanded picture,
  .cfs-brand-landing .range-hero.is-description-expanded picture img{
    height:210px!important;min-height:210px!important;max-height:210px!important
  }
  .cfs-brand-landing .range-hero picture,
  .cfs-brand-landing .range-hero.is-description-expanded picture{flex:0 0 210px}
  .cfs-brand-landing .range-hero-copy,
  .cfs-brand-landing .range-hero.is-description-expanded .range-hero-copy{
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:22px 16px 24px;gap:9px;justify-content:normal;overflow:visible!important
  }
  .cfs-brand-landing .range-hero-copy h1,
  .cfs-brand-landing .range-hero.is-description-expanded .range-hero-copy h1{
    margin:0;font-size:30px;line-height:36px
  }
  .cfs-brand-landing .cfs-brand-hero-description{
    min-height:0;color:#5f5f5f;font-size:15px;line-height:22px
  }
  .cfs-brand-landing .cfs-brand-hero-more{margin:1px 0 0}
  .cfs-brand-landing .hero-attributes{font-size:12px;line-height:18px}
  .cfs-brand-landing .hero-attributes span{padding:0 3px}
  .cfs-brand-landing .hero-actions{
    width:100%;margin:5px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px
  }
  .cfs-brand-landing .hero-actions .cfs-bp-button{
    width:100%;min-width:0;min-height:44px;padding:9px 10px;font-size:12px;line-height:16px;letter-spacing:.35px
  }

  .cfs-brand-landing .trust-strip{
    height:auto;min-height:112px;padding:14px 16px;gap:10px 8px
  }
  .cfs-brand-landing .trust-strip>div{grid-template-columns:32px 1fr;gap:8px}
  .cfs-brand-landing .trust-strip i{width:32px;height:32px;font-size:13px}
  .cfs-brand-landing .trust-strip strong{font-size:11px;line-height:14px}
  .cfs-brand-landing .trust-strip small{font-size:9px;line-height:12px}

  .cfs-brand-landing .range-discovery,
  .cfs-brand-landing .range-discovery:not(.is-range-expanded),
  .cfs-brand-landing .range-discovery .section-inner,
  .cfs-brand-landing .range-discovery:not(.is-range-expanded) .section-inner{
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
  }
  .cfs-brand-landing .range-discovery .section-inner{padding:28px 16px}
  .cfs-brand-landing .range-discovery .section-heading{
    height:auto!important;min-height:0!important;max-height:none!important;margin:0;
    display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px 12px;overflow:visible!important
  }
  .cfs-brand-landing .range-discovery .section-heading>div{min-width:0}
  .cfs-brand-landing .range-discovery .section-heading .cfs-bp-heading{
    margin:2px 0 5px;font-size:24px;line-height:29px
  }
  .cfs-brand-landing .range-discovery .section-heading p{margin:0;font-size:13px;line-height:18px}
  .cfs-brand-landing .range-discovery .section-heading>strong{
    max-width:102px;padding-top:3px;text-align:right;font-size:10px;line-height:14px
  }
  .cfs-brand-landing .range-toolbar{
    height:42px;margin:14px 0 10px;display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px
  }
  .cfs-brand-landing .range-search,.cfs-brand-landing .range-sort{height:42px;min-height:42px}
  .cfs-brand-landing .range-search input,.cfs-brand-landing .range-sort{font-size:13px}
  .cfs-brand-landing .range-sort{width:96px;flex:0 0 96px}
  .cfs-brand-landing .range-filters{
    height:auto;min-height:36px;margin:0 0 14px;gap:8px;overflow-x:auto;scrollbar-width:none
  }
  .cfs-brand-landing .range-filters::-webkit-scrollbar{display:none}
  .cfs-brand-landing .range-filters button{min-height:36px;padding:7px 17px;font-size:13px;white-space:nowrap}
  .cfs-brand-landing .range-grid{height:auto!important;min-height:0!important;max-height:none!important;gap:10px;overflow:visible!important}
  .cfs-brand-landing .range-card{
    height:112px!important;min-height:112px!important;max-height:112px!important;
    grid-template-columns:96px minmax(0,1fr);gap:11px;padding:8px;overflow:hidden
  }
  .cfs-brand-landing .range-card>img{width:96px;height:96px;min-height:96px;object-fit:cover}
  .cfs-brand-landing .range-card>div{
    height:96px!important;min-height:96px!important;max-height:96px!important;
    padding:1px 0 22px!important;gap:2px;overflow:hidden!important
  }
  .cfs-brand-landing .range-card h3{
    margin:0;font-size:17px;line-height:21px;font-weight:600;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden
  }
  .cfs-brand-landing .range-card span{display:none}
  .cfs-brand-landing .range-card>div>b{left:0;bottom:1px;font-size:9px;line-height:13px}
  .cfs-brand-landing .range-card>div>a{right:0;bottom:0;padding:1px 5px;line-height:15px}
  .cfs-brand-landing .range-card>div>a::before{font-size:10px}
  .cfs-brand-landing .cfs-range-load-wrap{
    height:auto!important;min-height:52px!important;padding-top:10px;overflow:visible!important
  }
  .cfs-brand-landing .cfs-range-load-wrap .outline-button{height:42px;min-height:42px;margin:0;font-size:13px}

  .cfs-brand-landing .bestsellers,
  .cfs-brand-landing .bestsellers .section-inner{
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
  }
  .cfs-brand-landing .bestsellers .section-inner{padding:28px 16px}
  .cfs-brand-landing .bestsellers .section-heading{
    display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start
  }
  .cfs-brand-landing .bestsellers .section-heading .cfs-bp-heading{margin:2px 0 5px;font-size:24px;line-height:29px}
  .cfs-brand-landing .bestsellers .section-heading p{margin:0;font-size:13px;line-height:18px}
  .cfs-brand-landing .bestsellers .section-heading>a{
    padding-top:2px;text-align:right;font-size:10px;line-height:14px;white-space:nowrap
  }
  .cfs-brand-landing .bestsellers .product-scroller{
    margin-top:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
    scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-inline:contain
  }
  .cfs-brand-landing .bestsellers .product-scroller::-webkit-scrollbar{display:none}
  .cfs-brand-landing .cfs-brand-featured-products.product-scroller.listingPg>ul#product.cfs-plp-product-grid{
    width:100%!important;min-width:100%!important;
    grid-template-columns:none!important;grid-auto-flow:column;
    grid-auto-columns:calc((100% - 10px)/2);gap:10px!important
  }
  .cfs-brand-landing .cfs-brand-featured-products.product-scroller.listingPg>ul#product.cfs-plp-product-grid>li.product{
    width:auto!important;min-width:0!important;max-width:none!important;scroll-snap-align:start
  }
  .cfs-brand-landing .product-scroller .product-card{
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:310px!important;min-height:310px!important;max-height:310px!important
  }
  .cfs-brand-landing .product-scroller .product-media{
    height:156px!important;min-height:156px!important;max-height:156px!important;flex:0 0 156px!important
  }
  .cfs-brand-landing .product-scroller .product-media img{height:156px!important}
  .cfs-brand-landing .product-scroller .product-copy{
    height:152px!important;min-height:152px!important;max-height:152px!important;padding:8px 11px!important
  }
  .cfs-brand-landing .product-scroller .title{font-size:12px;line-height:16px}
  .cfs-brand-landing .product-scroller .pOne{font-size:18px;line-height:21px}

  .cfs-brand-landing .brand-story,
  .cfs-brand-landing .brand-story .section-inner.cfs-brand-story-grid,
  .cfs-brand-landing .brand-story .story-copy{
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
  }
  .cfs-brand-landing .brand-story .section-inner.cfs-brand-story-grid{padding:0;display:grid;grid-template-columns:1fr;gap:0}
  .cfs-brand-landing .brand-story .story-image img{height:200px;min-height:200px;object-fit:cover}
  .cfs-brand-landing .brand-story .story-copy{padding:22px 16px 24px}
  .cfs-brand-landing .brand-story .story-copy h2{margin:2px 0 0;font-size:24px;line-height:30px}
  .cfs-brand-landing .brand-story .cfs-brand-story-description{
    height:auto!important;min-height:0!important;max-height:56px!important;flex:0 1 auto!important;
    margin:8px 0 3px!important;padding:0;overflow:hidden!important;
    font-size:13px!important;line-height:19px!important;scrollbar-gutter:auto
  }
  .cfs-brand-landing .brand-story .cfs-brand-story-description p{font-size:13px!important;line-height:19px!important}
  .cfs-brand-landing .brand-story .cfs-brand-story-description.is-expanded{
    max-height:none!important;height:auto!important;overflow:visible!important
  }
  .cfs-brand-landing .cfs-brand-story-more{
    min-height:30px;margin:1px 0 8px;padding:3px 0;border-bottom:0;gap:6px;font-size:12px;line-height:16px
  }
  .cfs-brand-landing .cfs-brand-story-more span{border-bottom:1px solid currentColor}
  .cfs-brand-landing .cfs-brand-story-more i{
    width:20px;height:20px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;
    font-size:13px;line-height:1
  }
  .cfs-brand-landing .brand-story .story-points{margin-top:3px;padding-top:9px;gap:8px}
  .cfs-brand-landing .brand-story .story-points strong{font-size:10px;line-height:14px}
  .cfs-brand-landing .brand-story .story-points small{font-size:8px;line-height:11px}
  .cfs-brand-landing .brand-story .cfs-brand-category-links{margin-top:10px;gap:7px;flex-wrap:nowrap;overflow-x:auto}

  .cfs-brand-landing .expert-cta{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  .cfs-brand-landing .expert-cta .cfs-bp-inner{height:auto!important;padding:26px 16px;gap:15px}
  .cfs-brand-landing .expert-cta h2{font-size:24px;line-height:30px}
  .cfs-brand-landing .expert-cta p:not(.cfs-bp-eyebrow){margin:7px 0 0;font-size:13px;line-height:19px}
  .cfs-brand-landing .expert-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .cfs-brand-landing .expert-actions .cfs-bp-button{min-height:42px;padding:9px 8px;font-size:12px}

  .cfs-brand-landing .contact-routes,
  .cfs-brand-landing .contact-routes .section-inner{
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
  }
  .cfs-brand-landing .contact-routes .section-inner{padding:28px 16px}
  .cfs-brand-landing .contact-routes .cfs-bp-heading{margin:2px 0 0;font-size:24px;line-height:30px}
  .cfs-brand-landing .route-grid{margin-top:16px;gap:9px}
  .cfs-brand-landing .route-grid>a{
    min-height:82px;padding:11px 12px;grid-template-columns:36px minmax(0,1fr) auto;column-gap:10px
  }
  .cfs-brand-landing .route-grid>a>span{width:36px;height:36px}
  .cfs-brand-landing .route-grid strong{font-size:14px;line-height:18px}
  .cfs-brand-landing .route-grid small{font-size:11px;line-height:15px}
  .cfs-brand-landing .route-grid b{font-size:9px;line-height:13px}

  .cfs-brand-landing .range-enquiry,
  .cfs-brand-landing .range-enquiry .section-inner{
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
  }
  .cfs-brand-landing .range-enquiry .section-inner{padding:28px 16px;display:block}
  .cfs-brand-landing .range-enquiry .enquiry-heading{
    height:auto;min-height:0;margin:0 0 16px;overflow:visible
  }
  .cfs-brand-landing .range-enquiry h2{margin:2px 0 0;font-size:24px;line-height:30px}
  .cfs-brand-landing .range-enquiry .enquiry-heading>p:not(.cfs-bp-eyebrow){margin:7px 0 0;font-size:13px;line-height:19px}
  .cfs-brand-landing .range-enquiry .enquiry-response{margin-top:10px!important;padding-top:10px;border-top:1px solid #ded9ce}
  .cfs-brand-landing .range-enquiry form{
    height:auto;min-height:0;max-height:none;padding:16px;overflow:visible
  }
  .cfs-brand-landing .range-enquiry .form-grid{grid-template-columns:1fr 1fr;gap:10px}
  .cfs-brand-landing .range-enquiry label{gap:4px;font-size:12px;line-height:16px}
  .cfs-brand-landing .range-enquiry input:not([type=radio]):not([type=checkbox]),
  .cfs-brand-landing .range-enquiry textarea{
    min-height:42px;padding:8px 10px;font-size:14px;line-height:20px
  }
  .cfs-brand-landing .range-enquiry textarea{min-height:92px}
  .cfs-brand-landing .range-enquiry form>label{margin-top:11px}
  .cfs-brand-landing .range-enquiry fieldset{margin:11px 0;gap:18px;flex-wrap:nowrap}
  .cfs-brand-landing .range-enquiry legend{margin-bottom:5px;font-size:12px;line-height:16px}
  .cfs-brand-landing .range-enquiry .consent{font-size:11px;line-height:15px}
  .cfs-brand-landing .range-enquiry .form-status{min-height:18px;margin:5px 0;font-size:12px;line-height:18px}
  .cfs-brand-landing .range-enquiry button[type=submit]{min-height:44px}

  .cfs-brand-landing .about-faq .section-inner{padding:28px 16px;gap:16px}
}

@media(max-width:359px){
  .cfs-brand-landing .hero-actions,
  .cfs-brand-landing .expert-actions,
  .cfs-brand-landing .range-enquiry .form-grid{grid-template-columns:1fr}
}

/* Block 156b: outrank the legacy mobile fixed-height safety rules that are
   intentionally still present above for old brand markup. */
@media(max-width:1023px){
  section.cfs-brand-landing{overflow-x:hidden!important}

  section.cfs-brand-landing>section.range-hero#overview{
    width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"image" "content"!important;overflow:visible!important
  }
  section.cfs-brand-landing>section.range-hero#overview>picture,
  section.cfs-brand-landing>section.range-hero#overview>picture>img{
    width:100%!important;height:210px!important;min-height:210px!important;max-height:210px!important;
    object-fit:cover!important
  }
  section.cfs-brand-landing>section.range-hero#overview>picture{grid-area:image!important}
  section.cfs-brand-landing>section.range-hero#overview>.range-hero-copy{
    grid-area:content!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;
    padding:22px 16px 24px!important;gap:9px!important;overflow:visible!important
  }
  section.cfs-brand-landing>section.trust-strip{
    height:auto!important;min-height:112px!important;max-height:none!important;
    padding:14px 16px!important;gap:10px 8px!important
  }

  section.cfs-brand-landing section.range-discovery#ranges,
  section.cfs-brand-landing section.range-discovery#ranges:not(.is-range-expanded),
  section.cfs-brand-landing section.range-discovery#ranges>.section-inner,
  section.cfs-brand-landing section.range-discovery#ranges:not(.is-range-expanded)>.section-inner{
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
  }
  section.cfs-brand-landing section.range-discovery#ranges>.section-inner{
    padding:28px 16px!important
  }
  section.cfs-brand-landing section.range-discovery#ranges .section-heading{
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0!important;padding:0!important;overflow:visible!important
  }
  section.cfs-brand-landing section.range-discovery#ranges .range-grid{
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card{
    width:100%!important;height:112px!important;min-height:112px!important;max-height:112px!important;
    padding:8px!important;gap:11px!important;grid-template-columns:96px minmax(0,1fr)!important;
    overflow:hidden!important
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card>img{
    width:96px!important;height:96px!important;min-height:96px!important;max-height:96px!important
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card>div{
    height:96px!important;min-height:96px!important;max-height:96px!important;
    padding:1px 0 22px!important;gap:2px!important;overflow:hidden!important
  }
  section.cfs-brand-landing section.range-discovery#ranges .cfs-range-load-wrap{
    height:auto!important;min-height:52px!important;max-height:none!important;overflow:visible!important
  }

  section.cfs-brand-landing section.range-enquiry#enquire,
  section.cfs-brand-landing section.range-enquiry#enquire>.section-inner{
    height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important
  }
  section.cfs-brand-landing section.range-enquiry#enquire>.section-inner{
    padding:28px 16px!important;display:block!important
  }
  section.cfs-brand-landing section.range-enquiry#enquire .enquiry-heading{
    height:auto!important;min-height:0!important;max-height:none!important;
    margin:0 0 16px!important;overflow:visible!important
  }
  section.cfs-brand-landing section.range-enquiry#enquire form[data-cfs-range-enquiry]{
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:16px!important;overflow:visible!important
  }
  section.cfs-brand-landing section.range-enquiry#enquire form[data-cfs-range-enquiry] .form-grid{
    height:auto!important;min-height:0!important;max-height:none!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:10px!important;overflow:visible!important
  }
  section.cfs-brand-landing section.range-enquiry#enquire form[data-cfs-range-enquiry] .form-grid>label{
    min-width:0!important;margin:0!important
  }
  section.cfs-brand-landing section.range-enquiry#enquire form[data-cfs-range-enquiry] input:not([type=radio]):not([type=checkbox]),
  section.cfs-brand-landing section.range-enquiry#enquire form[data-cfs-range-enquiry] textarea{
    width:100%!important;min-width:0!important;min-height:42px!important;height:auto!important;
    padding:8px 10px!important;font-size:14px!important;line-height:20px!important
  }
  section.cfs-brand-landing section.range-enquiry#enquire form[data-cfs-range-enquiry] textarea{
    min-height:92px!important
  }
}

/* Block 174: readable mobile typography for the brand bestseller rail.
   Keep the two-card comparison layout, but do not shrink product links and
   service copy below a comfortable phone reading size. */
@media(max-width:767px){
  .cfs-brand-landing #featured-products .section-heading>div>p:not(.cfs-bp-eyebrow){
    font-size:14px!important;
    line-height:20px!important
  }
  .cfs-brand-landing #featured-products .section-heading>a{
    font-size:12px!important;
    line-height:16px!important;
    font-weight:700!important
  }
  .cfs-brand-landing #featured-products .product-copy>.brand-name{
    font-size:11px!important;
    line-height:15px!important;
    font-weight:700!important
  }
  .cfs-brand-landing #featured-products .product-copy>.title,
  .cfs-brand-landing #featured-products .product-copy>.title>a{
    font-size:14px!important;
    line-height:19px!important;
    font-weight:600!important
  }
  .cfs-brand-landing #featured-products .product-copy>.title{
    min-height:57px!important;
    max-height:57px!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important
  }
  .cfs-brand-landing #featured-products .cfs-christmas-delivery{
    min-height:44px!important;
    padding:6px 8px!important
  }
  .cfs-brand-landing #featured-products .cfs-christmas-delivery__text{
    font-size:12px!important;
    line-height:15px!important;
    font-weight:600!important
  }
  .cfs-brand-landing #featured-products .product-copy>.cfs-card-cta{
    font-size:13px!important;
    line-height:17px!important;
    font-weight:700!important
  }
}

@media(max-width:359px){
  section.cfs-brand-landing section.range-enquiry#enquire form[data-cfs-range-enquiry] .form-grid{
    grid-template-columns:1fr!important
  }
}

/* Long brand copy: keep mobile brand pages usable after either read-more
   control is opened. Only the copy scrolls; headings, controls and all
   following page sections stay in normal document flow. */
@media(max-width:1023px){
  body.cfs2030-shell main#main-content section.cfs-brand-landing section#overview.range-hero.is-description-expanded .range-hero-copy .cfs-brand-hero-description.is-expanded{
    height:auto!important;
    min-height:0!important;
    max-height:320px!important;
    flex:0 1 auto!important;
    padding-right:10px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y
  }
body.cfs2030-shell main#main-content section.cfs-brand-landing section#brand-story .story-copy .cfs-brand-story-description.is-expanded{
    height:auto!important;
    max-height:240px!important;
    padding-right:10px!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y
  }
}

/* 2026-08-29: brand/range featured-product scrollers show 350px photography
   inside the shared 374px canvas. Horizontal overflow remains usable. */
@media(min-width:1024px){
  .cfs-brand-landing .cfs-brand-featured-products.product-scroller.listingPg>ul#product.cfs-plp-product-grid{
    min-width:1556px!important;
    grid-template-columns:repeat(4,374px)!important;
    justify-content:start!important;
    gap:20px!important;
  }
  .cfs-brand-landing .cfs-brand-featured-products.product-scroller.listingPg>ul#product.cfs-plp-product-grid>li.product,
  .cfs-brand-landing .product-scroller .product-card{
    width:374px!important;
    min-width:374px!important;
    max-width:374px!important;
  }
  .cfs-brand-landing .product-scroller .product-card{height:687px!important;min-height:687px!important;max-height:687px!important}
  .cfs-brand-landing .product-scroller .product-media,
  .cfs-brand-landing .product-scroller .product-media>a.image{
    width:374px!important;
    height:374px!important;
    min-height:374px!important;
    max-height:374px!important;
    flex:0 0 374px!important;
  }
  .cfs-brand-landing .product-scroller .product-media img{
    width:350px!important;
    height:350px!important;
    min-height:350px!important;
    max-height:350px!important;
    margin:auto!important;
    object-fit:contain!important;
  }
  .cfs-brand-landing .product-scroller .product-copy{
    height:313px!important;
    min-height:313px!important;
    max-height:313px!important;
  }
}

/* Shared desktop range cards: range imagery is supplied in mixed aspect
   ratios, so present every collection consistently in a centred square crop.
   Keep the card and section in normal flow as the square media is taller than
   the former 170px landscape slot. */
@media(min-width:1024px){
  section.cfs-brand-landing section.range-discovery#ranges,
  section.cfs-brand-landing section.range-discovery#ranges:not(.is-range-expanded),
  section.cfs-brand-landing section.range-discovery#ranges>.section-inner,
  section.cfs-brand-landing section.range-discovery#ranges:not(.is-range-expanded)>.section-inner{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important
  }
  section.cfs-brand-landing section.range-discovery#ranges .range-grid{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-items:stretch!important;
    overflow:visible!important
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    align-self:stretch;
    overflow:hidden!important
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card>img{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:1/1;
    flex:0 0 auto!important;
    object-fit:cover!important;
    object-position:center!important
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card>div{
    height:auto!important;
    min-height:217px!important;
    max-height:none!important;
    flex:1 1 auto!important;
    overflow:hidden!important
  }
}

/* Block 172: compact, content-led desktop range cards. The copy is clamped,
   while the footer remains aligned across each row without dead vertical space. */
@media(min-width:1024px){
  section.cfs-brand-landing section.range-discovery#ranges article.range-card>div{
    min-height:194px!important;
    padding:14px 14px 48px!important;
    gap:3px!important
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card h3{
    display:-webkit-box;
    max-height:58px;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card small{
    display:-webkit-box;
    max-height:42px;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card>div>b{
    left:14px;
    bottom:15px
  }
  section.cfs-brand-landing section.range-discovery#ranges article.range-card>div>a{
    right:14px;
    bottom:10px
  }
  .cfs-brand-landing .contact-routes,
  .cfs-brand-landing .contact-routes .section-inner{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important
  }
  .cfs-brand-landing .contact-routes .section-inner{padding:38px 80px!important}
  .cfs-brand-landing .contact-routes .cfs-bp-heading{
    margin:2px 0 0;
    font-size:42px;
    line-height:50px
  }
}

@media(max-width:1023px){
  .cfs-brand-landing .contact-routes .section-inner{padding:24px 16px!important}
  .cfs-brand-landing .contact-routes .cfs-bp-heading{margin-top:2px}
}

/* Expanded desktop brand story must leave the fixed preview geometry and
   return to normal document flow. The previous flex item could shrink to 0px,
   so the control changed state while the story itself stayed invisible. */
@media(min-width:1024px){
  body.cfs2030-shell main#main-content section.cfs-brand-landing section#brand-story:has(.cfs-brand-story-description.is-expanded),
  body.cfs2030-shell main#main-content section.cfs-brand-landing section#brand-story:has(.cfs-brand-story-description.is-expanded) .section-inner.cfs-brand-story-grid,
  body.cfs2030-shell main#main-content section.cfs-brand-landing section#brand-story:has(.cfs-brand-story-description.is-expanded) .story-copy{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important
  }
  body.cfs2030-shell main#main-content section.cfs-brand-landing section#brand-story:has(.cfs-brand-story-description.is-expanded) .section-inner.cfs-brand-story-grid{
    align-items:start
  }
  body.cfs2030-shell main#main-content section.cfs-brand-landing section#brand-story .story-copy .cfs-brand-story-description.is-expanded{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:0 0 auto!important;
    padding-right:0!important;
    overflow:visible!important;
    scrollbar-gutter:auto
  }
}

/* 2026-09-01 absolute final cascade: enquiry alignment and five-colour controls. */
.cfs-brand-landing{--cfs-bp-green:#4d403a;--cfs-bp-green3:#a3968d;--cfs-bp-warm:#faf8f5;--cfs-bp-range-accent:#a3968d;--cfs-bp-nav-muted:#4d403a}
.cfs-brand-landing .range-enquiry label>.field-label{display:inline-flex!important;flex-flow:row nowrap!important;align-items:baseline!important;gap:4px!important;width:auto!important}
.cfs-brand-landing .range-enquiry fieldset{display:block!important;padding:0!important;margin:0!important;border:0!important}
.cfs-brand-landing .range-enquiry fieldset legend{float:none!important;width:auto!important;margin:0 0 10px!important}
.cfs-brand-landing .range-enquiry .contact-method-options{display:flex!important;flex-flow:row wrap!important;align-items:center!important;justify-content:flex-start!important;gap:24px!important}
.cfs-brand-landing .range-enquiry .contact-method-options label{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:7px!important;width:auto!important;margin:0!important}
.cfs-brand-landing .range-enquiry button[type="submit"]{color:#fff!important;background:#4d403a!important;border-color:#4d403a!important;-webkit-text-fill-color:#fff!important}
.cfs-brand-landing .range-hero,
.cfs-brand-landing .range-hero-copy{color:#4d403a!important;background:#dfdacf!important}
.cfs-brand-landing .range-hero-copy :where(h1,h2,h3,p,span,strong,b,small,a),
.cfs-brand-landing .range-hero-copy>p:not(.cfs-bp-eyebrow):not(.hero-attributes),
.cfs-brand-landing .range-hero-copy .hero-attributes{color:#4d403a!important;-webkit-text-fill-color:#4d403a!important}
.cfs-brand-landing .trust-strip{color:#4d403a!important;background:#faf8f5!important}
.cfs-brand-landing .trust-strip :where(strong,small,span,svg,use){color:#4d403a!important;-webkit-text-fill-color:#4d403a!important}
.cfs-brand-landing .trust-strip i{color:#4d403a!important;background:#fff!important;border:1px solid #a3968d!important}
html body.cfs2030-shell[data-cfs-page][data-cfs-page][data-cfs-page] #main-content#main-content .cfs-brand-landing .trust-strip.trust-strip{color:#4d403a!important;background:#faf8f5!important;background-color:#faf8f5!important;background-image:none!important}
html body.cfs2030-shell[data-cfs-page][data-cfs-page][data-cfs-page] #main-content#main-content .cfs-brand-landing .trust-strip.trust-strip :where(strong,small,span,svg,use){color:#4d403a!important;-webkit-text-fill-color:#4d403a!important}
#brand-page-trust-strip#brand-page-trust-strip#brand-page-trust-strip{color:#4d403a!important;background:#faf8f5!important;background-color:#faf8f5!important;background-image:none!important}
.cfs-brand-landing .hero-actions .primary-button,
.cfs-brand-landing .range-filters button.is-active{color:#fff!important;background:#4d403a!important;border-color:#4d403a!important;-webkit-text-fill-color:#fff!important}
.cfs-brand-landing .hero-actions .secondary-button{color:#4d403a!important;background:#dfdacf!important;border-color:#a3968d!important;-webkit-text-fill-color:#4d403a!important}
.cfs-brand-landing .product-scroller .product-media,
.cfs-brand-landing .product-scroller .product-media .image{padding:0!important;margin:0!important;overflow:hidden!important;background:#faf8f5!important}
.cfs-brand-landing .product-scroller .product-media img{display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;object-fit:cover!important;object-position:center!important}

/* Brand hero artwork must remain fully visible inside its media block. */
section.cfs-brand-landing>section.range-hero#overview>picture{background:#fff!important}
section.cfs-brand-landing>section.range-hero#overview>picture>img{
  object-fit:contain!important;
  object-position:center center!important
}

/* Shared desktop brand/range hero: make the media cell explicit so legacy
   picture rules cannot collapse the right-hand artwork at wide viewports. */
@media(min-width:1024px){
  section.cfs-brand-landing>section.range-hero#overview{
    display:grid!important;
    grid-template-columns:minmax(0,40%) minmax(0,60%)!important;
    grid-template-areas:"content media"!important;
  }
  section.cfs-brand-landing>section.range-hero#overview>.range-hero-copy{
    grid-area:content!important;
  }
  section.cfs-brand-landing>section.range-hero#overview>picture{
    grid-area:media!important;
    width:100%!important;
    min-width:0!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
  section.cfs-brand-landing>section.range-hero#overview>picture>img{
    width:100%!important;
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
  }
}

/* 2026-09-01: keep the bestseller rail compact and remove the empty card tail
   before the remaining brand content/footer. */
@media(min-width:1024px){
  .cfs-brand-landing #featured-products>.section-inner{
    padding-top:48px!important;
    padding-bottom:40px!important
  }
  .cfs-brand-landing #featured-products ul#product>li.product,
  .cfs-brand-landing #featured-products ul#product>li.product>.product-card{
    height:594px!important;
    min-height:594px!important;
    max-height:594px!important
  }
  .cfs-brand-landing #featured-products ul#product>li.product>.product-card{
    flex:0 0 594px!important
  }
}

/* On small screens the shared CTA is taller than the old copy slot. Give it
   enough room so it remains inside the card instead of overlapping the next section. */
@media(max-width:767px){
  .cfs-brand-landing #featured-products ul#product>li.product,
  .cfs-brand-landing #featured-products ul#product>li.product>.product-card{
    height:342px!important;
    min-height:342px!important;
    max-height:342px!important
  }
  .cfs-brand-landing #featured-products ul#product>li.product>.product-card{
    flex:0 0 342px!important
  }
  .cfs-brand-landing #featured-products .product-copy{
    height:184px!important;
    min-height:184px!important;
    max-height:184px!important
  }
}

/* Content-safe brand bestseller cards. Live delivery notes must never push the
   product CTA outside a fixed-height card. */
@media(min-width:1024px){
  .cfs-brand-landing #featured-products ul#product>li.product,
  .cfs-brand-landing #featured-products ul#product>li.product>.product-card{
    height:676px!important;
    min-height:676px!important;
    max-height:676px!important
  }
  .cfs-brand-landing #featured-products ul#product>li.product>.product-card{
    flex:0 0 676px!important
  }
  .cfs-brand-landing #featured-products .product-copy{
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    overflow:hidden!important
  }
}
@media(max-width:1023px){
  .cfs-brand-landing #featured-products ul#product>li.product,
  .cfs-brand-landing #featured-products ul#product>li.product>.product-card{
    height:448px!important;
    min-height:448px!important;
    max-height:448px!important
  }
  .cfs-brand-landing #featured-products ul#product>li.product>.product-card{
    flex:0 0 448px!important
  }
  .cfs-brand-landing #featured-products .product-copy{
    height:290px!important;
    min-height:290px!important;
    max-height:290px!important;
    overflow:hidden!important
  }
}
.cfs-brand-landing #featured-products .product-copy>.cfs-card-cta{
  flex:0 0 48px!important;
  margin-top:auto!important
}

/* Narrow phones do not have enough room for the product count and the full
   CTA label on the same footer row. Keep both visible without overlap. */
@media(max-width:359px){
  :is(#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta,html)
  body.cfs2030-shell[data-cfs-page="c-brand_range_map"] #main-content #ranges .cfs-range-card>div>a{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0 7px!important
  }
  :is(#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta#cfs-range-card-cta,html)
  body.cfs2030-shell[data-cfs-page="c-brand_range_map"] #main-content #ranges .cfs-range-card>div>a::before{
    content:"View \2192"!important;
    font-size:10px!important
  }
}