/* Atlas-aware tomato fixtures. A frame identity is independent of its source URL. */
.sgh-page .sgh-tomato-photo { display:block; position:relative; width:100%; aspect-ratio:var(--tm-ratio,1); overflow:hidden; background:#edf1e6; border-radius:inherit; }
.sgh-page .sgh-tomato-photo__frame { display:block; position:absolute; width:100%; aspect-ratio:var(--tm-ratio,1); top:50%; left:0; transform:translateY(-50%); overflow:hidden; }
.sgh-page .sgh-tomato-photo[data-sgh-media*="-v210.webp"] > .sgh-tomato-photo__frame { transform:translateY(-50%) scale(1.12); }
.sgh-page .sgh-tomato-photo__frame > img { position:absolute!important; display:block; width:var(--tm-scale)!important; height:var(--tm-scale)!important; max-width:none!important; max-height:none!important; left:var(--tm-x)!important; top:var(--tm-y)!important; padding:0; margin:0; border:0; border-radius:0; object-fit:fill!important; transform:none!important; }
.sgh-page .sgh-variant > .sgh-tomato-photo { width:100%; aspect-ratio:1; border-radius:12px; }
.sgh-page .sgh-cause-card > .sgh-tomato-photo { aspect-ratio:1.45; }
.sgh-page .sgh-image-card__media > .sgh-tomato-photo { height:100%; aspect-ratio:auto; }
.sgh-page .sgh-disease-card a > .sgh-tomato-photo { aspect-ratio:1.55; }
.sgh-page .sgh-guide-entity__media > .sgh-tomato-photo { height:100%; }
.sgh-page :is(.sgh-variety-card__media,.sgh-related-card__media,.sgh-compare-photo,.sgh-gallery__main) > .sgh-tomato-photo { height:100%; min-height:100%; }
.sgh-page .sgh-article-card > a > .sgh-tomato-photo,.sgh-page .sgh-article-card > .sgh-tomato-photo { aspect-ratio:1.6; }
.sgh-page .sgh-media-mosaic--reviewed > .sgh-media-mosaic__item > .sgh-tomato-photo { height:100%; aspect-ratio:auto; }
.sgh-page .sgh-media-mosaic--1 { grid-template-columns:1fr; grid-template-rows:auto; }
.sgh-page .sgh-media-mosaic--1 > .sgh-media-mosaic__item { grid-column:1; grid-row:1; aspect-ratio:1; min-height:340px; }
.sgh-page .sgh-media-mosaic--2 { grid-template-columns:1fr 1fr; grid-template-rows:auto; }
.sgh-page .sgh-media-mosaic--2 > .sgh-media-mosaic__item { grid-column:auto; grid-row:1; aspect-ratio:1; min-height:260px; }
.sgh-page .sgh-tomato-photo--icon { display:grid; place-items:center; }
.sgh-page .sgh-tomato-photo--icon .sgh-icon { width:90px; height:90px; }
@media(max-width:600px) { .sgh-page .sgh-media-mosaic--2 > .sgh-media-mosaic__item { min-height:0; } .sgh-page .sgh-media-mosaic--1 > .sgh-media-mosaic__item { min-height:0; } }