/* =========================================================
   TARA KANYAA — Responsive rules (mobile-first overrides)
   ========================================================= */

@media (max-width: 1080px){
  .why-grid{ grid-template-columns:repeat(2,1fr); }
  .card-grid, .card-grid--3{ grid-template-columns:repeat(2,1fr); }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .split{ gap:2.2rem; }
}

@media (max-width: 900px){
  .features-grid{ grid-template-columns:repeat(2,1fr); }
  .split{ grid-template-columns:1fr; }
  .split .split-media{ order:-1; }
  .form-grid{ grid-template-columns:1fr; }
}

@media (max-width: 860px){
  .nav-links{
    position:fixed; inset:0 0 0 auto; width:min(78vw,340px); height:100vh;
    background:var(--ink); flex-direction:column; align-items:flex-start;
    padding:6.5rem 2rem 2rem; gap:1.6rem;
    transform:translateX(100%); transition:transform .5s var(--ease);
    box-shadow:-20px 0 50px rgba(0,0,0,0.3);
  }
  .nav-links.is-open{ transform:translateX(0); }
  .nav-links a{ font-size:1.05rem; }
  .menu-toggle{ display:flex; }
  .nav-cta .btn-ghost span{ display:none; }
  .hero h1{ font-size:clamp(2.1rem,8vw,2.8rem); }
  .hero-actions{ flex-direction:column; align-items:flex-start; }
  .hero-actions .btn{ width:100%; justify-content:center; }
  .arc-stats{ flex-wrap:wrap; gap:1.6rem 0; }
  .arc-stat{ width:50%; }
}

@media (max-width: 760px){
  .why-grid{ grid-template-columns:1fr; }
  .card-grid, .card-grid--3{ grid-template-columns:1fr; }
  .footer-grid{ grid-template-columns:1fr; gap:2rem; }
  .footer-bottom{ flex-direction:column; text-align:center; }
  .section{ padding:var(--space-lg) 0; }
  .form-panel{ padding:1.6rem; }
  .gallery-item{ width:250px; height:180px; }
  .page-hero{ padding:8rem 0 3.5rem; }
}

@media (max-width: 560px){
  .features-grid{ grid-template-columns:1fr; }
  .section-head{ flex-direction:column; align-items:flex-start; }
  .radio-group{ flex-wrap:wrap; }
  .radio-chip{ flex:1 1 45%; }
  .floating-icons{ right:1rem; bottom:1rem; }
  .floating-icons a{ width:46px; height:46px; }
  .back-to-top{ right:1rem; bottom:5.6rem; width:38px; height:38px; }
  .brand{ font-size:1.1rem; }
  .brand small{ display:none; }
  h1{ font-size:clamp(1.9rem,9vw,2.4rem); }
}
/*=================================
BOOKING PAGE MOBILE VIEW
=================================*/

@media (max-width:768px){

/* Page Hero */

.page-hero{
    padding:8rem 0 3rem;
    text-align:center;
}

.page-hero h1{
    font-size:2.3rem;
    line-height:1.2;
}

.breadcrumb{
    font-size:.75rem;
}


/* Booking Section */

.section{
    padding:4rem 0;
}


/* Form Panel */

.form-panel{
    padding:25px 20px;
    border-radius:25px;
}


/* Single Column */

.form-grid{
    grid-template-columns:1fr;
    gap:18px;
}


/* Full width fields */

.field,
.field.full{
    grid-column:auto;
}


/* Inputs */

.field input,
.field select,
.field textarea{

    width:100%;
    padding:16px 18px;
    font-size:16px;
    border-radius:15px;

}


/* Label */

.field label{

    font-size:.82rem;

}


/* Radio Buttons */

.radio-group{

    flex-direction:column;
    gap:12px;

}


.radio-chip{

    width:100%;
    padding:15px;
    text-align:center;

}


/* Buttons */

.form-foot{

    flex-direction:column;
    gap:15px;
    margin-top:25px;

}


.form-foot .btn{

    width:100%;
    justify-content:center;
    padding:16px;
    font-size:1rem;

}


/* Success Message */

.form-success{

    padding:40px 15px;

}

.form-success h3{

    font-size:1.5rem;
    margin-bottom:10px;

}


/* Room Type Select */

#roomType{

    min-height:58px;

}


/* Textarea */

textarea{

    resize:none;

}


/* Better spacing */

.field{

    gap:8px;

}

}