/* Mobile Tyres 247 · photo layer (23/10/2026). Bigger, more present imagery on every page. Loaded after a-premium.css and wp.css. */

/* Full-bleed photo band under the marquee */
.v-a main>section.mt-band{padding:0!important}
.v-a .mt-band figure{position:relative;margin:0;height:clamp(360px,62vw,760px);overflow:hidden;background:#000}
.v-a .mt-band img{display:block;width:100%;height:100%;object-fit:cover}
.v-a .mt-band figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,13,15,.35) 0%,transparent 30%,transparent 55%,rgba(12,13,15,.92) 100%)}
.v-a .mt-band figcaption{position:absolute;left:var(--b-gutter);right:var(--b-gutter);bottom:clamp(28px,5vw,70px);z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:1180px;margin:0 auto}
.v-a .mt-band figcaption strong{font-family:"Bricolage Grotesque",sans-serif;font-size:clamp(32px,5vw,76px);line-height:.95;letter-spacing:-.045em;color:#fff;max-width:14ch}

/* Service cards: every card carries a photo */
.v-a .mt-bento .s1{grid-column:span 7;grid-row:span 2}
.v-a .mt-bento .s2,.v-a .mt-bento .s3{grid-column:span 5}
.v-a .mt-bento .s4,.v-a .mt-bento .s5,.v-a .mt-bento .s6{grid-column:span 4}
.v-a .mt-bento .s4>.core{flex-direction:column;align-items:stretch;gap:0}
.v-a .mt-bento .s4 h3{margin:auto 0 10px;padding-top:40px}
.v-a .mt-bento .s4 p{max-width:380px}
.v-a .p-svc.has-img>.core{min-height:300px;color:#fff;background:#000}
.v-a .mt-bento .s1.has-img>.core{min-height:620px}
.v-a .p-svc.has-img img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform 1.6s var(--b-ease)}
.v-a .p-svc.has-img:hover img.bg{transform:scale(1.05)}
.v-a .p-svc.has-img>.core:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 20%,rgba(10,10,12,.9))}
.v-a .p-svc.has-img .n,.v-a .p-svc.has-img h3,.v-a .p-svc.has-img p{position:relative;z-index:1}
.v-a .p-svc.has-img .n,.v-a .p-svc.has-img p{color:rgba(255,255,255,.85)}
.v-a .p-svc.has-img .go{z-index:1;background:rgba(255,255,255,.16);color:#fff}

/* Real photo gallery */
.v-a .mt-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(150px,17vw,250px);gap:14px}
.v-a .mt-gallery figure{margin:0;overflow:hidden;border-radius:26px;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),var(--b-shadow)}
.v-a .mt-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--b-ease)}
.v-a .mt-gallery figure:hover img{transform:scale(1.04)}
.v-a .mt-gallery .g1{grid-column:span 8;grid-row:span 2}
.v-a .mt-gallery .g2{grid-column:span 4;grid-row:span 2}
.v-a .mt-gallery .g3{grid-column:span 3;grid-row:span 2}
.v-a .mt-gallery .g4{grid-column:span 5;grid-row:span 2}
.v-a .mt-gallery .g5{grid-column:span 4;grid-row:span 1}
.v-a .mt-gallery .g6{grid-column:span 4;grid-row:span 1}

/* Process photo: taller */
.v-a .process figure img{display:block;width:100%;height:clamp(380px,44vw,640px);object-fit:cover}

/* Tyre sidewall photo in the size section */
.v-a .mt-sidewall{margin:22px 0;border-radius:22px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.v-a .mt-sidewall img{display:block;width:100%;height:220px;object-fit:cover}

/* Guide cards with photos (home and blog page) */
.v-a .mt-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.v-a .mt-card{position:relative;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:var(--b-paper);box-shadow:inset 0 0 0 1px var(--b-line),var(--b-shadow);color:var(--b-ink);text-decoration:none}
.v-a .mt-card .ph-img{display:block;aspect-ratio:4/3;overflow:hidden;background:#000}
.v-a .mt-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--b-ease)}
.v-a .mt-card:hover img{transform:scale(1.05)}
.v-a .mt-card .txt{display:flex;flex-direction:column;gap:8px;padding:20px 22px 24px}
.v-a .mt-card strong{font-family:"Bricolage Grotesque",sans-serif;font-size:22px;line-height:1.1;letter-spacing:-.03em}
.v-a .mt-card small{color:var(--b-ink-2);font-size:15px;line-height:1.5}
.v-a .mt-card .go{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(12,13,15,.6);color:#fff}
.v-a .inner .reading .mt-cards{grid-template-columns:repeat(2,1fr)}

/* Inner pages: big photo under the title, photo row after the text */
.v-a .mt-pagehero{margin:0 0 34px;border-radius:30px;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),var(--b-shadow)}
.v-a .mt-pagehero img{display:block;width:100%;height:clamp(260px,42vw,520px);object-fit:cover}
.v-a .mt-strip{display:grid;gap:14px;margin-top:22px}
.v-a .mt-strip.n2{grid-template-columns:1fr 1fr}
.v-a .mt-strip.n3{grid-template-columns:1.3fr 1fr 1fr}
.v-a .mt-strip figure{margin:0;border-radius:24px;overflow:hidden;background:#000}
.v-a .mt-strip img{display:block;width:100%;height:clamp(180px,24vw,300px);object-fit:cover}
.v-a .inner .reading a{color:#ff8f80}

@media(max-width:860px){
  .v-a .mt-bento>a{grid-column:auto!important;grid-row:auto!important}
  .v-a .mt-bento .s1.has-img>.core{min-height:420px}
  .v-a .p-svc.has-img>.core{min-height:260px}
  .v-a .mt-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:180px}
  .v-a .mt-gallery figure{grid-column:span 1!important;grid-row:span 1!important}
  .v-a .mt-gallery .g1{grid-column:span 2!important;grid-row:span 2!important}
  .v-a .mt-cards,.v-a .inner .reading .mt-cards{grid-template-columns:1fr}
  .v-a .mt-strip.n3{grid-template-columns:1fr 1fr}
  .v-a .mt-strip.n3 figure:first-child{grid-column:span 2}
}