.dock-intro{text-align:center;padding:2.5rem 0 1rem;background:#252b32}
.dock-intro h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:900;margin-bottom:.6rem;color:#fff;text-transform:uppercase}
.dock-intro p{font-size:.92rem;color:#9aa3ad;max-width:580px;margin:0 auto}

.berth-zone{padding:2rem 0 3rem;background:#1a1f24}
.berth-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.berth-slot{
  background:#252b32;border:4px solid #6a737d;display:grid;grid-template-columns:auto 1fr;gap:0;
  position:relative;overflow:hidden;
}
.berth-slot::after{
  content:"";position:absolute;top:0;left:0;width:8px;height:100%;
  background:repeating-linear-gradient(180deg,#f5c518 0 16px,#1a1f24 16px 32px);
}
.berth-slot.priority{border-color:#f5c518}
.berth-code{
  writing-mode:vertical-rl;text-orientation:mixed;
  background:#1a1f24;color:#f5c518;font-weight:900;font-size:.75rem;
  letter-spacing:.2em;padding:1rem .65rem;border-right:2px solid #6a737d;
}
.berth-body{padding:1.25rem 1.35rem 1.35rem 1.5rem}
.berth-body img{margin-bottom:.75rem;max-height:80px;object-fit:contain}
.berth-body h2{font-size:1.05rem;font-weight:900;margin-bottom:.45rem;color:#fff}
.berth-body p{font-size:.84rem;color:#9aa3ad;line-height:1.6;margin-bottom:.85rem}
.btn-berth{display:inline-block;background:#f5c518;color:#1a1f24!important;padding:.45rem 1rem;font-size:.82rem;font-weight:900;text-decoration:none!important}
.btn-berth:hover{background:#ffd633}

.tonnage-bar{background:#252b32;padding:1.5rem 0;border-top:4px solid #f5c518;border-bottom:4px solid #f5c518}
.tonnage-row{display:flex;justify-content:center;flex-wrap:wrap;gap:2.5rem 3.5rem}
.tonnage-row div{text-align:center}
.tonnage-row strong{display:block;font-size:1.35rem;color:#f5c518;font-weight:900}
.tonnage-row span{font-size:.72rem;color:#9aa3ad;text-transform:uppercase;letter-spacing:.1em}

.dock-faq{background:#252b32}

@media(max-width:640px){
  .berth-grid{grid-template-columns:1fr}
  .berth-slot{grid-template-columns:1fr}
  .berth-code{writing-mode:horizontal-tb;padding:.5rem 1rem;border-right:none;border-bottom:2px solid #6a737d}
}