.mobile-booking{display:none}

@media(min-width:901px) and (max-width:1250px){
  .nav-desktop{gap:11px}
  .nav-desktop a,.nav-dropdown-toggle{font-size:9px;letter-spacing:.08em}
  .nav-cta{padding:11px 14px}
  .contact-action-bar{grid-template-columns:repeat(2,1fr)}
  .contact-grid-enhanced{grid-template-columns:1fr 1fr}
}

@media(max-width:900px){
  .hero-image{background-position:center}
  .logo b{display:none}
  .nav-desktop{display:none}
  .menu-toggle{display:block}
  .nav-mobile{position:absolute;top:var(--header-height);left:24px;right:24px;padding:14px 20px;background:rgba(7,27,36,.97);border:1px solid var(--line);border-radius:3px}
  .nav-mobile.open{display:block}
  .nav-mobile .nav-dropdown{display:block;height:auto}
  .nav-mobile .nav-dropdown-toggle{width:100%;padding:14px 0;text-align:left;color:#fff}
  .nav-mobile .nav-dropdown-menu{position:static;width:100%;padding:5px 0 10px;background:#061923;border:1px solid rgba(117,224,213,.28);box-shadow:none;opacity:1;visibility:visible;transform:none}
  .nav-mobile .nav-submenu{padding:4px 0 4px 12px}
  .nav-mobile a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.15em;text-transform:uppercase}
  .nav-mobile .nav-cta{display:inline-flex;margin-top:15px}
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .contact-action-bar{grid-template-columns:repeat(2,1fr)}
  .contact-grid-enhanced{grid-template-columns:1fr}
  .map-header-bar{flex-direction:column;align-items:flex-start}
}

@media(max-width:560px){
  .course-gallery{grid-template-columns:1fr}
  .course-gallery img{height:230px}
  .contact-action-bar{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .form-container-card{padding:22px 18px}
  .contact-map-section{padding:18px}
  .map-responsive-frame{height:280px}
  .snorkel-layout{grid-template-columns:1fr}
  .snorkel-panel{padding:24px 20px}
  .snorkel-heading{font-size:21px}
  .snorkel-item p{font-size:14px}
  .price-grid{grid-template-columns:1fr}
  .price-feature{grid-template-columns:1fr}
  .price-feature img{min-height:210px}
  .price-nav{gap:7px}
  .price-nav a{font-size:9px;padding:8px 10px}
  .home-gallery{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:190px 150px;gap:8px}
  .home-gallery figure:first-child{grid-row:1;grid-column:1 / span 2}
  .logo{width:108px;height:48px}
  .logo img{width:108px;height:50px}
  .site-card{grid-template-columns:1fr}
  .site-card>img{height:220px;min-height:0}
  .site-facts{grid-template-columns:1fr 1fr}
  .course-meta{flex-direction:column;gap:4px}
  .page-hero-media{margin-bottom:28px}
  body{padding-bottom:68px}
  .nav-mobile{top:var(--header-height);left:12px;right:12px}
  .mobile-booking{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:1200;min-height:50px;align-items:center;justify-content:center;background:var(--coral);color:var(--ink);border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 10px 30px rgba(0,0,0,.35)}
  .bg-surf-text{display:none}
  .stats-strip{grid-template-columns:repeat(2,1fr)}
  .stats-strip div{padding:24px 10px}
  .hero-chips{gap:7px}
  .hero-chips span{padding:6px 11px;font-size:9px}
  .container,.hero-content{width:min(100% - 36px,var(--max-width))}
  .logo{font-size:27px}
  .logo span{display:none}
  .hero{min-height:680px}
  .hero-content{padding-bottom:85px}
  .hero-title{font-size:clamp(60px,18vw,92px)}
  .hero-scroll{right:18px;bottom:28px}
  .section{padding:84px 0}
  .section-title{font-size:clamp(48px,15vw,75px)}
  .hero-actions,.section-actions{align-items:stretch;flex-direction:column}
  .btn{width:100%}
  .gallery-grid{grid-template-columns:1fr}
  .footer-inner{flex-direction:column}
  .footer-links{flex-wrap:wrap}
  .card{min-height:0}
  .lang-switch{gap:3px;margin:0 2px}
  .lang-switch .lang-btn{padding:5px 7px;font-size:9px}
  html[dir="rtl"] .nav-mobile .nav-dropdown-toggle{text-align:right}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}
  .hero:after{background:linear-gradient(0deg,var(--ink),rgba(7,27,36,.4))}
}