/* Align the desktop reassurance bar with the Product Highlights content frame. */
@media (min-width:1024px) and (max-width:1365px){
  html body .pdp2030[data-pdp-family="standard"] > .pdp-reassurance--desktop{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important
  }
  html body .pdp2030:is([data-pdp-family="variants"],[data-pdp-family="variants-nonmapped"],[data-pdp-family="wardrobe-configurator"],[data-pdp-family="blinds"]) > .pdp-reassurance--desktop{
    width:calc(100% - 120px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important
  }
}
@media (min-width:1400px){
  html body .pdp2030:is([data-pdp-family="standard"],[data-pdp-family="wardrobe-configurator"]) > .pdp-reassurance--desktop{
    width:calc(100% - 120px)!important;
    max-width:1320px!important;
    margin-left:auto!important;
    margin-right:auto!important
  }
  html body .pdp2030:is([data-pdp-family="variants"],[data-pdp-family="variants-nonmapped"],[data-pdp-family="blinds"]) > .pdp-reassurance--desktop{
    width:calc(100% - 24px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important
  }
}

/* Standard PDP: match the reassurance surface to the full 1440px content frame. */
@media (min-width:1400px){
  html body #pdp-main-content.pdp2030[data-pdp-family="standard"] > .pdp-reassurance--desktop{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:1440px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding-left:60px!important;
    padding-right:60px!important
  }
}


/* Product Highlights: maximum five importance-ranked cards in one desktop row. */
#pdp-main-content.pdp2030 .product-highlights{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important
}
#pdp-main-content.pdp2030 .product-highlights .content-wrap{
  height:auto!important;
  max-height:none!important;
  overflow:visible!important
}
#pdp-main-content.pdp2030 .product-highlights .highlight-grid{
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:16px!important;
  overflow:visible!important
}
#pdp-main-content.pdp2030 .product-highlights .highlight-grid>span{
  box-sizing:border-box!important;
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:120px!important;
  padding:18px 16px!important;
  gap:5px!important
}
#pdp-main-content.pdp2030 .product-highlights .pdp-highlight-icon{
  margin-bottom:4px!important
}
#pdp-main-content.pdp2030 .product-highlights .pdp-highlight-label{
  display:block!important;
  color:#6b7068!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:14px!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important
}
#pdp-main-content.pdp2030 .product-highlights .highlight-grid b{
  max-width:100%!important;
  color:#1b2017!important;
  font-size:14px!important;
  line-height:19px!important;
  overflow-wrap:anywhere!important
}
@media (min-width:768px) and (max-width:1023px){
  #pdp-main-content.pdp2030 .product-highlights .highlight-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important
  }
}
@media (max-width:767px){
  #pdp-main-content.pdp2030 .product-highlights .highlight-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important
  }
  #pdp-main-content.pdp2030 .product-highlights .highlight-grid>span{
    min-height:112px!important;
    padding:14px 10px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important
  }
  #pdp-main-content.pdp2030 .product-highlights .pdp-highlight-label{
    font-size:10px!important;
    line-height:13px!important;
    width:auto!important;
    max-width:100%!important;
    flex:none!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important
  }
  #pdp-main-content.pdp2030 .product-highlights .highlight-grid b{
    width:100%!important;
    font-size:12px!important;
    line-height:16px!important;
    text-align:center!important;
    overflow-wrap:break-word!important;
    word-break:normal!important
  }
}


/* Final cascade guard for all rendered PDP product rails. */
#pdp-main-content.pdp2030 :is(.collection-section,.similar-section) .figma-product-grid[data-pdp-product-rail]{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin-top:var(--pdp-heading-gap,16px)!important;
  display:flex!important;grid-template-columns:none!important;gap:16px!important;
  overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important
}
#pdp-main-content.pdp2030 :is(.collection-section,.similar-section) .figma-product-grid[data-pdp-product-rail]>.figma-product-card{
  box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:none!important;
  flex:0 0 calc((100% - 48px)/4)!important;scroll-snap-align:start!important
}
@media(min-width:768px) and (max-width:1023px){
  #pdp-main-content.pdp2030 :is(.collection-section,.similar-section) .figma-product-grid[data-pdp-product-rail]>.figma-product-card{
    flex-basis:calc((100% - 16px)/2)!important
  }
}
@media(max-width:767px){
  #pdp-main-content.pdp2030 :is(.collection-section,.similar-section) .figma-product-grid[data-pdp-product-rail]{gap:12px!important;margin-top:16px!important}
  #pdp-main-content.pdp2030 :is(.collection-section,.similar-section) .figma-product-grid[data-pdp-product-rail]>.figma-product-card{
    flex:0 0 72%!important;
    max-width:300px!important
  }
}


/* Match Explore More to the same 1320px content line as highlights and guides. */
@media(min-width:1024px){
  #pdp-main-content.pdp2030[data-pdp-family]>.explore-dining{
    box-sizing:border-box!important;width:100%!important;max-width:none!important;margin-inline:0!important;
    padding-left:12px!important;padding-right:12px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family]>.explore-dining>.content-wrap{
    box-sizing:border-box!important;width:100%!important;max-width:1320px!important;margin-inline:auto!important
  }
}


/* This mapped single-option PDP needs to grow with its help and secure-checkout rows. */
@media(min-width:1024px){
  #pdp-main-content.pdp2030[data-product-id="648482"]>.pdp-first-fold{
    height:auto!important;min-height:968px!important;max-height:none!important;overflow:visible!important
  }
  #pdp-main-content.pdp2030[data-product-id="648482"]>.pdp-first-fold>.purchase-panel{
    height:auto!important;min-height:912px!important;max-height:none!important;overflow:visible!important
  }
}


/* Match the wardrobe PDP first fold to the shared breadcrumb edge.
   Configurator controls and off-canvas flow remain unchanged. */
@media (min-width:1024px){
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold{
    box-sizing:border-box!important;height:auto!important;max-height:none!important;
    margin-inline:auto!important;padding-top:0!important;padding-bottom:24px!important;
    gap:0!important;align-items:start!important;overflow:visible!important;background:#fff!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.purchase-panel{
    border:0!important;border-radius:0!important;align-self:start!important;margin-top:0!important
  }
}
@media (min-width:1440px){
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold{
    width:1406px!important;max-width:calc(100% - 24px)!important;padding-left:0!important;padding-right:0!important;
    grid-template-columns:838px 568px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery{
    box-sizing:border-box!important;width:838px!important;height:822px!important;
    grid-template-columns:88px 670px!important;grid-template-rows:670px 72px!important;column-gap:16px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery>.pdp-gallery-thumbs{
    height:670px!important;max-height:670px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery>.pdp-gallery-stage{
    width:670px!important;min-width:670px!important;height:670px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery>.pdp-dimension-summary{
    width:838px!important
  }
}
@media (min-width:1366px) and (max-width:1439px){
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold{
    width:1342px!important;max-width:calc(100% - 24px)!important;padding-left:0!important;padding-right:0!important;
    grid-template-columns:822px 520px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery{
    box-sizing:border-box!important;width:822px!important;height:817px!important;
    grid-template-columns:80px minmax(0,1fr)!important;grid-template-rows:665px 72px!important;column-gap:13px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery>.pdp-gallery-thumbs{
    width:80px!important;height:665px!important;max-height:665px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery>.pdp-gallery-thumbs button{
    width:80px!important;height:80px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery>.pdp-gallery-stage{
    width:auto!important;min-width:0!important;height:665px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.purchase-panel{
    width:520px!important;padding-left:28px!important;padding-right:28px!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery>.pdp-dimension-summary{
    width:822px!important
  }
}


/* Use the approved Humz specification-table background treatment across PDP families. */
@media (min-width:1024px){
  #pdp-main-content.pdp2030[data-pdp-family] .product-specifications{
    background:#f6f4ef!important
  }
  #pdp-main-content.pdp2030[data-pdp-family] .product-specifications .spec-table{
    background:#fff!important
  }
  #pdp-main-content.pdp2030[data-pdp-family] .product-specifications .spec-table>div:nth-child(odd){
    background:#f6f4ef!important
  }
  #pdp-main-content.pdp2030[data-pdp-family] .product-specifications .spec-table>div:nth-child(even){
    background:#fff!important
  }
  #pdp-main-content.pdp2030[data-pdp-family] .product-specifications .spec-table :is(dt,dd){
    background:transparent!important
  }
}


/* One lower-PDP rhythm: two 20px section insets make a 40px gap (14/28px
   on mobile). Keep horizontal frames, cards and first-fold controls unchanged. */
body.cfs2030-shell:has(#pdp-main-content.pdp2030){
  --pdp-section-inset:20px;
  --pdp-heading-gap:16px;
}
@media(max-width:767px){
  body.cfs2030-shell:has(#pdp-main-content.pdp2030){--pdp-section-inset:14px}
}
#pdp-main-content.pdp2030[data-pdp-family]>.pdp-information>.product-info-section,
#pdp-main-content.pdp2030[data-pdp-family]>:is(.mobile-product-information,.bundle-section,.collection-section,.brand-section,.reviews-section,.trustpilot-section,.faq-section,.cfs-ugc-section,.similar-section,.guides-section,.explore-dining){
  padding-top:var(--pdp-section-inset)!important;
  padding-bottom:var(--pdp-section-inset)!important;
  margin-block:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
#pdp-main-content.pdp2030[data-pdp-family]>:is(.bundle-section,.collection-section,.brand-section,.reviews-section,.trustpilot-section,.faq-section,.similar-section,.guides-section,.explore-dining)>.content-wrap{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
/* Direct section headings only: product-card titles keep their own typography. */
#pdp-main-content.pdp2030[data-pdp-family]>.pdp-information>.product-info-section>h2,
#pdp-main-content.pdp2030[data-pdp-family]>:is(.bundle-section,.reviews-section,.trustpilot-section,.faq-section,.guides-section,.explore-dining)>.content-wrap>h2,
#pdp-main-content.pdp2030[data-pdp-family]>.brand-section>.content-wrap>div:first-child>h2{
  margin-top:0!important;
  margin-bottom:var(--pdp-heading-gap)!important;
}
#pdp-main-content.pdp2030[data-pdp-family]>:is(.bundle-section,.explore-dining)>.content-wrap{
  row-gap:0!important;
}
#pdp-main-content.pdp2030[data-pdp-family]>.pdp-information>.product-specifications>.spec-table{
  margin-bottom:0!important;
}
#pdp-main-content.pdp2030[data-pdp-family]>.cfs-ugc-section .cfs-section-heading{
  margin:0 0 var(--pdp-heading-gap)!important;
  height:auto!important;
  min-height:0!important;
}
#pdp-main-content.pdp2030[data-pdp-family]>.cfs-ugc-section .cfs-section-heading>h2{
  margin:0!important;
}
/* Recently Viewed is a sibling outside the PDP root. Remove its stacked
   Bootstrap outer margin only on PDPs; retain the card's internal padding. */
body.cfs2030-shell:has(#pdp-main-content.pdp2030) #recentlyViewedContainer.cfs-recently-viewed{
  padding-block:var(--pdp-section-inset)!important;
  margin-block:0!important;
}
body.cfs2030-shell:has(#pdp-main-content.pdp2030) #recentlyViewedContainer.cfs-recently-viewed>.cmmPrdSlide{
  margin-block:0!important;
}
/* Preserve the existing upper reassurance/highlights layout. */
@media (min-width:1024px){
  #pdp-main-content.pdp2030[data-pdp-family]>.product-highlights{
    padding-top:60px!important;
    padding-bottom:44px!important
  }
}


/* Keep the extended Bentley chair purchase/help area visually continuous with its white panel. */
#pdp-main-content.pdp2030[data-product-id="648482"]>.pdp-first-fold{
  background:#fff!important
}


/* Use a consistent square crop for editorial/blog imagery only. */
#pdp-main-content.pdp2030[data-pdp-family] .guides-section .guide-media{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1!important
}
#pdp-main-content.pdp2030[data-pdp-family] .guides-section .guide-media>img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important
}
#pdp-main-content.pdp2030[data-pdp-family] .guides-section .guide-card{
  height:auto!important;
  min-height:458px!important
}
@media(max-width:767px){
  #pdp-main-content.pdp2030[data-pdp-family] .guides-section .guide-card{
    min-height:430px!important
  }
}


/* Align every desktop PDP tab rail to the shared information-section grid.
   This is intentionally family-wide: no product-ID exceptions. */
@media(min-width:1024px){
  #pdp-main-content.pdp2030[data-pdp-family]{
    --pdp-tabs-frame-inset:120px;
    --pdp-tabs-frame-max:1320px
  }
  /* Standard PDP content uses the wider frame until the 1440px layout. */
  #pdp-main-content.pdp2030[data-pdp-family="standard"]{
    --pdp-tabs-frame-inset:24px;
    --pdp-tabs-frame-max:1416px
  }
  #pdp-main-content.pdp2030[data-pdp-family]>.desktop-product-tabs{
    box-sizing:border-box!important;
    width:calc(100% - var(--pdp-tabs-frame-inset))!important;
    max-width:var(--pdp-tabs-frame-max)!important;
    margin-inline:auto!important;
    padding-left:24px!important;
    padding-right:24px!important;
    border-top:1px solid #ddd9cf!important;
    border-bottom:1px solid #ddd9cf!important;
    background:#fff!important
  }
  #pdp-main-content.pdp2030[data-pdp-family]>.desktop-product-tabs>a:first-child{
    margin-left:0!important
  }
}
@media(min-width:1366px){
  /* These non-configurator families share the wider desktop section frame. */
  #pdp-main-content.pdp2030:is(
    [data-pdp-family="variants"],
    [data-pdp-family="variants-nonmapped"]
  ){
    --pdp-tabs-frame-inset:24px;
    --pdp-tabs-frame-max:1416px
  }
}
@media(min-width:1440px){
  #pdp-main-content.pdp2030[data-pdp-family="standard"]{
    --pdp-tabs-frame-inset:120px;
    --pdp-tabs-frame-max:1320px
  }
}


/* Keep the configurator gallery footer flat, matching the approved standard PDP. */
@media(min-width:1024px){
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery{
    border:0!important;
    border-radius:0!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]>.pdp-first-fold>.pdp-gallery>.pdp-dimension-summary{
    box-sizing:border-box!important;
    height:72px!important;
    min-height:72px!important;
    padding:0 24px!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important
  }
}


/* Prevent shorter purchase panels from exposing a grey/cream lower-right patch. */
@media(min-width:1024px){
  #pdp-main-content.pdp2030[data-pdp-family]>.pdp-first-fold{
    background:#fff!important
  }
}


/* Keep the configurator information link on the true right edge of its
   gallery footer, without changing the gallery or configurator geometry. */
@media(min-width:1024px){
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]
  >.pdp-first-fold>.pdp-gallery>.pdp-dimension-summary{
    box-sizing:border-box!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:24px!important;
    padding-right:0!important
  }
  #pdp-main-content.pdp2030[data-pdp-family="wardrobe-configurator"]
  >.pdp-first-fold>.pdp-gallery>.pdp-dimension-summary>.pdp-view-all-info{
    margin-left:auto!important;
    margin-right:0!important;
    text-align:right!important
  }
}


/* Display the saving beside the live PDP price. Values are populated from
   the rendered was/current prices, so all PDP families use one calculation. */
:is(#pdp-saving-price#pdp-saving-price#pdp-saving-price#pdp-saving-price,html)
body #pdp-main-content.pdp2030 .price-block .cfs-price__row>.pdp-save-summary{
  flex:0 0 auto;
  order:3;
  align-self:baseline;
  color:#4d403a;
  font:700 15px/19px var(--pdp-font-body,Inter,Arial,sans-serif);
  white-space:nowrap
}
:is(#pdp-saving-price#pdp-saving-price#pdp-saving-price#pdp-saving-price,html)
body #pdp-main-content.pdp2030 .price-block .cfs-price__row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:baseline!important;
  gap:7px 10px!important
}
:is(#pdp-saving-price#pdp-saving-price#pdp-saving-price#pdp-saving-price,html)
body #pdp-main-content.pdp2030 .price-block :is(.cfs-price__was,.pStroke,.wasPrice){
  color:#6f6a65!important;
  font-size:15px!important;
  font-weight:400!important;
  line-height:20px!important;
  text-decoration:line-through!important
}
:is(#pdp-saving-price#pdp-saving-price#pdp-saving-price#pdp-saving-price,html)
body #pdp-main-content.pdp2030 .price-block .cfs-price :is(.ySave,.udStyleDiscTag){
  display:none!important
}
:is(#pdp-saving-price#pdp-saving-price#pdp-saving-price#pdp-saving-price,html)
body #pdp-main-content.pdp2030 .pdp-gallery-stage>.pdp-offer-badge{
  position:absolute!important;
  z-index:5!important;
  top:18px!important;
  right:auto!important;
  left:18px!important;
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:3px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#fff!important;
  background:#4d403a!important;
  background-color:#4d403a!important;
  font:700 13px/17px var(--pdp-font-body,Inter,Arial,sans-serif)!important;
  letter-spacing:0!important;
  text-transform:none!important;
  white-space:nowrap!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 2px 6px rgba(77,64,58,.14)!important
}
:is(#pdp-saving-price#pdp-saving-price#pdp-saving-price#pdp-saving-price,html)
body #pdp-main-content.pdp2030 .pdp-gallery-stage>.pdp-offer-badge[hidden]{
  display:none!important
}
@media(max-width:575px){
  :is(#pdp-saving-price#pdp-saving-price#pdp-saving-price#pdp-saving-price,html)
  body #pdp-main-content.pdp2030 .price-block .cfs-price__row>.pdp-save-summary{
    font-size:13px;
    line-height:18px
  }
  :is(#pdp-saving-price#pdp-saving-price#pdp-saving-price#pdp-saving-price,html)
  body #pdp-main-content.pdp2030 .price-block :is(.cfs-price__was,.pStroke,.wasPrice){
    font-size:14px!important;
    line-height:19px!important
  }
  :is(#pdp-saving-price#pdp-saving-price#pdp-saving-price#pdp-saving-price,html)
  body #pdp-main-content.pdp2030 .pdp-gallery-stage>.pdp-offer-badge{
    top:10px!important;
    right:auto!important;
    left:10px!important;
    min-height:30px!important;
    padding:6px 9px!important;
    font-size:12px!important;
    line-height:16px!important
  }
}
/* Final image-fit authority. Keep this at the end of the PDP cascade so
   family-specific legacy rules cannot crop or enlarge the main image. */
#pdp-main-content.pdp2030 .pdp-gallery-stage{
  overflow:hidden!important
}
#pdp-main-content.pdp2030 .pdp-gallery-stage>[data-gallery-main]{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:50% 50%!important;
  transform:none!important
}
/* Final configurator-title authority. Variant, colour and accessory labels
   must show their complete server-provided text; older popup CSS restricted
   .conTitle to a 40px clipped box. Cards are allowed to grow vertically. */
html body:has(.pdp2030) .configPopup.offcanvas:not(#productConfigPopup) .offcanvas-body .block .conTitle,
.configPopup .conTitle{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  overflow:visible!important;
  text-overflow:clip!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  flex:0 0 auto!important
}
html body:has(.pdp2030) .configPopup.offcanvas:not(#productConfigPopup) .offcanvas-body .block:has(.image img):has(> .conTitle),
html body:has(.pdp2030) .configPopup.offcanvas:not(#productConfigPopup) .offcanvas-body .block:has(> .conTitle){
  height:auto!important;
  min-height:286px!important;
  max-height:none!important
}