/* x2617-case — #2617 (Юрий, 25.10.2026): «картинки на кейсах рядом с заголовком
   сделать побольше». Hero visual of /cases/<slug> (all locales).
   Two hero variants: (A) .case3d.is-cover — rotating 3D card (51 cases),
   (B) plain .case-detail__hero-cover (healthband, startapp).
   - desktop >=900px: copy/visual columns 47/53 (was 55/45 or 57/43), the 560px cap
     and the square 1:1 box are gone, the card fills 96% of the column (was 80%);
   - the card/cover takes the image's own aspect ratio (from width/height attrs),
     so nothing is cropped (was forced 4:3 / 5:4 with object-fit:cover);
   - caption badge flows under the card instead of overlaying the square;
   - <900px: visual = full content width under the copy (was capped 360/420px);
     card 92% of it on tablets (room for the 3D tilt), 100% on phones <=640px.
   Selectors are one notch more specific than case-fixes / case-joyjet /
   case-limp-vpn / case-edplace / case3d-1135, so load order doesn't matter. */
@media (min-width:900px){
  main.case-detail .case-detail__hero-grid{grid-template-columns:47fr 53fr}
}
main.case-detail .case-detail__hero-visual{min-width:0}
/* (A) 3D cover */
main.case-detail .case-detail__hero-visual:has(.case3d){width:100%;max-width:none;aspect-ratio:auto;justify-self:stretch;margin-left:0;margin-right:0}
main.case-detail .case3d.is-cover{aspect-ratio:auto;width:100%;padding:clamp(12px,2.2vw,28px) 0 0;row-gap:clamp(14px,1.6vw,20px)}
main.case-detail .case3d.is-cover .c3d-stage{width:96%;aspect-ratio:auto;margin:0 auto}
main.case-detail .case3d.is-cover .c3d-card{position:relative;inset:auto}
main.case-detail .case3d.is-cover .c3d-front{position:relative;inset:auto}
main.case-detail .case3d.is-cover .c3d-front img{height:auto;object-fit:contain}
main.case-detail .case3d.is-cover .c3d-badge{position:relative;left:auto;bottom:auto;transform:none;max-width:100%;margin:0 auto}
/* (B) plain cover */
main.case-detail .case-detail__hero-visual .case-detail__hero-cover{aspect-ratio:auto;width:100%}
main.case-detail .case-detail__hero-visual .case-detail__hero-cover img{height:auto;object-fit:contain}
@media (max-width:899px){
  main.case-detail .case3d.is-cover .c3d-stage{width:92%}
}
@media (max-width:640px){
  main.case-detail .case3d.is-cover .c3d-stage{width:100%}
}