/* Placement data owns the crop. Keep the accepted sizing and rhythm untouched. */
@media(max-width:767px){.editorial-image-track>.cms-photo-placement:nth-child(n){--photo-position:var(--cms-mobile-position)}}
.product-photo.photo-transparent{background:var(--accent,#594037)}

.editorial-image-track .product-photo picture{display:contents}
@media(min-width:768px){.editorial-image-track>.photo-portrait-wide{width:calc(var(--rail-height)*.8);aspect-ratio:4/5}.editorial-image-track>.photo-landscape-wide{width:calc(var(--rail-height)*16/9);aspect-ratio:16/9}}


/* Approved shared product layout refinements. The frozen migration styles stay
   intact; these rules use their existing spacing roles and mobile breakpoint. */
.product-space-standard .finish-heading{margin-bottom:var(--space-media)}
.manufacturer-link-mobile{display:none}
@media(max-width:767px){
 .editorial-spread>.editorial-photographs{order:-3}
 .editorial-product-identity>.editorial-product-title{order:-2}
 .editorial-product-identity>.product-summary{order:-1}
 .product-enquiry-mobile{justify-content:center;text-align:center}
 .manufacturer-story>.manufacturer-link{display:flex;width:fit-content;margin-inline:auto;justify-content:center;text-align:center}
 .manufacturer-link-desktop{display:none}
 .manufacturer-link-mobile{display:inline}
 .editorial-story.is-enhanced:not(.is-expanded)>.product-introduction p{display:block;-webkit-line-clamp:unset;overflow:visible}
 .product-space-standard :is(.product-finishes,.product-related,.editorial-photographs) :is(.finish-controls,.related-controls,.editorial-gallery-controls){display:none}
 .product-space-standard :is(.product-finishes,.product-related).is-scrollable>:is(.finish-heading,.related-heading){padding-right:0}
}

/* Simple mobile header: fixed paper navigation above an ordinarily scrolling gallery. */
@media(max-width:767px){
 .editorial-product.product-gallery-nav .product-content{padding-top:60px}
 .editorial-product.product-gallery-nav .site-header{position:fixed;padding-block:8px;min-height:60px;background:var(--paper);color:var(--brown)}
 .editorial-product.product-gallery-nav .site-header :is(.brand,.menu-toggle){min-height:44px;display:flex;align-items:center;color:var(--brown)}
 .editorial-product.product-gallery-nav .site-header::before,
 .editorial-product.product-gallery-nav .site-header::after{display:none}
 .editorial-product.product-gallery-nav .site-header.gallery-passed:not(.menu-open)::after{display:block}
 .editorial-product .editorial-gallery-dots{left:50%!important;transform:translateX(-50%)}
}

/* A full-width mobile film marks the chapter boundary itself. */
@media(max-width:767px){
 .editorial-product .product-manufacturer{border-top:0;padding-top:0}
 .editorial-product .manufacturer-film{aspect-ratio:1/1}
}

/* This immutable Bianco source has a dark 9px bottom edge. Crop only its display;
   a replacement source version will not inherit this correction. */
.finish-swatch-square img[src$="/f1ba54ce8c0aa021a4f4e8ee9a96311bd98a9f139b8efe09bcf70cd01db5a845.png"]{
 transform:scale(1.01);
 transform-origin:center top;
}

/* Model patterns use complete portrait images in the established sample rail. */
.product-designs .design-images{grid-auto-columns:128px}
.design-portrait{aspect-ratio:380/948;background:var(--brown);overflow:hidden}
.design-portrait img{display:block;width:100%;height:100%;object-fit:contain}
.product-designs .design-note{margin:var(--space-media) 0 0;font-size:var(--type-size-compact);line-height:1.3;font-weight:500;letter-spacing:normal}
.editorial-spread:has(>.product-designs)>.product-finishes:not(.product-designs){grid-row:5}
@media(max-width:767px){.product-designs .design-images{grid-auto-columns:106px}}

/* The pilot shares one options area; source illustrations retain their proportions. */
.editorial-spread>.product-option-tabs{grid-column:5/-1;grid-row:4;min-width:0}
.product-option-tabs .product-finishes{margin:0}
.product-option-tabs .option-panel[hidden],.option-tablist[hidden]{display:none}
.option-tablist{display:flex;gap:var(--space-group);padding-right:104px;margin-bottom:var(--space-media)}
.option-tablist button{font:inherit;font-size:var(--type-size-lead);font-weight:var(--type-weight-reading);line-height:var(--type-leading-lead);letter-spacing:var(--type-tracking-lead);color:var(--brown);background:none;border:0;padding:0;min-height:44px;text-align:left;cursor:pointer;text-underline-offset:.22em}
.option-tablist button[aria-selected=true]{text-decoration:underline;text-decoration-thickness:1px}
.option-tablist button:focus-visible,.product-specs [data-opening-link]:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
.product-specs [data-opening-link]{color:inherit;text-decoration:underline;text-underline-offset:.2em}
.product-option-tabs.is-tabbed .finish-heading{height:0;margin:0;padding:0!important}
.product-option-tabs.is-tabbed .finish-heading h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.product-option-tabs.is-tabbed .finish-controls{top:calc(-1 * var(--space-media) - 22px)}
.product-opening-images .opening-images{display:flex;gap:var(--space-group);--opening-height:256px}
.opening-images>li{flex:0 0 max(128px,calc(var(--opening-height)*var(--opening-ratio)));width:max(128px,calc(var(--opening-height)*var(--opening-ratio)))}
.opening-portrait{height:var(--opening-height);background:var(--brown);overflow:hidden}
.opening-portrait img{display:block;width:100%;height:100%;object-fit:contain}
.product-option-tabs :is(.opening-caption-note,.opening-library-note,.opening-unillustrated){font-size:var(--type-size-compact);font-weight:500;line-height:1.3;letter-spacing:normal}
.opening-caption-note{margin:var(--space-label) 0 0}
.opening-library-note{margin:var(--space-media) 0 0}
.opening-unillustrated{margin-top:var(--space-prose)}
.opening-unillustrated summary{width:fit-content;cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:.2em}
.opening-unillustrated summary::-webkit-details-marker{display:none}
.opening-unillustrated summary:focus-visible{outline:2px solid var(--brown);outline-offset:4px}
.opening-unillustrated p{margin:var(--space-media) 0 0}
.opening-unillustrated strong{font-weight:var(--type-weight-emphasis)}
@media(min-width:768px) and (max-width:1151px){.editorial-spread>.product-option-tabs{grid-column:2/-1}}
@media(max-width:767px){
 .option-tablist{padding-right:0;gap:var(--space-group)}
 .option-tablist button{font-size:var(--type-size-lead)}
 .product-opening-images .opening-images{--opening-height:224px;gap:var(--space-media)}
 .opening-images>li{flex-basis:max(116px,calc(var(--opening-height)*var(--opening-ratio)));width:max(116px,calc(var(--opening-height)*var(--opening-ratio)))}
}

/* Component finishes use the established option tabs and spacing roles. */
.product-finish-tabs{scroll-margin-top:90px}
.product-finishes .finish-availability-note,.finish-name-list{font-size:var(--type-size-body);font-weight:var(--type-weight-reading);line-height:var(--type-leading-reading);letter-spacing:normal}
.product-finishes .finish-availability-note{margin:var(--space-prose) 0 0}
.product-finishes .finish-name-list-after-swatches{margin-top:var(--space-group)}
.finish-name-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-label) var(--space-group);list-style:none;padding:0;margin:0}
.product-finish-tabs:not(.is-tabbed)>.option-panel+.option-panel{margin-top:var(--space-group)}
.product-finish-tabs .option-tablist{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:4px 0;margin-top:-4px;margin-right:104px}
.product-finish-tabs .option-tablist::-webkit-scrollbar{display:none}
.product-finish-tabs .option-tablist button{min-width:0;flex:0 0 auto;white-space:nowrap}
@media(max-width:767px){
 .product-finish-tabs .option-tablist{margin-right:0}
 .finish-name-list{grid-template-columns:1fr}
}

/* Shared manufacturer introductions may use one paragraph instead of two columns. */
.manufacturer-body-single{grid-template-columns:minmax(0,1fr)}

/* Catalogue details and full-door layouts retain their distinct image shapes. */
.editorial-spread>.product-visual-options{grid-column:5/-1;grid-row:4;min-width:0}
.editorial-spread:has(>.product-visual-options)>.product-finish-tabs{grid-row:5}
.product-visual-options .product-visual-rail{margin:0}
/* Match the finish tabs' 44px navigation row before the shared media gap. */
@media(min-width:768px){.product-visual-rail>.finish-heading{min-height:44px}}
.product-visual-options .product-visual-rail+.product-visual-rail{margin-top:var(--space-section-end)}
.visual-profiles .finish-swatches{grid-auto-columns:clamp(160px,18vw,220px)}
.visual-decorative-bars .finish-swatches{grid-auto-columns:128px}
.visual-option-image{aspect-ratio:1/1;background:#fff;overflow:hidden}
.visual-option-image img{display:block;width:100%;height:100%;object-fit:contain}
.visual-decorative-bars .visual-option-image{aspect-ratio:2/5;padding:8px}
.visual-option-description{display:block;margin-top:var(--space-label)}
.visual-option-description,.visual-option-note{font-size:var(--type-size-compact);line-height:1.3;font-weight:500;letter-spacing:normal}
.visual-option-note{margin:var(--space-media) 0 0}
@media(min-width:768px) and (max-width:1151px){.editorial-spread>.product-visual-options{grid-column:2/-1}}
@media(max-width:767px){.visual-profiles .finish-swatches{grid-auto-columns:44%}.visual-decorative-bars .finish-swatches{grid-auto-columns:112px}}
