/* Reference: approved open blue assistant and existing homepage film controls.
   The film owns its link position; the assistant stays fixed without scroll tracking. */
@media(max-width:600px){
 html body.editorial-mode.editorial-home.editorial-home #app .hero-wrap.home-film{height:100svh;min-height:620px;padding-top:0;padding-bottom:0;box-sizing:border-box}
 html body.editorial-mode.editorial-home.editorial-home #app .home-film-copy{position:absolute;inset-inline:7%;bottom:calc(171px + max(14px,env(safe-area-inset-bottom)));width:auto;max-width:none}
 html body.editorial-mode.editorial-home.editorial-home #app .home-film-copy>.eyebrow{margin-bottom:0}
 html body.editorial-mode.editorial-home.editorial-home #app .home-film-copy .hero-collection-link{position:absolute;inset-inline-start:0;top:calc(100% + 115px);min-height:46px;max-width:calc(100vw - 116px);white-space:nowrap}
 html body.editorial-mode.editorial-home.editorial-home #app .home-film-foot{bottom:calc(86px + max(14px,env(safe-area-inset-bottom)))}
}
/* Photo counts occupy their own row under the image, including filtered cards. */
html body.editorial-mode #app a.product::after{content:none!important;display:none!important}
html body.editorial-mode #app .products>a.product{grid-row:span 8;grid-template-rows:subgrid}
html body.editorial-mode #app .products>a.product>.product-photo-count{grid-row:2;position:static!important;display:block;justify-self:end;align-self:start;margin:7px 0 0;padding:0!important;min-height:15px;font-size:11px;line-height:15px;color:#718078!important;background:transparent!important;letter-spacing:0}
html body.editorial-mode #app .products>a.product>.eyebrow{grid-row:3}
html body.editorial-mode #app .products>a.product>h3{grid-row:4}
html body.editorial-mode #app .products>a.product>.model{grid-row:5}
html body.editorial-mode #app .products>a.product>.price{grid-row:6;padding-inline-end:0}
html body.editorial-mode #app .products>a.product>.warranty-badge{grid-row:7;color:#53675e;gap:6px;font-size:12px;line-height:1.5}
html body.editorial-mode #app .products>a.product>.availability{grid-row:8}
@media(max-width:760px){html body.editorial-mode #app .products>a.product{grid-row:auto;grid-template-rows:auto auto auto auto auto auto auto auto}html body.editorial-mode #app .products>a.product>.warranty-badge{font-size:11px}}

/* Keep De'Longhi radiator details level when only one card has a photo count. */
@media(max-width:760px){
 html body.editorial-mode #app .products:has(>a.product[href="/product/delonghi-v551225-bg/"])>a.product{grid-template-rows:auto 22px auto auto auto auto auto auto}
}

/* Share detail rows within each phone pair. Short titles leave space without clipping longer names. */
@media(max-width:760px){
 html body.editorial-mode #app .products>a.product{grid-row:span 8!important;grid-template-rows:subgrid!important}
}

/* Keep each name and model together. Extra room belongs below the identity, before the shared price row. */
html body.editorial-mode #app .product-identity{display:contents}
html body.editorial-mode #app .products>a.product>.product-identity>h3{grid-row:4}
html body.editorial-mode #app .products>a.product>.product-identity>.model{grid-row:5}
@media(max-width:760px){
 html body.editorial-mode #app .products>a.product>.product-identity{display:flex;flex-direction:column;gap:4px;grid-row:4/span 2;align-self:start;min-width:0}
 html body.editorial-mode #app .products>a.product>.product-identity>h3,html body.editorial-mode #app .products>a.product>.product-identity>.model{margin:0!important;min-height:0!important;align-self:auto}
}