.ferry-planner,.ferry-vehicle-panel,.ferry-ports,.ferry-journey,.ferry-practical{margin:34px 0}
.ferry-eyebrow{margin:0 0 4px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ferry-planner__heading,.ferry-section-heading{margin-bottom:18px}
.ferry-route-focus{padding:16px 18px;margin:0 0 18px;border-left:4px solid #3b7a57;background:#f5f8f6;border-radius:8px}
.ferry-route-faq {
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid #ececec;
}
.ferry-route-faq h3 {
    margin: 0 0 14px;
    font-size: 20px;
}
.ferry-route-faq__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.ferry-route-faq__item {
    padding: 14px;
    border: 1px solid #ececec;
    border-radius: 10px;
    background: #fafafa;
}
.ferry-route-faq__item h4 {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.35;
}
.ferry-route-faq__item p {
    margin: 0;
    font-size: 14px;
}
.ferry-filters{display:grid;grid-template-columns:1fr 1fr 1fr auto auto;gap:12px;align-items:end;padding:18px;border:1px solid #e4e4e4;border-radius:12px;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.ferry-filters label:not(.ferry-vehicle-toggle){display:flex;flex-direction:column;gap:6px;font-weight:600;margin:0}
.ferry-filters .form-select{min-height:46px}
.ferry-vehicle-toggle{display:flex;align-items:center;gap:8px;min-height:46px;margin:0;font-weight:700}
.ferry-vehicle-toggle input{width:18px;height:18px}
.ferry-clear{min-height:46px;white-space:nowrap}
.ferry-results-summary{margin:12px 2px 6px;font-size:14px}
.ferry-empty{padding:18px;margin:12px 0;border:1px dashed #bbb;border-radius:10px;background:#fafafa}
.ferry-table{margin-top:8px;background:#fff}
.ferry-table th{white-space:nowrap;font-size:13px}
.ferry-table td{vertical-align:middle;font-size:14px}
.ferry-type{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}
.ferry-type--ferry{background:#e7f0fb;color:#24548d}
.ferry-type--lancha{background:#fff2d9;color:#805b11}
.ferry-mobile-cards{display:none}
.ferry-card{padding:16px;border:1px solid #e3e3e3;border-radius:13px;background:#fff;box-shadow:0 7px 20px rgba(0,0,0,.045)}
.ferry-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.ferry-card__top p{margin:0 0 3px;color:#777;font-size:13px}
.ferry-card__top h3{margin:0;font-size:24px}
.ferry-card__vessel{margin:12px 0 5px}
.ferry-operator-grid,.ferry-port-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ferry-operator-card,.ferry-port-card{padding:18px;border:1px solid #e3e3e3;border-radius:12px;background:#fff}
.ferry-operator-card h3,.ferry-port-card h3{margin-top:0}
.ferry-contact-actions{display:flex;flex-wrap:wrap;gap:7px 12px;padding:7px 0;border-top:1px solid #eee}
.ferry-contact-actions a{font-weight:600;font-size:13px}
.ferry-journey-flow{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:14px 0 20px}
.ferry-journey-flow a{padding:12px 14px;border-radius:9px;background:#f5f7f8;font-weight:700}
.ferry-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ferry-related-grid a{padding:13px;border:1px solid #e5e5e5;border-radius:9px;font-weight:600}
.ferry-practical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ferry-practical-grid article{padding:18px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
[data-ferry-departure][hidden],.ferry-vehicle-panel[hidden]{display:none!important}
@media(max-width:991.98px){.ferry-filters{grid-template-columns:1fr 1fr}.ferry-desktop-table{display:none}.ferry-mobile-cards{display:grid;gap:12px}}
@media(max-width:575.98px){
.ferry-route-faq__grid{grid-template-columns:1fr}
.ferry-planner,.ferry-vehicle-panel,.ferry-ports,.ferry-journey,.ferry-practical{margin:26px 0}.ferry-filters{grid-template-columns:1fr;padding:14px}.ferry-clear{width:100%}.ferry-operator-grid,.ferry-port-grid,.ferry-related-grid,.ferry-practical-grid{grid-template-columns:1fr}.ferry-journey-flow{align-items:stretch;flex-direction:column}.ferry-journey-flow span{display:none}.ferry-journey-flow a{text-align:center}.ferry-contact-actions{flex-direction:column}.ferry-contact-actions a{padding:7px 0}}