/* Breadcrumb-free page tops, with the removed row's space collapsed. */
html body.editorial-mode #app :is(.crumb,.cx-breadcrumb,.product-breadcrumb-wrap){display:none!important}
html body.editorial-mode #app .pagehead:not(:has(h1)){display:none!important}
html body.editorial-mode #app .pagehead:has(h1){padding-top:24px!important}
html body.editorial-mode #app .pagehead h1{margin-top:0!important}
@media(max-width:600px){html body.editorial-mode #app .pagehead:has(h1){padding-top:18px!important}}

/* Bring catalogue filters closer to their heading on every category page. */
html body.editorial-mode #app .pagehead:has(+ .section .catalog-tools){padding-bottom:8px!important}
html body.editorial-mode #app .pagehead:has(+ .section .catalog-tools) .sub{margin-bottom:0!important}
html body.editorial-mode #app .pagehead + .section:has(.catalog-tools){padding-top:8px!important}
html body.editorial-mode #app .pagehead + .section .catalog-tools{padding-top:12px!important}

/* Compensate for the 100-inch artwork's larger white margins. */
html body.editorial-mode #app .product[data-tv-size="100"] .product-art img[src*="haier-h100s90fux-1509"]{transform:translateY(-6%) scale(1.15);object-position:center;mix-blend-mode:multiply}

/* Modest progressive image sizing, anchored to the artwork's top edge. */
html body.editorial-mode #app .product[data-tv-size="85"]{--catalog-tv-scale:.98}
html body.editorial-mode #app .product[data-tv-size="75"]{--catalog-tv-scale:.94}
html body.editorial-mode #app .product[data-tv-size="65"]{--catalog-tv-scale:.90}
html body.editorial-mode #app .product[data-tv-size="55"]{--catalog-tv-scale:.86}
html body.editorial-mode #app .product[data-tv-size="50"]{--catalog-tv-scale:.83}
html body.editorial-mode #app .product[data-tv-size="43"]{--catalog-tv-scale:.80}
html body.editorial-mode #app .product[data-tv-size]:not([data-tv-size="100"]) .product-art img[src*="/haier-display-field/"]{transform:scale(var(--catalog-tv-scale,1));transform-origin:50% 13%;object-position:center}

/* Restore compact, clickable product navigation on phones and desktop. */
html body.editorial-mode.product-format-preview #app>.pagehead.product-breadcrumb-wrap{display:block!important;padding:0!important;background:#fff!important}
html body.editorial-mode.product-format-preview #app .product-breadcrumb{padding-block:10px;color:#435b54}
html body.editorial-mode.product-format-preview #app .product-breadcrumb a:focus-visible{outline:2px solid #007bd0;outline-offset:4px}