#contact-dock-options{display:flex;flex-direction:column;gap:10px}.contact-dock-toggle{display:none}
@media(max-width:767px){
 body .contact-dock,body:has(#editorial-page:not([hidden]) :is(.living-room-page,.space-discovery)) .contact-dock{left:auto;right:12px;bottom:max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:flex-end;gap:8px}
 .contact-dock-toggle{display:block;min-height:40px;padding:8px 16px;border:1px solid #d8d8d0;border-radius:20px;background:#fffffff2;color:#42453b;font:inherit;font-size:12px;box-shadow:0 2px 10px #0000000c}
 #contact-dock-options{display:none;background:#fffffff5;border:1px solid #e6e6df;border-radius:14px;padding:10px;gap:8px}
 .contact-dock.is-expanded #contact-dock-options{display:flex}
 body .contact-dock-link{width:40px;height:40px}
 body:has(dialog[open]) .contact-dock{display:none}
}

/* Single-image cards: independent scale keeps scroll-reveal transforms intact. */
:is(.home-category,.home-room,.space-discovery-card,.living-product-card,.room-product,.rp-room-card) img,
#detail-dialog .pdp-related-image img,
#catalog-items .product:not(.has-catalog-scene) .standard-packshot{
 scale:1;transition:scale 1.8s cubic-bezier(.22,.61,.36,1);transform:none;
}
@media(hover:hover) and (pointer:fine){
 :is(.home-category,.home-room,.space-discovery-card,.living-product-card,.room-product,.rp-room-card):hover img,
 #detail-dialog .pdp-related-track>a:hover .pdp-related-image img,
 #catalog-items .product:not(.has-catalog-scene) .catalog-card-media:hover .standard-packshot{scale:1.10;transform:none}
}
:is(.home-category,.home-room,.space-discovery-card,.living-product-card,.room-product,.rp-room-card):focus-visible img{scale:1.10}
@media(prefers-reduced-motion:reduce){
 :is(.home-category,.home-room,.space-discovery-card,.living-product-card,.room-product,.rp-room-card) img,
 #detail-dialog .pdp-related-image img,
 #catalog-items .product:not(.has-catalog-scene) .standard-packshot{scale:1!important;transition:none!important}
}

/* Linked editorial thumbnails share the single-image card zoom. */
:is(.story-card-photo,.story-image,.ed-card-visual,.ed-feature-photo,.hub-image),.ar-topic figure{overflow:hidden}
:is(.story-card-photo,.story-image,.ed-card-visual,.ed-feature-photo,.hub-image) img,.ar-topic img{scale:1;transition:scale 1.8s cubic-bezier(.22,.61,.36,1);transform:none}
@media(hover:hover) and (pointer:fine){
 :is(.story-card,.story-feature):hover .story-card-photo img,
 .story:hover .story-image img,
 .ed-card:hover .ed-card-visual img,
 .ed-feature:hover .ed-feature-photo img,
 :is(.hub-story,.hub-feature-image,.hub-published-card,.ed-card):hover .hub-image img,
 .ar-topic:hover img{scale:1.10;transform:none}
}
:is(.story-card,.story-feature):focus-visible .story-card-photo img,
.story:focus-visible .story-image img,.ed-card:focus-visible img,.ar-topic:focus-visible img{scale:1.10}
@media(prefers-reduced-motion:reduce){
 :is(.story-card-photo,.story-image,.ed-card-visual,.ed-feature-photo,.hub-image) img,.ar-topic img{scale:1!important;transition:none!important}
}