/* HAMIDI TOURS · Tours page. Builds on the approved homepage stylesheet (home.css): same navbar, cards, footer, colours and type. */
.t-hero{position:relative;min-height:clamp(420px,58svh,600px);color:#fff;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.t-hero-bg{position:absolute;inset:0;z-index:-2}
.t-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center 60%}
.t-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(4,12,22,.6) 0%,rgba(4,12,22,.2) 35%,rgba(4,12,22,.85) 100%)}
.t-hero-inner{padding:150px 0 clamp(44px,6vw,72px)}
.t-hero .eyebrow{color:#fff}
.t-hero .eyebrow::before{background:var(--gold-bright)}
.t-hero h1{font-size:clamp(42px,5.6vw,80px);line-height:1.04;letter-spacing:-.01em}
.t-hero h1 em{font-style:italic;color:var(--gold-light)}
.t-hero-sub{max-width:540px;margin:20px 0 0;font-size:17.5px;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.5)}
.t-list .tour-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.t-count{margin:0}
@media (max-width:1080px){.t-list .tour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .t-hero-inner{padding:120px 0 40px}
  .t-hero h1{font-size:clamp(36px,10.5vw,52px)}
  .t-hero-sub{font-size:16px}
  /* On phones the Tours page lists every card (no sideways carousel) */
  .t-list .tour-grid{display:grid;grid-auto-flow:row;grid-template-columns:1fr;grid-auto-columns:auto;overflow:visible;margin-inline:0;padding:0;gap:16px}
  .t-list .tour-card{height:440px}
}