/* ============================================================
   ALBANIA HOTEL — Design System
   Navy & Gold, elegant serif headings, warm cream body
   ============================================================ */

:root{
  --navy:        #1A2332;
  --navy-deep:   #0D1420;
  --gold:        #C9A768;
  --gold-deep:   #B5924F;
  --gold-pale:   #F0E6D2;
  --cream:       #F7F5F0;
  --linen:       #FBFAF7;
  --ink:         #23262E;
  --taupe:       #6B7280;
  --stone:       #9CA3AF;
  --silver:      #E7E3DA;
  --white:       #FFFFFF;

  --fh: 'Cormorant Garamond', Georgia, serif;
  --fb: 'Poppins', -apple-system, 'Segoe UI', sans-serif;

  --r-sm: 8px; --r-md: 14px; --r-lg: 22px; --r-xl: 28px;
  --sh-xs: 0 2px 8px rgba(20,20,30,.06);
  --sh-sm: 0 8px 24px rgba(20,20,30,.08);
  --sh-md: 0 16px 40px rgba(20,20,30,.12);
  --sh-lg: 0 30px 70px rgba(20,20,30,.18);
  --t: .25s cubic-bezier(.4,0,.2,1);
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--fb); color:var(--ink); background:var(--cream); line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
img{max-width:100%; display:block;}
a{text-decoration:none; color:inherit;}
button, input, select, textarea{font-family:inherit;}
ul{list-style:none;}
.wrap{max-width:1240px; margin:0 auto; padding:0 2.5rem;}
h1,h2,h3,h4{font-family:var(--fh); font-weight:600; line-height:1.15; color:var(--navy);}
em{font-style:italic; color:var(--gold-deep);}
.text-center{text-align:center;}
.mt-4{margin-top:2rem;}

/* ── PROGRESS BAR ─────────────────────────────────────────── */
.pg-bar{position:fixed; top:0; left:0; height:3px; width:0; background:var(--gold); z-index:9999; transition:width .1s;}

/* ── BUTTONS ──────────────────────────────────────────────── */
.btn{display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.9rem 2rem; border-radius:50px; font-size:.72rem; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; cursor:pointer; border:none; transition:all var(--t); white-space:nowrap;}
.btn--gold{background:var(--gold); color:var(--navy);}
.btn--gold:hover{background:var(--gold-deep); transform:translateY(-2px); box-shadow:var(--sh-sm);}
.btn--outline{background:transparent; color:var(--navy); border:1.5px solid var(--navy);}
.btn--outline:hover{background:var(--navy); color:#fff;}
.btn--outline-light{background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,.5);}
.btn--outline-light:hover{background:#fff; color:var(--navy); border-color:#fff;}
.btn--sm{padding:.7rem 1.5rem; font-size:.65rem;}
.btn--block{width:100%;}
.btn:disabled{opacity:.6; cursor:not-allowed;}

.cta-btn{background:var(--gold); color:var(--navy); padding:.7rem 1.5rem; border-radius:50px; font-size:.68rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; transition:all var(--t);}
.cta-btn:hover{background:var(--gold-deep); transform:translateY(-1px);}

/* ── HEADER ───────────────────────────────────────────────── */
.site-header{position:fixed; top:0; left:0; right:0; z-index:900; padding:0; transition:all var(--t); background:transparent;}
.site-header__inner{max-width:1400px; margin:0 auto; padding:1.5rem 2.5rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; transition:all var(--t);}
.site-header.scrolled{background:rgba(26,35,50,.97); backdrop-filter:blur(10px); box-shadow:var(--sh-sm);}
.site-header.scrolled .site-header__inner{padding:.9rem 2.5rem;}

.site-logo{display:flex; align-items:center; gap:.7rem; color:#fff;}
.site-logo__mark{font-family:var(--fh); font-size:1.5rem; font-weight:700; border:1.5px solid var(--gold); color:var(--gold); width:42px; height:42px; display:flex; align-items:center; justify-content:center; border-radius:2px;}
.site-logo__txt{font-family:var(--fb); font-size:.85rem; font-weight:600; letter-spacing:2px; text-transform:uppercase; line-height:1.3;}
.site-logo__txt small{display:block; font-size:.55rem; letter-spacing:3px; color:var(--gold); font-weight:500;}

.site-nav{display:flex; gap:2.1rem;}
.site-nav a{color:rgba(255,255,255,.88); font-size:.72rem; font-weight:600; letter-spacing:1.3px; text-transform:uppercase; position:relative; padding:.3rem 0; transition:color var(--t);}
.site-nav a::after{content:''; position:absolute; bottom:0; left:0; width:0; height:2px; background:var(--gold); transition:width var(--t);}
.site-nav a:hover{color:var(--gold);}
.site-nav a:hover::after{width:100%;}

.site-header__actions{display:flex; align-items:center; gap:1rem;}
.lang-pill{color:rgba(255,255,255,.8); font-size:.72rem; font-weight:600; letter-spacing:.5px; display:flex; align-items:center; gap:.25rem;}
.burger{display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:.4rem;}
.burger span{width:22px; height:2px; background:#fff; transition:all var(--t); border-radius:2px;}

/* ── HERO ─────────────────────────────────────────────────── */
.hero{position:relative; min-height:92vh; display:flex; flex-direction:column; justify-content:center; overflow:hidden; background:linear-gradient(135deg,var(--navy-deep),var(--navy));}
.hero__bg{position:absolute; inset:0; background-size:cover; background-position:center; opacity:.62;}
.hero__overlay{position:absolute; inset:0; background:linear-gradient(180deg, rgba(13,20,32,.55) 0%, rgba(13,20,32,.25) 45%, rgba(13,20,32,.85) 100%);}
.hero__content{position:relative; z-index:2; padding:9rem 2.5rem 7rem; max-width:1240px; margin:0 auto; width:100%;}
.hero__eyebrow{color:var(--gold); font-size:.72rem; font-weight:600; letter-spacing:3px; text-transform:uppercase; margin-bottom:1rem; display:block;}
.hero__title{color:#fff; font-size:clamp(2.3rem,5vw,3.6rem); font-weight:500; max-width:720px; margin-bottom:1.25rem;}
.hero__desc{color:rgba(255,255,255,.82); font-size:1rem; max-width:520px; margin-bottom:2rem; line-height:1.8;}

/* Search widget */
.search-widget{position:relative; z-index:3; background:#fff; border-radius:var(--r-lg); box-shadow:var(--sh-lg); margin:0 2.5rem; max-width:1190px; margin-left:auto; margin-right:auto; padding:1.5rem 2rem; margin-top:-3.5rem; display:grid; grid-template-columns:1.1fr 1fr 1fr 1.1fr auto; gap:0; align-items:center;}
.search-field{padding:0 1.5rem; border-right:1px solid var(--silver); position:relative;}
.search-field:last-of-type{border-right:none;}
.search-field label{display:flex; align-items:center; gap:.4rem; font-size:.62rem; font-weight:700; letter-spacing:1.3px; text-transform:uppercase; color:var(--stone); margin-bottom:.4rem;}
.search-field input, .search-field select{border:none; outline:none; font-size:.85rem; font-weight:500; color:var(--navy); width:100%; background:transparent; font-family:inherit; cursor:pointer;}
.search-field input::placeholder{color:var(--stone); font-weight:400;}
.search-widget .btn{margin-left:1rem; padding:1rem 2.2rem;}

/* ── SECTIONS ─────────────────────────────────────────────── */
.section{padding:6rem 0;}
.section--tight{padding:4rem 0;}
.section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:2.75rem;}
.section-head--center{flex-direction:column; align-items:center; text-align:center;}
.eyebrow{display:flex; align-items:center; gap:.6rem; font-size:.7rem; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--gold-deep); margin-bottom:.6rem;}
.eyebrow::before{content:''; width:24px; height:1.5px; background:var(--gold-deep);}
.section-head--center .eyebrow::before{display:none;}
.section-title{font-size:clamp(1.7rem,3vw,2.4rem);}

/* ── DESTINATION CARDS ────────────────────────────────────── */
.dest-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;}
.dest-card{display:block; position:relative; border-radius:var(--r-md); overflow:hidden; aspect-ratio:3/3.6; box-shadow:var(--sh-xs); transition:transform var(--t), box-shadow var(--t);}
.dest-card:hover{transform:translateY(-6px); box-shadow:var(--sh-md);}
.dest-card__img{position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .6s;}
.dest-card:hover .dest-card__img{transform:scale(1.08);}
.dest-card::before{content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 40%, rgba(13,20,32,.88) 100%); z-index:1;}
.dest-card__body{position:absolute; left:0; right:0; bottom:0; padding:1.25rem; z-index:2; color:#fff;}
.dest-card__body h4{color:#fff; font-size:1.15rem; margin-bottom:.3rem;}
.dest-card__body p{font-size:.75rem; color:rgba(255,255,255,.78); line-height:1.5;}
.dest-card__arrow{margin-top:.6rem; color:var(--gold); font-size:.9rem;}

/* ── ROOM CARDS ───────────────────────────────────────────── */
.room-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;}
.room-grid--3{grid-template-columns:repeat(3,1fr);}
.room-card{background:#fff; border-radius:var(--r-md); overflow:hidden; box-shadow:var(--sh-xs); transition:transform var(--t), box-shadow var(--t);}
.room-card:hover{transform:translateY(-6px); box-shadow:var(--sh-md);}
.room-card__img{position:relative; aspect-ratio:4/3; background:linear-gradient(135deg,var(--gold-pale),var(--silver)); background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center;}
.room-card__img span{font-size:2.2rem; opacity:.35;}
.room-card__fav{position:absolute; top:.85rem; right:.85rem; width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.92); display:flex; align-items:center; justify-content:center; font-size:.95rem; color:var(--taupe); cursor:pointer; transition:all var(--t);}
.room-card__fav:hover{color:#E0475C;}
.room-card__badge{position:absolute; top:.85rem; left:.85rem; background:var(--gold); color:var(--navy); font-size:.6rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; padding:.3rem .7rem; border-radius:50px;}
.room-card__body{padding:1.25rem 1.4rem 1.5rem;}
.room-card__body h3{font-size:1.2rem; margin-bottom:.3rem;}
.room-card__loc{display:flex; align-items:center; gap:.3rem; font-size:.72rem; color:var(--taupe); margin-bottom:.5rem;}
.room-card__stars{color:var(--gold); font-size:.75rem; margin-bottom:.75rem; letter-spacing:1px;}
.room-card__foot{display:flex; align-items:center; justify-content:space-between; padding-top:.85rem; border-top:1px solid var(--silver);}
.room-card__price{font-size:.95rem; color:var(--navy);}
.room-card__price b{font-family:var(--fh); font-size:1.3rem; font-weight:700;}
.room-card__price span{font-size:.68rem; color:var(--taupe);}
.room-card__cta{color:var(--gold-deep); font-size:.7rem; font-weight:700; letter-spacing:1px; text-transform:uppercase;}

/* ── FEATURES STRIP ───────────────────────────────────────── */
.feat-strip{background:var(--gold-pale); border-radius:var(--r-lg); padding:2.25rem 2.5rem; display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem;}
.feat-item{display:flex; align-items:flex-start; gap:1rem;}
.feat-item__ic{font-size:1.5rem; flex-shrink:0;}
.feat-item h4{font-size:.95rem; font-family:var(--fb); font-weight:600; color:var(--navy); margin-bottom:.25rem;}
.feat-item p{font-size:.75rem; color:var(--taupe); line-height:1.5;}

/* ── TESTIMONIALS ─────────────────────────────────────────── */
.section--navy{background:var(--navy); color:#fff;}
.section--navy .eyebrow{color:var(--gold);}
.section--navy .section-title{color:#fff;}
.testi-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem;}
.testi-card{background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); border-radius:var(--r-md); padding:1.75rem;}
.testi-card__stars{color:var(--gold); font-size:.8rem; margin-bottom:.9rem; letter-spacing:2px;}
.testi-card p{font-size:.85rem; color:rgba(255,255,255,.82); line-height:1.7; margin-bottom:1.25rem;}
.testi-card__name{font-weight:600; font-size:.85rem; color:#fff;}

/* ── OFFER CARDS ──────────────────────────────────────────── */
.offer-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem;}
.offer-card{position:relative; border-radius:var(--r-lg); overflow:hidden; min-height:280px; display:flex; align-items:flex-end; background:linear-gradient(135deg,var(--navy),var(--navy-deep));}
.offer-card__body{position:relative; z-index:2; padding:2rem; color:#fff;}
.offer-card__pct{display:inline-block; background:var(--gold); color:var(--navy); font-weight:700; font-size:.72rem; letter-spacing:1px; padding:.35rem .9rem; border-radius:50px; margin-bottom:.9rem;}
.offer-card h3{color:#fff; font-size:1.5rem; margin-bottom:.5rem;}
.offer-card p{color:rgba(255,255,255,.78); font-size:.85rem; margin-bottom:1.25rem; max-width:380px;}

/* ── CTA STRIP ─────────────────────────────────────────────── */
.cta-strip{background:linear-gradient(135deg,var(--navy),var(--navy-deep)); border-radius:var(--r-xl); padding:3.5rem 3rem; text-align:center; position:relative; overflow:hidden;}
.cta-strip::before{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 60% 80% at 50% 0%, rgba(201,167,104,.15), transparent 70%);}
.cta-strip h2{color:#fff; position:relative; margin-bottom:1rem;}
.cta-strip p{color:rgba(255,255,255,.75); position:relative; max-width:520px; margin:0 auto 2rem;}
.cta-strip__actions{position:relative; display:flex; gap:1rem; justify-content:center; flex-wrap:wrap;}

/* ── FOOTER ───────────────────────────────────────────────── */
.footer{background:var(--navy-deep); color:rgba(255,255,255,.65);}
.footer-newsletter{background:var(--navy); padding:2.75rem 0;}
.footer-newsletter__inner{display:flex; align-items:center; justify-content:space-between; gap:2rem; flex-wrap:wrap;}
.footer-newsletter h3{color:#fff; font-size:1.4rem; margin-bottom:.35rem;}
.footer-newsletter p{color:rgba(255,255,255,.6); font-size:.82rem;}
.nl-form{display:flex; gap:.6rem; min-width:360px;}
.nl-form input{flex:1; padding:.85rem 1.25rem; border-radius:50px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); color:#fff; font-size:.85rem; outline:none;}
.nl-form input::placeholder{color:rgba(255,255,255,.4);}
.nl-form input:focus{border-color:var(--gold);}
.nl-form button{background:var(--gold); color:var(--navy); border:none; padding:.85rem 1.75rem; border-radius:50px; font-size:.68rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; cursor:pointer; white-space:nowrap; transition:background var(--t);}
.nl-form button:hover{background:var(--gold-deep);}

.footer-main{padding:4rem 0 2.5rem; display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:2.5rem;}
.footer-logo{display:flex; align-items:center; gap:.7rem; color:#fff; margin-bottom:1rem;}
.footer-tagline{font-size:.82rem; line-height:1.7; margin-bottom:1.25rem; max-width:280px;}
.footer-socials{display:flex; gap:.6rem;}
.footer-socials a{width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center; font-size:.7rem; font-weight:700; color:#fff; transition:all var(--t);}
.footer-socials a:hover{background:var(--gold); border-color:var(--gold); color:var(--navy);}
.footer-col-title{font-size:.68rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:1.1rem;}
.footer-links{display:flex; flex-direction:column; gap:.7rem;}
.footer-links a{font-size:.82rem; transition:color var(--t);}
.footer-links a:hover{color:var(--gold);}
.footer-contact-item{font-size:.82rem; display:block;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1); padding:1.5rem 0; display:flex; justify-content:space-between; align-items:center; font-size:.75rem; flex-wrap:wrap; gap:.5rem;}
.footer-bottom a{color:rgba(255,255,255,.65);}
.footer-bottom a:hover{color:var(--gold);}

.wa-float{position:fixed; bottom:1.5rem; right:1.5rem; width:52px; height:52px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; font-size:1.4rem; box-shadow:var(--sh-md); z-index:800;}
.back-top{position:fixed; bottom:1.5rem; left:1.5rem; width:44px; height:44px; border-radius:50%; background:var(--navy); color:#fff; border:none; font-size:1.1rem; cursor:pointer; opacity:0; visibility:hidden; transition:all var(--t); z-index:800; box-shadow:var(--sh-sm);}
.back-top.show{opacity:1; visibility:visible;}

/* ── PAGE HEADER (inner pages) ────────────────────────────── */
.pg-hdr{background:linear-gradient(135deg,var(--navy),var(--navy-deep)); padding:9.5rem 2.5rem 4rem; text-align:center; position:relative; overflow:hidden;}
.pg-hdr::before{content:''; position:absolute; inset:0; background:radial-gradient(ellipse 50% 70% at 50% 40%, rgba(201,167,104,.14), transparent 70%);}
.pg-hdr .eyebrow{justify-content:center; color:var(--gold);}
.pg-hdr .eyebrow::before{display:none;}
.pg-hdr h1{color:#fff; font-size:clamp(2rem,4vw,2.8rem); position:relative;}
.pg-hdr p{color:rgba(255,255,255,.72); max-width:560px; margin:1rem auto 0; position:relative;}
.breadcrumb{color:rgba(255,255,255,.55); font-size:.78rem; margin-top:1rem; position:relative;}
.breadcrumb a{color:var(--gold);}

/* ── FILTER BAR (rooms listing) ───────────────────────────── */
.filter-bar{background:#fff; border-radius:var(--r-md); box-shadow:var(--sh-xs); padding:1.25rem 1.5rem; display:flex; gap:1rem; flex-wrap:wrap; align-items:center; margin-bottom:2.5rem;}
.filter-bar select, .filter-bar input{padding:.6rem 1rem; border:1px solid var(--silver); border-radius:50px; font-size:.8rem; background:var(--linen); outline:none;}
.filter-bar select:focus, .filter-bar input:focus{border-color:var(--gold);}

/* ── FORMS ────────────────────────────────────────────────── */
.form-card{background:#fff; border-radius:var(--r-lg); box-shadow:var(--sh-sm); padding:2.5rem;}
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:1.25rem;}
.form-group{margin-bottom:1.25rem;}
.form-group label{display:block; font-size:.68rem; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--taupe); margin-bottom:.5rem;}
.form-group input, .form-group select, .form-group textarea{width:100%; padding:.85rem 1.1rem; border:1.5px solid var(--silver); border-radius:var(--r-sm); font-size:.88rem; outline:none; transition:border var(--t); background:var(--linen); font-family:inherit;}
.form-group input:focus, .form-group select:focus, .form-group textarea:focus{border-color:var(--gold); background:#fff;}
.form-group textarea{resize:vertical; min-height:110px;}
.form-error{color:#C0392B; font-size:.78rem; margin-top:.35rem;}
.alert{padding:1rem 1.25rem; border-radius:var(--r-sm); font-size:.85rem; margin-bottom:1.5rem;}
.alert--ok{background:#E9F7EF; color:#1E7E42; border:1px solid #B8E6C6;}
.alert--err{background:#FDEDEC; color:#B00; border:1px solid #F5C6C6;}

/* Room detail page */
.room-detail{display:grid; grid-template-columns:1.5fr 1fr; gap:3rem; align-items:start;}
.room-detail__gallery{border-radius:var(--r-lg); overflow:hidden; box-shadow:var(--sh-sm);}
.room-detail__main-img{aspect-ratio:16/10; background:linear-gradient(135deg,var(--gold-pale),var(--silver)); background-size:cover; background-position:center; display:flex; align-items:center; justify-content:center;}
.room-detail__main-img span{font-size:3rem; opacity:.3;}
.room-detail__thumbs{display:grid; grid-template-columns:repeat(4,1fr); gap:.5rem; margin-top:.5rem;}
.room-detail__thumbs img{aspect-ratio:1; object-fit:cover; border-radius:var(--r-sm); cursor:pointer;}
.amenity-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:.9rem; margin:1.5rem 0;}
.amenity-item{display:flex; align-items:center; gap:.6rem; font-size:.85rem; color:var(--ink);}
.amenity-item::before{content:'✓'; color:var(--gold-deep); font-weight:700;}
.booking-box{background:#fff; border-radius:var(--r-lg); box-shadow:var(--sh-md); padding:1.75rem; position:sticky; top:6.5rem;}
.booking-box__price{display:flex; align-items:baseline; gap:.4rem; margin-bottom:1.25rem; padding-bottom:1.25rem; border-bottom:1px solid var(--silver);}
.booking-box__price b{font-family:var(--fh); font-size:2rem; color:var(--navy);}
.booking-box__price span{color:var(--taupe); font-size:.85rem;}
.avail-msg{font-size:.8rem; padding:.6rem 1rem; border-radius:var(--r-sm); margin-top:1rem; text-align:center;}
.avail-msg--ok{background:#E9F7EF; color:#1E7E42;}
.avail-msg--no{background:#FDEDEC; color:#B00;}

/* Stat row (about page) */
.stat-row{display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; text-align:center;}
.stat-item b{display:block; font-family:var(--fh); font-size:2.4rem; color:var(--gold-deep);}
.stat-item span{font-size:.78rem; color:var(--taupe); text-transform:uppercase; letter-spacing:1px;}

/* Gallery grid */
.gallery-masonry{columns:4; column-gap:1rem;}
.gallery-masonry img{width:100%; border-radius:var(--r-md); margin-bottom:1rem; break-inside:avoid; box-shadow:var(--sh-xs);}

/* Track booking */
.track-result{background:#fff; border-radius:var(--r-lg); box-shadow:var(--sh-sm); padding:2rem; margin-top:2rem;}
.track-row{display:flex; justify-content:space-between; padding:.7rem 0; border-bottom:1px solid var(--silver); font-size:.88rem;}
.track-row:last-child{border-bottom:none;}
.status-pill{padding:.3rem .8rem; border-radius:50px; font-size:.68rem; font-weight:700; letter-spacing:.5px; text-transform:uppercase;}
.status-pill--pending{background:#FEF3E2; color:#B8720A;}
.status-pill--confirmed{background:#E9F7EF; color:#1E7E42;}
.status-pill--cancelled{background:#FDEDEC; color:#B00;}
.status-pill--completed{background:#EAF1FB; color:#1E5AA8;}

/* ── RESPONSIVE ───────────────────────────────────────────── */
@media (max-width:1100px){
  .dest-grid, .room-grid{grid-template-columns:repeat(2,1fr);}
  .search-widget{grid-template-columns:1fr 1fr; row-gap:1rem;}
  .search-widget .btn{grid-column:1/-1; margin-left:0;}
  .search-field{border-right:none; border-bottom:1px solid var(--silver); padding-bottom:.75rem;}
  .feat-strip{grid-template-columns:repeat(2,1fr);}
  .testi-grid{grid-template-columns:1fr;}
  .offer-grid{grid-template-columns:1fr;}
  .footer-main{grid-template-columns:1fr 1fr;}
  .room-detail{grid-template-columns:1fr;}
  .booking-box{position:static;}
  .gallery-masonry{columns:2;}
  .stat-row{grid-template-columns:1fr 1fr;}
}
@media (max-width:900px){
  .site-nav{position:fixed; top:0; right:-100%; width:78%; max-width:340px; height:100vh; background:var(--navy); flex-direction:column; padding:6.5rem 2rem 2rem; gap:1.5rem; transition:right var(--t); z-index:950;}
  .site-nav.open{right:0;}
  .site-nav a{color:#fff; font-size:.9rem;}
  .lang-pill{display:none;}
  .burger{display:flex; z-index:960;}
  .burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .burger.open span:nth-child(2){opacity:0;}
  .burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
  body.nav-open{overflow:hidden;}
  .hero__content{padding:8rem 1.25rem 5rem;}
  .search-widget{margin:0 1.25rem; margin-top:-2.5rem; padding:1.25rem;}
  .wrap{padding:0 1.25rem;}
  .section{padding:3.5rem 0;}
}
@media (max-width:640px){
  .dest-grid, .room-grid, .room-grid--3{grid-template-columns:1fr;}
  .nl-form{min-width:0; width:100%; flex-direction:column;}
  .footer-newsletter__inner{flex-direction:column; align-items:flex-start;}
  .footer-main{grid-template-columns:1fr; gap:2rem;}
  .form-grid{grid-template-columns:1fr;}
  .gallery-masonry{columns:1;}
  .feat-strip{grid-template-columns:1fr; padding:1.5rem;}
  .stat-row{grid-template-columns:1fr 1fr; gap:1rem;}
  .amenity-grid{grid-template-columns:1fr;}
  .pg-hdr{padding:7.5rem 1.25rem 3rem;}
}