.mobileDetailDialog{border:0;border-radius:16px;padding:0;width:calc(100% - 24px);max-width:600px;max-height:calc(100dvh - 24px);color:var(--text);background:#fff;box-shadow:0 18px 65px #0006;overscroll-behavior:contain}
.mobileDetailDialog::backdrop{background:rgba(28,17,12,.7)}
.mobileDetailToolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f72822;color:#fff}
.mobileDetailClose{min-width:44px;min-height:44px;border:1px solid #ffffff65;border-radius:6px;background:transparent;color:#fff;font:inherit;cursor:pointer}
.mobileDetailDialog .detail{position:static;border:0;margin:0;padding:16px;box-shadow:none}
.mobileDetailDialog .hero{height:auto;max-height:36dvh;object-fit:contain;background:#fff}
.mobileDetailDialog .detailTitle{font-size:21px}
.mobileDetailDialog .arrows button{min-height:44px}
.mobileDetailDialog .lightbox{padding:12px}
.mobileDetailDialog .lightboxClose{top:12px;right:12px}
@media(max-width:1050px){.layout>.detail{display:none}}