.transport-hero{margin-top:var(--header-h);padding:76px 0 70px;background:var(--teal);color:#dce8e5}.transport-hero-copy{max-width:1000px}.transport-hero h1{max-width:760px;color:#fff;font-size:clamp(3rem,5.6vw,4.6rem)}.transport-hero-copy>p:last-child{max-width:680px;margin:18px 0 0;font-size:17px}.transport-listing{padding:82px 0 110px;background:var(--canvas)}.transport-wrap{max-width:1100px}.transport-heading{max-width:720px;margin-bottom:34px}.transport-heading h2{font-size:clamp(2.1rem,3.5vw,3rem)}.transport-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.transport-card{position:relative;display:flex;min-height:390px;flex-direction:column;padding:30px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 8px 24px rgba(10,46,39,.06);transition:transform .25s ease,box-shadow .25s ease}.transport-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(10,46,39,.11)}.transport-price{position:absolute;top:18px;right:18px;display:inline-flex;min-height:30px;align-items:center;padding:0 12px;border-radius:9999px;background:var(--gold);color:var(--ink);font-size:11px;font-weight:700}.transport-icon{display:grid;width:44px;height:44px;margin-bottom:32px;place-items:center;border-radius:14px;background:var(--surface);color:#a87e39;font-size:22px}.transport-card h3{padding-right:50px;font-size:1.55rem}.transport-card>strong{margin-top:7px;color:#b6812e;font-size:13px}.transport-card ul{margin:26px 0 28px;padding:0;list-style:none}.transport-card li{position:relative;padding:10px 0 10px 24px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.5}.transport-card li:before{position:absolute;left:0;color:var(--gold);content:"✓"}.transport-enquire{margin-top:auto;color:#a87e39;font-size:13px;font-weight:700}@media(max-width:1023px){.transport-grid{grid-template-columns:1fr 1fr}.transport-card:last-child{grid-column:1/-1;max-width:calc(50% - 10px);justify-self:center}.transport-card{width:100%}}@media(max-width:767px){.transport-hero{padding:58px 0 54px}.transport-listing{padding:62px 0 78px}.transport-grid{grid-template-columns:1fr}.transport-card,.transport-card:last-child{grid-column:auto;max-width:none;min-height:350px}.transport-price{position:static;width:max-content;margin-bottom:22px}.transport-icon{margin-bottom:22px}.transport-card h3{padding-right:0}}
/* Keep phone carousels scoped to Transport so later grid rules cannot override them. */
@media(max-width:767px){
  .transport-page .transport-wrap{min-width:0}
  .transport-page .transport-grid{display:flex;gap:14px;max-width:100%;margin:0;padding:6px 0 18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--gold) transparent}
  .transport-page .transport-grid .transport-card{box-sizing:border-box;flex:0 0 86%;width:86%;min-width:0;max-width:340px;min-height:350px;padding:24px;scroll-snap-align:start;overflow-wrap:break-word}
  .transport-page .transport-grid .transport-card:last-child{max-width:340px;grid-column:auto}
  .transport-page .transport-grid::-webkit-scrollbar{display:block;height:4px}
  .transport-page .transport-grid::-webkit-scrollbar-thumb{background:var(--gold);border-radius:4px}
  .transport-page .transport-card:hover{transform:none}
  .transport-page .transport-enquire{display:flex;align-items:center;min-height:44px}
}
/* The complete card is the route link, including keyboard and touch affordances. */
.transport-page .transport-card{color:var(--ink);text-decoration:none;cursor:pointer;touch-action:manipulation}
.transport-page .transport-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px;box-shadow:0 0 0 5px rgba(202,160,88,.3),0 18px 38px rgba(10,46,39,.11)}
