/*
 * Evelyn's Boutique — responsive.css
 * All @media rules from the original static site, in their original order.
 * Loaded after main.css so overrides still cascade correctly.
 */
@media(max-width:960px){
    .folio-badges{top:.7rem;left:.7rem;right:.7rem}
    .folio-whatsapp{width:44px;height:44px}
    .folio-whatsapp svg{width:22px;height:22px}
    .folio-like{padding:.6rem .85rem;min-height:44px;font-size:.85rem;gap:.4rem}
    .folio-like svg{width:19px;height:19px}
  }

@media(max-width:560px){
    .folio-badges{top:.8rem;left:.8rem;right:.8rem}
    .folio-whatsapp{width:48px;height:48px}
    .folio-whatsapp svg{width:24px;height:24px}
    .folio-like{padding:.68rem .95rem;min-height:48px;font-size:.9rem;gap:.45rem}
    .folio-like svg{width:21px;height:21px}
  }

@media(max-width:640px){
    .lightbox{padding:1rem}
    .lightbox-nav{width:46px;height:46px;font-size:1rem}
    .lightbox-prev{left:.4rem}
    .lightbox-next{right:.4rem}
    .lightbox-close{top:.7rem;right:.7rem;width:46px;height:46px;font-size:1.4rem}
  }

@media(max-width:960px){
    section{padding:4.5rem 0}
    nav.main{display:none}
    .burger{display:flex}
    #mobileNav{position:fixed;inset:0 0 0 auto;width:min(80%,330px);background:var(--navy);z-index:60;transform:translateX(100%);transition:transform .4s ease;padding:6rem 2rem 2rem;flex-direction:column;gap:1.4rem}
    #mobileNav.open{display:flex;transform:translateX(0)}
    #mobileNav a.link{color:#fff;font-family:'Poppins',sans-serif;font-size:1.1rem;font-weight:500}
    #mobileNav a.link:hover{color:var(--camel)}
    .m-close{position:absolute;top:1.6rem;right:1.6rem;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer;line-height:1}
    .mobile-lang{margin-top:1rem;border-color:rgba(255,255,255,.3)!important}
    .mobile-lang button{color:rgba(255,255,255,.7)}
    .hero-grid{grid-template-columns:1fr;min-height:auto}
    .hero-left{padding:8rem 1.5rem 4rem}
    .hero-left-inner{margin:0 auto}
    .hero-right{min-height:360px}
    .svc-card{flex-basis:50%}
    .about-grid{grid-template-columns:1fr;gap:4rem}
    .about-images{padding-left:1.5rem}
    .about-photos{gap:.7rem}
    .about-badge{width:118px;height:118px;left:-.5rem}
    .about-badge b{font-size:2rem}
    .about-badge span{font-size:.68rem}
    .about-photo-1{margin-top:1.6rem}
    .why-grid{grid-template-columns:1fr 1fr;gap:2rem}
    .folio-grid{grid-template-columns:1fr 1fr}
    .filter{padding:.65rem 1.3rem}
    .folio-page-btn{width:44px;height:44px}
    .booking-grid{grid-template-columns:1fr;gap:3rem}
    .footer-grid{grid-template-columns:1fr;gap:2.4rem}
    .booking-form .row{grid-template-columns:1fr}
  }

@media(max-width:560px){
    .why-grid{grid-template-columns:1fr}
    .folio-grid{grid-template-columns:1fr}
    .filter{padding:.75rem 1.4rem;font-size:.88rem}
    .folio-page-btn{width:46px;height:46px}
    .folio-pagination{gap:1rem}
    .svc-card{flex-basis:100%}
    .review-card{flex-basis:250px;padding:1.2rem 1.3rem}
  }

@media(prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important}
    .reveal{opacity:1;transform:none}
    .svc-card{opacity:1}
    .hero-seal,.hero-pretitle,.hero h1,.hero .lead,.hero-btn-row,.hero-stat{opacity:1}
    html{scroll-behavior:auto}
  }