/* Native product composition: P1 chapters, P2 full-frame photography, P3 comparisons.
   Shared landing typography, palette, buttons and spacing remain canonical. */
#de-main .jsdc-product .jsdc-product__value-strip{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;padding:20px 24px;border-block:1px solid var(--jsdc-line);background:var(--jsdc-section)}
#de-main .jsdc-product .jsdc-product__value-strip p{display:flex;gap:10px;align-items:center;margin:0}
#de-main .jsdc-product .jsdc-product__value-strip img{width:auto;height:24px}
#de-main .jsdc-product .jsdc-landing__feature{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
#de-main .jsdc-product .jsdc-product__photo{margin:0;min-width:0;align-self:center}
#de-main .jsdc-product .jsdc-product__photo .wpb_single_image,#de-main .jsdc-product .jsdc-product__door .wpb_single_image{margin:0}
#de-main .jsdc-product :is(.jsdc-product__photo,.jsdc-product__door) .vc_figure,#de-main .jsdc-product :is(.jsdc-product__photo,.jsdc-product__door) .vc_single_image-wrapper{display:block;width:100%;margin:0}
#de-main .jsdc-product :is(.jsdc-product__photo,.jsdc-product__door) img{aspect-ratio:auto;height:auto;object-fit:contain}
#de-main .jsdc-product .jsdc-product__three{grid-template-columns:repeat(3,minmax(0,1fr))}
#de-main .jsdc-product .jsdc-product__door{margin:0;min-width:0}
#de-main .jsdc-product .jsdc-product__properties{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#de-main .jsdc-product .jsdc-product__properties .jsdc-landing__card-body{text-align:center;padding:24px 20px}
#de-main .jsdc-product .jsdc-product__properties .wpb_single_image{margin:0 0 18px}
#de-main .jsdc-product .jsdc-product__properties img{width:64px;height:64px;aspect-ratio:1;object-fit:contain}
#de-main .jsdc-product .jsdc-product__properties h3{margin:0}
#de-main .jsdc-product .jsdc-product__reading{max-width:1000px;padding-top:0}
#de-main .jsdc-product .jsdc-product__enquiry{padding:24px 0 0}
#de-main .jsdc-product .jsdc-product__enquiry .jsdc-quick{margin-top:0;margin-bottom:28px}
#de-main .jsdc-product .alignright{max-width:160px;height:auto;margin:0 0 16px 20px}
@media(max-width:1100px){#de-main .jsdc-product .jsdc-product__three{grid-template-columns:repeat(2,minmax(0,1fr))}#de-main .jsdc-product .jsdc-product__properties{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#de-main .jsdc-product .jsdc-landing__feature{grid-template-columns:1fr}#de-main .jsdc-product .jsdc-product__three{grid-template-columns:1fr}#de-main .jsdc-product .jsdc-product__value-strip{gap:14px 20px;padding:16px}#de-main .jsdc-product .jsdc-product__properties{gap:16px}#de-main .jsdc-product .jsdc-product__properties .jsdc-landing__card-body{padding:20px 12px}#de-main .jsdc-product .alignright{float:none;display:block;margin:0 0 20px}}

/* WordPress sizes=auto uses a 3000x1500 intrinsic placeholder without an aspect ratio. Keep the native attachment ratio. */
#de-main .jsdc-product img{contain-intrinsic-size:none}
#de-main .jsdc-product .jsdc-product__projects{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1100px){#de-main .jsdc-product .jsdc-product__projects{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){#de-main .jsdc-product .jsdc-product__projects{grid-template-columns:1fr}}

#de-main .jsdc-product :is(.jsdc-product__photo,.jsdc-product__door) img{aspect-ratio:var(--jsdc-image-ratio,auto)}

/* Keep the native gallery/media links; compose fixed-ratio swatches as a responsive grid instead of absolute masonry. */
#de-main .jsdc-product .archi-image-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;height:auto!important;position:static!important;margin:0!important}
#de-main .jsdc-product .archi-image-gallery .project-item-sizer{display:none}
#de-main .jsdc-product .archi-image-gallery .project-item{position:static!important;width:auto!important;min-width:0}
#de-main .jsdc-product .archi-image-gallery .projects-box{margin:0!important;border:1px solid var(--jsdc-line);background:var(--jsdc-white)}
#de-main .jsdc-product .archi-image-gallery .image-popup{display:block}
#de-main .jsdc-product .archi-image-gallery .project-overlay{display:block;position:static;visibility:visible;opacity:1;transform:none;background:transparent;height:auto}
#de-main .jsdc-product .archi-image-gallery .project-name{display:block;position:static;transform:none;margin:0}
@media(max-width:1100px){#de-main .jsdc-product .archi-image-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}
@media(max-width:800px){#de-main .jsdc-product .archi-image-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}

/* Scoped exception to the legacy Archi section max-width !important; chapter bands retain their canonical white surface. */
#de-main .jsdc-product{background:var(--jsdc-section)}

/* Native content headings must not inherit the toolbar's site-header top offset. */
#de-main .jsdc-product header{top:auto;position:relative}
#de-main .jsdc-product .jsdc-landing__feature{margin-bottom:0}
#de-main .jsdc-product .jsdc-landing__feature img.alignright{width:160px;height:auto;aspect-ratio:auto;object-fit:contain}
#de-main .jsdc-product .jsdc-product__facts{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 32px;padding:22px 24px;border-bottom:1px solid var(--jsdc-line);background:var(--jsdc-section)}
#de-main .jsdc-product .jsdc-product__facts span{font-weight:600}

.jsdc-product .jsd-plywood-hero-slider__actions .jsdc-visualiser-cta{border:1px solid rgba(255,255,255,.8);padding:12px 18px;text-decoration:none;background:rgba(0,0,0,.16)}.jsdc-product .jsd-plywood-hero-slider__actions .jsdc-visualiser-cta:hover{background:rgba(255,255,255,.16)}

#de-main .jsdc-product .jsd-plywood-hero-slider__actions a.jsdc-visualiser-cta{border:1px solid rgba(255,255,255,.8);padding:12px 18px;text-decoration:none;background:rgba(0,0,0,.16)}#de-main .jsdc-product .jsd-plywood-hero-slider__actions a.jsdc-visualiser-cta:hover{background:rgba(255,255,255,.16)}