:root{--ink:#0c1c2c;--ink2:#17324a;--orange:#ff6b1a;--cream:#f7f5f1;--line:#e6e8eb;--muted:#64707d;--white:#fff;--shadow:0 16px 45px rgba(12,28,44,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}h1,h2{font-family:'Playfair Display',serif;margin:.1em 0 .35em;line-height:1.08}h1{font-size:clamp(2.8rem,6vw,5.6rem)}h2{font-size:clamp(2rem,3.2vw,3rem)}h3,h4,p{margin-top:0}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:99}.site-header{height:82px;background:var(--ink);color:#fff;position:relative;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:8px;min-width:150px}.brand-mark{color:var(--orange);font-size:25px;transform:rotate(-15deg)}.brand strong{font-family:'Playfair Display';font-size:1.75rem;display:block;line-height:.9}.brand small{font-size:.63rem;letter-spacing:.04em;opacity:.75}.nav-links{display:flex;gap:23px;margin:auto;font-size:.86rem;font-weight:700}.nav-links a{opacity:.78}.nav-links a:hover{color:var(--orange);opacity:1}.nav-cta{display:flex;align-items:center;gap:18px}.phone{font-size:.78rem;font-weight:700}.phone small{display:block;font-weight:500;opacity:.6;text-align:right}.btn{background:var(--orange);border:1px solid var(--orange);color:#fff;padding:15px 24px;border-radius:7px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:.25s;box-shadow:0 8px 20px rgba(255,107,26,.22)}.btn:hover{transform:translateY(-2px);background:#e9570b}.btn-small{padding:11px 17px;font-size:.8rem}.menu-toggle{display:none}.hero{min-height:630px;color:#fff;position:relative;display:flex;align-items:center;padding:85px 0 120px;overflow:visible}.hero-bg,.page-hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,33,.87) 0%,rgba(5,20,33,.56) 42%,rgba(5,20,33,.18) 100%),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=2200&q=90') center/cover;z-index:-1}.hero-content{max-width:1180px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy{font-size:1.15rem;line-height:1.7;max-width:510px;color:#e6ebef}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:800;margin-bottom:15px}.orange{color:var(--orange)}.hero-points{display:flex;gap:35px;margin-top:30px}.hero-points span{font-weight:700;font-size:.84rem}.hero-points small{display:block;font-weight:400;opacity:.72;margin-top:4px}.search-wrap{position:absolute;left:50%;transform:translateX(-50%);bottom:-53px;z-index:3}.search-box{background:#fff;color:var(--ink);padding:18px;display:grid;grid-template-columns:1.05fr 1.05fr .95fr 1fr 150px;align-items:end;border-radius:10px;box-shadow:var(--shadow);width:min(1180px,calc(100vw - 40px));gap:0}.search-box .btn{white-space:nowrap;padding:15px 16px;min-width:0}.search-box>div{min-width:0}.search-box>div{padding:2px 20px;border-right:1px solid var(--line)}label{display:block;font-size:.78rem;font-weight:800;color:var(--ink);margin-bottom:13px}input,select,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:13px 12px;font:inherit;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,107,26,.1)}.search-box input,.search-box select{border:0;padding:0;color:var(--muted)}.section{padding:90px 0}.section-soft{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head p{color:var(--muted);margin-bottom:0}.text-link{border:1px solid var(--orange);color:var(--orange);font-size:.8rem;font-weight:800;padding:12px 18px;border-radius:6px}.destination-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.destination-card{height:260px;border-radius:10px;background-size:cover;background-position:center;position:relative;overflow:hidden;color:#fff;box-shadow:var(--shadow)}.destination-card:before,.tour-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(4,15,25,.86))}.destination-card span{position:absolute;z-index:1;bottom:17px;left:16px}.destination-card b,.destination-card small{display:block}.destination-card small{font-size:.72rem;margin-top:6px}.tour-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.tour-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;background:#fff;transition:.25s}.tour-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.tour-image{height:175px;background-size:cover;background-position:center;position:relative}.tag{position:absolute;z-index:2;left:14px;top:14px;background:var(--orange);color:#fff;border-radius:5px;padding:7px 10px;font-size:.68rem;font-weight:800}.tour-body{padding:18px}.tour-body h3{font-size:1rem;margin-bottom:9px}.tour-body p{font-size:.78rem;color:var(--muted);line-height:1.6}.meta{font-weight:700}.tour-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:15px;font-size:.8rem}.tour-bottom b{font-size:1rem}.tour-bottom b small{font-size:.65rem;color:var(--muted);font-weight:400}.tour-bottom a{color:var(--orange);font-weight:800}.center{text-align:center}.narrow{max-width:720px;margin:auto}.lead{color:var(--muted);line-height:1.8;font-size:1.05rem}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:34px}.feature{border:1px solid var(--line);border-radius:10px;padding:22px;background:#fff}.feature i{color:var(--orange);font-size:2rem;font-style:normal;float:left;margin-right:13px}.feature h3{font-size:.9rem;padding-top:4px}.feature p{clear:both;color:var(--muted);font-size:.78rem;line-height:1.6;margin:0}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonial-grid blockquote{margin:0;background:#fff;border:1px solid var(--line);padding:28px;border-radius:12px;line-height:1.7;color:#3c4a56}.testimonial-grid footer{margin-top:18px;color:var(--orange);font-size:.9rem}.testimonial-grid footer b{color:var(--ink);display:block;margin-top:5px}.cta-banner{background:linear-gradient(90deg,rgba(6,25,43,.93),rgba(6,25,43,.52)),url('https://images.unsplash.com/photo-1464278533981-50106e6176b1?auto=format&fit=crop&w=1800&q=85') center/cover;color:#fff;border-radius:13px;padding:38px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta-banner h2{font-size:2rem}.cta-banner p{margin-bottom:0;color:#d7dfe6}.stats{padding:36px 0;background:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stats-grid div+div{border-left:1px solid var(--line)}.stats-grid b{display:block;font-size:1.6rem}.stats-grid span{font-size:.75rem;color:var(--muted)}.whatsapp{position:fixed;right:0;top:43%;z-index:30;background:#ff6b1a;color:#fff;padding:16px 10px;border-radius:10px 0 0 10px;writing-mode:vertical-rl;font-weight:800;font-size:.78rem;box-shadow:var(--shadow)}.whatsapp span{margin-top:8px}.page-hero{min-height:390px;color:#fff;display:flex;align-items:center;position:relative}.page-hero.compact{min-height:350px}.page-hero-bg{background:linear-gradient(90deg,rgba(5,20,33,.87),rgba(5,20,33,.35)),url('https://images.unsplash.com/photo-1486911278844-a81c5267e227?auto=format&fit=crop&w=2200&q=90') center/cover}.page-hero p:last-child{font-size:1.1rem;max-width:570px;color:#e2e9ee}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.contact-info{margin-top:35px}.contact-info p{padding:16px 0;border-bottom:1px solid var(--line);line-height:1.7;color:var(--muted)}.contact-info b{color:var(--ink)}.form-card{background:#fff;border:1px solid var(--line);padding:32px;border-radius:12px;box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-card label{margin-bottom:18px}.full{width:100%}.notice{padding:13px 15px;border-radius:7px;margin-bottom:18px;font-size:.9rem}.success{background:#e9f8ee;color:#166534}.error{background:#fff0ef;color:#b42318}.footer{background:var(--ink);color:#d5dde5;margin-top:70px;padding:65px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.25fr;gap:45px}.footer .brand{color:#fff}.footer p{font-size:.84rem;line-height:1.8;color:#9eacb8;margin-top:18px}.footer h4{color:#fff;margin:4px 0 17px}.footer-grid>div>a:not(.brand):not(.btn){display:block;font-size:.82rem;margin:11px 0;color:#b9c4cd}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;margin-top:45px;font-size:.72rem;color:#8e9ba7}.footer-bottom span{float:right}@media(max-width:1000px){.nav-links{gap:12px;font-size:.74rem}.nav-cta .phone{display:none}.destination-grid{grid-template-columns:repeat(3,1fr)}.destination-card{height:230px}.tour-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.site-header{height:72px}.nav{gap:12px}.menu-toggle{display:block;margin-left:auto;background:transparent;color:#fff;border:0;font-size:1.5rem}.nav-links,.nav-cta{display:none}.nav-links.open{display:flex;position:absolute;top:72px;left:0;right:0;background:var(--ink);padding:20px;flex-direction:column}.hero{min-height:650px;padding-top:60px}.hero-points{display:grid;grid-template-columns:1fr 1fr;gap:20px}.search-wrap{bottom:-125px}.search-box{grid-template-columns:1fr;padding:16px;gap:14px}.search-box>div{border:0;border-bottom:1px solid var(--line);padding:8px 4px 14px}.section{padding:70px 0}.hero+.section{padding-top:155px}.section-head{align-items:flex-start;flex-direction:column}.destination-grid{grid-template-columns:repeat(2,1fr)}.destination-card{height:220px}.tour-grid,.feature-grid,.testimonial-grid,.stats-grid{grid-template-columns:1fr 1fr}.cta-banner{padding:32px;align-items:flex-start;flex-direction:column}.contact-grid{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom span{float:none;display:block;margin-top:8px}.form-row{grid-template-columns:1fr}.whatsapp{top:auto;bottom:18px;right:18px;writing-mode:horizontal-tb;border-radius:30px;padding:12px 16px}.whatsapp span{margin:0 0 0 6px}}@media(max-width:440px){.container{width:min(100% - 28px,1180px)}.tour-grid,.feature-grid,.testimonial-grid,.stats-grid{grid-template-columns:1fr}.destination-grid{grid-template-columns:1fr 1fr}.stats-grid div+div{border-left:0;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}}

/* Official Roamzari logo */
.logo-brand{min-width:0;display:flex;align-items:center;background:#fff;border-radius:8px;padding:5px 9px;line-height:0;box-shadow:0 4px 16px rgba(0,0,0,.12)}
.logo-brand img{display:block;width:165px;height:auto;max-height:58px;object-fit:contain}
.footer-brand{width:max-content;margin-bottom:12px}
.footer-brand.logo-brand{background:#fff}
@media (max-width: 900px){
  .logo-brand img{width:145px;max-height:54px}
}
@media (max-width: 640px){
  .logo-brand{padding:4px 6px;border-radius:6px}
  .logo-brand img{width:122px;max-height:45px}
}

/* === Roamzari final responsive audit overrides === */

/* Keep media and form controls from overflowing narrow screens */
img, video, iframe { max-width:100%; }
button, input, select, textarea { max-width:100%; }

/* Safer tap targets */
.nav-links a,
.text-link,
.btn,
.menu-toggle {
  -webkit-tap-highlight-color: transparent;
}

/* Tablet refinements */
@media (max-width: 1000px){
  .nav{gap:16px}
  .nav-links{gap:10px}
  .search-box{grid-template-columns:1fr 1fr 1fr 1fr 140px}
  .footer-grid{gap:28px}
}

/* Main mobile navigation + homepage search */
@media (max-width: 760px){
  body.menu-open{overflow:hidden}

  .site-header{
    position:sticky;
    top:0;
    z-index:1000;
  }

  .nav{
    position:relative;
  }

  .menu-toggle{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:8px;
    cursor:pointer;
    line-height:1;
  }

  .menu-toggle:focus-visible{
    outline:2px solid var(--orange);
    outline-offset:2px;
  }

  .nav-links.open{
    position:fixed;
    top:72px;
    left:0;
    right:0;
    bottom:0;
    z-index:999;
    overflow-y:auto;
    padding:18px 20px 32px;
    gap:0;
    background:var(--ink);
    box-shadow:0 16px 35px rgba(0,0,0,.28);
  }

  .nav-links.open a{
    display:block;
    padding:15px 4px;
    border-bottom:1px solid rgba(255,255,255,.09);
    font-size:.95rem;
    opacity:1;
  }

  .hero{
    min-height:690px;
    padding-top:52px;
    padding-bottom:170px;
  }

  .hero-content{
    align-self:flex-start;
  }

  .hero h1{
    font-size:clamp(2.45rem,11vw,4.2rem);
  }

  .hero-copy{
    font-size:1rem;
  }

  .hero-points{
    gap:15px 18px;
  }

  .search-wrap{
    position:absolute;
    left:50%;
    bottom:-150px;
    width:100%;
  }

  .search-box{
    width:min(100% - 28px, 560px);
    margin:auto;
    padding:14px;
    gap:0;
    border-radius:12px;
  }

  .search-box>div{
    padding:12px 4px 14px;
  }

  .search-box>div:last-of-type{
    border-bottom:0;
  }

  .search-box .btn{
    min-height:48px;
    width:100%;
    margin-top:10px;
  }

  .hero+.section{
    padding-top:185px;
  }

  .guest-panel{
    margin-top:8px;
    padding:14px;
    border-radius:9px;
  }

  .guest-row select,
  .child-age-row select{
    min-height:42px;
  }

  .destination-card{
    min-height:210px;
  }

  .tour-bottom{
    gap:12px;
    align-items:flex-end;
  }

  .tour-bottom a{
    text-align:right;
  }

  .cta-banner{
    border-radius:12px;
  }

  .cta-banner .btn{
    width:100%;
  }

  .footer{
    margin-top:45px;
    padding-top:45px;
  }

  .footer-grid{
    gap:30px 24px;
  }

  .whatsapp{
    max-width:calc(100vw - 36px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
}

/* Small phones */
@media (max-width: 520px){
  .container{
    width:min(100% - 24px,1180px);
  }

  .page-hero,
  .page-hero.compact{
    min-height:310px;
  }

  .page-hero h1{
    font-size:clamp(2.25rem,12vw,3.4rem);
  }

  .destination-grid{
    grid-template-columns:1fr;
  }

  .destination-card{
    height:245px;
  }

  .tour-grid,
  .feature-grid,
  .testimonial-grid,
  .stats-grid{
    grid-template-columns:1fr;
  }

  .footer-grid{
    grid-template-columns:1fr;
  }

  .form-card{
    padding:22px 18px;
  }

  .section{
    padding:58px 0;
  }

  .section-head{
    margin-bottom:22px;
  }

  .text-link{
    width:100%;
    text-align:center;
  }

  .btn{
    min-height:46px;
  }

  .whatsapp{
    left:14px;
    right:14px;
    bottom:14px;
    width:auto;
    justify-content:center;
    text-align:center;
  }
}

/* Very narrow phones */
@media (max-width: 380px){
  .logo-brand img{
    width:108px;
  }

  .hero{
    min-height:720px;
  }

  .hero-points{
    grid-template-columns:1fr;
  }

  .search-wrap{
    bottom:-175px;
  }

  .hero+.section{
    padding-top:215px;
  }

  .phone{
    display:none;
  }
}

/* === Roamzari mobile search + WhatsApp floating icon fix === */
@media (max-width:760px){
  .search-box{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:0 12px!important;
    align-items:end
  }
  .search-box>div:nth-of-type(1),
  .search-box>div:nth-of-type(2){grid-column:1/-1}
  .search-box>div:nth-of-type(3){grid-column:1}
  .search-box>div:nth-of-type(4){grid-column:2}
  .search-box>.btn{grid-column:1/-1}
  .search-box>div{
    min-width:0;
    padding:10px 4px 13px;
    border-right:0;
    border-bottom:1px solid var(--line)
  }
  .search-box>div:nth-of-type(3),
  .search-box>div:nth-of-type(4){border-bottom:0}
  .search-box label{white-space:normal;line-height:1.25;margin-bottom:8px}
  .search-box input,.search-box select,.guest-summary{min-width:0;width:100%;font-size:.9rem}
  .guest-summary{white-space:normal;line-height:1.35}
  .guest-panel{
    position:absolute;
    top:58px;
    right:0;
    width:min(310px,calc(100vw - 38px));
    margin-top:0;
    box-shadow:var(--shadow);
    z-index:70
  }
  .search-wrap{bottom:-178px}
  .hero+.section{padding-top:215px}

  .whatsapp{
    left:auto!important;
    right:18px!important;
    bottom:18px!important;
    top:auto!important;
    width:58px!important;
    height:58px!important;
    min-width:58px;
    max-width:58px!important;
    padding:0!important;
    border-radius:50%!important;
    background:#25D366!important;
    display:grid!important;
    place-items:center;
    writing-mode:horizontal-tb!important;
    overflow:visible!important;
    box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
    font-size:0!important;
    line-height:1;
    z-index:998;
    animation:roamzariWhatsAppPulse 1.8s ease-in-out infinite
  }
  .whatsapp span{display:none!important}
  .whatsapp::before{
    content:"";
    width:31px;
    height:31px;
    display:block;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.8l-6.7-4-69.8 18.3 18.6-68-4.4-7c-18.5-29.4-28.2-63.4-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.3c-5.5-2.8-32.8-16.1-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.7-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.7 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.8-10.5-6.6z'/%3E%3C/svg%3E")
  }
  .whatsapp::after{
    content:"";
    position:absolute;
    inset:-7px;
    border:2px solid rgba(37,211,102,.5);
    border-radius:50%;
    animation:roamzariWhatsAppRing 1.8s ease-out infinite;
    pointer-events:none
  }
}

@media (max-width:520px){
  .search-box{width:min(100% - 24px,560px)}
  .search-wrap{bottom:-182px}
  .hero+.section{padding-top:220px}
  .whatsapp{right:16px!important;bottom:16px!important}
}

@media (max-width:380px){
  .search-box{grid-template-columns:1fr!important}
  .search-box>div:nth-of-type(3),
  .search-box>div:nth-of-type(4){grid-column:1/-1}
  .search-box>div:nth-of-type(3){border-bottom:1px solid var(--line)}
  .search-wrap{bottom:-245px}
  .hero+.section{padding-top:285px}
}

@keyframes roamzariWhatsAppPulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}
@keyframes roamzariWhatsAppRing{
  0%{transform:scale(.82);opacity:.8}
  70%,100%{transform:scale(1.25);opacity:0}
}
@media (prefers-reduced-motion:reduce){
  .whatsapp,.whatsapp::after{animation:none!important}
}

/* Roamzari social profile links */
.social-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}
.social-link{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  width:max-content;
  min-height:40px;
  margin:0!important;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  color:#dce5ec!important;
  font-size:.78rem!important;
  font-weight:700;
  line-height:1;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
.social-link svg{
  width:20px;
  height:20px;
  flex:0 0 20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.social-link .social-dot{fill:currentColor;stroke:none}
.social-facebook svg{fill:currentColor;stroke:none}
.social-link:hover,
.social-link:focus-visible{
  transform:translateY(-2px);
  border-color:var(--orange);
  background:rgba(255,107,26,.12);
  color:#fff!important;
}
.social-link:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:3px;
}
@media (max-width:520px){
  .social-links{gap:8px}
  .social-link{min-height:44px;padding:10px 13px}
}