/* Otorixa Detail Visual Standard — opt-in classes only */
.otx-detail-visual{margin:0;overflow:hidden;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:#071421;box-shadow:0 18px 44px rgba(0,0,0,.22)}
.otx-detail-visual img{display:block;width:100%;height:100%;object-fit:cover}
.otx-detail-visual--wide{aspect-ratio:16/9}
.otx-detail-visual--card{aspect-ratio:16/10;border-radius:18px}
.otx-detail-visual--mobile{aspect-ratio:4/3}
@media(max-width:720px){.otx-detail-visual{border-radius:18px}.otx-detail-visual--wide{aspect-ratio:4/3}}

/* PRO 4.2 — Service + Content Detail Visual Integration */
.otx-detail-visual--service-hero{margin-top:26px;max-width:1180px}
.otx-detail-visual picture{display:block;width:100%;height:100%}
.otx-detail-card-media{display:block;margin:-2px -2px 14px;overflow:hidden;border-radius:16px;background:#071421;aspect-ratio:16/10}
.otx-detail-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.otx-svc-card--visual:hover .otx-detail-card-media img{transform:scale(1.018)}
.otx-svc-related{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.otx-svc-related-visual{display:grid!important;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding:10px!important;min-height:82px}
.otx-svc-related-visual img{width:72px;height:56px;object-fit:cover;border-radius:11px;border:1px solid rgba(255,255,255,.08)}
.otx-svc-related-visual strong{font-size:.9rem;line-height:1.25}
.otx-cd-link-grid .otx-cd-link-visual{display:grid;grid-template-columns:84px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center}
.otx-cd-link-grid .otx-cd-link-visual img{grid-row:1 / 3;width:84px;height:64px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)}
.otx-cd-link-grid .otx-cd-link-visual strong,.otx-cd-link-grid .otx-cd-link-visual span{grid-column:2}
@media(max-width:980px){.otx-svc-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){
 .otx-detail-visual--service-hero{margin-top:20px}
 .otx-svc-related{grid-template-columns:1fr}
 .otx-svc-related-visual{grid-template-columns:76px 1fr auto}
 .otx-cd-link-grid .otx-cd-link-visual{grid-template-columns:74px 1fr}
 .otx-cd-link-grid .otx-cd-link-visual img{width:74px;height:58px}
}
@media(prefers-reduced-motion:reduce){.otx-detail-card-media img{transition:none}.otx-svc-card--visual:hover .otx-detail-card-media img{transform:none}}

/* PRO 4.3 — Location / District Detail Visual Inheritance */
.otx-detail-visual--location-hero{margin-top:26px;max-width:1180px}
.otx-template-location .otx-svc-card--visual,
.otx-template-district .otx-svc-card--visual{overflow:hidden}
@media(max-width:720px){.otx-detail-visual--location-hero{margin-top:20px}}