/* Third Eye Cinema public card system
   Final authority for movie/event card layout on home and catalogue pages.
   It deliberately loads after legacy CSS files that contain older rail/card rules. */

:root{
  --tec-card-bg:linear-gradient(155deg,rgba(27,27,30,.96),rgba(9,9,12,.99));
  --tec-card-border:rgba(246,200,106,.18);
  --tec-card-gold:#f4c45b;
  --tec-card-copy:rgba(255,248,236,.78);
  --tec-card-shadow:0 22px 58px rgba(0,0,0,.42);
  --tec-card-radius:14px;
}

.card-grid,
#listingGrid.card-grid,
.tec-rail-section .card-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:clamp(16px,2vw,24px) !important;
  align-items:stretch !important;
  width:100% !important;
  overflow:visible !important;
  padding:0 !important;
  grid-auto-flow:row !important;
  grid-auto-columns:auto !important;
  grid-auto-rows:1fr !important;
  scroll-snap-type:none !important;
}

.show-card.tec-premium-show-card{
  display:grid !important;
  grid-template-columns:minmax(132px,36%) minmax(0,1fr) !important;
  min-width:0 !important;
  height:100% !important;
  overflow:hidden !important;
  border:1px solid var(--tec-card-border) !important;
  border-radius:var(--tec-card-radius) !important;
  background:var(--tec-card-bg) !important;
  box-shadow:var(--tec-card-shadow) !important;
  content-visibility:visible !important;
  contain-intrinsic-size:auto !important;
}

.show-card.tec-premium-show-card .tec-card-media-link{
  display:block !important;
  color:inherit !important;
  text-decoration:none !important;
}

.show-card.tec-premium-show-card .tec-poster-wrap{
  width:100% !important;
  height:100% !important;
  min-height:220px !important;
  aspect-ratio:2/3 !important;
  padding:0 !important;
  margin:0 !important;
  border-radius:0 !important;
  background:#050506 !important;
}

.show-card.tec-premium-show-card .tec-poster-wrap img,
.show-card.tec-premium-show-card > img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:2/3 !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
  background:#050506 !important;
}

.show-card.tec-premium-show-card .show-info{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  gap:9px !important;
  padding:clamp(14px,3vw,20px) !important;
}

.show-card.tec-premium-show-card .badge.movie-status{
  max-width:100% !important;
  min-height:28px !important;
  padding:0 10px !important;
  white-space:normal !important;
  text-overflow:clip !important;
  line-height:1.1 !important;
}

.show-card.tec-premium-show-card .tec-card-title{
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(18px,2.7vw,22px) !important;
  line-height:1.16 !important;
  letter-spacing:0 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.show-card.tec-premium-show-card .tec-card-title a{
  color:inherit !important;
  text-decoration:none !important;
}

.show-card.tec-premium-show-card .tec-card-tags{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  min-width:0 !important;
}

.show-card.tec-premium-show-card .tec-card-tag{
  max-width:100% !important;
  padding:4px 9px !important;
  border:1px solid rgba(244,196,91,.42) !important;
  border-radius:999px !important;
  color:#f6d68e !important;
  background:rgba(244,196,91,.08) !important;
  font-size:12px !important;
  line-height:1.2 !important;
  overflow-wrap:anywhere !important;
}

.show-card.tec-premium-show-card .tec-card-tagline{
  margin:0 !important;
  color:var(--tec-card-copy) !important;
  font-size:14px !important;
  line-height:1.45 !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}

.show-card.tec-premium-show-card .tec-card-when,
.show-card.tec-premium-show-card .tec-card-venue{
  margin:0 !important;
  color:rgba(255,248,236,.74) !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

.show-card.tec-premium-show-card .show-actions{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:8px !important;
  margin-top:auto !important;
  padding-top:10px !important;
}

.show-card.tec-premium-show-card .show-actions a,
.show-card.tec-premium-show-card .show-actions button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:44px !important;
  padding:0 10px !important;
  border-radius:10px !important;
  white-space:normal !important;
  overflow-wrap:anywhere !important;
  text-align:center !important;
  font-size:13px !important;
  line-height:1.15 !important;
}

.show-card.tec-premium-show-card .tec-action-book{
  color:#1b0c06 !important;
  background:linear-gradient(135deg,#ffe08b,#f4b33e 54%,#ef4b35) !important;
}

.show-card.tec-premium-show-card a:focus-visible,
.show-card.tec-premium-show-card button:focus-visible,
.view-link:focus-visible,
.filter-bar button:focus-visible{
  outline:3px solid rgba(246,200,106,.9) !important;
  outline-offset:3px !important;
}

@media (hover:hover){
  .show-card.tec-premium-show-card:hover{
    transform:translateY(-6px) !important;
    border-color:rgba(246,200,106,.42) !important;
    box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 34px rgba(246,200,106,.1) !important;
  }
}

@media (min-width:768px){
  .card-grid,
  #listingGrid.card-grid,
  .tec-rail-section .card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media (min-width:1200px){
  .card-grid,
  #listingGrid.card-grid,
  .tec-rail-section .card-grid{
    grid-template-columns:repeat(auto-fit,minmax(268px,1fr)) !important;
  }

  #featuredGrid.card-grid,
  #comingSoonGrid.card-grid,
  #eventsGrid.card-grid,
  #screenedGrid.card-grid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  .show-card.tec-premium-show-card{
    display:flex !important;
    flex-direction:column !important;
  }

  .show-card.tec-premium-show-card .tec-poster-wrap{
    height:auto !important;
    min-height:0 !important;
  }

  .show-card.tec-premium-show-card .show-actions{
    grid-template-columns:1fr !important;
  }
}

@media (min-width:390px) and (max-width:767px){
  .show-card.tec-premium-show-card{
    grid-template-columns:minmax(132px,38%) minmax(0,1fr) !important;
  }

  .show-card.tec-premium-show-card .tec-poster-wrap{
    min-height:100% !important;
  }

  .show-card.tec-premium-show-card .show-actions{
    grid-template-columns:1fr !important;
    gap:7px !important;
  }
}

@media (max-width:389px){
  .show-card.tec-premium-show-card{
    display:flex !important;
    flex-direction:column !important;
  }

  .show-card.tec-premium-show-card .tec-poster-wrap{
    height:auto !important;
    min-height:0 !important;
  }

  .show-card.tec-premium-show-card .show-actions{
    grid-template-columns:1fr !important;
  }
}

#comingSoonGrid.tec-coming-rail{
  display:grid !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(190px,72vw) !important;
  grid-template-columns:none !important;
  overflow-x:auto !important;
  overscroll-behavior-x:contain !important;
  scroll-snap-type:x mandatory !important;
  scrollbar-width:thin !important;
  padding:2px 2px 14px !important;
}

#comingSoonGrid.tec-coming-rail .tec-coming-card{
  scroll-snap-align:start !important;
  display:flex !important;
  flex-direction:column !important;
}

#comingSoonGrid.tec-coming-rail .tec-coming-card .show-info{
  min-height:128px !important;
}

#comingSoonGrid.tec-coming-rail .tec-coming-card .tec-card-when{
  margin-top:auto !important;
  color:#f6d68e !important;
}

.tec-history-card .show-actions,
.tec-event-preview-card .show-actions{
  grid-template-columns:1fr !important;
}

.tec-event-preview-card{
  border-left:4px solid rgba(246,200,106,.65) !important;
}

@media (min-width:768px){
  #comingSoonGrid.tec-coming-rail{
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    overflow:visible !important;
    padding:0 !important;
    scroll-snap-type:none !important;
  }
}

@media (min-width:1200px){
  #comingSoonGrid.tec-coming-rail{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}

@media (max-width:430px){
  .section,
  .page{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .show-card.tec-premium-show-card .tec-card-title{
    font-size:18px !important;
  }

  .show-card.tec-premium-show-card .tec-card-tagline{
    font-size:13px !important;
  }
}

@media (max-width:767px){
  body.tec-mobile-ux .filter-bar,
  .page .filter-bar,
  .filter-bar{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    overflow:visible !important;
  }

  body.tec-mobile-ux .filter-bar button,
  .page .filter-bar button,
  .filter-bar button{
    flex:1 1 calc(50% - 8px) !important;
    min-width:0 !important;
    max-width:100% !important;
    min-height:40px !important;
    padding:0 10px !important;
    white-space:normal !important;
    overflow-wrap:anywhere !important;
    line-height:1.12 !important;
  }

  #listingGrid.card-grid{
    grid-auto-rows:auto !important;
  }

  #featuredGrid .show-card.tec-premium-show-card,
  #comingSoonGrid .show-card.tec-premium-show-card,
  #listingGrid .show-card.tec-premium-show-card{
    display:grid !important;
    grid-template-columns:minmax(104px,32%) minmax(0,1fr) !important;
    min-height:0 !important;
    border-radius:12px !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .tec-poster-wrap,
  #comingSoonGrid .show-card.tec-premium-show-card .tec-poster-wrap,
  #listingGrid .show-card.tec-premium-show-card .tec-poster-wrap{
    min-height:0 !important;
    height:100% !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .show-info,
  #comingSoonGrid .show-card.tec-premium-show-card .show-info,
  #listingGrid .show-card.tec-premium-show-card .show-info{
    gap:6px !important;
    padding:11px !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .badge.movie-status,
  #comingSoonGrid .show-card.tec-premium-show-card .badge.movie-status,
  #listingGrid .show-card.tec-premium-show-card .badge.movie-status{
    min-height:22px !important;
    padding:0 8px !important;
    font-size:9.5px !important;
    line-height:1.1 !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .tec-card-title,
  #comingSoonGrid .show-card.tec-premium-show-card .tec-card-title,
  #listingGrid .show-card.tec-premium-show-card .tec-card-title{
    font-size:15.5px !important;
    line-height:1.14 !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .tec-card-tags,
  #comingSoonGrid .show-card.tec-premium-show-card .tec-card-tags,
  #listingGrid .show-card.tec-premium-show-card .tec-card-tags{
    gap:4px !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .tec-card-tag,
  #comingSoonGrid .show-card.tec-premium-show-card .tec-card-tag,
  #listingGrid .show-card.tec-premium-show-card .tec-card-tag{
    padding:3px 7px !important;
    font-size:10.5px !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .tec-card-tagline,
  #comingSoonGrid .show-card.tec-premium-show-card .tec-card-tagline,
  #listingGrid .show-card.tec-premium-show-card .tec-card-tagline{
    font-size:12px !important;
    line-height:1.32 !important;
    -webkit-line-clamp:2 !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .tec-card-when,
  #comingSoonGrid .show-card.tec-premium-show-card .tec-card-when,
  #listingGrid .show-card.tec-premium-show-card .tec-card-when{
    font-size:11.5px !important;
    line-height:1.25 !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .show-actions,
  #comingSoonGrid .show-card.tec-premium-show-card .show-actions,
  #listingGrid .show-card.tec-premium-show-card .show-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
    padding-top:6px !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .show-actions a,
  #featuredGrid .show-card.tec-premium-show-card .show-actions button,
  #comingSoonGrid .show-card.tec-premium-show-card .show-actions a,
  #comingSoonGrid .show-card.tec-premium-show-card .show-actions button,
  #listingGrid .show-card.tec-premium-show-card .show-actions a,
  #listingGrid .show-card.tec-premium-show-card .show-actions button{
    min-height:36px !important;
    padding:0 7px !important;
    border-radius:8px !important;
    font-size:11.5px !important;
  }

  #featuredGrid .show-card.tec-premium-show-card .show-actions .tec-action-book,
  #featuredGrid .show-card.tec-premium-show-card .show-actions button:last-child,
  #comingSoonGrid .show-card.tec-premium-show-card .show-actions .tec-action-book,
  #comingSoonGrid .show-card.tec-premium-show-card .show-actions button:last-child,
  #listingGrid .show-card.tec-premium-show-card .show-actions .tec-action-book,
  #listingGrid .show-card.tec-premium-show-card .show-actions button:last-child{
    grid-column:1 / -1 !important;
  }
}

@media (min-width:768px){
  #featuredGrid .show-card.tec-premium-show-card,
  #comingSoonGrid .show-card.tec-premium-show-card,
  #eventsGrid .show-card.tec-premium-show-card,
  #screenedGrid .show-card.tec-premium-show-card,
  #listingGrid .show-card.tec-premium-show-card{
    display:flex !important;
    flex-direction:column !important;
    grid-template-columns:none !important;
  }
}

@media (max-width:360px){
  #featuredGrid .show-card.tec-premium-show-card,
  #comingSoonGrid .show-card.tec-premium-show-card{
    grid-template-columns:96px minmax(0,1fr) !important;
  }
}

@media (prefers-reduced-motion:reduce){
  .show-card.tec-premium-show-card,
  .show-card.tec-premium-show-card *{
    transition:none !important;
    animation:none !important;
  }
}

/* Professional catalogue polish: final override for all public movie/event cards. */
.page{
  max-width:1180px !important;
}

.page-title{
  margin-bottom:18px !important;
  letter-spacing:0 !important;
}

.filter-bar{
  align-items:center !important;
  justify-content:center !important;
  margin:0 auto clamp(18px,3vw,28px) !important;
}

.filter-bar button{
  border:1px solid rgba(246,200,106,.22) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.filter-bar button.active{
  color:#1a0f05 !important;
  background:linear-gradient(135deg,#ffe48f,#f5bd49 58%,#ef5941) !important;
  border-color:rgba(255,232,150,.78) !important;
}

#listingGrid.card-grid,
.tec-rail-section .card-grid{
  grid-template-columns:repeat(auto-fit,minmax(280px,1fr)) !important;
  gap:clamp(18px,2.4vw,28px) !important;
  grid-auto-rows:auto !important;
}

.tec-mobile-quick-book{
  display:none !important;
}

.mobile-sticky-book,
.tec-mobile-bottom-cta{
  display:none !important;
  pointer-events:none !important;
}

.show-card.tec-premium-show-card,
#featuredGrid .show-card.tec-premium-show-card,
#comingSoonGrid .show-card.tec-premium-show-card,
#eventsGrid .show-card.tec-premium-show-card,
#screenedGrid .show-card.tec-premium-show-card,
#listingGrid .show-card.tec-premium-show-card{
  display:flex !important;
  flex-direction:column !important;
  grid-template-columns:none !important;
  height:auto !important;
  min-height:0 !important;
  border-radius:16px !important;
  border-color:rgba(246,200,106,.24) !important;
  background:
    radial-gradient(circle at 18% 0%,rgba(246,200,106,.18),transparent 30%),
    linear-gradient(155deg,rgba(25,25,29,.98),rgba(7,7,10,.99)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.44),inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.show-card.tec-premium-show-card .tec-poster-wrap,
#featuredGrid .show-card.tec-premium-show-card .tec-poster-wrap,
#comingSoonGrid .show-card.tec-premium-show-card .tec-poster-wrap,
#eventsGrid .show-card.tec-premium-show-card .tec-poster-wrap,
#screenedGrid .show-card.tec-premium-show-card .tec-poster-wrap,
#listingGrid .show-card.tec-premium-show-card .tec-poster-wrap{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:2 / 3 !important;
  border-radius:0 !important;
  overflow:hidden !important;
}

.show-card.tec-premium-show-card .tec-poster-wrap img,
.show-card.tec-premium-show-card > img,
#featuredGrid .show-card.tec-premium-show-card .tec-poster-wrap img,
#comingSoonGrid .show-card.tec-premium-show-card .tec-poster-wrap img,
#eventsGrid .show-card.tec-premium-show-card .tec-poster-wrap img,
#screenedGrid .show-card.tec-premium-show-card .tec-poster-wrap img,
#listingGrid .show-card.tec-premium-show-card .tec-poster-wrap img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
}

.show-card.tec-premium-show-card .tec-poster-shine{
  display:none !important;
}

.show-card.tec-premium-show-card .show-info,
#featuredGrid .show-card.tec-premium-show-card .show-info,
#comingSoonGrid .show-card.tec-premium-show-card .show-info,
#eventsGrid .show-card.tec-premium-show-card .show-info,
#screenedGrid .show-card.tec-premium-show-card .show-info,
#listingGrid .show-card.tec-premium-show-card .show-info{
  flex:1 1 auto !important;
  gap:9px !important;
  padding:16px !important;
}

.show-card.tec-premium-show-card .badge.movie-status,
#listingGrid .show-card.tec-premium-show-card .badge.movie-status{
  min-height:26px !important;
  align-self:flex-start !important;
  padding:0 10px !important;
  font-size:10.5px !important;
  letter-spacing:.04em !important;
}

.show-card.tec-premium-show-card .tec-card-title,
#featuredGrid .show-card.tec-premium-show-card .tec-card-title,
#comingSoonGrid .show-card.tec-premium-show-card .tec-card-title,
#eventsGrid .show-card.tec-premium-show-card .tec-card-title,
#screenedGrid .show-card.tec-premium-show-card .tec-card-title,
#listingGrid .show-card.tec-premium-show-card .tec-card-title{
  font-size:clamp(18px,2.2vw,22px) !important;
  line-height:1.16 !important;
  -webkit-line-clamp:2 !important;
}

.show-card.tec-premium-show-card .tec-card-tagline,
#listingGrid .show-card.tec-premium-show-card .tec-card-tagline{
  min-height:3.9em !important;
  color:rgba(255,248,236,.76) !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
  -webkit-line-clamp:3 !important;
}

.show-card.tec-premium-show-card .tec-card-when,
#listingGrid .show-card.tec-premium-show-card .tec-card-when{
  color:#f6d68e !important;
  font-size:12.5px !important;
}

.show-card.tec-premium-show-card .show-actions,
#featuredGrid .show-card.tec-premium-show-card .show-actions,
#comingSoonGrid .show-card.tec-premium-show-card .show-actions,
#eventsGrid .show-card.tec-premium-show-card .show-actions,
#screenedGrid .show-card.tec-premium-show-card .show-actions,
#listingGrid .show-card.tec-premium-show-card .show-actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:9px !important;
  margin-top:auto !important;
  padding-top:12px !important;
}

.show-card.tec-premium-show-card .show-actions a,
.show-card.tec-premium-show-card .show-actions button,
#listingGrid .show-card.tec-premium-show-card .show-actions a,
#listingGrid .show-card.tec-premium-show-card .show-actions button{
  min-height:46px !important;
  border-radius:11px !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:0 !important;
}

.show-card.tec-premium-show-card .tec-action-details{
  order:1 !important;
  color:#1a0f05 !important;
  border:0 !important;
  background:linear-gradient(135deg,#ffe48f,#f5bd49 58%,#ef5941) !important;
}

.show-card.tec-premium-show-card .tec-action-trailer{
  order:2 !important;
  color:#fff7e7 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.055) !important;
}

.show-card.tec-premium-show-card .tec-action-book,
.show-card.tec-premium-show-card .show-actions button:last-child{
  order:3 !important;
  grid-column:auto !important;
}

.show-card.tec-premium-show-card .show-actions button:disabled{
  opacity:.78 !important;
}

@media (min-width:900px){
  #listingGrid.card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (min-width:1240px){
  #listingGrid.card-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media (max-width:767px){
  body{
    padding-bottom:calc(156px + env(safe-area-inset-bottom)) !important;
  }

  .page{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .filter-bar{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
  }

  .filter-bar button{
    min-height:42px !important;
    padding:0 10px !important;
    font-size:13px !important;
  }

  #listingGrid.card-grid,
  .tec-rail-section .card-grid,
  #featuredGrid.card-grid,
  #comingSoonGrid.card-grid,
  #screenedGrid.card-grid,
  #eventsGrid.card-grid{
    grid-template-columns:minmax(0,1fr) !important;
    gap:18px !important;
  }

  .mobile-sticky-book,
  .tec-mobile-bottom-cta{
    display:none !important;
    pointer-events:none !important;
  }

  body.details-premium-page.tec-mobile-bookable .mobile-sticky-book:not([hidden]){
    display:flex !important;
    pointer-events:auto !important;
    bottom:calc(86px + env(safe-area-inset-bottom)) !important;
    z-index:5900 !important;
  }

  .tec-mobile-quick-book{
    display:inline-flex !important;
    min-width:64px !important;
    padding-inline:8px !important;
    font-size:11px !important;
  }
}

@media (max-width:420px){
  .page-title{
    font-size:clamp(30px,9vw,40px) !important;
  }

  .show-card.tec-premium-show-card .show-info,
  #listingGrid .show-card.tec-premium-show-card .show-info{
    padding:14px !important;
  }
}