.menu-toggle{display:none}
.admin-entry{opacity:.5;font-size:12px}
@media(max-width:800px){
  html{scroll-padding-top:76px}
  body{font-size:16px;overflow-x:hidden}
  .nav{position:sticky;top:0;z-index:30;background:#092f4c;box-shadow:0 8px 25px #061a2a30}
  .navin{position:relative;min-height:70px;padding:12px 20px;gap:12px}
  .navin>.btn{display:none}
  .menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #ffffff60;border-radius:11px;background:#ffffff14;color:#fff;font:800 14px Manrope;cursor:pointer}
  .menu-toggle .bars{font-size:21px;line-height:1}
  .menu{display:none;position:absolute;top:calc(100% + 6px);left:14px;right:14px;flex-direction:column;gap:0;padding:7px;border:1px solid #ffffff35;border-radius:16px;background:#092f4c;box-shadow:0 18px 38px #061a2a77}
  .menu.open{display:flex}
  .menu a{display:block;padding:12px 15px;border-radius:10px;font-size:15px;opacity:1}
  .menu a:focus-visible,.menu a:hover{background:#ffffff1b;outline:0}
  .hero{min-height:min(650px,calc(100svh - 70px));background-position:62% center}
  .hero-in{padding:55px 22px 55px}
  .hero h1{font-size:clamp(36px,9vw,55px);line-height:1.04;margin:18px 0}
  .hero p{font-size:16px;line-height:1.5}
  .hero-actions{margin-top:22px}
  .hero-down{display:none}
  .shell{padding:65px 22px}
  .booking .shell{padding-top:55px;padding-bottom:55px}
  .bookgrid{gap:22px}
  .form{padding:20px;border-radius:20px}
  .fields input,.fields select,.fields textarea{font-size:16px;min-height:48px}
  .choice{min-height:48px;font-size:15px;text-align:center}
  .booking-actions .btn{min-height:48px;justify-content:center}
  .filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}
  .filters input{grid-column:1/-1}
  .filters input,.filters select{width:100%;min-width:0;min-height:46px;font-size:16px}
  .card p,.service-body p{font-size:14px}
  .card:hover,.service:hover{transform:none}
  .map{height:280px}
  .admin-entry{display:inline-flex;align-items:center;min-height:44px;opacity:1;font-size:14px}
}
@media(max-width:480px){
  .navin{padding:10px 16px}
  .logo{font-size:17px}
  .hero-in{padding:43px 18px 48px}
  .hero h1{font-size:clamp(34px,10vw,46px)}
  .hero-actions .btn{flex:1 1 100%;justify-content:center;min-height:48px}
  .shell{padding:54px 18px}
  .title{font-size:clamp(29px,8vw,37px)}
  .benefits{margin-top:28px}
  .service-grid{margin-top:26px}
  .choices{grid-template-columns:1fr 1fr}
  .booking-actions{gap:8px}
  .booking-actions .btn{padding:10px 13px}
  .carpic{height:190px}
  .contactcard{padding:18px;border-radius:18px}
  .contactcard a{overflow-wrap:anywhere}
  .map{height:240px;border-radius:18px}
}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.btn{transition:none}}