/* V35: finish the existing POSON shell and product presentation. */
.site-header { color:#323533; background:#ffffffed; border-color:#dfe3df; box-shadow:0 1px 0 #ffffffb3; }
.site-header .logo-white { opacity:1; filter:drop-shadow(-.5px -.5px 0 #fff) drop-shadow(.7px 1px 0 #8d9692) drop-shadow(2px 3px 2px #303b3450); }
.site-header .logo-color { opacity:0; }
.site-header .brand-descriptor,.site-header .header-cta { color:#444745; border-color:#d1d4d2; text-shadow:none; }
.site-header .header-cta:hover { border-color:#767e78; background:#f4f7f4; }
.site-header.is-scrolled { color:#323533; background:#fffffff5; border-color:#dfe3df; box-shadow:0 1px 0 #ffffffb3; }
.site-header.is-scrolled .logo-white { opacity:0; }
.site-header.is-scrolled .logo-color { opacity:1; }
.site-header.is-scrolled .brand-descriptor,.site-header.is-scrolled .header-cta { color:#444745; border-color:#d1d4d2; }
.site-header.is-scrolled .header-cta:hover { border-color:#767e78; background:#f4f7f4; }

/* Keep each cabinet's intrinsic proportions. The reflection is decorative,
   drawn from the same image and faded within the floor, never across labels. */
.range-visual { height:504px; padding-bottom:74px; }
.range-object { position:relative; display:block; flex-shrink:0; line-height:0; }
.range-object>img { display:block; }
.range-reflection { position:absolute; inset:100% 0 auto; width:100%; height:100%; pointer-events:none; background-position:center; background-size:100% 100%; background-repeat:no-repeat; transform:scaleY(-1); opacity:.3; filter:blur(.4px); -webkit-mask-image:linear-gradient(to top,#000 0px,#0009 26px,transparent 70px); mask-image:linear-gradient(to top,#000 0px,#0009 26px,transparent 70px); transition:transform .5s var(--ease); }
/* Compensate for each source image's transparent bottom margin so the
   mirrored base meets the original base, also when image height changes. */
.range-product:nth-child(1) .range-reflection { top:88.84%; }
.range-product:nth-child(2) .range-reflection { top:90%; }
.range-product:nth-child(3) .range-reflection { top:94.4%; }
.range-product:nth-child(4) .range-reflection { top:95.26%; }
.range-pick:hover .range-reflection { transform:translateY(5px) scaleY(-1); }
.spec-table thead { border-top-width:10px; }

.footer-socials { display:flex; align-items:center; gap:23px; margin:20px 0 26px; }
.footer-grid a.footer-social-icon { display:grid; place-items:center; width:48px; height:58px; flex:0 0 48px; margin:0; background:none; border:0; color:#dce0df; }
.footer-social-icon svg { width:33px; height:33px; overflow:visible; filter:drop-shadow(-1px -1px 0 #fff) drop-shadow(1px 2px 0 #777e7a) drop-shadow(3px 5px 2px #343c365c) drop-shadow(7px 10px 5px #343c3633); transition:transform .25s ease,filter .25s ease; }
.footer-social-icon:hover svg { transform:translateY(-2px); filter:drop-shadow(-1px -1px 0 #fff) drop-shadow(1px 2px 0 #626c66) drop-shadow(4px 6px 2px #343c3666) drop-shadow(9px 13px 6px #343c363b); }
.footer-social-icon:focus-visible { outline:2px solid #31b845; outline-offset:3px; }
@media(max-width:1150px) { .range-visual { height:444px; } }
@media(max-width:650px) {
 .range-visual { height:549px; padding-bottom:74px; }
 .range-product:nth-child(1) .range-visual { height:489px; }
 .range-product:nth-child(4) .range-visual { height:514px; }
}
.motion-paused .range-reflection,.motion-paused .footer-social-icon svg { transition:none; }
.motion-paused .range-pick:hover .range-reflection { transform:scaleY(-1); }
@media(prefers-reduced-motion:reduce) {
 .range-reflection,.footer-social-icon svg { transition:none; }
 .range-pick:hover .range-reflection { transform:scaleY(-1); }
}