/* V38 delivery-ready header final */
:root{
  --bg:#f5f8fc;--bg2:#edf3f9;--surface:#ffffff;--text:#10253b;--muted:#5f7286;
  --line:#d9e3ed;--primary:#0b5ed7;--primary2:#39a1ff;--accent:#25D366;
  --shadow:0 18px 40px rgba(8,24,42,.10);--radius:24px;--max:1320px;
  --success:#def6e5;--warn:#fff1d8;--danger:#ffdfe0
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:linear-gradient(180deg,#f8fbff,#eef4fa);color:var(--text);line-height:1.65;overflow-x:hidden}
body.dark-mode{background:linear-gradient(180deg,#0b1622,#122033);color:#edf3fa}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font:inherit}
.container{width:min(var(--max),92%);margin:0 auto}

/* HEADER */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
body.dark-mode .site-header{background:rgba(11,22,34,.96);border-bottom-color:#2c445d}
.header-inner{display:grid;grid-template-columns:130px 1fr auto;align-items:center;gap:28px;padding:16px 0;position:relative}
.brand{display:flex;align-items:center;justify-content:center}
.brand img{width:118px;height:118px;object-fit:contain;border-radius:22px;background:#fff;box-shadow:var(--shadow);flex-shrink:0}
.brand-text{display:none}
.main-nav{display:flex;align-items:center;justify-content:center;gap:24px;min-width:0}
.main-nav>a,.nav-dropdown-master{font-size:1rem;font-weight:800;color:var(--text);white-space:nowrap;padding:10px 0;background:none;border:0;cursor:pointer}
body.dark-mode .main-nav>a,body.dark-mode .nav-dropdown-master{color:#fff}
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-master{position:relative;padding-right:18px}
.nav-dropdown-master::after{content:"▾";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:.82rem}
.nav-submenu{position:absolute;top:calc(100% + 12px);left:0;min-width:320px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 20px 40px rgba(0,0,0,.10);display:none;z-index:120}
.nav-submenu a{display:block;padding:12px 14px;border-radius:12px;font-size:1rem;font-weight:700;color:var(--text)}
.nav-submenu a:hover{background:#eef5ff;color:var(--primary)}
.nav-dropdown.open .nav-submenu,.nav-dropdown:hover .nav-submenu{display:block}
body.dark-mode .nav-submenu{background:#162535;border-color:#2c445d}
body.dark-mode .nav-submenu a{color:#fff}
body.dark-mode .nav-submenu a:hover{background:#22384f;color:#9fd2ff}
.nav-toggle{display:none;border:0;background:var(--primary);color:#fff;width:54px;height:54px;border-radius:18px;font-size:1.35rem}
.mode-fab{position:fixed;right:18px;top:18px;z-index:130;border:1px solid var(--line);background:#fff;color:var(--text);width:52px;height:52px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow);font-size:1.2rem}
body.dark-mode .mode-fab{background:#1a2b3d;color:#fff;border-color:#38536e}
.mobile-mode-wrap{display:none}

/* FLOATS */
.whatsapp-float,.call-float{position:fixed;bottom:18px;z-index:70;padding:14px 16px;border-radius:999px;font-weight:800;color:#fff;box-shadow:0 16px 32px rgba(0,0,0,.16)}
.whatsapp-float{right:18px;background:var(--accent)}
.call-float{left:18px;background:#2563eb}

/* CONTENT */
.hero{position:relative;padding:120px 0 88px;background:linear-gradient(120deg,rgba(8,22,37,.92),rgba(11,94,215,.55)),url('../images/header-truck.jpg') center/cover no-repeat;color:#fff;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:28px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;background:rgba(255,255,255,.15);padding:8px 14px;border-radius:999px;font-weight:700;font-size:.9rem;margin-bottom:14px}
.hero h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.03;margin:0 0 14px;color:#fff}
.hero p{font-size:1.08rem;color:#e7eef8;max-width:760px}
.hero-actions,.trust-badges,.badge-row,.inline-actions,.boat-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.trust-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;padding:9px 14px;border-radius:999px;font-weight:700}
.hero-panel{background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.10));border:1px solid rgba(255,255,255,.18);padding:28px;border-radius:30px;backdrop-filter:blur(14px)}
.hero-panel h3,.hero-panel li strong{color:#fff}
.hero-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.hero-panel li{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:10px}
.hero-panel li span{color:#e7eef8}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:16px;font-weight:800;border:1px solid transparent;cursor:pointer;min-height:48px}
.btn-primary,.btn-admin{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff}
.btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.42)}
.btn-outline{background:#f2f8ff;border-color:var(--line);color:var(--text)}
body.dark-mode .btn-outline{background:#162535;border-color:#38536e;color:#fff}
.section{padding:84px 0}
.section-soft{background:linear-gradient(180deg,#eef4fa,#f7fbff)}
.section-dark{background:linear-gradient(180deg,#08192b,#0d2744);color:#e6eef7}
body.dark-mode .section-soft,body.dark-mode .page-hero{background:linear-gradient(180deg,#122033,#162535)}
.section-head{max-width:860px;margin-bottom:30px}
.section-head h2,.page-hero h1{margin:0 0 10px;font-size:clamp(1.95rem,3vw,3rem);line-height:1.12;color:var(--text)}
.section-head p,.page-hero p{margin:0;color:#33475b}
body.dark-mode .section-head h2,body.dark-mode .page-hero h1{color:#fff}
body.dark-mode .section-head p,body.dark-mode .page-hero p{color:#dce8f4}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.card,.boat-card,.gallery-item,.faq-item,.icon-card,.glass-band,.stat,.admin-card,.login-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:var(--shadow)}
body.dark-mode .card,body.dark-mode .boat-card,body.dark-mode .gallery-item,body.dark-mode .faq-item,body.dark-mode .icon-card,body.dark-mode .glass-band,body.dark-mode .stat,body.dark-mode .admin-card,body.dark-mode .login-card{background:#162535;border-color:#2c445d}
.card h2,.card h3,.faq-item h3,.boat-content h3,.icon-card h3{margin-top:0;color:var(--text)}
body.dark-mode .card h2,body.dark-mode .card h3,body.dark-mode .faq-item h3,body.dark-mode .boat-content h3,body.dark-mode .icon-card h3{color:#fff}
.card p,.card li,.faq-item p,.boat-content p,.glass-band p,.icon-card p,.caption{color:#33475b;line-height:1.7}
body.dark-mode .card p,body.dark-mode .card li,body.dark-mode .faq-item p,body.dark-mode .boat-content p,body.dark-mode .glass-band p,body.dark-mode .icon-card p,body.dark-mode .caption{color:#dce8f4}
.stat{text-align:center;padding:22px}
.stat strong{display:block;font-size:1.55rem;color:var(--primary);line-height:1.2}
.stat span{color:#33475b}
body.dark-mode .stat span{color:#dce8f4}
.badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#e9f3ff;color:var(--primary);font-weight:700;font-size:.9rem}
body.dark-mode .badge{background:#24384f;color:#9fd2ff}
.section-cta{background:linear-gradient(135deg,#0b5ed7,#39a1ff);color:#fff;border-radius:28px;padding:32px;box-shadow:var(--shadow)}
.section-cta h2,.section-cta p{color:#fff!important}
.list-check{margin:0;padding-left:18px}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.gallery-item,.boat-card{padding:0;overflow:hidden}
.gallery-item img,.boat-card img{width:100%;height:280px;object-fit:cover}
.gallery-item .caption{padding:14px 16px;font-weight:700}
.boat-card{display:flex;flex-direction:column;height:100%}
.boat-image-wrap{position:relative}
.boat-status,.boat-new-badge{position:absolute;top:14px;padding:8px 12px;border-radius:999px;font-weight:800;font-size:.85rem}
.boat-status{left:14px}
.boat-new-badge{right:14px;background:#0b5ed7;color:#fff}
.status-active{background:var(--success);color:#136b3b}
.status-reserved{background:var(--warn);color:#8a5b00}
.status-sold{background:var(--danger);color:#982222}
.boat-content{padding:22px 22px 24px;display:flex;flex-direction:column;gap:10px}
.boat-price{font-size:clamp(1.65rem,2.4vw,2rem);font-weight:900;color:var(--primary)}
body.dark-mode .boat-price{color:#73b7ff}
.dealer-filters{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,180px);gap:14px;margin-top:20px}
.dealer-filters input,.dealer-filters select,input,textarea,select{min-height:52px;width:100%;padding:13px 14px;border:1px solid #cdd9e6;border-radius:14px;background:#fff;color:var(--text);font:inherit}
input::placeholder,textarea::placeholder{color:#72859a}
body.dark-mode input,body.dark-mode textarea,body.dark-mode select{background:#0f1d2d;color:#fff;border-color:#36506b}
body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:#9db3c8}
.page-hero{padding:64px 0 26px;background:linear-gradient(180deg,#eef4fa,#f7fbff)}
.contact-wrap,.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:24px}
.icon-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.service-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.review-stars{font-size:1.1rem;margin-bottom:8px}
.thumb-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}
.thumb-btn{border:2px solid transparent;border-radius:16px;overflow:hidden;padding:0;background:#fff;cursor:pointer}
.thumb-btn.active{border-color:var(--primary)}
.thumb-btn img{width:100%;height:110px;object-fit:cover}
.boat-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);gap:26px}
.boat-main-image{width:100%;height:clamp(320px,52vw,620px);object-fit:cover;border-radius:22px;border:1px solid var(--line)}
.sticky-info{position:sticky;top:110px;align-self:start}
.faq-list{display:grid;gap:16px}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.site-footer{background:linear-gradient(180deg,#071626,#0a223d);color:#eef4fb;padding:44px 0;margin-top:40px}
.site-footer a,.site-footer p,.site-footer h3,.site-footer h4{color:#eef4fb}
.site-footer p{line-height:1.8}
.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr .8fr;gap:24px}

/* responsive */
@media (max-width:1500px){
  .header-inner{grid-template-columns:110px 1fr auto}
  .brand img{width:104px;height:104px}
  .main-nav{gap:16px}
  .main-nav>a,.nav-dropdown-master{font-size:.96rem}
}
@media (max-width:1200px){
  .header-inner{grid-template-columns:minmax(0,1fr) auto;gap:16px}
  .brand-text{display:block}
  .brand img{width:82px;height:82px}
  .brand-text strong{font-size:1.18rem}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .main-nav{display:none;position:absolute;left:4%;right:4%;top:100%;margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 24px 50px rgba(0,0,0,.12);flex-direction:column;align-items:flex-start;gap:0;z-index:120}
  .main-nav.open{display:flex}
  body.dark-mode .main-nav{background:#162535;border-color:#2c445d}
  .main-nav>a,.nav-dropdown-master{width:100%;padding:14px 4px;text-align:left}
  .nav-dropdown{width:100%;display:block}
  .nav-submenu{position:static;display:none;min-width:0;width:100%;margin-top:8px;box-shadow:none}
  .nav-dropdown.open .nav-submenu{display:block}
  .mobile-mode-wrap{display:block;width:100%;padding-top:14px;margin-top:8px;border-top:1px solid var(--line)}
  .mobile-mode-wrap .mode-toggle{width:100%;display:inline-flex;justify-content:center}
  .mode-fab{display:none}
  .hero-grid,.grid-2,.grid-3,.grid-4,.gallery-grid,.review-grid,.contact-wrap,.boat-detail-grid,.service-hero-grid,.service-columns,.footer-grid{grid-template-columns:1fr}
  .dealer-filters{grid-template-columns:1fr 1fr}
  .sticky-info{position:static}
}
@media (max-width:760px){
  .header-inner{padding:14px 0}
  .brand{gap:14px}
  .brand img{width:76px;height:76px}
  .brand-text strong{font-size:1rem;line-height:1.14}
  .dealer-filters{grid-template-columns:1fr}
  .call-float,.whatsapp-float{bottom:18px}
  .hero-panel li{display:grid;grid-template-columns:1fr;gap:6px}
  .thumb-row{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .container{width:min(var(--max),94%)}
  .hero h1{font-size:2rem}
  .section-head h2,.page-hero h1{font-size:1.7rem}
  .card,.faq-item,.icon-card,.admin-card,.login-card,.glass-band{padding:20px}
  .gallery-item img,.boat-card img{height:220px}
  .btn{width:100%}
  .hero-actions,.inline-actions{flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
}


/* V39 diensten dropdown click fix */
.site-header,
.header-inner,
.main-nav {
  overflow: visible !important;
}
.nav-dropdown {
  position: relative !important;
  z-index: 300 !important;
}
.nav-submenu {
  pointer-events: auto !important;
  z-index: 500 !important;
}
.nav-submenu a {
  position: relative !important;
  z-index: 501 !important;
}
@media (min-width: 1201px) {
  .nav-dropdown:hover .nav-submenu,
  .nav-dropdown.open .nav-submenu {
    display: block !important;
  }
}


/* V41 diensten dropdown hover + click */
@media (min-width: 1201px){
  .nav-dropdown:hover .nav-submenu,
  .nav-dropdown:focus-within .nav-submenu,
  .nav-dropdown.open .nav-submenu{
    display:block !important;
  }
}


/* V43 logo visibility + cleanup */
.brand img{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.10));
}
body.dark-mode .brand img{
  filter: drop-shadow(0 10px 22px rgba(255,255,255,.08)) drop-shadow(0 6px 18px rgba(0,0,0,.35));
}
.admin-logo-wrap{
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}
.admin-logo-wrap img{
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.18));
}
body.admin-dark .admin-logo-wrap img{
  filter: drop-shadow(0 10px 22px rgba(255,255,255,.06)) drop-shadow(0 6px 18px rgba(0,0,0,.35));
}

.content-card{line-height:1.8}.content-card h2,.content-card h3{margin-top:0}.content-card img{max-width:100%;height:auto;border-radius:18px}


/* V48 next-level header + responsive polish */
:root{
  --header-glass: rgba(255,255,255,.90);
  --header-glass-dark: rgba(4,14,28,.90);
  --header-line-dark: rgba(106,151,198,.22);
  --header-glow: 0 14px 34px rgba(6,26,53,.18);
}
.site-header{
  background:
    radial-gradient(circle at left center, rgba(57,161,255,.10), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,255,255,.90));
  box-shadow: 0 8px 28px rgba(10,30,48,.06);
}
body.dark-mode .site-header{
  background:
    radial-gradient(circle at left center, rgba(57,161,255,.18), transparent 34%),
    linear-gradient(180deg, rgba(2,12,26,.96), rgba(8,24,43,.94));
  border-bottom-color: var(--header-line-dark);
  box-shadow: 0 14px 38px rgba(0,0,0,.35);
}
.header-inner{
  grid-template-columns:minmax(140px,160px) 1fr auto;
  gap:clamp(18px,2vw,30px);
  min-height:104px;
}
.brand{
  justify-content:flex-start;
  min-width:0;
}
.brand img{
  width:clamp(92px,8vw,118px);
  height:clamp(92px,8vw,118px);
  object-fit:contain;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  padding:0 !important;
  filter:drop-shadow(0 8px 20px rgba(0,0,0,.16));
  transition:transform .25s ease, filter .25s ease;
}
.brand:hover img{
  transform:translateY(-2px) scale(1.02);
  filter:drop-shadow(0 14px 26px rgba(0,0,0,.22));
}
body.dark-mode .brand img{
  filter:drop-shadow(0 12px 30px rgba(71,164,255,.10)) drop-shadow(0 8px 22px rgba(0,0,0,.50));
}
.main-nav{
  gap:clamp(14px,1.4vw,24px);
  flex-wrap:wrap;
}
.main-nav>a,.nav-dropdown-master{
  position:relative;
  font-size:clamp(.92rem,.75rem + .28vw,1rem);
  letter-spacing:-.01em;
}
.main-nav>a::after,
.nav-dropdown-master::before{
  content:"";
  position:absolute;
  left:0;
  bottom:2px;
  width:100%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#39a1ff,#0b5ed7);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .25s ease;
}
.nav-dropdown-master::before{bottom:0}
.main-nav>a:hover::after,
.main-nav>a.active::after,
.nav-dropdown-master:hover::before,
.nav-dropdown-master.active::before{
  transform:scaleX(1);
}
.main-nav>a.active,
.nav-dropdown-master.active{
  color:var(--primary);
}
body.dark-mode .main-nav>a.active,
body.dark-mode .nav-dropdown-master.active{
  color:#8ecbff;
}
.nav-submenu{
  border-radius:20px;
}
.nav-submenu a.active{
  background:#eef5ff;
  color:var(--primary);
}
body.dark-mode .nav-submenu a.active{
  background:#22384f;
  color:#9fd2ff;
}
.mode-fab{
  background:linear-gradient(180deg,#ffffff,#eef5ff);
}
body.dark-mode .mode-fab{
  background:linear-gradient(180deg,#14273b,#0e1c2d);
}

@media (max-width:1360px){
  .header-inner{grid-template-columns:120px 1fr auto;}
  .main-nav{gap:12px;}
  .main-nav>a,.nav-dropdown-master{font-size:.92rem;}
}
@media (max-width:1200px){
  .site-header{backdrop-filter:blur(14px);}
  .header-inner{grid-template-columns:minmax(0,1fr) auto;min-height:auto;}
  .brand{gap:14px;}
  .brand-text{display:block;min-width:0;}
  .brand-text strong{display:block;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .main-nav{flex-wrap:nowrap;}
  .main-nav>a,.nav-dropdown-master{font-size:1rem;}
}
@media (max-width:760px){
  .site-header{position:sticky;}
  .header-inner{padding:12px 0;}
  .brand img{width:72px;height:72px;}
  .brand-text strong{max-width:180px;}
  .nav-toggle{width:50px;height:50px;border-radius:16px;}
  .main-nav{left:3%;right:3%;}
}
@media (max-width:460px){
  .brand-text strong{font-size:.95rem;max-width:145px;}
  .mode-fab{right:14px;top:14px;width:48px;height:48px;}
}


/* V49 SEO + Responsive polish */
html,body{max-width:100%;}
body.nav-open{overflow:hidden;}
main{min-height:60vh;}
img{height:auto;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(57,161,255,.45);outline-offset:2px}
.footer-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.footer-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(20,74,126,.12);border:1px solid rgba(43,120,191,.18);color:var(--primary);font-weight:700;font-size:.9rem;letter-spacing:.01em;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.footer-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(180deg,#2f8fff,#145aa2);box-shadow:0 0 0 4px rgba(47,143,255,.10)}
body.dark-mode .footer-badge{background:rgba(16,39,63,.88);border-color:rgba(96,164,226,.18);color:#d6eaff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
body.dark-mode .footer-badge::before{background:linear-gradient(180deg,#67b4ff,#2b78bf);box-shadow:0 0 0 4px rgba(103,180,255,.12)}
.footer-bottom{padding:0 0 28px;color:var(--muted);font-size:.95rem}
body.dark-mode .footer-bottom{color:#b2c4d8}
.gallery-item img,.boat-image-wrap img,.boat-main-image,.thumb-btn img{width:100%;object-fit:cover}
.gallery-item img{aspect-ratio:4/3}
.boat-image-wrap img,.boat-main-image{aspect-ratio:16/10}
.page-hero{padding:72px 0 44px}
.page-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;margin:10px 0 12px}
.page-hero p{max-width:820px;font-size:1.04rem}
.content-card :where(p,li){max-width:80ch}
.contact-wrap,.boat-detail-grid{align-items:start}
.admin-form input,.admin-form select,.admin-form textarea{width:100%}
.whatsapp-float,.call-float{font-size:.98rem}
@media (max-width:1200px){
  .main-nav{position:fixed;top:96px;left:4%;right:4%;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:18px;border-radius:24px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(0,0,0,.18);max-height:calc(100vh - 130px);overflow:auto}
  body.dark-mode .main-nav{background:rgba(11,22,34,.98)}
  .main-nav.open{display:flex}
  .main-nav>a,.nav-dropdown-master{padding:14px 10px;width:100%;text-align:left}
  .nav-dropdown{display:block;width:100%}
  .nav-submenu{position:static;display:none;min-width:100%;margin-top:6px;box-shadow:none}
  .nav-dropdown.open .nav-submenu{display:block}
  .mobile-mode-wrap{display:block;padding-top:8px}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .mode-fab{display:none}
  .header-inner{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
}
@media (max-width:900px){
  .hero{padding:94px 0 60px}
  .hero-grid,.grid-2,.contact-wrap,.boat-detail-grid{grid-template-columns:1fr}
  .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .container{width:min(100% - 28px,var(--max))}
  .brand img{width:64px;height:64px}
  .brand-text strong{max-width:140px;font-size:.92rem}
  .hero h1{font-size:clamp(2rem,10vw,3rem)}
  .hero p,.page-hero p{font-size:.98rem}
  .grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}
  .hero-actions,.inline-actions{flex-direction:column;align-items:stretch}
  .btn{width:100%}
  .admin-form.two{grid-template-columns:1fr !important}
  .whatsapp-float,.call-float{bottom:12px;padding:12px 14px}
  .whatsapp-float{right:12px}
  .call-float{left:12px}
}
@media (max-width:420px){
  .header-inner{gap:10px}
  .nav-toggle{width:46px;height:46px}
  .main-nav{top:82px;left:10px;right:10px}
}


.services-hero .services-eyebrow{background:#dbe9f8;color:#0d4c8f}
.services-section .services-layout{display:grid;gap:26px}
.services-intro-card{padding:28px;border-radius:24px;box-shadow:0 18px 40px rgba(8,25,43,.08)}
.services-intro-card h2,.services-intro-card h3{color:var(--primary,#0d4c8f)}
.services-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
.service-teaser-card{padding:24px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;box-shadow:0 18px 40px rgba(8,25,43,.08);border:1px solid rgba(13,76,143,.08)}
.service-teaser-top{display:flex;gap:16px;align-items:flex-start}
.service-teaser-top h2{margin:0 0 10px;font-size:1.2rem;line-height:1.3}
.service-teaser-top p{margin:0;color:#425466;line-height:1.7}
.service-teaser-actions{margin-top:18px}
.footer-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.footer-badge{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.92rem}
@media (max-width: 768px){.services-intro-card,.service-teaser-card{padding:20px}.service-teaser-top{flex-direction:column}.footer-badges{gap:8px}}


/* V54 final polish */
.main-nav > a.active,
.nav-dropdown-master.active{color:var(--primary)}
.nav-dropdown.is-current .nav-dropdown-master.active{color:var(--primary)}
.nav-submenu a.active{background:#eef5ff;color:var(--primary)}
body.dark-mode .main-nav > a.active,
body.dark-mode .nav-dropdown-master.active{color:#9fd2ff}
body.dark-mode .nav-submenu a.active{background:#22384f;color:#9fd2ff}

.float-chip{position:fixed;bottom:18px;z-index:72;display:flex;align-items:center;gap:10px;max-width:calc(100vw - 24px)}
.whatsapp-float-wrap{right:18px}
.call-float-wrap{left:18px}
.whatsapp-float,.call-float{position:static;display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 18px;border-radius:999px;font-weight:800;color:#fff;box-shadow:0 16px 32px rgba(0,0,0,.16)}
.float-close{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(9,18,30,.78);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.float-close:hover{transform:scale(1.05)}
body.dark-mode .float-close{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.2)}

.services-hero-refined{padding:84px 0 28px;background:linear-gradient(135deg,rgba(6,19,32,.96),rgba(11,94,215,.78));}
.services-hero-inner{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:stretch}
.services-hero-copy{color:#fff;display:flex;flex-direction:column;justify-content:center}
.services-hero-copy h1{font-size:clamp(2.25rem,4vw,4rem);margin:0 0 14px;color:#fff}
.services-hero-copy p{font-size:1.05rem;color:#e5eef9;max-width:760px}
.services-hero-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.services-hero-points span{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);font-weight:700;color:#fff}
.services-hero-panel{padding:24px;border-radius:28px;background:rgba(255,255,255,.96)}
.services-hero-panel h2{margin:0 0 10px;font-size:1.3rem}
.services-hero-panel p{margin:0 0 16px}
.services-hero-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.services-hero-links a{display:flex;align-items:center;min-height:48px;padding:12px 14px;border-radius:16px;background:#f4f8fc;border:1px solid #d9e3ed;font-weight:700;color:var(--text);transition:.2s ease}
.services-hero-links a:hover{background:#eef5ff;color:var(--primary);transform:translateY(-2px)}
body.dark-mode .services-hero-panel{background:#162535;border-color:#2c445d}
body.dark-mode .services-hero-links a{background:#1b3045;border-color:#2c445d;color:#fff}
body.dark-mode .services-hero-links a:hover{background:#22384f;color:#9fd2ff}
.services-section-refined{padding-top:26px}
.services-page-grid{display:grid;grid-template-columns:minmax(280px,.4fr) minmax(0,1fr);gap:24px;align-items:start}
.refined-sticky-card{position:sticky;top:110px}
.services-prose p:first-child{margin-top:0}
.services-side-note{margin-top:16px;padding:16px 18px;border-radius:18px;background:#f4f8fc;border:1px solid #d9e3ed;color:#33475b}
body.dark-mode .services-side-note{background:#1b3045;border-color:#2c445d;color:#dce8f4}
.refined-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.refined-service-card{padding:22px;border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.service-card-head{display:flex;gap:16px;align-items:flex-start}
.refined-service-icon{min-width:56px;width:56px;height:56px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;background:#eef5ff;color:var(--primary);font-size:1.35rem;font-weight:800}
body.dark-mode .refined-service-icon{background:#22384f;color:#9fd2ff}
.refined-service-card h2{font-size:1.18rem;margin:0 0 8px}
.refined-service-card p{margin:0}
.service-card-footer{margin-top:18px;display:flex;justify-content:flex-start}

@media (max-width: 1200px){
  .services-hero-inner,.services-page-grid{grid-template-columns:1fr}
  .refined-sticky-card{position:static}
}
@media (max-width: 980px){
  .header-inner{grid-template-columns:110px 1fr auto;gap:16px;padding:12px 0}
  .brand img{width:92px;height:92px;border-radius:18px}
  .main-nav{position:fixed;inset:86px 12px auto 12px;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;background:rgba(255,255,255,.98);border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 24px 48px rgba(0,0,0,.16);max-height:calc(100vh - 120px);overflow:auto}
  body.dark-mode .main-nav{background:rgba(11,22,34,.98);border-color:#2c445d}
  .main-nav.open{display:flex}
  .nav-toggle{display:inline-flex;align-items:center;justify-content:center}
  .main-nav>a,.nav-dropdown-master{width:100%;justify-content:flex-start;text-align:left;padding:14px 10px;border-radius:14px}
  .nav-dropdown{display:block}
  .nav-submenu{position:static;min-width:0;margin-top:10px;box-shadow:none;border-radius:16px}
  .mobile-mode-wrap{display:block}
  .mode-fab{display:none}
  .services-hero-links,.refined-services-grid{grid-template-columns:1fr}
}
@media (max-width: 700px){
  .container{width:min(var(--max),94%)}
  .section{padding:64px 0}
  .services-hero-refined{padding-top:72px}
  .services-hero-panel,.services-intro-card,.refined-service-card{padding:18px}
  .service-card-head{gap:12px}
  .refined-service-icon{min-width:48px;width:48px;height:48px;border-radius:16px}
  .float-chip{bottom:12px;gap:8px;max-width:calc(100vw - 18px)}
  .whatsapp-float-wrap{right:10px}
  .call-float-wrap{left:10px}
  .whatsapp-float,.call-float{min-height:46px;padding:12px 14px;font-size:.95rem}
  .float-close{width:34px;height:34px;font-size:1.1rem}
}
@media (max-width: 480px){
  .header-inner{grid-template-columns:86px 1fr auto}
  .brand img{width:72px;height:72px;border-radius:16px}
  .nav-toggle{width:46px;height:46px;border-radius:14px}
  .services-hero-points span{width:100%;justify-content:center}
  .service-card-footer .btn{width:100%}
  .whatsapp-float,.call-float{font-size:.9rem;padding:11px 12px}
}


/* Final polish overrides */
.brand-text{display:none}
.header-inner{grid-template-columns:92px minmax(0,1fr) auto;gap:18px}
.brand img{width:84px;height:84px;object-fit:contain}
.main-nav{gap:14px;justify-content:center;flex-wrap:nowrap}
.main-nav>a,.nav-dropdown-master{font-size:.92rem;letter-spacing:-.01em}
.nav-dropdown:hover .nav-submenu{display:none}
.nav-dropdown.open .nav-submenu,.nav-dropdown:focus-within .nav-submenu{display:block}
.nav-submenu{min-width:280px}
@media (min-width:1200px){
  .main-nav>a,.nav-dropdown-master{font-size:.88rem}
}
@media (max-width:1199px){
  .brand img{width:74px;height:74px}
}
.contact-wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:28px;align-items:start}
.contact-aside{position:sticky;top:110px}
.contact-map-card{margin-top:16px;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#f8fbff}
.contact-map-card iframe{display:block;width:100%;height:320px;border:0}
@media (max-width:980px){
  .contact-wrap{grid-template-columns:1fr}
  .contact-aside{position:static}
  .contact-map-card iframe{height:280px}
}


/* V59 polish */
.site-header .header-inner{grid-template-columns:92px minmax(0,1fr) auto;gap:16px}
.site-header .brand img{width:92px;height:92px;object-fit:contain}
.site-header .main-nav{gap:12px;flex-wrap:nowrap}
.site-header .main-nav>a,.site-header .nav-dropdown-master{font-size:.9rem;letter-spacing:-.01em;padding:10px 0}
.site-header .nav-submenu{min-width:250px}
@media (max-width:1200px){
  .site-header .main-nav{gap:10px}
  .site-header .main-nav>a,.site-header .nav-dropdown-master{font-size:.85rem}
}
@media (max-width:980px){
  .site-header .brand img{width:84px;height:84px}
}
.admin-alert.success{background:#e9f8ef;border:1px solid #bce3c9;color:#14532d;padding:14px 16px;border-radius:14px;margin:0 0 16px}
.admin-alert.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;padding:14px 16px;border-radius:14px;margin:0 0 16px}


/* Final polish overrides */
.site-header .nav-dropdown:hover .nav-submenu{display:none}
@media (min-width: 1201px){
  .site-header .main-nav{gap:18px;flex-wrap:wrap;justify-content:flex-end}
  .site-header .brand{min-width:200px}
  .site-header .main-nav > a,
  .site-header .nav-dropdown-master{font-size:1rem;padding:10px 0}
}
.contact-map-card{overflow:hidden;border-radius:20px;border:1px solid var(--line);background:#fff;margin-top:12px}
.contact-map-card iframe{display:block;width:100%;height:320px;border:0}
.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999}
.cookie-banner-inner{max-width:1100px;margin:0 auto;background:rgba(8,25,43,.96);color:#fff;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 45px rgba(0,0,0,.25);border-radius:18px;padding:18px 20px;display:flex;gap:18px;align-items:center;justify-content:space-between}
.cookie-banner p{margin:6px 0 0;color:rgba(255,255,255,.9)}
.cookie-banner a{color:#9fd2ff}
.cookie-banner-actions{display:flex;gap:10px;flex-wrap:wrap}
body.dark-mode .contact-map-card{background:#102235;border-color:#28435b}
@media (max-width: 860px){
  .cookie-banner-inner{flex-direction:column;align-items:flex-start}
  .contact-map-card iframe{height:260px}
}


.licenses-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}.license-card{background:#fff;border:1px solid #dce7f2;border-radius:26px;overflow:hidden;box-shadow:0 18px 38px rgba(8,24,42,.08)}.license-card-image{aspect-ratio:4/3;background:#f6f9fc;padding:16px;display:flex;align-items:center;justify-content:center}.license-card-image img{width:100%;height:100%;object-fit:contain;display:block}.license-card-body{padding:18px 20px 22px}.license-card-body h2{margin:0 0 10px;font-size:1.25rem}.license-card-body p{margin:0;color:#4e647c;line-height:1.7}.contact-map-card{margin-top:14px;border-radius:20px;overflow:hidden;border:1px solid #dbe7f4;background:#fff}.contact-map-card iframe{display:block;width:100%;min-height:260px;border:0}.cookie-banner-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}@media (max-width:900px){.licenses-grid{grid-template-columns:1fr}}

.licenses-page-section{padding-top:12px}.licenses-page-wrap{display:grid;gap:26px}.licenses-intro-card{display:grid;grid-template-columns:1.35fr .95fr;gap:22px;align-items:stretch;padding:28px;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);border:1px solid #dce7f2;box-shadow:0 18px 38px rgba(8,24,42,.08)}
.licenses-intro-copy{min-width:0}.licenses-intro-copy > *:first-child{margin-top:0}.licenses-intro-copy p{line-height:1.8}.licenses-intro-points{display:grid;gap:14px}.licenses-intro-point{padding:18px 18px;border-radius:20px;background:#f5f9fd;border:1px solid #dce7f2}.licenses-intro-point strong{display:block;margin-bottom:6px;color:#12345b;font-size:1.05rem}.licenses-intro-point span{display:block;color:#58708a;line-height:1.7}
.licenses-grid-enhanced{gap:28px}.license-card-enhanced{display:flex;flex-direction:column}.license-card-enhanced .license-card-image{aspect-ratio:4/3;padding:22px;background:linear-gradient(180deg,#f7f9fc 0%,#eef4fb 100%)}.license-card-enhanced .license-card-image img{filter:drop-shadow(0 10px 22px rgba(9,27,46,.12))}.license-card-body-enhanced{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.license-card-body-enhanced h2{font-size:1.2rem}.license-card-body-enhanced p{margin-top:0}.license-view-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:12px 16px;border-radius:14px;background:#12345b;color:#fff;text-decoration:none;font-weight:800;border:1px solid #12345b;transition:.2s ease}.license-view-btn:hover{background:#0f2c4e;transform:translateY(-1px)}
@media (max-width:980px){.licenses-intro-card{grid-template-columns:1fr}.license-card-body-enhanced{flex-direction:column;align-items:flex-start}}
@media (max-width:700px){.licenses-intro-card{padding:20px;border-radius:22px}.license-card-enhanced .license-card-image{padding:16px}.license-view-btn{width:100%}}