/* Bilet PB UA case — source-faithful product captures without screen distortion. */
.portfolio-case[data-case="bilet-pb-ua"] .bilet-cover-art{background:color-mix(in srgb,var(--paper) 88%,#2fb600 12%)}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-cover-stage{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:420px;padding:clamp(28px,5vw,76px);overflow:hidden}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-cover-desktop{display:block;width:min(88%,1180px);height:auto;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:clamp(18px,2vw,30px);background:#f4f7fd}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-cover-mobile{position:absolute;right:clamp(20px,5vw,76px);bottom:clamp(18px,4vw,62px);display:block;width:clamp(150px,21%,285px);max-height:78%;object-fit:cover;object-position:top;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent);border-radius:clamp(20px,2vw,32px);background:#fff}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-search-flow,.portfolio-case[data-case="bilet-pb-ua"] .bilet-seat-map,.portfolio-case[data-case="bilet-pb-ua"] .bilet-walkthrough{background:color-mix(in srgb,var(--surface) 82%,transparent)}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-booking-flow,.portfolio-case[data-case="bilet-pb-ua"] .bilet-showreel{background:color-mix(in srgb,var(--paper) 84%,transparent)}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-desktop-stack{display:grid;gap:clamp(18px,2.4vw,34px)}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-desktop-stack figure,.portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-grid figure,.portfolio-case[data-case="bilet-pb-ua"] .bilet-seat-map>figure,.portfolio-case[data-case="bilet-pb-ua"] .bilet-walkthrough figure{margin:0;min-width:0}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-desktop-stack .case-shot-media,.portfolio-case[data-case="bilet-pb-ua"] .bilet-seat-map .case-shot-media,.portfolio-case[data-case="bilet-pb-ua"] .bilet-walkthrough .case-shot-media{border:0;background:transparent}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-desktop-stack img,.portfolio-case[data-case="bilet-pb-ua"] .bilet-seat-map img{display:block;width:100%;height:auto}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);align-items:start}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-grid figure{width:100%;max-width:390px;margin-inline:auto}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-screen{aspect-ratio:auto;overflow:hidden;border:0;border-radius:clamp(22px,2vw,32px);background:#f3f6fc}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-screen img{display:block;width:100%;height:auto;object-fit:contain;object-position:top}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-desktop-stack figcaption,.portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-grid figcaption,.portfolio-case[data-case="bilet-pb-ua"] .bilet-seat-map figcaption,.portfolio-case[data-case="bilet-pb-ua"] .bilet-walkthrough figcaption{margin-top:12px;color:var(--muted);font-size:14px;line-height:1.4}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-seat-map .case-shot-media{max-height:min(92svh,1040px)}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-seat-map img{object-fit:cover;object-position:top}
.portfolio-case[data-case="bilet-pb-ua"] .bilet-showreel-media video,.portfolio-case[data-case="bilet-pb-ua"] .bilet-walkthrough video{background:#0b0e0b}
@media(max-width:900px){
  .portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-grid figure:last-child{grid-column:1/-1;max-width:360px}
}
@media(max-width:700px){
  .portfolio-case[data-case="bilet-pb-ua"] .bilet-cover-stage{min-height:360px;padding:18px;align-items:end}
  .portfolio-case[data-case="bilet-pb-ua"] .bilet-cover-desktop{width:100%;border-radius:18px}
  .portfolio-case[data-case="bilet-pb-ua"] .bilet-cover-mobile{right:24px;bottom:28px;width:42%;max-height:74%;border-radius:20px}
  .portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-grid{grid-template-columns:1fr;gap:28px}
  .portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-grid figure,.portfolio-case[data-case="bilet-pb-ua"] .bilet-mobile-grid figure:last-child{grid-column:auto;max-width:360px}
  .portfolio-case[data-case="bilet-pb-ua"] .bilet-seat-map .case-shot-media{max-height:76svh}
}
@media(prefers-reduced-motion:reduce){
  .portfolio-case[data-case="bilet-pb-ua"] .bilet-showreel video[autoplay]{display:none}
}