/* Dedicated pages and navigation; the established NOOR stylesheet remains intact. */
html { scroll-padding-top: 100px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 200; padding: 12px 20px; background: white; color: #043325; border-radius: 8px; }
.skip-link:focus { top: 12px; }
a:focus-visible, button:focus-visible { outline: 3px solid #d8b65b; outline-offset: 4px; }
.multipage .nav-shell { gap: 18px; }
.multipage .brand img { width: 170px; }
.multipage .nav-links { gap: 16px; }
.multipage .nav-links > a, .nav-group > a { white-space: nowrap; padding: 12px 0; color: #fff; font-size: .88rem; }
.nav-links a[aria-current="page"] { color: #7ae7b7; }
.nav-group { position: relative; display: flex; align-items: center; gap: 4px; }
.submenu-toggle { border: 0; background: transparent; color: #a4e4c7; min-width: 28px; min-height: 42px; font-size: 1.2rem; border-radius: 8px; }
.submenu-toggle[aria-expanded="true"] { transform: rotate(180deg); }
.nav-submenu { display: none; position: absolute; top: 100%; left: -14px; min-width: 220px; padding: 12px; background: #06412e; border: 1px solid #42705b; border-radius: 14px; box-shadow: 0 16px 40px #001c2455; z-index: 50; }
.nav-submenu a { display: block; padding: 10px 14px; border-radius: 8px; color: white; font-size: .88rem; }
.nav-submenu a:hover { background: #ffffff14; }
.nav-group.expanded > .nav-submenu { display: block; }
.multipage .nav-cta { white-space: nowrap; font-size: .78rem; padding: 12px 15px; }
.multipage .menu-book { display: none; }
.menu-backdrop { display: none; }
.page-intro { background: linear-gradient(120deg,#043325,#0b5840); color: white; padding: 54px 0 62px; }
.page-intro .breadcrumb { color: #bed5c9; font-size: .8rem; }
.page-intro .eyebrow { margin-top: 26px; color: #8ae4bb; }
.page-intro h1 { font-family:'Playfair Display',serif; font-size:clamp(2.4rem,5vw,4.5rem); line-height:1.08; max-width:900px; margin:16px 0 22px; }
.page-intro p { max-width:710px; font-size:1.05rem; color:#d8e8df; }
.compact-section { padding: 64px 0; }
.home-page .hero { min-height: 0; padding: 84px 0; }
.home-page .hero-grid { display:block; min-height:0; }
.home-page .hero-copy { max-width:810px; }
.home-page .hero h1 { font-size:clamp(2.9rem,5.5vw,5.4rem); }
.home-page .hero-actions { display:flex; flex-wrap:wrap; }
.home-page .hero-actions .btn { padding:15px 22px; }
.home-page .hero-points { display:none; }
.home-welcome { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.home-welcome p { color:var(--muted); margin-bottom:18px; }
.text-link { display:inline-block; font-weight:700; color:#087b59; margin-top:12px; }
.destination-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.destination-card { overflow:hidden; background:white; border:1px solid #dfebe3; border-radius:24px; box-shadow:0 15px 40px #0433250a; display:flex; flex-direction:column; }
.destination-image img { width:100%; aspect-ratio:16/10; object-fit:cover; transition:transform .25s ease; }
.destination-image:hover img { transform:scale(1.025); }
.destination-body { padding:26px; display:flex; flex:1; flex-direction:column; }
.destination-body h3 { font-family:'Playfair Display',serif; font-size:1.7rem; margin:8px 0 12px; }
.destination-body p { color:var(--muted); margin-bottom:14px; }
.destination-body .eyebrow { font-size:.7rem; }
.price-note { color:#536c5e; font-size:.82rem; padding:10px 0; margin-top:auto; }
.card-actions { display:flex; gap:16px; align-items:center; flex-wrap:wrap; border-top:1px solid #edf2ee; padding-top:12px; }
.small-book { background:#e8f5ed; color:#065639; padding:9px 12px; border-radius:9px; font-size:.82rem; font-weight:700; }
.home-page .destination-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.quick-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.quick-services > a, .quick-services > article { display:block; background:white; border:1px solid #deebe2; border-radius:22px; padding:32px; }
.quick-services i { color:#087b59; font-size:1.8rem; margin-bottom:22px; }
.quick-services h3,.quick-services h2 { font-family:'Playfair Display',serif; font-size:1.55rem; margin-bottom:14px; }
.quick-services p { color:var(--muted); margin-bottom:18px; }
.quick-services span { color:#087b59; font-weight:700; font-size:.85rem; }
.compact-cta { padding:56px 0; background:#e8f4ed; }
.compact-cta > div { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.compact-cta h2 { font-size:clamp(1.8rem,3vw,2.8rem); margin:10px 0; }
.compact-cta p { color:var(--muted); }
.filter-bar { display:flex; gap:10px; flex-wrap:wrap; padding-top:28px; }
.filter-pill { border:1px solid #c9ddd0; border-radius:100px; background:white; color:#14543c; padding:10px 18px; font-weight:700; font-size:.85rem; }
.filter-pill:hover,.filter-pill[aria-pressed="true"] { background:#075238; border-color:#075238; color:white; }
.gallery-filters { padding:0 0 28px; }
.gallery-card .text-link { font-size:.85rem; }
.multipage .gallery-post { margin-top:24px; }
.multipage .gallery-card > img { width:100%; aspect-ratio:16/10; object-fit:cover; }
.package-detail { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
.detail-image { width:100%; border-radius:24px; }
.image-caption { color:var(--muted); font-size:.85rem; padding-top:12px; }
.package-detail h2 { font-size:2.35rem; margin:14px 0 22px; }
.package-detail h3 { margin-top:26px; }
.detail-list { padding-left:22px; margin:18px 0; }
.detail-list li { padding:5px 0; color:#4d6658; }
.quote-box { border-left:3px solid #c6a557; padding:18px 22px; background:#f7f3e9; margin:26px 0; border-radius:0 14px 14px 0; }
.quote-box p { color:#5f6e62; font-size:.9rem; margin-top:8px; }
.package-detail .text-link { display:block; margin-top:24px; }
.guide-article { max-width:800px; }
.guide-article section { margin-bottom:44px; }
.guide-article h2 { font-size:2rem; margin:14px 0 18px; }
.guide-article p { font-size:1.04rem; color:var(--muted); line-height:1.9; }
.guide-article > .text-link { display:block; margin-top:24px; }
.multipage .section-heading { max-width:800px; }
.multipage .site-footer { margin-top:0; }
.multipage .footer-links { gap:14px; }
.multipage .whatsapp-float { z-index:70; }
@media(min-width:1101px) {
 .multipage .nav-links { position:static; display:flex; flex-direction:row; padding:0; border:0; background:none; }
 .multipage .menu-toggle { display:none; }
 .multipage .nav-cta { display:inline-flex; }
}
@media(max-width:1100px) {
 .multipage .nav-shell { min-height:78px; }
 .multipage .nav-actions { margin-left:auto; gap:12px; }
 .multipage .menu-toggle { display:inline-flex; z-index:102; }
 .multipage .nav-cta { display:none; }
 .multipage .nav-links { display:flex; position:fixed; top:80px; right:12px; left:auto; width:min(390px,calc(100vw - 24px)); max-height:calc(100dvh - 100px); overflow-y:auto; padding:20px 24px; flex-direction:column; align-items:stretch; border-radius:20px; background:#053b2b; border:1px solid #52725e; z-index:101; gap:0; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-14px); transition:opacity .2s ease,transform .2s ease,visibility .2s ease; box-shadow:0 18px 60px #001b2366; }
 .multipage .nav-links.open { opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0); }
 .multipage .nav-links > a,.nav-group > a { display:block; padding:13px 8px; font-size:1rem; }
 .multipage .nav-links > a:not(.menu-book),.nav-group { border-bottom:1px solid #ffffff13; }
 .nav-group { flex-wrap:wrap; justify-content:space-between; }
 .nav-group > a { flex:1; }
 .submenu-toggle { min-width:44px; min-height:46px; }
 .nav-submenu { position:static; width:100%; background:#ffffff08; box-shadow:none; border:0; margin-bottom:10px; border-radius:10px; }
 .multipage .menu-book { display:block; text-align:center; background:#4ac78d; color:#042e20; border-radius:12px; font-weight:800; margin-top:18px; }
 .menu-is-open { overflow:hidden; }
 .menu-is-open .menu-backdrop { display:block; position:fixed; inset:80px 0 0; background:#001f1880; backdrop-filter:blur(3px); z-index:100; border:0; }
 .menu-is-open .whatsapp-float { visibility:hidden; }
 .destination-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .package-detail { grid-template-columns:1fr; }
}
@media(max-width:680px) {
 html { scroll-padding-top:90px; }
 .multipage .brand img { width:145px; height:52px; }
 .multipage .language-switcher summary { padding:8px; gap:5px; }
 .multipage .nav-actions { gap:7px; }
 .page-intro { padding:30px 0 42px; }
 .page-intro h1 { font-size:2.65rem; }
 .page-intro p { font-size:1rem; }
 .compact-section { padding:44px 0; }
 .multipage .section { padding:48px 0; }
 .home-page .hero { padding:48px 0 52px; }
 .home-page .hero h1 { font-size:3.05rem; }
 .home-page .hero-actions { display:grid; grid-template-columns:1fr; }
 .home-welcome,.quick-services,.destination-grid,.home-page .destination-grid { grid-template-columns:1fr; gap:22px; }
 .home-welcome { gap:14px; }
 .quick-services > a,.quick-services > article { padding:25px; }
 .compact-cta > div { flex-direction:column; align-items:stretch; }
 .compact-cta .btn { text-align:center; justify-content:center; }
 .destination-body { padding:24px; }
 .package-detail { gap:24px; }
 .guide-article h2 { font-size:1.7rem; }
 .multipage .whatsapp-float { padding:13px 18px; font-size:.86rem; }
 .multipage .footer-bottom { padding-bottom:80px; }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto; }
 .multipage * { transition:none !important; animation:none !important; }
}