/* v3.1.9 – Private Ferry pages (hub · tickets · charter) */
.fu-page{--fu-navy:#14206b;--fu-pink:#e3165b;--fu-maroon:#9c1146;--fu-gold:#ffc414;--fu-cream:#fff8ec;--fu-mut:#5b6280}
.fu-page>section,.fu-page>.fu-grid,.fu-page>.fu-opts{max-width:1200px;margin-left:auto;margin-right:auto}
.fu-page .ic{width:18px;height:18px}
/* search bar (hub) */
.fu-bar{position:relative;z-index:3;margin:-46px auto 22px;padding:16px 18px 14px;border-radius:24px;background:linear-gradient(180deg,#fffaf0,#fff3dc);border:1px solid #f3dcae;box-shadow:0 16px 36px rgba(13,36,99,.16)}
.fu-bar-h{margin:0 0 10px;font:italic 700 clamp(22px,2.4vw,30px)/1.1 var(--f-spirit);color:var(--fu-maroon)}.fu-bar-h em{color:var(--fu-navy)}
.fu-bar-f{display:grid;grid-template-columns:1.2fr 1.6fr 1fr .8fr auto;gap:10px;align-items:end}
.fu-bar-f label,.fu-2 label{display:flex;flex-direction:column;gap:4px;min-width:0}
.fu-bar-f label>span,.fu-2 label>span{display:flex;align-items:center;gap:6px;font:700 12.5px var(--f-head);color:var(--fu-navy)}
.fu-bar-f .ic{color:var(--fu-pink)}
.fu-page select,.fu-page input[type=date]{width:100%;height:46px;padding:0 12px;border:1.5px solid #e4e1f0;border-radius:12px;background:#fff;font:600 14px var(--f-head);color:var(--fu-navy);min-width:0}
.fu-page select:disabled{background:#f4f5f9;color:#8a90aa}
.fu-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 22px;border:0;border-radius:26px;background:linear-gradient(90deg,#e3165b,#ff4f6d);color:#fff;font:700 15px var(--f-head);cursor:pointer;box-shadow:0 8px 18px rgba(227,22,91,.35);white-space:nowrap}
.fu-go:hover{filter:brightness(1.05)}.fu-go .ic{width:18px;height:18px}
.fu-est{min-height:18px;margin:8px 2px 0;font-size:13px;color:var(--fu-mut)}.fu-est b{color:var(--fu-pink)}.fu-est.bad{color:#c2112b;font-weight:700}
.fu-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.fu-chips a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:24px;background:#fff;border:1px solid #f0e2c4;font:700 13.5px var(--f-head);color:var(--fu-navy);text-decoration:none;box-shadow:0 3px 8px rgba(13,36,99,.06)}
.fu-chips a .ic{width:20px;height:20px;color:var(--fu-pink)}.fu-chips a:hover{border-color:var(--fu-pink)}
/* section headings & service cards */
.fu-sec{margin:26px auto}
.fu-h{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 16px;font:italic 700 clamp(24px,2.6vw,34px) var(--f-spirit);color:var(--fu-navy)}
.fu-h em{color:var(--fu-pink)}.fu-h i{width:60px;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,#f5a400)}.fu-h i:last-child{transform:scaleX(-1)}
.fu-svc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.fu-svc.fu-c3{grid-template-columns:repeat(3,1fr)}
.fu-card{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--fu-cream);border:1px solid #f3e2bd;box-shadow:0 10px 24px rgba(13,36,99,.1);transition:transform .2s}
.fu-card:hover{transform:translateY(-4px)}
.fu-card-i{display:block;aspect-ratio:16/10;overflow:hidden}.fu-card-i img{width:100%;height:100%;object-fit:cover}
.fu-card-b{display:flex;flex-direction:column;flex:1;padding:12px 14px 14px}
.fu-card h3{margin:0 0 4px;font:italic 700 20px var(--f-spirit);color:var(--fu-maroon)}
.fu-card p{margin:0 0 6px;font-size:13.5px;color:#3a4060;line-height:1.45;display:flex;gap:6px}.fu-card p .ic{width:15px;height:15px;flex:none;margin-top:2px;color:var(--fu-pink)}
.fu-card small{display:flex;gap:5px;font-size:12px;color:var(--fu-mut)}.fu-card small .ic{width:14px;height:14px;color:#f07a1a;flex:none}
.fu-card-f{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:12px}
.fu-card-f b{font:700 15px var(--f-head);color:var(--fu-pink)}.fu-card-f b span{font-size:12px;color:var(--fu-mut)}
.fu-btn-y{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:20px;background:linear-gradient(180deg,#ffd84a,#ffb000);color:#3a1a00;font:700 13.5px var(--f-head);text-decoration:none;box-shadow:0 4px 10px rgba(255,176,0,.35);white-space:nowrap}
.fu-btn-y .ic{width:15px;height:15px}
/* fleet */
.fu-fleet{margin:26px auto;padding:18px 20px;border-radius:22px;background:linear-gradient(110deg,#0d1a5c,#1d3fae);color:#fff;box-shadow:0 12px 28px rgba(13,26,92,.28)}
.fu-fleet-h{display:flex;gap:14px;align-items:center;margin-bottom:12px}.fu-fleet-h>.ic{width:42px;height:42px;padding:8px;border-radius:14px;background:rgba(255,255,255,.12);color:var(--fu-gold);flex:none}
.fu-fleet h2{margin:0;font:italic 700 24px var(--f-spirit)}.fu-fleet h2 em{color:var(--fu-gold)}.fu-fleet p{margin:2px 0 0;font-size:13.5px;color:#d5dcff}
.fu-fleet ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.fu-fleet li{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font:700 14px var(--f-head)}.fu-fleet li .ic{width:18px;height:18px;color:var(--fu-gold)}
/* banner + routes */
.fu-row2{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin:26px auto}
.fu-banner{display:grid;grid-template-columns:44% 1fr;overflow:hidden;border-radius:22px;background:linear-gradient(110deg,#fff,#fff3dc);border:1px solid #f3e2bd;box-shadow:0 10px 24px rgba(13,36,99,.1)}
.fu-banner img{width:100%;height:100%;object-fit:cover;min-height:200px}
.fu-banner>div{padding:16px 18px}.fu-banner h2{margin:0 0 8px;font:italic 700 26px var(--f-spirit);color:var(--fu-navy)}
.fu-pill{display:inline-block;padding:6px 14px;border-radius:18px;background:var(--fu-maroon);color:#fff;font:700 13px var(--f-head);margin-bottom:10px}
.fu-banner ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}.fu-banner li{display:flex;gap:6px;font-size:13.5px;font-weight:600;color:#2b3260}.fu-banner li .ic{color:#18a34a;flex:none}
.fu-routes{padding:14px 16px;border-radius:22px;background:#fff;border:1px solid #eceff7;box-shadow:0 10px 24px rgba(13,36,99,.08)}
.fu-routes h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:italic 700 22px var(--f-spirit);color:var(--fu-maroon)}.fu-routes h3 .ic{color:var(--fu-pink)}
.fu-routes ul{list-style:none;margin:0;padding:0}
.fu-routes a{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px dashed #e6e9f3;color:var(--fu-navy);text-decoration:none;font-weight:600;font-size:14px}
.fu-routes a span{flex:1}.fu-routes a em{font-style:normal;font-weight:700;color:var(--fu-pink);font-size:13px}.fu-routes a .ic:last-child{width:14px;height:14px;color:#9aa1bd}
/* widget pages: 3-column grid */
.fu-grid{display:grid;grid-template-columns:1.15fr 1fr .85fr;grid-template-areas:"a b c" "d d c";gap:16px;margin:18px auto}
.fu-a{grid-area:a}.fu-b{grid-area:b}.fu-c{grid-area:c;display:flex;flex-direction:column;gap:14px}.fu-d{grid-area:d}
.fu-w{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #f0e2c4;box-shadow:0 12px 28px rgba(13,36,99,.12)}
.fu-w-h{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(90deg,#fff1c7,#ffe7a3)}
.fu-w-h .ic{width:26px;height:26px;color:var(--fu-navy)}.fu-w-h h2{margin:0;font:italic 700 clamp(19px,1.9vw,24px) var(--f-spirit);color:var(--fu-maroon)}
.fu-w-b{padding:14px 16px 16px}.fu-w-b .fu-go{width:100%;margin-top:12px}
.fu-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.fu-tabs label{flex:1;min-width:0}.fu-tabs input{position:absolute;opacity:0}
.fu-tabs span{display:flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 10px;border-radius:12px;border:1.5px solid #e4e1f0;font:700 13.5px var(--f-head);color:var(--fu-navy);cursor:pointer;text-align:center}
.fu-tabs span::before{content:"";width:14px;height:14px;border-radius:50%;border:2px solid #b8bdd0;flex:none}
.fu-tabs input:checked+span{border-color:var(--fu-navy);background:#eef1ff}.fu-tabs input:checked+span::before{border:4px solid var(--fu-navy)}
.fu-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fu-2 .w{grid-column:1/-1}.fu-2 i{color:var(--fu-pink);font-style:normal}
.fu-quote{display:grid;gap:4px;margin-top:12px;padding:10px 12px;border-radius:12px;background:#fff8e6;border:1px dashed #f3c55a;font-size:13.5px}
.fu-quote span{display:flex;justify-content:space-between;gap:8px;color:#3a4060}.fu-quote b{font-family:var(--f-head)}.fu-quote .fu-qt{padding-top:4px;border-top:1px solid #f3dca0;font-weight:700;color:var(--fu-navy)}.fu-quote .fu-qt b{color:var(--fu-pink);font-size:17px}
.fu-media{display:flex;flex-direction:column;gap:10px;height:100%}
.fu-photo{position:relative;display:block;border-radius:20px;overflow:hidden;flex:1;min-height:220px;box-shadow:0 10px 24px rgba(13,36,99,.14)}
.fu-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.fu-play{position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:rgba(0,0,0,.55);display:grid;place-items:center;color:#fff;border:3px solid #fff}.fu-play .ic{width:24px;height:24px}
.fu-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.fu-tiles span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:14px;background:#fff;border:1px solid #f0e2c4;text-align:center;box-shadow:0 4px 10px rgba(13,36,99,.06)}
.fu-tiles .ic{width:24px;height:24px;color:var(--fu-pink)}.fu-tiles b{font:700 12.5px var(--f-head);color:var(--fu-navy)}.fu-tiles small{font-size:11px;color:var(--fu-mut)}
.fu-box{padding:14px 16px;border-radius:20px;background:var(--fu-cream);border:1px solid #f3e2bd;box-shadow:0 8px 20px rgba(13,36,99,.08)}
.fu-box h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:italic 700 19px var(--f-spirit);color:var(--fu-navy)}.fu-box h3 .ic{color:#f5a400;width:22px;height:22px}
.fu-box ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.fu-box li{display:flex;gap:7px;font-size:13.5px;color:#2b3260;padding-bottom:6px;border-bottom:1px dashed #efe2c3}.fu-box li:last-child{border:0;padding:0}.fu-box li .ic{width:16px;height:16px;color:#18a34a;flex:none;margin-top:1px}
.fu-box p{margin:0 0 10px;font-size:13.5px;color:#3a4060}
.fu-btn-n,.fu-btn-wa{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;border-radius:22px;font:700 14px var(--f-head);text-decoration:none;color:#fff}
.fu-btn-n{background:var(--fu-navy)}.fu-btn-wa{background:linear-gradient(90deg,#14a54a,#25d366)}.fu-btn-n .ic,.fu-btn-wa .ic{width:16px;height:16px}
.fu-info dl{display:grid;grid-template-columns:auto 1fr;gap:6px 10px;margin:0 0 8px;font-size:13px}.fu-info dt{font-weight:700;color:var(--fu-navy)}.fu-info dd{margin:0;color:#3a4060}
.fu-note{display:flex;gap:6px;font-size:12px!important;color:var(--fu-mut)!important;margin:0!important}.fu-note .ic{width:15px;height:15px;color:#f07a1a;flex:none}
/* available ferries list */
.fu-list{padding:14px 16px;border-radius:22px;background:#fff;border:1px solid #eceff7;box-shadow:0 10px 24px rgba(13,36,99,.08)}
.fu-lh{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:italic 700 clamp(20px,2vw,26px) var(--f-spirit);color:var(--fu-navy)}.fu-lh .ic{width:28px;height:28px;color:var(--fu-navy)}
.fu-row{display:grid;grid-template-columns:120px 1fr auto auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid #eef0f6;transition:opacity .2s}
.fu-row.dim{opacity:.45}.fu-row.on{opacity:1}
.fu-row>img{width:120px;height:80px;object-fit:cover;border-radius:12px}
.fu-row-m h3{margin:0 0 4px;font:italic 700 19px var(--f-spirit);color:var(--fu-navy)}
.fu-row-m p{display:flex;align-items:center;gap:6px;margin:0 0 2px;font-size:12.5px;color:var(--fu-mut)}.fu-row-m p .ic{width:14px;height:14px;color:var(--fu-navy)}
.fu-av{display:inline-block;margin-top:4px;padding:2px 10px;border-radius:10px;font:700 11.5px var(--f-head);font-style:normal}.fu-av:empty{display:none}.fu-av.ok{background:#e9f8ee;color:#0e7a33}.fu-av.no{background:#ffecee;color:#c2112b}
.fu-row-p{padding:8px 14px;border-radius:12px;background:#fff6e0;text-align:left;min-width:120px}
.fu-row-p small{display:block;font-size:11px;color:var(--fu-mut)}.fu-row-p b{font:700 22px var(--f-head);color:var(--fu-pink)}.fu-row-p span{font-size:12px;color:var(--fu-mut)}.fu-row-p em{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--fu-navy)}
.fu-row-b{display:flex;gap:8px}
.fu-btn-o,.fu-btn-r{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 14px;border-radius:20px;font:700 13px var(--f-head);text-decoration:none;cursor:pointer;white-space:nowrap}
.fu-btn-o{border:1.5px solid var(--fu-navy);background:#fff;color:var(--fu-navy)}.fu-btn-r{background:linear-gradient(90deg,#e3165b,#ff4f6d);color:#fff;border:0}.fu-btn-r .ic{width:14px;height:14px}
.fu-btn-r.off{background:#c9ccd8;pointer-events:auto;cursor:not-allowed}
.fu-row-x{grid-column:1/-1;padding:10px 14px;border-radius:12px;background:#f6f8fd}.fu-row-x ul{margin:0;padding-left:18px;font-size:13px;color:#3a4060;display:grid;gap:3px}
.fu-none{display:flex;gap:8px;margin:8px 0 0;padding:10px 12px;border-radius:12px;background:#ffecee;color:#c2112b;font-weight:700;font-size:13.5px}
/* charter options */
.fu-opts{display:grid;grid-template-columns:1fr 300px;gap:16px;margin:10px auto 0;align-items:start}.fu-opts .fu-sec{margin-top:6px}.fu-opts aside{display:flex;flex-direction:column;gap:14px;margin-top:62px}
@media (max-width:1100px){.fu-svc{grid-template-columns:repeat(2,1fr)}.fu-fleet ul{grid-template-columns:repeat(4,1fr)}.fu-grid{grid-template-columns:1fr 1fr;grid-template-areas:"a b" "d d" "c c"}.fu-c{flex-direction:row;flex-wrap:wrap}.fu-c>*{flex:1 1 260px}}
@media (max-width:860px){.fu-bar-f{grid-template-columns:1fr 1fr}.fu-bar-f label:nth-child(2){grid-column:1/-1}.fu-bar-f .fu-go{grid-column:1/-1}.fu-row2,.fu-opts{grid-template-columns:1fr}.fu-opts aside{margin-top:0}}
@media (max-width:767px){
  .fu-page>section,.fu-page>.fu-grid,.fu-page>.fu-opts{margin-left:10px;margin-right:10px}
  .fu-bar{margin-top:-30px;padding:14px 12px}
  .fu-chips{display:grid;grid-template-columns:repeat(3,1fr)}.fu-chips a{flex-direction:column;justify-content:center;padding:10px 4px;border-radius:16px;font-size:12px;text-align:center}.fu-chips a .ic{width:26px;height:26px}
  .fu-svc,.fu-svc.fu-c3{grid-template-columns:1fr}.fu-card{flex-direction:row}.fu-card-i{width:38%;aspect-ratio:auto;flex:none}.fu-card h3{font-size:18px}.fu-card-f{flex-wrap:wrap}
  .fu-grid{grid-template-columns:1fr;grid-template-areas:"a" "d" "b" "c"}.fu-c{flex-direction:column}
  .fu-fleet ul{grid-template-columns:repeat(2,1fr)}
  .fu-banner{grid-template-columns:1fr}.fu-banner img{min-height:150px;max-height:180px}.fu-banner ul{grid-template-columns:1fr}
  .fu-row{grid-template-columns:84px 1fr;gap:10px}.fu-row>img{width:84px;height:70px}.fu-row-p{grid-column:1/2}.fu-row-b{grid-column:2/3;flex-direction:column}.fu-btn-o,.fu-btn-r{justify-content:center}
  .fu-tabs span{font-size:12px;height:38px;padding:0 6px}
  .fu-tiles{grid-template-columns:repeat(4,1fr)}.fu-tiles b{font-size:11px}
}
.fu-none[hidden],.fu-row-x[hidden]{display:none}
@media (max-width:767px){.fu-row.dim{display:none}.fu-c>*{flex:none}}
.fu-closed{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:#b3261e;font-weight:600}
.fu-cal{z-index:90}.fu-cal .bkc-g button{font-family:inherit}[data-f="date"].bk-calin{cursor:pointer;caret-color:transparent}