/* V3.34: touch-pan and tap-to-open must coexist on the mobile 360 cards.
   Scrollable content panels are outside the panorama and remain unchanged. */
@media(pointer:coarse){
  body.fxv2 .fxv2-world .fxv2-pano:not(.is-overview) .fxv2-pano-hotspots :is(a,button){
    touch-action:none!important;
    -webkit-user-select:none;
    user-select:none;
  }
  body.fxv2 .fxv2-world .fxv2-pano:not(.is-overview) .fxv2-pano-hotspots>a[data-v2-hotspot]{
    overflow-wrap:anywhere;
  }
}

/* One centre-point per film/reel card: the 360 spring and the collision
   solver can now move them separately while keeping an ordered first frame. */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  body.fxv2 .fxv2-pano[data-v2-scene="home"] .fxv331-mobile-core,
  body.fxv2 .fxv2-pano[data-v2-scene="home"] .fxv331-mobile-core .fxv327-mobile-platforms{
    display:contents!important;
  }
  body.fxv2 .fxv2-world .fxv2-pano[data-v2-scene="home"] .fxv2-pano-hotspots .fxv329-mobile-film-hero[data-v2-hotspot]{
    position:absolute!important;transform:translate(-50%,-50%)!important;
    width:min(412px,calc(100% - 30px))!important;
    max-width:calc(100% - 20px)!important;
    background:linear-gradient(126deg,#43e53e,#28bf28)!important;
    color:#081b09!important;-webkit-text-fill-color:#081b09!important;
    text-align:left!important;
  }
  body.fxv2 .fxv2-world .fxv2-pano-hotspots .fxv329-mobile-film-hero[data-v2-hotspot] :is(small,strong,span){
    color:#081b09!important;-webkit-text-fill-color:#081b09!important;
    text-align:left!important;
  }
  body.fxv2 .fxv2-world .fxv2-pano-hotspots .fxv327-mobile-platforms .fxv327-mobile-card[data-v2-hotspot]{
    position:absolute!important;transform:translate(-50%,-50%)!important;
    width:min(184px,calc((100% - 42px)/2))!important;
    max-width:calc(100% - 30px)!important;text-align:left!important;
  }
  body.fxv2 .fxv2-world .fxv2-pano-hotspots .fxv327-mobile-platforms .fxv327-mobile-card :is(small,strong,span){text-align:left!important}
}
@media(max-height:500px) and (pointer:coarse){
  body.fxv2 .fxv2-world .fxv2-pano[data-v2-scene="home"] .fxv2-pano-hotspots .fxv329-mobile-film-hero[data-v2-hotspot]{
    width:min(330px,calc(45% - 14px))!important;
    min-height:76px!important;
  }
  body.fxv2 .fxv2-world .fxv2-pano-hotspots .fxv327-mobile-platforms .fxv327-mobile-card[data-v2-hotspot]{
    width:min(150px,calc((55% - 38px)/2))!important;
  }
}

/* Editorial copy is always aligned with the left reading edge, with the
   same breathing room around the title and the first paragraph. */
body.fxv2 :is(.fxv2-main,.fxv2-article-page,.fxv2-hybrid-panel,.fxv2-detail-panel)
  :is(.fxv2-page-intro,.fxv2-article-intro,.fxv2-section-head,.fxv2-card-body,.fxv2-card-copy,
      .fxv2-feature-film-bottom,.fxv2-prose,.fxv2-article-content,.fxv2-journal-intro){
  text-align:left!important;
}
body.fxv2 .fxv2-world .fxv2-pano-hotspots :is(a[data-v2-hotspot],button[data-v2-hotspot]){
  text-align:left!important;
}
body.fxv2 .fxv2-world .fxv2-pano-hotspots a.fxv257-room-teaser :is(small,strong,em,span){
  text-align:left!important;margin-left:0!important;margin-right:0!important;
}
body.fxv2 .fxv2-header .fxv318-music-panel,
body.fxv2 .fxv2-header .fxv318-music-panel :is(h2,h3,p,small,strong,summary,button,li,label){
  text-align:left!important;
}

/* Keep the SoundCloud widget available to its API, but let our own drawer
   be the only visible player. One green current-title block, one track list,
   one row of transport controls. No duplicate status while music is ready. */
body.fxv2 .fxv2-header .fxv318-music-panel{
  padding:14px!important;gap:10px!important;
  background:#0d2115fa!important;border-color:var(--green,#28c018)!important;
}
body.fxv2 .fxv2-header .fxv318-music-panel .fxv318-music-embed{
  position:absolute!important;width:1px!important;height:1px!important;
  min-height:1px!important;overflow:hidden!important;
  opacity:0!important;pointer-events:none!important;
}
body.fxv2 .fxv2-header .fxv318-music-panel .fxv318-music-status[data-fxv318-quiet="true"]{
  display:none!important;
}
body.fxv2 .fxv2-header .fxv318-music-panel .fxv318-music-heading{
  padding-bottom:8px;border-bottom:1px solid #32663a;
}
body.fxv2 .fxv2-header .fxv318-music-panel .fxv318-music-actions{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch!important;
}
body.fxv2 .fxv2-header .fxv318-music-panel .fxv318-music-actions [data-fxv318-play]{grid-column:2}
body.fxv2 .fxv2-header .fxv318-music-panel .fxv318-music-actions [data-fxv318-next]{grid-column:3}
body.fxv2 .fxv2-header .fxv318-music-panel .fxv318-music-options{
  align-items:center;justify-content:space-between;
}

/* Build identity is a separate, quiet final line below the legal links. */
body.fxv2 .fxv2-footer .fxv334-footer-build{
  box-sizing:border-box;display:block;width:100%;padding:0 14px 5px;
  color:#98aa9c;font:500 9px/1.4 system-ui,sans-serif;
  letter-spacing:.025em;text-align:left;
}
@media(max-width:760px){
  body.fxv2 .fxv2-footer .fxv334-footer-build{padding:0 9px 4px}
}

/* Let the category colour continue along the image, without the old white
   crescent under a separately rounded thumbnail. The card owns the corners. */
body.fxv2 .fxv2-card-grid:not(.is-v2-list) .fxv2-card-media{
  box-sizing:border-box!important;
  border-left:4px solid var(--card-accent,var(--scene-second))!important;
  border-radius:0!important;
}
body.fxv2 .fxv2-card-grid:not(.is-v2-list) .fxv2-card-link{
  overflow:hidden!important;
}

/* Repeated editorial surfaces receive their own lightness step. The four
   levels are cycled before contrast would become unsuitable for body text. */
body.fxv2 .fxv2-card-grid>.fxv2-card:nth-child(4n+1){--fxv334-paper:#fff}
body.fxv2 .fxv2-card-grid>.fxv2-card:nth-child(4n+2){--fxv334-paper:#ebebeb}
body.fxv2 .fxv2-card-grid>.fxv2-card:nth-child(4n+3){--fxv334-paper:#dcdcdc}
body.fxv2 .fxv2-card-grid>.fxv2-card:nth-child(4n+4){--fxv334-paper:#cecece}
body.fxv2 .fxv2-card-grid:not(.is-v2-list)>.fxv2-card>.fxv2-card-link{
  background:linear-gradient(153deg,
    color-mix(in srgb,var(--card-accent,var(--scene-second)) 12%,var(--fxv334-paper)),
    var(--fxv334-paper) 53%)!important;
  color:#10221b!important;
}
body.fxv2 .fxv2-card-grid:not(.is-v2-list)>.fxv2-card .fxv2-card-body :is(strong,span,small){
  color:#10221b!important;-webkit-text-fill-color:#10221b!important;
}

/* The editorial Pick is one green surface including its title and content.
   Every picked item remains in the regular archive immediately below. */
body.fxv2 .fxv2-hybrid-panel .fxv334-pick,
body.fxv2 .fxv2-detail-panel .fxv334-pick{
  box-sizing:border-box;width:100%;max-width:100%;
  margin:clamp(15px,2.4vw,30px) 0 clamp(26px,3.2vw,44px);
  padding:clamp(15px,2.5vw,29px)!important;
  border:1px solid #6fdc70;border-radius:19px;
  background:linear-gradient(138deg,#34c72f,#127c25)!important;
  box-shadow:0 12px 29px #0d4b1a25;
}
body.fxv2 .fxv334-pick-heading{margin:0 0 19px;padding:0!important;text-align:left!important}
body.fxv2 .fxv334-pick-heading p{
  margin:0 0 6px!important;color:#e4ffe1!important;-webkit-text-fill-color:#e4ffe1!important;
  font:800 11px/1.3 system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;
}
body.fxv2 .fxv334-pick-heading h2{
  margin:0!important;color:white!important;-webkit-text-fill-color:white!important;
  text-align:left!important;font-size:clamp(20px,2.2vw,32px);line-height:1.17;
}
body.fxv2 .fxv2-card-grid.fxv334-pick-cards.is-v2-small,
body.fxv2 .fxv2-card-grid.fxv334-pick-cards.is-v2-large{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(10px,1.5vw,20px)!important;
}
body.fxv2 .fxv334-pick-cards:not(.is-v2-list) .fxv2-card-link{
  border-radius:12px!important;box-shadow:0 5px 17px #061f1136!important;
}
@media(max-width:700px){
  body.fxv2 .fxv2-card-grid.fxv334-pick-cards.is-v2-small,
  body.fxv2 .fxv2-card-grid.fxv334-pick-cards.is-v2-large{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.fxv2 .fxv334-pick-cards:not(.is-v2-list) .fxv2-card:nth-child(3){grid-column:1/-1}
}