/* ---------- Kombi — airport transfers & staff shuttles (website) ----------
   THE STRUCTURAL MOVE: the page is a five-screen DECK, not a document. Every
   band is a tall full-width screen locked to one centre axis — an oversized
   display line, three gapped columns, six icon items three across, a 1050px
   fare block — and the axis breaks exactly ONCE, at the story. Photography is
   refused everywhere except a single gapless six-up run flush across the
   middle. One continuous bone ground the whole way down (the shared zebra tint
   is switched off), and nothing is coloured but the marigold: buttons, the fare
   numerals, the feature icons and the bullets. No cards, no borders, no
   dividers, no coloured band at the close.
   nth-child(even) here matches SECTIONS, which is what the shared zebra rule it
   cancels also matches; no :nth-of-type anywhere, and nothing in the header is
   positioned, ordered or re-flowed. */
body.t-kombi.ws-body { --bg: #faf7f2; --fg: #47433a; --heading: #16140f; --text: #47433a; --muted: #8c877c; }
body.t-kombi .ws-nav { background: color-mix(in srgb, #faf7f2 90%, transparent); border-bottom-color: #e6e0d5; }
body.t-kombi .ws-section:nth-child(even):not(.ws-cta):not(.ws-shoplink) { background: transparent; }
body.t-kombi .ws-section { padding: 112px 0; }
body.t-kombi .ws-hero { min-height: 100vh; --hero-a: rgba(14, 12, 7, .30); --hero-b: rgba(14, 12, 7, .54); }
body.t-kombi .ws-hero h1 { font-size: clamp(38px, 6.4vw, 80px); font-weight: 800; letter-spacing: -0.035em; max-width: 17ch; }
body.t-kombi .ws-h2, body.t-kombi .ws-story-copy h2, body.t-kombi .ws-cta-inner h2 { font-size: clamp(28px, 4.2vw, 46px); font-weight: 800; letter-spacing: -0.03em; color: #16140f; }
body.t-kombi .ws-titleblock .ws-narrow, body.t-kombi .ws-listblock .ws-narrow { max-width: 940px; }
body.t-kombi .ws-title-h { font-size: clamp(34px, 5.6vw, 66px); font-weight: 800; letter-spacing: -0.035em; line-height: 1.03; }
body.t-kombi .ws-sub, body.t-kombi .ws-title-sub, body.t-kombi .ws-feature p, body.t-kombi .ws-story-copy p, body.t-kombi .ws-plan li { color: #6f6a5f; }
body.t-kombi .ws-features-grid { grid-template-columns: repeat(3, 1fr); gap: 54px 56px; }
body.t-kombi .ws-feature { text-align: left; padding: 0; }
body.t-kombi .ws-feature-icon { color: #f0b429; margin-bottom: 16px; }
body.t-kombi .ws-photogrid { padding: 0; }
body.t-kombi .ws-photogrid-grid { grid-template-columns: repeat(3, 1fr); gap: 0; }
body.t-kombi .ws-pricing-grid { grid-template-columns: repeat(3, 1fr); max-width: 1050px; gap: 44px; }
body.t-kombi .ws-plan { background: transparent; border: 0; border-radius: 0; padding: 0 8px; text-align: center; }
body.t-kombi .ws-plan-amt { color: #f0b429; font-size: 50px; }
body.t-kombi .ws-story-grid { gap: 72px; }
body.t-kombi .ws-story-media img { border-radius: 0; aspect-ratio: 3 / 4; }
body.t-kombi .ws-list-bullet { list-style: none; padding-left: 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3, auto); grid-auto-flow: column; column-gap: 56px; row-gap: 8px; }
body.t-kombi .ws-list-bullet li::before { content: '—'; color: #f0b429; font-weight: 800; margin-right: 10px; }
body.t-kombi .ws-cta { background: transparent; color: var(--text); border-top: 1px solid #e6e0d5; }
body.t-kombi .ws-contact .ws-sub { white-space: pre-line; max-width: 46ch; }
body.t-kombi .ws-field input, body.t-kombi .ws-field textarea { border: 0; border-bottom: 1px solid #d8d1c4; border-radius: 0; background: transparent; padding: 10px 2px; }
body.t-kombi .btn.brand, body.t-kombi.ws-body .ws-cta .btn.brand { background: #f0b429; color: #16140f; border-radius: 999px; font-weight: 800; padding: 14px 30px; }
body.t-kombi .btn.brand:hover, body.t-kombi.ws-body .ws-cta .btn.brand:hover { background: #d89e18; }

@media (max-width: 980px) {
  body.t-kombi .ws-features-grid { grid-template-columns: repeat(2, 1fr); }
  body.t-kombi .ws-pricing-grid { grid-template-columns: 1fr; max-width: 460px; }
}
@media (max-width: 720px) {
  body.t-kombi .ws-section { padding: 66px 0; }
  body.t-kombi .ws-features-grid { grid-template-columns: 1fr; }
  body.t-kombi .ws-photogrid-grid { grid-template-columns: repeat(2, 1fr); }
  body.t-kombi .ws-list-bullet { grid-template-columns: 1fr; grid-template-rows: auto; grid-auto-flow: row; }
}

html[data-theme="dark"] body.t-kombi.ws-body { --bg: #141210; --fg: #b6b0a5; --heading: #faf7f2; --text: #b6b0a5; --muted: #837e74; }
html[data-theme="dark"] body.t-kombi { background: #141210; }
html[data-theme="dark"] body.t-kombi .ws-nav { background: color-mix(in srgb, #141210 90%, transparent); border-bottom-color: #2a2620; }
html[data-theme="dark"] body.t-kombi .ws-h2, html[data-theme="dark"] body.t-kombi .ws-story-copy h2, html[data-theme="dark"] body.t-kombi .ws-cta-inner h2 { color: #faf7f2; }
html[data-theme="dark"] body.t-kombi .ws-sub, html[data-theme="dark"] body.t-kombi .ws-title-sub, html[data-theme="dark"] body.t-kombi .ws-feature p, html[data-theme="dark"] body.t-kombi .ws-story-copy p, html[data-theme="dark"] body.t-kombi .ws-plan li { color: #a29c91; }
html[data-theme="dark"] body.t-kombi .ws-cta { border-top-color: #2a2620; }
html[data-theme="dark"] body.t-kombi .ws-footer { border-top-color: #2a2620; }
html[data-theme="dark"] body.t-kombi .ws-field input, html[data-theme="dark"] body.t-kombi .ws-field textarea { border-bottom-color: #3a352d; color: #faf7f2; }