@media (max-width:1023px){
  .hero{
    min-height: 20vh;
    padding: 20px 20px;
  }
  .hero-background{
background-image: url("attēli/iPhone\ 14\ &\ 15\ Pro\ Max\ -\ 1.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
  }
  .hero-bg{
    display: none;
  }
  .hero-text {
    width: 100%;
    max-width: 100%;
  }
  .hero-text h1 {
    font-size: 42px;
    letter-spacing: 2px;
  }
  .hero-text h2 {
    font-size: 15px;
  }
  .hero-text p {
    font-size: 16px;
  }
  .buttons {
    flex-direction: column;
    gap: 15px;
  }
  .btn-hero,
  .btn1-hero {
    width: 100%;
    max-width: 280px;
}

   .footer-container{
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 90%;
    text-align: center;
    padding: 50px 20px 30px;
}

.footer-brand{
    max-width: 100%;
}

.footer-brand img{ 
    margin: 0 auto 20px;
    display: block;
}

.footer-links{
    align-items: center;
}

.footer-links h3{
    margin-bottom: 15px;
}

.socials{
    justify-content: center;
    max-width: 100%;
    margin: 25px auto 0;
}

iframe{
    width: 100%;
    max-width: 350px;
    height: 220px;
    margin: 0 auto;
    display: block;
}

.footer-bottom{
    margin-top: 30px;
    padding-top: 20px;
}}

@media (max-width:1023px){
 .site-header{min-height:76px;padding:14px 22px;justify-content:space-between}
 .logo{position:static;transform:none;margin:0}.logo h2{font-size:34px}
 .menu-toggle{display:block;margin-left:auto;position:relative;z-index:1002;font-size:32px;color:#3A2D28}
 .main-nav{position:absolute;top:100%;left:0;width:100%;display:none;background:rgba(255,254,252,.98);backdrop-filter:blur(18px);padding:12px 20px 28px;border-top:1px solid rgba(58,45,40,.08);box-shadow:0 18px 35px rgba(58,45,40,.08)}
 .main-nav.active{display:block}
 .main-nav .menu{display:flex;flex-direction:column;gap:0;padding:0}
 .main-nav .menu li{width:100%;text-align:center}
 .main-nav .menu>li>a{display:block;padding:15px 10px;font-size:16px}
 .main-nav .submenu{position:static;display:none;width:100%;min-width:0;margin:0;border:0;border-radius:0;box-shadow:none;background:#F6F1EA}
 .main-nav .dropdown:hover .submenu{display:block}
 .main-nav .submenu a{padding:12px 10px;font-size:13px}
 .nav-booking{display:none}.mobile-booking{display:block!important;margin-top:12px}.mobile-booking a{background:#3A2D28!important;color:#F6F1EA!important;border-radius:3px;margin:0 auto;max-width:340px}
 .footer-container{grid-template-columns:1fr;max-width:90%;text-align:center;padding:50px 10px 36px}.footer-links{align-items:center}.footer-bottom{max-width:90%;flex-direction:column;text-align:center;padding:22px 0 30px}
 .legal-page{padding:60px 22px 80px}.legal-page h1{font-size:42px}.legal-page h2{font-size:25px}.not-found h1{font-size:46px}
}
@media (max-width:600px){.hero-text h1{font-size:36px!important}.full-width-example h2{font-size:32px}.legal-page h1{font-size:38px}}

/* 2026-09 touch navigation */
@media (max-width:1023px){
  .main-nav .dropdown > a{
    position:relative;
    padding-left:42px;
    padding-right:42px;
  }
  .main-nav .dropdown > a::after{
    content:'+';
    position:absolute;
    right:16px;
    top:50%;
    transform:translateY(-50%);
    font-size:22px;
    font-weight:300;
    line-height:1;
    transition:transform .2s ease;
  }
  .main-nav .dropdown:hover > .submenu{display:none;}
  .main-nav .dropdown.open > .submenu{display:block;}
  .main-nav .dropdown.open > a::after{transform:translateY(-50%) rotate(45deg);}
  .main-nav .submenu{
    margin:0 0 6px;
    padding:5px;
    border-radius:12px;
    background:#F6F1EA;
    overflow:hidden;
  }
  .main-nav .submenu li + li{border-top:1px solid rgba(58,45,40,.07);}
  .main-nav .submenu a{
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:8px;
  }
  .main-nav .submenu a:active{background:#A48D78;color:#fff;}
}

/* 2026-09 v9 mobile navigation: parent link + separate touch submenu button */
.submenu-toggle{display:none;}
@media (max-width:1023px){
  .main-nav .dropdown{position:relative;}
  .main-nav .dropdown > a{
    padding-left:52px;
    padding-right:52px;
  }
  .main-nav .dropdown > a::after{content:none!important;}
  .main-nav .submenu-toggle{
    display:flex;
    position:absolute;
    z-index:3;
    right:8px;
    top:5px;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    border-radius:10px;
    background:transparent;
    color:#3A2D28;
    font:300 24px/1 Arial,sans-serif;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    touch-action:manipulation;
  }
  .main-nav .submenu-toggle:active{background:#F0E8DE;}
  .main-nav .dropdown.open > .submenu{display:block!important;}
  .main-nav .dropdown:hover:not(.open) > .submenu{display:none!important;}
}