*{box-sizing:border-box}html,body,#root{width:100%;max-width:100%}body{margin:0;overflow-x:hidden}
@media(max-width:900px){
body{padding-left:0!important}.event-detail-page,.title-detail-page{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-x:hidden!important;padding-bottom:calc(140px + env(safe-area-inset-bottom))!important}
.dekhly-header{position:sticky!important;top:0!important;width:100%!important;height:58px!important;z-index:300!important}.dekhly-header-inner{width:100%!important;height:58px!important}
.dekhly-bottom-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:400!important;width:100%!important;min-height:66px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:0 0 env(safe-area-inset-bottom)!important;border-top:1px solid #2c383a!important;background:#11181a!important}.dekhly-bottom-nav a{min-width:0!important;min-height:66px!important}
.event-detail-page{background:#0b1718!important}.event-detail-page>main,.event-detail-page .event-detail-hero,.event-detail-page .event-detail-hero-shell,.event-detail-page .event-detail-hero-inner{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
.event-detail-page .event-detail-hero{min-height:0!important;padding:18px 16px 28px!important;background:#0b1718!important}.event-detail-page .event-detail-hero-shell,.event-detail-page .event-detail-hero-inner{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important}
.event-detail-page .event-detail-shared-back,.event-detail-page .event-back-link{position:static!important;width:auto!important;transform:none!important;align-self:flex-start!important;margin:0 0 18px!important}
.event-detail-page .event-detail-hero-media{order:1!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9!important;margin:0 0 24px!important;padding:0!important;overflow:hidden!important;background:#172123!important}.event-detail-page .event-detail-hero-media img{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}
.event-detail-page .approved-event-heading{order:2!important;display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.event-detail-page .approved-event-heading h1{width:100%!important;max-width:100%!important;margin:8px 0 20px!important;font-size:clamp(42px,13vw,58px)!important;line-height:.92!important;letter-spacing:-.04em!important;overflow-wrap:anywhere!important}
.event-detail-page .event-detail-meta{width:100%!important;display:grid!important;grid-template-columns:1fr!important;gap:12px!important;margin:0!important}.event-detail-page .event-detail-actions{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;margin:20px 0 0!important;padding:16px 0 0!important}.event-detail-page .event-detail-actions :is(a,button){width:100%!important;max-width:100%!important;min-width:0!important;padding:0 10px!important;justify-content:center!important;white-space:nowrap!important}.event-detail-page .event-detail-actions .event-ticket-button{display:none!important}
.event-detail-page .event-detail-content{width:100%!important;max-width:100%!important;margin:0!important;padding:26px 16px 60px!important}
.event-detail-page .event-mobile-action{position:fixed!important;left:0!important;right:0!important;bottom:calc(66px + env(safe-area-inset-bottom))!important;z-index:410!important;width:100%!important;min-height:66px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:9px 16px!important;border-top:1px solid #314041!important;background:#111a1b!important}.event-detail-page .event-mobile-action span{min-width:0!important}.event-detail-page .event-mobile-action a{flex:0 0 auto!important;min-height:46px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#2db39d!important;color:#101817!important}
.title-detail-page .title-mobile-action{position:fixed!important;left:0!important;right:0!important;bottom:calc(66px + env(safe-area-inset-bottom))!important;z-index:410!important}
}
@media(max-width:380px){.event-detail-page .event-detail-actions{grid-template-columns:1fr!important}.event-detail-page .event-mobile-action{padding-inline:12px!important}.event-detail-page .event-mobile-action a{padding-inline:14px!important}}

@media(max-width:900px){
/* Full-bleed event canvas: no paper-coloured side gutters. */
body:has(.event-detail-page),#root:has(.event-detail-page),.event-detail-page>main{background:#0b1718!important}
.event-detail-page .event-detail-hero{position:relative!important;left:50%!important;width:100vw!important;max-width:100vw!important;margin-left:-50vw!important;margin-right:-50vw!important;padding:18px 16px 28px!important}
.event-detail-page .event-detail-hero-shell,.event-detail-page .event-detail-hero-inner{width:100%!important;max-width:100%!important}

/* Movie detail uses a large image-first phone layout. */
.title-detail-page .detail-hero{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-height:0!important;gap:0!important;padding:18px 16px 30px!important;overflow:hidden!important}
.title-detail-page .title-detail-shared-back{position:static!important;width:auto!important;transform:none!important;align-self:flex-start!important;margin:0 0 18px!important}
.title-detail-page .detail-poster-wrap{order:1!important;width:100%!important;max-width:100%!important;height:360px!important;aspect-ratio:auto!important;margin:0 0 24px!important;padding:10px!important;overflow:hidden!important;background:#172123!important}
.title-detail-page .detail-poster-wrap img{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important}
.title-detail-page .detail-copy{order:2!important;width:100%!important;max-width:100%!important;min-width:0!important}
.title-detail-page .detail-copy h1{width:100%!important;max-width:100%!important;margin:0 0 10px!important;font-size:clamp(44px,13vw,60px)!important;line-height:.92!important;overflow-wrap:anywhere!important}
.title-detail-page .detail-original-title,.title-detail-page .detail-meta,.title-detail-page .detail-overview,.title-detail-page .detail-actions{width:100%!important;max-width:100%!important}
.title-detail-page .detail-overview{margin:20px 0!important}.title-detail-page .detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
.title-detail-page .detail-rich-content,.title-detail-page .detail-rich-content-single-provider{width:100%!important;max-width:100%!important;margin:0!important;padding:24px 16px 60px!important}
}

@media(max-width:420px){.title-detail-page .detail-poster-wrap{height:330px!important}}

@media(max-width:900px){
/* Event hero stays dark; all content after its actions returns to the desktop paper canvas. */
body:has(.event-detail-page),#root:has(.event-detail-page),.event-detail-page{background:#f4f1ea!important}
.event-detail-page .event-detail-hero{background:#0b1718!important;color:#edf2ef!important}
.event-detail-page>main{background:#f4f1ea!important}
.event-detail-page .event-detail-content{background:#f4f1ea!important;color:#141817!important}
.event-detail-page .event-detail-fact-bar,.event-detail-page .event-detail-overview,.event-detail-page .event-transport-section,.event-detail-page .event-journey-section{color:#141817!important}
.event-detail-page .event-detail-fact-bar,.event-detail-page .event-detail-overview aside,.event-detail-page .event-transport-section{background:#fffdf8!important}
}