/* ==============================================================================
   MARRAKECH ARTICLE STYLE UNIFIED TYPOGRAPHY (OPEN SANS)
   ============================================================================== */
:root {
  --hm-font-sans: 'Open Sans', Arial, sans-serif !important;
  --hm-font-serif: 'Open Sans', Arial, sans-serif !important;
  --hm-font-display: 'Open Sans', Arial, sans-serif !important;
  --hm-font-body: 'Open Sans', Arial, sans-serif !important;
}

*:not(.fa, .fas, .far, .fal, .fad, .fab, .fa-solid, .fa-regular, .fa-brands, [class*="fa-"], [class*="fa_"], .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-popup-pane) {
  font-family: 'Open Sans', Arial, sans-serif !important;
}

:root{--hm-accent-start:#C85A32;--hm-accent-end:#E7A93C;--hm-accent-gradient:linear-gradient(135deg,#C85A32 0%,#E7A93C 100%);--hm-accent-gradient-hover:linear-gradient(135deg,#E7A93C 0%,#C85A32 100%);--hm-terracotta:#C85A32;--hm-terracotta-hover:#E7A93C;--hm-terracotta-light:rgba(200,90,50,.15);--hm-gold:#E7A93C;--hm-gold-hover:#C85A32;--hm-gold-light:rgba(231,169,60,.15);--hm-orange:var(--hm-terracotta);--hm-orange-hover:var(--hm-terracotta-hover);--hm-navy-deep:#0F172A;--hm-navy-card:#1E293B;--hm-bg-main:#FAF7F2;--hm-bg-alt:#F3EFEA;--hm-bg-card:#FFFFFF;--hm-bg-card-light:#FFFFFF;--hm-bg-card-hover:#FFFFFF;--hm-bg-nav:rgba(250,247,242,.96);--hm-bg-hero-overlay:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(21,21,21,.88) 100%);--hm-bg-footer:#0F172A;--hm-text-heading:#0F172A;--hm-text-body:#334155;--hm-text-muted:#64748B;--hm-text-inverse:#FFFFFF;--hm-border:rgba(15,23,42,.08);--hm-border-gold:rgba(212,160,23,.35);--hm-glass-bg:rgba(255,255,255,.92);--hm-glass-border:rgba(200,90,50,.2);--hm-glass-shadow:0 20px 40px -10px rgba(15,23,42,.08);--hm-shadow-sm:0 2px 8px rgba(15,23,42,.04);--hm-shadow-md:0 8px 24px -4px rgba(15,23,42,.08);--hm-shadow-lg:0 20px 45px -10px rgba(15,23,42,.12);--hm-shadow-glow:0 10px 30px rgba(200,90,50,.25);--hm-font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--hm-font-serif:"Playfair Display",Georgia,serif;--hm-radius-sm:10px;--hm-radius-md:18px;--hm-radius-lg:24px;--hm-radius-full:9999px;--hm-skeleton-bg:#E2E8F0;--hm-skeleton-wave:linear-gradient(90deg,#E2E8F0 0%,#FAF7F2 50%,#E2E8F0 100%)}*,*:before,*:after{box-sizing:border-box!important;margin:0}html{height:100%;margin:0!important;padding:0!important;box-sizing:border-box}body{width:100%!important;max-width:100%!important;min-height:100vh!important;min-height:100dvh!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;background-color:var(--hm-bg-main,#FAF7F2);color:var(--hm-text-body);font-family:var(--hm-font-sans);line-height:1.6}main,.site-main,.main-content{flex:1 0 auto!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}header,footer,main,section,.hero-section,.features-bar,.hero-stats-strip,.destinations,.exp-cat-grid-wrap,.story-welcome-section,.why-section,.desert-quote-banner,.map-section,.testimonials-section-wrap,.cta-banner,.footer,.hn-nav{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.hn-nav-inner,.hero-content,.features-inner,.destinations-inner,.grid,.why-inner,.story-welcome-inner,.desert-quote-inner,.map-inner,.testimonials-inner,.cta-banner-inner,.footer-inner,.footer-bottom,.story-inner,.values-inner,.team-inner,.contact-inner,.faq-inner{max-width:1340px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important;box-sizing:border-box!important}h1,h2,h3,h4,h5,h6{color:var(--hm-text-heading);font-weight:700;line-height:1.25}.font-serif{font-family: 'Open Sans', Arial, sans-serif}a{color:inherit;text-decoration:none;transition:color .2s ease}img{max-width:100%;height:auto;display:block}.glass-panel{background:var(--hm-glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--hm-glass-border);box-shadow:var(--hm-glass-shadow)}.glass-nav{background:var(--hm-bg-nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--hm-border)}.hover-lift{transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease,background-color .3s ease}.hover-lift:hover{transform:translateY(-6px);box-shadow:var(--hm-shadow-lg)}.skeleton{background:var(--hm-skeleton-bg);background-image:var(--hm-skeleton-wave);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite linear;border-radius:var(--hm-radius-md)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--hm-radius-full);font-size:.78rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge-terracotta{background:var(--hm-terracotta-light);color:var(--hm-terracotta);border:1px solid rgba(192,57,43,.3)}.badge-gold{background:var(--hm-gold-light);color:var(--hm-gold);border:1px solid rgba(212,175,55,.3)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;font-weight:700;font-size:.95rem;padding:12px 28px;border-radius:var(--hm-radius-full);border:none;cursor:pointer;box-shadow:0 6px 20px #c85a3259;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-primary:hover{background:linear-gradient(135deg,#e7a93c,#c85a32)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 28px #c85a328c,0 0 14px #e7a93c66}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;color:var(--hm-text-heading);border:1px solid var(--hm-border);padding:12px 24px;border-radius:var(--hm-radius-full);font-weight:600;cursor:pointer;transition:all .25s ease}.btn-ghost:hover{background:var(--hm-bg-card-hover);border-color:var(--hm-terracotta);color:var(--hm-terracotta)}.fav-btn{width:40px;height:40px;border-radius:50%;background:#ffffffeb;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001f}.fav-btn:hover{transform:scale(1.12);color:#e74c3c}.fav-btn.is-active{background:#e74c3c;color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--hm-bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--hm-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--hm-terracotta)}html,body{max-width:100vw!important;overflow-x:hidden!important}[data-theme=dark]{--hm-bg-main:#151515;--hm-bg-card:#1E1E1E;--hm-bg-card-hover:#262626;--hm-bg-nav:rgba(21,21,21,.96);--hm-bg-footer:#0E0E0E;--hm-text-heading:#F8FAFC;--hm-text-body:#CBD5E1;--hm-text-muted:#94A3B8;--hm-border:rgba(212,175,55,.2);--hm-glass-bg:rgba(30,30,30,.85);--hm-glass-border:rgba(212,175,55,.25);--hm-glass-shadow:0 20px 50px rgba(0,0,0,.5)}[data-theme=dark] body{background-color:#151515!important;color:#cbd5e1!important;transition:background-color .4s ease,color .4s ease}html[data-theme=dark] body:not(.page-home) .hn-nav,html[data-theme=dark] body:not(.page-home) #siteNav,html[data-theme=dark] body:not(.page-home) .site-nav,html[data-theme=dark] body.page-home .hn-nav.glass-nav,html[data-theme=dark] body.page-home #siteNav.glass-nav{background:#151515f5!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 4px 20px #0006!important}html[data-theme=dark] body.page-home .hn-nav:not(.glass-nav),html[data-theme=dark] body.page-home #siteNav:not(.glass-nav),body.page-home .hn-nav:not(.glass-nav),body.page-home #siteNav:not(.glass-nav){background:transparent!important;border-bottom:none!important;box-shadow:none!important}[data-theme=dark] .hn-logo-text,[data-theme=dark] .nav-logo span,[data-theme=dark] .hn-links a,[data-theme=dark] .nav-links a{color:#f8fafc!important}[data-theme=dark] .hn-links a:hover,[data-theme=dark] .hn-links a.active,[data-theme=dark] .nav-links a:hover{background:#c85a3226!important;color:#e07a5f!important}[data-theme=dark] .nav-icon-btn,[data-theme=dark] .nav-icon-btn2,[data-theme=dark] .lang-sw,[data-theme=dark] .lang-switcher{background:#1e1e1e!important;border-color:#ffffff1f!important;color:#f8fafc!important}[data-theme=dark] .section,[data-theme=dark] .section-alt,[data-theme=dark] .features-bar,[data-theme=dark] .hero-stats-strip,[data-theme=dark] .destinations,[data-theme=dark] .story-welcome-section,[data-theme=dark] .story-section,[data-theme=dark] .map-section,[data-theme=dark] .reviews-section,[data-theme=dark] .values-section,[data-theme=dark] .team-section,[data-theme=dark] .faq-section,[data-theme=dark] .travel-form-section,[data-theme=dark] .contact-section,[data-theme=dark] .favorites-section,[data-theme=dark] .dest-clean-header,[data-theme=dark] div[style*="background:#FAF7F2"]{background:#151515!important;color:#cbd5e1!important}[data-theme=dark] .section-header h2,[data-theme=dark] .story-main-title,[data-theme=dark] .map-text h2,[data-theme=dark] .dest-clean-header h1,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:#f8fafc!important}[data-theme=dark] .section-header p,[data-theme=dark] .story-paragraph,[data-theme=dark] .map-text p,[data-theme=dark] p{color:#cbd5e1!important}.story-content-box{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.feature-item,.why-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:20px}.feature-item h4,.why-card h4{color:#0f172a}.feature-item p,.why-card p{color:#475569}[data-theme=dark] .feature-item,[data-theme=dark] .why-card{background:#1e1e1e!important;border:1px solid rgba(212,175,55,.18)!important;box-shadow:0 10px 30px #0000004d!important}[data-theme=dark] .feature-item h4,[data-theme=dark] .why-card h4{color:#f8fafc!important}[data-theme=dark] .feature-item p,[data-theme=dark] .why-card p{color:#cbd5e1!important}[data-theme=dark] .feature-icon{background:#c85a322e!important;border:1px solid rgba(200,90,50,.35)!important;color:#f08a5d!important}[data-theme=dark] .hero-stats-inner{background:#1e1e1e!important;background-image:radial-gradient(circle at 50% 50%,rgba(200,90,50,.18) 0%,transparent 70%)!important;border:1px solid rgba(212,175,55,.2)!important;box-shadow:0 20px 50px #0006!important}[data-theme=dark] .hero-stat-item{border-right:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .hero-stat-icon{background:#d4a0172e!important;border:1px solid rgba(212,160,23,.35)!important;color:#f5d87a!important}[data-theme=dark] .hero-stat-val{color:#f8fafc!important}[data-theme=dark] .hero-stat-item small{color:#94a3b8!important}[data-theme=dark] .card,[data-theme=dark] .destinations .card,[data-theme=dark] .exp-cat-card,[data-theme=dark] .review-card,[data-theme=dark] .team-card,[data-theme=dark] .value-card,[data-theme=dark] .contact-info-card,[data-theme=dark] .faq-item,[data-theme=dark] .story-pillar-item{background:#1e1e1e!important;border:1px solid rgba(212,175,55,.15)!important;color:#f8fafc!important;box-shadow:0 12px 35px #0006!important;transition:all .3s ease!important}[data-theme=dark] .card-rating,[data-theme=dark] .map-card-rating{color:#f8fafc!important}[data-theme=dark] .card-rating i,[data-theme=dark] .map-card-rating i{color:#f59e0b!important}[data-theme=dark] .card-region{color:#94a3b8!important}[data-theme=dark] .card-region i{color:#f08a5d!important}[data-theme=dark] .destinations .card-content h3,[data-theme=dark] .card-content h3{color:#fff!important}[data-theme=dark] .destinations .card-content p,[data-theme=dark] .card-content p{color:#cbd5e1!important}[data-theme=dark] .card-price-val{color:#fff!important}[data-theme=dark] .card-price-label{color:#94a3b8!important}[data-theme=dark] .card:hover,[data-theme=dark] .destinations .card:hover,[data-theme=dark] .exp-cat-card:hover,[data-theme=dark] .review-card:hover,[data-theme=dark] .faq-item:hover{background:#262626!important;border-color:#c85a3266!important;box-shadow:0 18px 45px #00000080!important;transform:translateY(-4px)!important}[data-theme=dark] .card h3,[data-theme=dark] .card-price-val,[data-theme=dark] .exp-cat-body h3,[data-theme=dark] .review-author strong,[data-theme=dark] .story-pillar-item strong{color:#f8fafc!important}[data-theme=dark] .card-price-label,[data-theme=dark] .card-region,[data-theme=dark] .exp-cat-body p,[data-theme=dark] .review-text,[data-theme=dark] .story-pillar-item span{color:#94a3b8!important}.qb-modal-content{background:#fff!important;color:#0f172a!important}.qb-modal-content .qb-title{color:#0f172a!important}.qb-modal-content .qb-desc,.qb-modal-content .qb-label{color:#475569!important}[data-theme=dark] .qb-modal-content{background:#151515!important;border:1px solid rgba(212,175,55,.25)!important;color:#f8fafc!important}[data-theme=dark] .qb-modal-content .qb-title{color:#f8fafc!important}[data-theme=dark] .qb-modal-content .qb-desc,[data-theme=dark] .qb-modal-content .qb-label{color:#cbd5e1!important}[data-theme=dark] .qb-modal-content select,[data-theme=dark] .qb-modal-content input{background:#1e1e1e!important;color:#f8fafc!important;border:1px solid rgba(255,255,255,.15)!important}[data-theme=dark] .modal-content,[data-theme=dark] .dest-booking-sheet,[data-theme=dark] .exp-sheet,[data-theme=dark] .travel-form-right,[data-theme=dark] .glass-panel{background:#151515!important;border:1px solid rgba(212,175,55,.25)!important;color:#f8fafc!important;box-shadow:0 30px 90px #000000b3!important}[data-theme=dark] .modal-content h2,[data-theme=dark] .modal-content .close{color:#f8fafc!important}[data-theme=dark] .modal-content>p{background:#1e1e1e!important;color:#cbd5e1!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .travel-info{background:linear-gradient(135deg,#121212,#1e1e1e)!important;border:1px solid rgba(212,175,55,.2)!important}[data-theme=dark] .travel-item{background:#262626!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .tour-details,[data-theme=dark] .activities-luxury,[data-theme=dark] .marr-exp{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .timeline-content{background:#262626!important;border:1px solid rgba(212,175,55,.2)!important}[data-theme=dark] .timeline-content ul li{color:#e2e8f0!important}[data-theme=dark] .travel-form-right input[type=text],[data-theme=dark] .travel-form-right input[type=email],[data-theme=dark] .travel-form-right input[type=tel],[data-theme=dark] .travel-form-right input[type=date],[data-theme=dark] .travel-form-right select,[data-theme=dark] .travel-form-right textarea{background:#ffffff0d!important;color:#fdfbf7!important;border:1px solid rgba(255,255,255,.15)!important}.hero-stats-strip{padding-bottom:0!important}main{margin-bottom:0!important;padding-bottom:0!important}.cta-banner,.about-cta,.cta-strip{margin-bottom:0!important}.cta-banner,.about-cta,.cta-strip{position:relative!important;background:linear-gradient(180deg,#151515b8,#151515eb),url(images/hero-mobile.jpg) center/cover no-repeat!important;padding:96px 24px!important;text-align:center!important;overflow:hidden!important;border-top:1px solid rgba(212,175,55,.25)!important;border-bottom:none!important;box-shadow:inset 0 0 100px #0009!important;margin-bottom:0!important;margin-top:0!important}.cta-banner h2,.about-cta h2,.cta-strip h2{font-family: 'Open Sans', Arial, sans-serif !important;font-size:clamp(2.2rem,4vw,3.2rem)!important;color:#fff!important;font-weight:700!important;margin-bottom:16px!important;text-shadow:0 4px 20px rgba(0,0,0,.5)!important}.cta-banner p,.about-cta p,.cta-strip p{font-size:1.1rem!important;color:#e2e8f0!important;margin-bottom:32px!important;max-width:620px!important;margin-left:auto!important;margin-right:auto!important}.about-cta .btn-white,.cta-strip .btn-white,.btn-cta-white,a.btn-cta-white{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;padding:16px 42px!important;border-radius:99px!important;font-family: 'Open Sans', Arial, sans-serif !important;font-weight:800!important;font-size:1.05rem!important;letter-spacing:.4px!important;box-shadow:0 10px 30px #c85a3273!important;transition:all .35s cubic-bezier(.34,1.56,.64,1)!important;text-decoration:none!important;border:none!important}.about-cta .btn-white *,.cta-strip .btn-white *,.btn-cta-white *{background:transparent!important;color:#fff!important}.about-cta .btn-white:hover,.cta-strip .btn-white:hover,.btn-cta-white:hover,a.btn-cta-white:hover{transform:translateY(-4px) scale(1.03)!important;box-shadow:0 18px 40px #e7a93c99!important;background:linear-gradient(135deg,#e7a93c,#c85a32)!important;color:#fff!important}.btn-cta-white i,a.btn-cta-white i{font-size:1.15rem!important;color:#fff!important;transition:transform .3s ease!important}.btn-cta-white:hover i,a.btn-cta-white:hover i{transform:rotate(36deg) scale(1.15)!important;color:#fff!important}.footer,footer{margin-top:0!important;border-top:none!important;position:relative!important;z-index:10!important}[data-theme=dark] .footer,[data-theme=dark] footer{background:#0e0e0e!important;color:#94a3b8!important;border-top:1px solid rgba(212,175,55,.12)!important}#backToTop{position:fixed;bottom:30px;right:30px;z-index:9999;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;border:none!important;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 8px 25px #c85a3266!important;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1)}#backToTop.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}#backToTop:hover{transform:translateY(-4px) scale(1.08)!important;background:linear-gradient(135deg,#e7a93c,#c85a32)!important;box-shadow:0 12px 30px #c85a3299!important}footer,.footer{width:100%!important;max-width:100%!important;margin:0!important;padding:80px 40px 36px!important;background:#0e0e0e!important;color:#94a3b8;box-sizing:border-box!important;position:relative;left:0;right:0;border:none!important;border-radius:0!important}.footer-inner{max-width:1340px;margin:0 auto 64px;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:48px}.footer-brand img{height:42px;width:auto;margin-bottom:18px;display:block}.footer-brand p{font-size:.9rem;line-height:1.75;margin-bottom:22px;max-width:320px;color:#94a3b8}.footer-socials{display:flex;gap:12px}.footer-socials a{width:38px;height:38px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;display:flex;align-items:center;justify-content:center;font-size:.95rem;text-decoration:none;transition:all .25s}.footer-socials a:hover{background:var(--hm-terracotta);border-color:var(--hm-terracotta);color:#fff}.footer-col h4{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:20px;font-family:var(--hm-font-sans)}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:11px}.footer-col ul li a{color:#94a3b8;font-size:.88rem;text-decoration:none;transition:color .25s}.footer-col ul li a:hover{color:var(--hm-gold)}.footer-contact-item{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px;font-size:.88rem;color:#94a3b8}.footer-contact-item i{color:var(--hm-terracotta);margin-top:3px;flex-shrink:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:30px;display:flex;justify-content:space-between;align-items:center;font-size:.84rem;max-width:1340px;margin:0 auto;color:#94a3b8}.footer-bottom-links{display:flex;gap:24px}.footer-bottom-links a{color:#94a3b8;text-decoration:none;transition:color .25s}.footer-bottom-links a:hover{color:var(--hm-gold)}@media(max-width:1024px){.footer-inner{grid-template-columns:1fr 1fr;gap:40px}}@media(max-width:640px){.footer-inner{grid-template-columns:1fr;gap:36px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}.hn-logo-text,.hn-logo span,.auth-brand span{display:none!important}.hn-logo img,.footer-brand img,.hn-logo-img,.auth-brand img{height:48px!important;width:auto!important;max-height:48px!important;max-width:280px!important;border-radius:0!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;object-fit:contain!important;display:inline-block!important;vertical-align:middle!important;flex-shrink:0!important;filter:drop-shadow(0 3px 10px rgba(0,0,0,.3))!important;transition:transform .3s ease!important}.hn-logo:hover img,.footer-brand:hover img,.auth-brand:hover img{transform:scale(1.04)!important}.hn-nav{width:100%!important;box-sizing:border-box!important}.hn-nav-inner{max-width:1340px!important;margin:0 auto!important;padding-left:16px!important;padding-right:20px!important;box-sizing:border-box!important}.hamburger,.hburg{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid rgba(15,23,42,.15);background:#fffffff2;backdrop-filter:blur(12px);cursor:pointer;z-index:1001;transition:all .25s ease;flex-shrink:0}.hamburger span,.hburg span{display:block;width:18px;height:2px;background:#0f172a;border-radius:2px;transition:all .3s ease}.hamburger:hover,.hburg:hover{background:#fff;border-color:#c85a32;box-shadow:0 4px 12px #c85a3233}@media(max-width:900px){html,body{max-width:100%!important;overflow-x:hidden!important}.hn-nav{padding:10px 14px!important;height:64px!important;box-sizing:border-box!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:10000!important}.hn-nav-inner{padding-left:0!important;padding-right:0!important;justify-content:space-between!important;width:100%!important;max-width:100%!important;height:100%!important;align-items:center!important}.hn-logo-text,.hn-logo span{display:none!important}.hn-logo img,.footer-brand img,.hn-logo-img,.auth-brand img{content:url(favicon.png)!important;height:40px!important;width:40px!important;max-height:40px!important;max-width:40px!important;object-fit:contain!important;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))!important}.hn-links:not(.hn-links-open):not(.open):not(.active),.nav-links:not(.hn-links-open):not(.open):not(.active),#navLinks:not(.hn-links-open):not(.open):not(.active),#premNavLinks:not(.hn-links-open):not(.open):not(.active){display:none!important}.hn-nav-book,.book-btn2,.nav-cta{display:none!important}.hn-nav-actions{gap:4px!important;display:flex!important;align-items:center!important}.nav-icon-btn,.nav-icon-btn2{width:32px!important;height:32px!important;font-size:.82rem!important;border-radius:50%!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.lang-switcher,.lang-sw{padding:3px 6px!important;font-size:.7rem!important;height:32px!important;border-radius:99px!important;flex-shrink:0!important}.hamburger,.hburg{display:flex!important;width:34px!important;height:34px!important;border-radius:8px!important;order:99!important;flex-shrink:0!important;background:var(--hm-bg-card-hover,rgba(255,255,255,.9))!important;border:1px solid var(--hm-border,rgba(15,23,42,.15))!important;align-items:center!important;justify-content:center!important;gap:4px!important;cursor:pointer!important;z-index:10002!important}.hamburger.is-active span:nth-child(1),.hburg.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}.hamburger.is-active span:nth-child(2),.hburg.is-active span:nth-child(2){opacity:0!important}.hamburger.is-active span:nth-child(3),.hburg.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}.hn-links.hn-links-open,.hn-links.open,.hn-links.active,.nav-links.open,.nav-links.hn-links-open,.nav-links.active,#premNavLinks.open,#navLinks.open,#navLinks.hn-links-open{display:flex!important;position:fixed!important;top:66px!important;right:14px!important;left:auto!important;width:calc(100vw - 28px)!important;max-width:320px!important;max-height:calc(100vh - 80px)!important;overflow-y:auto!important;background:var(--hm-bg-card,#FFFFFF)!important;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;border:1px solid var(--hm-border,rgba(15,23,42,.14))!important;border-radius:24px!important;padding:20px 16px!important;flex-direction:column!important;gap:6px!important;box-shadow:0 25px 60px #00000059!important;transform:translateY(0)!important;opacity:1!important;pointer-events:auto!important;z-index:99999!important}[data-theme=dark] .hn-links.hn-links-open,[data-theme=dark] .hn-links.open,[data-theme=dark] .hn-links.active,[data-theme=dark] .nav-links.open,[data-theme=dark] .nav-links.hn-links-open,[data-theme=dark] .nav-links.active,[data-theme=dark] #premNavLinks.open,[data-theme=dark] #navLinks.open,[data-theme=dark] #navLinks.hn-links-open{background:#151515fa!important;border-color:#ffffff2e!important;box-shadow:0 30px 70px #0009!important}.hn-links a,.nav-links a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:13px 18px!important;border-radius:14px!important;font-weight:700!important;font-size:.98rem!important;color:var(--hm-text-heading,#0F172A)!important;text-decoration:none!important;box-sizing:border-box!important;transition:all .2s ease!important}[data-theme=dark] .hn-links a,[data-theme=dark] .nav-links a{color:#f8fafc!important}.hn-links a:hover,.hn-links a.active,.nav-links a:hover,.nav-links a.active{background:linear-gradient(135deg,#c85a321f,#e7a93c1f)!important;color:#c85a32!important}[data-theme=dark] .hn-links a:hover,[data-theme=dark] .hn-links a.active,[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links a.active{background:#c85a3240!important;color:#e7a93c!important}.page-hero,.hero-section,.hero{padding-top:110px!important;padding-bottom:50px!important}.hero h1,.hero-title,.page-hero h1{font-size:2.1rem!important;line-height:1.18!important;text-align:center!important;margin-bottom:12px!important}.hero p,.hero-subtitle,.page-hero p{font-size:.95rem!important;line-height:1.6!important;text-align:center!important;max-width:100%!important;padding:0 10px!important}.hero-eyebrow,.badge-terracotta,.card-badge{font-size:.72rem!important;padding:6px 14px!important;max-width:90%!important;margin:0 auto 16px!important;text-align:center!important}.hero-search{flex-direction:column!important;border-radius:24px!important;padding:12px!important;width:calc(100% - 24px)!important;max-width:100%!important;margin:0 auto!important;gap:10px!important;box-sizing:border-box!important}.hero-search input{width:100%!important;padding:13px 14px 13px 44px!important;border-radius:14px!important;font-size:.92rem!important}.hero-search button{width:100%!important;border-radius:99px!important;padding:14px!important;justify-content:center!important;font-size:.98rem!important}}[data-theme=dark] .hn-links a,[data-theme=dark] .nav-links a{color:#f8fafc!important}[data-theme=dark] .hn-links a:hover,[data-theme=dark] .hn-links a.active,[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links a.active{background:#c85a3240!important;color:#e7a93c!important}@media (max-width:480px){.hn-nav-inner{padding-left:6px!important;padding-right:6px!important;gap:4px!important}.hn-logo{gap:6px!important}.hn-logo-text{font-size:.88rem!important}.lang-sw,.lang-switcher{padding:3px 5px!important;font-size:.7rem!important}.nav-icon-btn,.nav-icon-btn2{width:32px!important;height:32px!important;font-size:.82rem!important}.hamburger,.hburg{width:34px!important;height:34px!important}}.modal,.dest-booking-modal-overlay,.exp-modal,#globalQuickBookModal,#destModal{display:none;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:9999999!important;background:#000000d9!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;align-items:center!important;justify-content:center!important;padding:20px!important;box-sizing:border-box!important;animation:modalFadeIn .3s ease;margin:0!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal,.exp-modal,#globalQuickBookModal,#destModal{display:none;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:9999999!important;background:#0a0f1de0!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;align-items:center!important;justify-content:center!important;padding:24px 16px!important;box-sizing:border-box!important;animation:modalFadeIn .35s cubic-bezier(.16,1,.3,1);margin:0!important}.dest-booking-modal-overlay,#destBookingModal{display:none;position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:10000005!important;background:#0a0f1deb!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;align-items:center!important;justify-content:center!important;padding:24px 16px!important;box-sizing:border-box!important;margin:0!important}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-content,.dest-booking-sheet,.exp-sheet{position:relative!important;max-width:1200px!important;width:min(1200px,95vw)!important;max-height:88vh!important;overflow-y:auto!important;margin:auto!important;background:#fdfbf7!important;border-radius:32px!important;padding:52px 48px!important;box-shadow:0 35px 100px -15px #0f172a99,0 0 50px #c85a321f!important;border:1px solid rgba(212,175,55,.3)!important;color:#0f172a!important}.modal-content::-webkit-scrollbar,.dest-booking-sheet::-webkit-scrollbar,.exp-sheet::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track,.dest-booking-sheet::-webkit-scrollbar-track,.exp-sheet::-webkit-scrollbar-track{background:#0f172a0a;border-radius:99px}.modal-content::-webkit-scrollbar-thumb,.dest-booking-sheet::-webkit-scrollbar-thumb,.exp-sheet::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c85a32,#d4af37);border-radius:99px}.modal-content .close{position:absolute!important;top:28px!important;right:32px!important;font-size:1.5rem!important;font-weight:400!important;color:#0f172a!important;cursor:pointer!important;width:48px!important;height:48px!important;border-radius:50%!important;background:#0f172a0f!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(15,23,42,.12)!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .35s cubic-bezier(.34,1.56,.64,1)!important;z-index:20!important;line-height:1!important;box-shadow:0 6px 18px #00000014!important}.modal-content .close:hover{background:linear-gradient(135deg,#c85a32,#a5411e)!important;color:#fff!important;border-color:transparent!important;transform:rotate(180deg) scale(1.1)!important;box-shadow:0 10px 25px #c85a3266!important}.modal-content h2{font-family: 'Open Sans', Arial, sans-serif !important;font-size:clamp(2.4rem,4vw,3.2rem)!important;font-weight:800!important;color:#0f172a!important;text-align:center!important;letter-spacing:-.5px!important;margin-bottom:28px!important;padding-right:0!important;position:relative!important}.modal-content h2:after{content:""!important;display:block!important;width:90px!important;height:4px!important;background:linear-gradient(90deg,#c85a32,#d4af37,#c85a32)!important;margin:14px auto 0!important;border-radius:99px!important;box-shadow:0 4px 12px #c85a3266!important}.modal-content>p{font-size:1.12rem!important;line-height:1.9!important;color:#334155!important;background:linear-gradient(145deg,#fff,#faf7f2)!important;padding:32px 36px!important;border-radius:24px!important;border:1px solid rgba(212,175,55,.25)!important;box-shadow:0 12px 36px #0f172a0a,0 0 0 1px #ffffffe6 inset!important;margin-bottom:40px!important;text-align:justify!important;position:relative!important}.modal .swiper{width:100%!important;height:520px!important;border-radius:28px!important;overflow:hidden!important;margin-bottom:40px!important;box-shadow:0 20px 50px #0f172a38,0 0 0 1px #fffc inset!important}.modal .swiper-slide img{width:100%!important;height:100%!important;object-fit:cover!important}.modal .swiper-button-next,.modal .swiper-button-prev{color:#fff!important;background:#0f172aa6!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;border:1px solid rgba(255,255,255,.3)!important;width:54px!important;height:54px!important;border-radius:50%!important;transition:all .35s cubic-bezier(.34,1.56,.64,1)!important}.modal .swiper-button-next:hover,.modal .swiper-button-prev:hover{background:#c85a32!important;border-color:#c85a32!important;transform:scale(1.12)!important;box-shadow:0 10px 25px #c85a3266!important}.modal .swiper-button-next:after,.modal .swiper-button-prev:after{font-size:1.2rem!important;font-weight:700!important}.fav-count-badge{right:-2px!important;top:-2px!important}@media(max-width:768px){.modal{padding:10px 4px!important}.modal-content,.dest-booking-sheet,.exp-sheet{width:95vw!important;max-width:95vw!important;padding:24px 16px!important;border-radius:24px!important;max-height:90vh!important}.modal-content h2{font-size:1.9rem!important;margin-bottom:20px!important}.modal-content .close{top:16px!important;right:16px!important;width:40px!important;height:40px!important;font-size:1.2rem!important}.modal-content>p{padding:20px 18px!important;font-size:.98rem!important;line-height:1.75!important;margin-bottom:28px!important;border-radius:18px!important;text-align:left!important}.modal .swiper{height:260px!important;border-radius:18px!important;margin-bottom:28px!important}.tour-details{padding:22px 14px!important;border-radius:22px!important;margin-top:28px!important}.tour-details .section-title{font-size:1.55rem!important;margin-bottom:24px!important}.timeline{padding-left:0!important}.timeline-item{flex-direction:column!important;gap:12px!important;margin-bottom:28px!important}.timeline-dot{width:auto!important;min-width:76px!important;height:32px!important;border-radius:99px!important;padding:0 16px!important;font-size:.85rem!important;font-weight:800!important;align-self:flex-start!important;box-shadow:0 4px 12px #c85a324d!important}.timeline-content{width:100%!important;box-sizing:border-box!important;padding:20px 16px!important;border-radius:18px!important}.timeline-content h4{font-size:1.15rem!important;margin-bottom:10px!important;line-height:1.4!important}.timeline-content ul li{font-size:.92rem!important;line-height:1.65!important;margin-bottom:8px!important;padding-left:18px!important}.timeline-img{width:100%!important;height:185px!important;max-height:185px!important;object-fit:cover!important;border-radius:14px!important;margin-bottom:14px!important}.travel-info{padding:24px 16px!important;margin:28px 0!important;border-radius:22px!important}.travel-info h3,.travel-title{font-size:1.5rem!important;margin-bottom:20px!important}.travel-cards{grid-template-columns:1fr!important;gap:14px!important}.travel-item{padding:18px 16px!important;border-radius:16px!important}.tour-route{flex-direction:column!important;gap:16px!important;padding:20px 16px!important;text-align:center!important;border-radius:20px!important}.route-icon{transform:rotate(90deg)!important}.tour-meta{grid-template-columns:1fr!important;gap:16px!important}.tour-inc,.tour-exc{padding:22px 18px!important;border-radius:20px!important}.tour-faq{margin-top:28px!important}.tour-faq .section-title{font-size:1.5rem!important;margin-bottom:20px!important}.faq-item{padding:18px 16px!important;border-radius:16px!important}.faq-item h5{font-size:1.05rem!important}.faq-item p{padding-left:0!important;font-size:.92rem!important}.dest-modal-cta{margin-top:32px!important;padding-top:24px!important}.dest-modal-cta .btn-primary{width:100%!important;padding:16px 24px!important;font-size:.98rem!important;box-sizing:border-box!important}}.travel-info{margin-top:48px!important;margin-bottom:48px!important;padding:40px!important;background:#fff!important;color:#0f172a!important;border-radius:28px!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 20px 50px #0f172a0d!important;position:relative!important;overflow:hidden!important}.travel-info:after{content:""!important;position:absolute!important;top:-50%!important;right:-20%!important;width:300px!important;height:300px!important;background:radial-gradient(circle,rgba(200,90,50,.08) 0%,transparent 70%)!important;pointer-events:none!important}.travel-info h3,.travel-title{font-family: 'Open Sans', Arial, sans-serif !important;font-size:2rem!important;color:#0f172a!important;margin-bottom:28px!important;text-align:center!important;letter-spacing:.5px!important;position:relative!important}.travel-info h3:after,.travel-title:after{content:""!important;display:block!important;width:60px!important;height:3px!important;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;margin:12px auto 0!important;border-radius:99px!important}.travel-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:20px!important}.travel-item{background:#faf7f2!important;border:1px solid rgba(15,23,42,.08)!important;border-radius:20px!important;padding:24px 22px!important;text-align:left!important;box-shadow:0 4px 18px #0f172a08!important;transition:all .35s cubic-bezier(.34,1.56,.64,1)!important}.travel-item:hover{transform:translateY(-6px)!important;background:#fff!important;border-color:#c85a3259!important;box-shadow:0 12px 30px #c85a321f!important}.travel-item span{display:flex!important;align-items:center!important;gap:10px!important;font-size:.92rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1px!important;color:#c85a32!important;margin-bottom:10px!important}.travel-item span i{color:#c85a32!important}.travel-item p{font-size:.92rem!important;color:#475569!important;line-height:1.6!important;margin:0!important;background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}.tour-details{margin-top:48px!important;padding:44px 36px!important;background:#fff!important;border-radius:28px!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 16px 40px #0f172a0f!important}.tour-details .section-title,.activities-luxury .section-title,.tour-faq .section-title{font-family: 'Open Sans', Arial, sans-serif !important;font-size:2.1rem!important;color:#0f172a!important;text-align:center!important;margin-bottom:36px!important;position:relative!important}.tour-details .section-title:after,.activities-luxury .section-title:after,.tour-faq .section-title:after{content:""!important;display:block!important;width:70px!important;height:4px!important;background:linear-gradient(90deg,#c85a32,#d4af37)!important;margin:12px auto 0!important;border-radius:99px!important}.timeline{position:relative!important;padding-left:24px!important}.timeline-item{display:flex!important;gap:24px!important;margin-bottom:36px!important;position:relative!important}.timeline-dot{background:linear-gradient(135deg,#c85a32,#d4af37)!important;color:#fff!important;width:44px!important;height:44px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:900!important;font-size:1.15rem!important;box-shadow:0 8px 20px #c85a3259!important;flex-shrink:0!important;z-index:2!important}.timeline-content{background:linear-gradient(145deg,#fff,#faf7f2)!important;border-radius:22px!important;padding:28px 26px!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 8px 24px #0f172a08!important;transition:all .35s ease!important;flex:1!important}.timeline-content:hover{background:#fff!important;border-color:#c85a32!important;box-shadow:0 16px 40px #c85a321f!important;transform:translateY(-4px)!important}.timeline-content h4{font-family: 'Open Sans', Arial, sans-serif !important;font-size:1.35rem!important;color:#0f172a!important;margin-bottom:14px!important;font-weight:700!important}.timeline-content ul{list-style:none!important;padding:0!important;margin:0!important}.timeline-content ul li{font-size:.96rem!important;color:#475569!important;line-height:1.75!important;margin-bottom:10px!important;position:relative!important;padding-left:20px!important}.timeline-content ul li:before{content:"✦"!important;color:#c85a32!important;font-size:.85rem!important;position:absolute!important;left:0!important;top:2px!important}.timeline-img{width:100%!important;max-height:260px!important;object-fit:cover!important;border-radius:18px!important;margin-bottom:20px!important;box-shadow:0 10px 28px #0f172a1f!important}.tour-route{background:linear-gradient(135deg,#151515,#242424)!important;border:1px solid rgba(212,175,55,.3)!important;color:#fff!important;border-radius:24px!important;padding:28px 40px!important;display:flex!important;align-items:center!important;justify-content:space-around!important;margin:40px 0!important;box-shadow:0 16px 40px #0f172a4d!important}.route-label{color:#d4af37!important;font-size:.82rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:1.5px!important;margin-bottom:6px!important;display:block!important}.route-item strong{color:#fff!important;font-size:1.45rem!important;font-family: 'Open Sans', Arial, sans-serif !important}.route-icon{color:#d4af37!important;font-size:1.6rem!important;animation:pulseRoute 2s infinite ease-in-out!important}@keyframes pulseRoute{0%,to{transform:translate(0);opacity:.8}50%{transform:translate(6px);opacity:1}}.tour-meta{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:24px!important;margin-top:40px!important}.tour-inc{background:linear-gradient(145deg,#10b9810f,#10b98105)!important;border:1.5px solid rgba(16,185,129,.25)!important;border-radius:24px!important;padding:32px 28px!important;box-shadow:0 10px 28px #10b9810d!important}.tour-inc h4{color:#059669!important;font-size:1.2rem!important;font-weight:800!important;margin-bottom:20px!important;display:flex!important;align-items:center!important;gap:10px!important}.tour-exc{background:linear-gradient(145deg,#ef44440f,#ef444405)!important;border:1.5px solid rgba(239,68,68,.25)!important;border-radius:24px!important;padding:32px 28px!important;box-shadow:0 10px 28px #ef44440d!important}.tour-exc h4{color:#dc2626!important;font-size:1.2rem!important;font-weight:800!important;margin-bottom:20px!important;display:flex!important;align-items:center!important;gap:10px!important}.tour-inc ul li,.tour-exc ul li{font-size:.96rem!important;line-height:1.75!important;margin-bottom:12px!important;color:#334155!important}.tour-faq{margin-top:48px!important;margin-bottom:40px!important}.faq-item{background:#fff!important;border:1px solid rgba(15,23,42,.09)!important;border-radius:20px!important;padding:24px 28px!important;margin-bottom:16px!important;box-shadow:0 6px 20px #0f172a08!important;transition:all .35s ease!important}.faq-item:hover{border-color:#c85a32!important;box-shadow:0 14px 36px #c85a321f!important;transform:translateY(-3px)!important}.faq-item h5{color:#0f172a!important;font-size:1.15rem!important;font-weight:800!important;margin-bottom:10px!important;font-family: 'Open Sans', Arial, sans-serif !important;display:flex!important;align-items:center!important;gap:10px!important}.faq-item h5:before{content:"Q."!important;color:#c85a32!important;font-size:.95rem!important;font-weight:900!important}.faq-item p{color:#475569!important;font-size:.96rem!important;line-height:1.7!important;margin:0!important;padding-left:26px!important}.dest-modal-cta{text-align:center!important;margin-top:48px!important;padding-top:36px!important;border-top:2px dashed rgba(200,90,50,.2)!important}.dest-modal-cta .btn-primary{background:linear-gradient(135deg,#c85a32,#a5411e)!important;color:#fff!important;padding:18px 52px!important;border-radius:99px!important;font-size:1.1rem!important;font-weight:800!important;letter-spacing:.8px!important;text-transform:uppercase!important;box-shadow:0 14px 36px #c85a3266!important;border:none!important;cursor:pointer!important;transition:all .35s cubic-bezier(.34,1.56,.64,1)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:12px!important}.dest-modal-cta .btn-primary:hover{transform:translateY(-4px) scale(1.03)!important;box-shadow:0 20px 48px #c85a3299!important;background:linear-gradient(135deg,#a5411e,#c85a32)!important}.exp-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:9999999!important}.btn-primary,.book-btn-nav,.nav-book-btn,.hn-nav-book,.hero-search-btn,.map-card-action-btn,.btn-quote-cta,.form-submit,.hn-btn-primary,.dest-modal-cta .btn-primary,button[type="submit"].btn-primary,a.btn-primary,.booking-submit-btn,.qb-submit-btn,.nav-actions .book-btn-nav{background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;font-weight:700!important;border:none!important;box-shadow:0 6px 20px #c85a3259!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.btn-primary:hover,.book-btn-nav:hover,.nav-book-btn:hover,.hn-nav-book:hover,.hero-search-btn:hover,.map-card-action-btn:hover,.btn-quote-cta:hover,.form-submit:hover,.hn-btn-primary:hover,.dest-modal-cta .btn-primary:hover,button[type=submit].btn-primary:hover,a.btn-primary:hover,.booking-submit-btn:hover,.qb-submit-btn:hover,.nav-actions .book-btn-nav:hover{background:linear-gradient(135deg,#e7a93c,#c85a32)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 10px 28px #c85a328c,0 0 14px #e7a93c66!important}[data-theme=dark] .modal{background:#080c16e0!important;backdrop-filter:blur(14px)!important}[data-theme=dark] .modal-content{background:#151515!important;color:#cbd5e1!important;border:1px solid rgba(212,175,55,.25)!important;box-shadow:0 25px 60px #000000bf!important}[data-theme=dark] .modal-content h2,[data-theme=dark] .modal-content h3,[data-theme=dark] .modal-content h4,[data-theme=dark] .modal-content h5,[data-theme=dark] .modal-content .section-title,[data-theme=dark] .modal-content .travel-title,[data-theme=dark] .modal-content .subtitle,[data-theme=dark] .modal-content .tour-details h3,[data-theme=dark] .modal-content .marr-exp-head h3{color:#f8fafc!important}[data-theme=dark] .modal-content p,[data-theme=dark] .modal-content li,[data-theme=dark] .modal-content .subtitle{color:#cbd5e1!important}[data-theme=dark] .modal .close{color:#94a3b8!important}[data-theme=dark] .modal .close:hover{color:#fff!important}[data-theme=dark] .travel-info{background:#151515!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 20px 50px #0006!important}[data-theme=dark] .travel-info h3,[data-theme=dark] .travel-title{color:#f8fafc!important}[data-theme=dark] .travel-item{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.1)!important;color:#cbd5e1!important;box-shadow:0 8px 24px #0000004d!important}[data-theme=dark] .travel-item span,[data-theme=dark] .travel-item span i{color:#e7a93c!important}[data-theme=dark] .travel-item p{color:#cbd5e1!important}[data-theme=dark] .review-card{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.1)!important;color:#f8fafc!important;box-shadow:0 12px 35px #0006!important}[data-theme=dark] .marr-exp-head h3{color:#f8fafc!important}[data-theme=dark] .marr-exp-head .subtitle{color:#94a3b8!important}[data-theme=dark] .acc-item{border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 8px 20px #0006!important}[data-theme=dark] .acc-content h4{color:#fff!important}[data-theme=dark] .acc-desc{color:#e2e8f0!important}[data-theme=dark] .activities-luxury .section-title{color:#f8fafc!important}[data-theme=dark] .activities-list li{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 20px #0000004d!important}[data-theme=dark] .activities-list h4{color:#f8fafc!important}[data-theme=dark] .activities-list p{color:#cbd5e1!important}[data-theme=dark] .tour-details .section-title{color:#f8fafc!important}[data-theme=dark] .tour-details>p{color:#cbd5e1!important}[data-theme=dark] .timeline-content{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.1)!important;color:#cbd5e1!important;box-shadow:0 10px 30px #00000059!important}[data-theme=dark] .timeline-content h4{color:#f8fafc!important}[data-theme=dark] .timeline-content ul li{color:#cbd5e1!important}[data-theme=dark] .timeline-dot{background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;box-shadow:0 0 15px #c85a3273!important}[data-theme=dark] .tour-route{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .route-label{color:#94a3b8!important}[data-theme=dark] .tour-route strong{color:#f8fafc!important}[data-theme=dark] .route-icon{color:#f08a5d!important}[data-theme=dark] .meta-item{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.1)!important;color:#cbd5e1!important}[data-theme=dark] .meta-item i{color:#f08a5d!important}[data-theme=dark] .meta-item strong{color:#f8fafc!important}[data-theme=dark] .tour-inc{background:#27ae6026!important;border:1px solid rgba(39,174,96,.35)!important;color:#e2f9e8!important}[data-theme=dark] .tour-inc h4{color:#4ade80!important}[data-theme=dark] .tour-inc ul li{color:#e2f9e8!important}[data-theme=dark] .inc-icon{color:#4ade80!important}[data-theme=dark] .tour-exc{background:#ef444426!important;border:1px solid rgba(239,68,68,.35)!important;color:#fee2e2!important}[data-theme=dark] .tour-exc h4{color:#f87171!important}[data-theme=dark] .tour-exc ul li{color:#fee2e2!important}[data-theme=dark] .exc-icon{color:#f87171!important}[data-theme=dark] .tour-faq .section-title{color:#f8fafc!important}[data-theme=dark] .faq-item{background:#1e1e1e!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:0 8px 20px #0000004d!important}[data-theme=dark] .faq-item h5{color:#f8fafc!important}[data-theme=dark] .faq-item p{color:#cbd5e1!important}[data-theme=dark] .dest-modal-cta{background:transparent!important;border-top:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] table,[data-theme=dark] th,[data-theme=dark] td{border-color:#ffffff1f!important;color:#cbd5e1!important}[data-theme=dark] th{color:#f8fafc!important}[data-theme=dark] .city-badge{background:#c85a3233!important;color:#f08a5d!important;border:1px solid rgba(200,90,50,.4)!important}[data-theme=dark] .map-side-card{background:#1e1e1e!important;border:1px solid rgba(231,169,60,.25)!important;box-shadow:0 30px 60px #0009!important;color:#f8fafc!important}[data-theme=dark] .map-side-img:after{background:linear-gradient(to top,#1E1E1E 0%,transparent 100%)!important}[data-theme=dark] .map-side-content h3{color:#fff!important}[data-theme=dark] .map-card-meta{color:#94a3b8!important}[data-theme=dark] .map-card-rating{color:#f8fafc!important}[data-theme=dark] .map-side-content>p{color:#cbd5e1!important}[data-theme=dark] .map-card-highlights h5{color:#e7a93c!important}[data-theme=dark] .map-card-highlights li{color:#cbd5e1!important}[data-theme=dark] .map-card-footer{border-top:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .price-lbl{color:#94a3b8!important}[data-theme=dark] .price-val{color:#fff!important}.btn-submit,.whatsapp-btn,.btn-whatsapp,.agafay-btn-whatsapp,.book-btn,button[onclick*=WhatsApp],button[onclick*=sendWhatsApp],button[onclick*=sendDestBookingWhatsApp],a[href*="wa.me"],a[href*=whatsapp],.contact-info-card a[href*=whatsapp],.contact-info-card a[href*="wa.me"],#simple-chat-button--button{background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;border:none!important;font-weight:700!important;box-shadow:0 6px 20px #c85a3259!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important}.btn-submit:hover,.whatsapp-btn:hover,.btn-whatsapp:hover,.agafay-btn-whatsapp:hover,.book-btn:hover,button[onclick*=WhatsApp]:hover,button[onclick*=sendWhatsApp]:hover,button[onclick*=sendDestBookingWhatsApp]:hover,a[href*="wa.me"]:hover,a[href*=whatsapp]:hover,#simple-chat-button--button:hover{background:linear-gradient(135deg,#e7a93c,#c85a32)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 10px 28px #c85a328c,0 0 14px #e7a93c66!important}.btn-submit i,.whatsapp-btn i,.btn-whatsapp i,.book-btn i{color:#fff!important}.tour-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;background:linear-gradient(135deg,#c85a320a,#e7a93c14);border:1px solid rgba(200,90,50,.2);border-radius:var(--hm-radius-lg,16px);padding:18px 24px;margin:28px 0 36px;box-shadow:0 6px 20px #0f172a08}.tour-meta .meta-item{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(15,23,42,.08);padding:10px 18px;border-radius:99px;font-size:.92rem;font-weight:500;color:#0f172a;box-shadow:0 4px 12px #0f172a08;transition:all .25s ease}.tour-meta .meta-item:hover{border-color:#c85a3259;transform:translateY(-2px);box-shadow:0 8px 20px #c85a321f}.tour-meta .meta-item i{font-size:1.05rem;background:linear-gradient(135deg,#c85a32,#e7a93c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tour-meta .meta-item strong{font-weight:700;color:#0f172a}[data-theme=dark] .tour-meta{background:#1e293b99!important;border-color:#c85a324d!important;box-shadow:0 8px 24px #0000004d!important}[data-theme=dark] .tour-meta .meta-item{background:#1e1e1e!important;border-color:#ffffff1a!important;color:#f8fafc!important}[data-theme=dark] .tour-meta .meta-item strong{color:#fff!important}.activities-luxury{margin:40px 0}.activities-luxury .section-title{font-family: 'Open Sans', Arial, sans-serif;font-size:1.8rem;font-weight:800;color:#0f172a;text-align:center;margin-bottom:24px;position:relative}.activities-luxury .section-title:after{content:"";display:block;width:60px;height:3px;background:linear-gradient(135deg,#c85a32,#e7a93c);margin:10px auto 0;border-radius:99px}.activities-list{list-style:none!important;padding:0!important;margin:0!important;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.activities-list li{position:relative;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:var(--hm-radius-md,12px);padding:22px 24px 22px 54px;box-shadow:0 4px 18px #0f172a0a;transition:all .3s cubic-bezier(.34,1.56,.64,1);list-style:none!important}.activities-list li:before{content:"✦";position:absolute;left:22px;top:22px;font-size:1.15rem;font-weight:800;background:linear-gradient(135deg,#c85a32,#e7a93c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.activities-list li:hover{transform:translateY(-3px);border-color:#c85a3259;box-shadow:0 12px 30px #c85a321f}.activities-list li h4{font-family: 'Open Sans', Arial, sans-serif;font-size:1.05rem;font-weight:700;color:#0f172a;margin:0 0 6px;line-height:1.35}.activities-list li p{font-size:.92rem;color:#475569;line-height:1.65;margin:0}[data-theme=dark] .activities-list li{background:#1e1e1e!important;border-color:#ffffff14!important;box-shadow:0 6px 20px #0000004d!important}[data-theme=dark] .activities-list li h4{color:#f8fafc!important}[data-theme=dark] .activities-list li p{color:#cbd5e1!important}.tour-inc-exc{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin:36px 0}.tour-inc,.tour-exc{border-radius:var(--hm-radius-md,12px);padding:24px}.tour-inc{background:#10b9810f;border:1px solid rgba(16,185,129,.2)}.tour-exc{background:#ef44440f;border:1px solid rgba(239,68,68,.2)}.tour-inc h4{color:#059669;font-size:1.1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.tour-exc h4{color:#dc2626;font-size:1.1rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.tour-inc ul,.tour-exc ul{list-style:none!important;padding:0!important;margin:0!important}.tour-inc ul li,.tour-exc ul li{position:relative;padding-left:26px;margin-bottom:10px;font-size:.92rem;line-height:1.6;color:#334155}.tour-inc ul li:before{content:"✦";position:absolute;left:0;top:0;color:#10b981;font-weight:800}.tour-exc ul li:before{content:"✦";position:absolute;left:0;top:0;color:#ef4444;font-weight:800}.modal-content ul{list-style:none;padding-left:0}.hn-nav-actions{display:flex!important;align-items:center!important;gap:10px!important}.lang-wrapper{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.lang-wrapper i.lang-icon{position:absolute;left:14px;pointer-events:none;font-size:.88rem;color:var(--hm-text-heading,#0F172A);transition:color .25s ease;z-index:2}.lang-wrapper:hover i.lang-icon{color:#c85a32}.lang-switcher,.lang-sw{height:40px!important;padding:0 16px 0 34px!important;background:var(--hm-bg-card-hover,rgba(15,23,42,.04))!important;border:1px solid var(--hm-border,rgba(15,23,42,.12))!important;color:var(--hm-text-heading,#0F172A)!important;border-radius:99px!important;font-size:.84rem!important;font-weight:700!important;cursor:pointer!important;outline:none!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex-shrink:0!important;box-shadow:0 2px 8px #0f172a08!important;appearance:none!important;-webkit-appearance:none!important}.lang-switcher:hover,.lang-sw:hover,.lang-switcher:focus,.lang-sw:focus{border-color:#c85a3266!important;color:#c85a32!important;box-shadow:0 4px 14px #c85a321f!important;transform:translateY(-1px)!important}[data-theme=dark] .lang-wrapper i.lang-icon{color:#f8fafc!important}[data-theme=dark] .lang-wrapper:hover i.lang-icon{color:#e7a93c!important}[data-theme=dark] .lang-switcher,[data-theme=dark] .lang-sw{background:#1e1e1e!important;border-color:#ffffff1f!important;color:#f8fafc!important}[data-theme=dark] .lang-switcher option,[data-theme=dark] .lang-sw option{background:#1e1e1e!important;color:#f8fafc!important}.nav-icon-btn,.nav-icon-btn2{width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid var(--hm-border,rgba(15,23,42,.12))!important;background:var(--hm-bg-card-hover,rgba(15,23,42,.04))!important;color:var(--hm-text-heading,#0F172A)!important;font-size:.95rem!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;text-decoration:none!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;position:relative!important;flex-shrink:0!important;box-shadow:0 2px 8px #0f172a08!important}.nav-icon-btn:hover,.nav-icon-btn2:hover{border-color:#c85a32!important;color:#c85a32!important;box-shadow:0 4px 14px #c85a3226!important;transform:translateY(-1px)!important}[data-theme=dark] .nav-icon-btn,[data-theme=dark] .nav-icon-btn2{background:#1e1e1e!important;border-color:#ffffff1f!important;color:#f8fafc!important}.hn-nav-book,.book-btn-nav,.book-btn2,.nav-book-btn{height:40px!important;padding:0 22px!important;font-size:.88rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;border-radius:99px!important;font-weight:700!important;text-decoration:none!important;border:none!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;flex-shrink:0!important;box-shadow:0 6px 20px #c85a3259!important;white-space:nowrap!important}.hn-nav-book:hover,.book-btn-nav:hover,.book-btn2:hover,.nav-book-btn:hover{background:linear-gradient(135deg,#e7a93c,#c85a32)!important;color:#fff!important;transform:translateY(-2px)!important;box-shadow:0 10px 26px #c85a3280!important}.story-welcome-section{padding:80px 24px;background:var(--hm-bg-main,#FFFFFF)}.story-welcome-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.story-img-wrapper{position:relative;border-radius:var(--hm-radius-lg,24px);overflow:hidden;box-shadow:0 20px 50px #0f172a1f}.story-img-wrapper img.story-img{width:100%;height:520px;object-fit:cover;display:block;transition:transform .6s ease}.story-img-wrapper:hover img.story-img{transform:scale(1.03)}.story-img-badge{position:absolute;bottom:28px;left:28px;z-index:5;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;padding:14px 26px;border-radius:99px;font-size:.95rem;font-weight:700;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 30px #c85a3273!important;border:1px solid rgba(255,255,255,.2)}.story-img-badge i{font-size:1.1rem;color:#fff!important}.story-content-box{display:flex;flex-direction:column;align-items:flex-start}.story-eyebrow{font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg,#c85a32,#e7a93c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:14px;display:inline-block}.story-main-title{font-family: 'Open Sans', Arial, sans-serif;font-size:clamp(2.2rem,3.8vw,3.2rem);font-weight:800;color:var(--hm-text-heading,#0F172A);line-height:1.2;margin-bottom:22px}.story-feeling-text{background:linear-gradient(135deg,#c85a32,#e7a93c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-style:italic;font-weight:800;display:inline-block}.story-paragraph{font-size:1.05rem;color:#475569;line-height:1.8;margin-bottom:32px}.story-pillars-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:36px;width:100%}.story-pillar-item{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 18px #0f172a08;transition:all .3s ease}.story-pillar-item:hover{transform:translateY(-3px);border-color:#c85a3259;box-shadow:0 10px 25px #c85a321f}.story-pillar-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;box-shadow:0 6px 18px #c85a3259!important}.story-pillar-icon i{color:#fff!important}.story-pillar-item strong{display:block;font-size:.98rem;font-weight:700;color:#0f172a;margin-bottom:2px}.story-pillar-item span{font-size:.85rem;color:#64748b}.btn-story-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 36px;border-radius:99px;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;font-weight:700;font-size:.98rem;text-decoration:none;border:none!important;box-shadow:0 8px 25px #c85a3266!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.btn-story-cta:hover{background:linear-gradient(135deg,#e7a93c,#c85a32)!important;color:#fff!important;transform:translateY(-3px)!important;box-shadow:0 12px 32px #c85a328c!important}[data-theme=dark] .story-welcome-section{background:var(--hm-bg-main,#151515)!important}[data-theme=dark] .story-main-title{color:#f8fafc!important}[data-theme=dark] .story-paragraph{color:#cbd5e1!important}[data-theme=dark] .story-pillar-item{background:#1e1e1e!important;border-color:#ffffff1a!important;box-shadow:0 8px 24px #0000004d!important}[data-theme=dark] .story-pillar-item strong{color:#f8fafc!important}[data-theme=dark] .story-pillar-item span{color:#94a3b8!important}.hero-eyebrow,.hn-hero-eyebrow{background:#151515a6!important;backdrop-filter:blur(16px) saturate(180%)!important;-webkit-backdrop-filter:blur(16px) saturate(180%)!important;border:1px solid rgba(231,169,60,.45)!important;color:#fff!important;font-weight:700!important;font-size:.78rem!important;letter-spacing:2.5px!important;text-transform:uppercase!important;border-radius:99px!important;padding:8px 24px!important;box-shadow:0 6px 20px #00000040!important;display:inline-flex!important;align-items:center!important;gap:10px!important;transition:all .3s ease!important}.hero-eyebrow:hover{background:#151515d9!important;border-color:#e7a93cbf!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #00000059!important}.card-badge,.exp-cat-badge,.acc-tag,.photo-badge,.image-badge,.card-badge.badge-gold,.card-badge.badge-terracotta,.card-badge.badge-primary{background:#151515b3!important;backdrop-filter:blur(14px) saturate(180%)!important;-webkit-backdrop-filter:blur(14px) saturate(180%)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;font-weight:700!important;font-size:.78rem!important;letter-spacing:1.5px!important;text-transform:uppercase!important;border-radius:99px!important;padding:8px 22px!important;box-shadow:0 8px 24px #0000004d!important;transition:all .3s ease!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.hero-eyebrow:hover,.story-eyebrow:hover,.card-badge:hover,.exp-cat-badge:hover,.acc-tag:hover{background:#151515e0!important;border-color:#e7a93c99!important;transform:translateY(-2px)!important;box-shadow:0 10px 28px #0006!important}.contact-info-icon{background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;box-shadow:0 8px 20px #c85a3259!important}.contact-info-icon i{color:#fff!important}.why-icon,.why-card .why-icon{width:56px!important;height:56px!important;border-radius:16px!important;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.35rem!important;box-shadow:0 6px 20px #c85a3259!important;transition:all .35s cubic-bezier(.34,1.56,.64,1)!important}.why-icon i,.why-card .why-icon i{color:#fff!important}.why-card:hover .why-icon{transform:scale(1.08) rotate(4deg)!important;background:linear-gradient(135deg,#e7a93c,#c85a32)!important;box-shadow:0 10px 25px #c85a3280!important}.why-card:hover{border-color:#c85a3266!important;box-shadow:0 12px 30px #c85a321f!important}.review-stars,.stars,.rating-stars,.card-rating i,.dest-card-rating i{background:linear-gradient(135deg,#c85a32,#e7a93c)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;font-size:1.15rem!important;letter-spacing:2px!important;display:inline-block!important}.review-avatar,.author-avatar,.rev-avatar{width:48px!important;height:48px!important;border-radius:50%!important;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:800!important;font-size:.95rem!important;box-shadow:0 6px 18px #c85a3266!important}.exp-cat-link,.card-link,.btn-link{font-size:.92rem!important;font-weight:800!important;background:linear-gradient(135deg,#c85a32,#e7a93c)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;display:inline-flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important;transition:all .25s ease!important}.exp-cat-link i,.card-link i,.btn-link i{color:#e7a93c!important;-webkit-text-fill-color:#E7A93C!important;transition:transform .25s ease!important}.exp-cat-link:hover i,.card-link:hover i,.btn-link:hover i{transform:translate(4px)!important;color:#c85a32!important;-webkit-text-fill-color:#C85A32!important}.review-text{color:#1e293b!important}.review-author strong{color:#0f172a!important}.review-author span{color:#475569!important}[data-theme=dark] .review-text{color:#cbd5e1!important}[data-theme=dark] .review-author strong{color:#f8fafc!important}[data-theme=dark] .review-author span{color:#94a3b8!important}.acc-content h4,.acc-item .acc-content h4,.marr-accordion .acc-content h4{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.8)!important}.acc-content .acc-desc,.acc-item .acc-content .acc-desc{color:#f8fafc!important;text-shadow:0 1px 6px rgba(0,0,0,.7)!important}.acc-content .acc-tag,.acc-item .acc-content .acc-tag{background:#151515b3!important;backdrop-filter:blur(14px) saturate(180%)!important;-webkit-backdrop-filter:blur(14px) saturate(180%)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;font-weight:800!important;font-size:.78rem!important;letter-spacing:1px!important;text-transform:uppercase!important;border-radius:99px!important;padding:6px 14px!important;box-shadow:0 8px 24px #0000004d!important}.acc-overlay,.acc-item .acc-overlay{background:linear-gradient(0deg,#151515f2,#15151573 45%,#0000)!important}.hn-nav,.site-nav{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:10000!important;padding:16px 40px!important;background:var(--hm-bg-nav,rgba(250,247,242,.96))!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-bottom:1px solid var(--hm-border,rgba(15,23,42,.08))!important;box-shadow:0 2px 20px #0000000a!important;transition:all .35s ease!important;width:100%!important;box-sizing:border-box!important}body.page-home .hn-nav:not(.glass-nav):not(.hn-nav-scrolled),body.page-home #siteNav:not(.glass-nav):not(.hn-nav-scrolled),body.page-home .site-nav:not(.glass-nav):not(.hn-nav-scrolled){background:transparent!important;border-bottom:none!important;box-shadow:none!important}[data-theme=dark] .hn-nav,[data-theme=dark] .site-nav{background:#151515f5!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 4px 20px #0006!important}html[data-theme=dark] body.page-home .hn-nav:not(.glass-nav):not(.hn-nav-scrolled),html[data-theme=dark] body.page-home #siteNav:not(.glass-nav):not(.hn-nav-scrolled),html[data-theme=dark] body.page-home .site-nav:not(.glass-nav):not(.hn-nav-scrolled){background:transparent!important;border-bottom:none!important;box-shadow:none!important}.hn-nav-inner{max-width:1340px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;box-sizing:border-box!important;width:100%!important}.hn-logo,.nav-logo{display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important;flex-shrink:0!important}.hn-logo img,.nav-logo img,.footer-brand img,.hn-logo-img,.auth-brand img{height:58px!important;width:auto!important;max-height:58px!important;max-width:320px!important;border-radius:0!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;object-fit:contain!important;display:inline-block!important;vertical-align:middle!important;flex-shrink:0!important;filter:drop-shadow(0 3px 10px rgba(0,0,0,.3))!important;transition:transform .3s ease!important}.hn-logo:hover img,.nav-logo:hover img,.footer-brand:hover img,.auth-brand:hover img{transform:scale(1.04)!important}.hn-logo-text,.nav-logo span{font-family: 'Open Sans', Arial, sans-serif !important;font-size:1.5rem!important;font-weight:700!important;color:var(--hm-text-heading)!important;transition:color .3s!important;display:inline-block!important;vertical-align:middle!important}body.page-home .hn-nav:not(.glass-nav):not(.hn-nav-scrolled) .hn-logo-text,body.page-home .site-nav:not(.glass-nav):not(.hn-nav-scrolled) .hn-logo-text{color:#fff!important}.hn-links,.nav-links{display:flex!important;align-items:center!important;gap:6px!important;list-style:none!important;margin:0!important;padding:0!important;transition:all .35s ease!important}.hn-links a,.nav-links a{padding:7px 13px!important;border-radius:99px!important;font-size:.875rem!important;font-weight:600!important;color:var(--hm-text-body)!important;text-decoration:none!important;transition:all .25s!important;white-space:nowrap!important}body.page-home .hn-nav:not(.glass-nav):not(.hn-nav-scrolled) .hn-links a,body.page-home .site-nav:not(.glass-nav):not(.hn-nav-scrolled) .hn-links a{color:#ffffffe0!important}body.page-home .hn-nav:not(.glass-nav):not(.hn-nav-scrolled) .hn-links a:hover,body.page-home .site-nav:not(.glass-nav):not(.hn-nav-scrolled) .hn-links a:hover{background:#ffffff26!important;color:#fff!important}.hn-links a:hover,.hn-links a.active,.nav-links a:hover,.nav-links a.active{background:var(--hm-bg-card-hover,rgba(0,0,0,.05))!important;color:var(--hm-terracotta)!important}[data-theme=dark] .hn-links a,[data-theme=dark] .nav-links a{color:#cbd5e1!important}[data-theme=dark] .hn-links a:hover,[data-theme=dark] .hn-links a.active,[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links a.active{background:#ffffff0f!important;color:#f8fafc!important}.hn-nav-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}.nav-icon-btn,.nav-icon-btn2{width:40px!important;height:40px!important;border-radius:50%!important;border:1px solid var(--hm-border,rgba(15,23,42,.08))!important;background:var(--hm-bg-card,#FFFFFF)!important;color:var(--hm-text-heading)!important;font-size:1rem!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;text-decoration:none!important;transition:all .25s!important;position:relative!important}.nav-icon-btn:hover,.nav-icon-btn2:hover{border-color:var(--hm-terracotta)!important;color:var(--hm-terracotta)!important}.fav-count-badge,.fav-badge2{position:absolute!important;top:-4px!important;right:-4px!important;background:var(--hm-terracotta)!important;color:#fff!important;font-size:.68rem!important;font-weight:800!important;width:18px!important;height:18px!important;border-radius:50%!important;display:none;align-items:center!important;justify-content:center!important;border:2px solid #FFFFFF!important}.hn-nav-book,.book-btn-nav,.book-btn2{padding:9px 20px!important;font-size:.85rem!important;border-radius:99px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap!important}.hamburger,.hburg{display:none!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:5px!important;width:38px!important;height:38px!important;padding:0!important;border-radius:10px!important;border:1px solid var(--hm-border,rgba(15,23,42,.08))!important;background:var(--hm-bg-card,#FFFFFF)!important;cursor:pointer!important;z-index:10002!important;flex-shrink:0!important;transition:all .25s ease!important}.hamburger span,.hburg span{display:block!important;width:18px!important;height:2px!important;background:var(--hm-text-heading)!important;border-radius:2px!important;transition:all .3s ease!important}.drawer-backdrop,.mobile-menu-header,.mobile-only-cta,.mobile-only-settings-row{display:none!important}@media(max-width:900px){html,body{max-width:100%!important;overflow-x:hidden!important}.hn-nav,.site-nav{padding:10px 14px!important;height:64px!important;box-sizing:border-box!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9999!important;background:var(--hm-bg-nav,rgba(250,247,242,.96))!important;border-bottom:1px solid var(--hm-border,rgba(15,23,42,.08))!important;box-shadow:0 2px 20px #0000000d!important}body.page-home .hn-nav:not(.glass-nav):not(.hn-nav-scrolled),body.page-home .site-nav:not(.glass-nav):not(.hn-nav-scrolled){background:transparent!important;border-bottom:none!important;box-shadow:none!important}.hn-nav-inner{padding-left:0!important;padding-right:0!important;justify-content:space-between!important;width:100%!important;max-width:100%!important;height:100%!important;align-items:center!important}.hn-logo{display:flex!important;align-items:center!important;gap:8px!important;text-decoration:none!important}.hn-logo img{height:36px!important;width:auto!important;max-height:36px!important;object-fit:contain!important;content:none!important}.hn-logo-text{display:inline-block!important;font-size:1.05rem!important;font-weight:700!important;font-family: 'Open Sans', Arial, sans-serif !important;color:var(--hm-text-heading,#0F172A)!important;letter-spacing:.3px!important;white-space:nowrap!important}[data-theme=dark] .hn-logo-text{color:#f8fafc!important}.hn-links:not(.hn-links-open):not(.open):not(.active),.nav-links:not(.hn-links-open):not(.open):not(.active){display:none!important}.hn-nav-book,.book-btn-nav,.book-btn2{display:none!important}.hn-nav-actions{gap:4px!important;display:flex!important;align-items:center!important}.lang-wrapper,.lang-switcher,.lang-sw,.nav-icon-btn,.nav-icon-btn2{display:none!important}.hamburger,.hburg{display:flex!important;width:36px!important;height:36px!important;border-radius:8px!important;order:99!important;flex-shrink:0!important;background:transparent!important;border:1px solid var(--hm-border,rgba(15,23,42,.12))!important;align-items:center!important;justify-content:center!important;gap:4px!important;cursor:pointer!important;z-index:100002!important}[data-theme=dark] .hamburger,[data-theme=dark] .hburg{border-color:#ffffff2e!important}.hamburger.is-active span:nth-child(1),.hburg.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}.hamburger.is-active span:nth-child(2),.hburg.is-active span:nth-child(2){opacity:0!important}.hamburger.is-active span:nth-child(3),.hburg.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}.drawer-backdrop{display:block!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;height:100dvh!important;background:#00000080!important;z-index:9998!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s ease!important}.drawer-backdrop.drawer-backdrop-open{opacity:1!important;pointer-events:auto!important}.hn-links,.nav-links{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;position:fixed!important;top:0!important;right:0!important;left:auto!important;width:82vw!important;max-width:320px!important;height:100vh!important;height:100dvh!important;background:#faf6f0!important;border:none!important;border-top-left-radius:20px!important;border-bottom-left-radius:20px!important;padding:48px 24px 28px!important;box-shadow:-10px 0 35px #00000024!important;z-index:10000!important;transform:translate(100%)!important;opacity:0!important;pointer-events:none!important;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease!important;overflow-y:auto!important;scrollbar-width:none!important;box-sizing:border-box!important}[data-theme=dark] .hn-links,[data-theme=dark] .nav-links{background:#151515!important;box-shadow:-10px 0 40px #0009!important}.hn-links.hn-links-open,.hn-links.open,.hn-links.active,.nav-links.hn-links-open,.nav-links.open,.nav-links.active{transform:translate(0)!important;opacity:1!important;pointer-events:auto!important}.hn-links li,.nav-links li{width:100%!important;margin:0!important;pointer-events:auto!important}body #siteNav .hn-links li:not(.mobile-only-cta):not(.mobile-only-settings-row) a,body .hn-nav .hn-links li:not(.mobile-only-cta):not(.mobile-only-settings-row) a,body.page-home .hn-nav:not(.glass-nav):not(.hn-nav-scrolled) .hn-links a{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;padding:0!important;margin-bottom:22px!important;font-family: 'Open Sans', Arial, sans-serif !important;font-weight:700!important;font-size:1.18rem!important;color:#1e293b!important;background:transparent!important;border:none!important;text-decoration:none!important;box-sizing:border-box!important;transition:color .2s ease!important;pointer-events:auto!important;position:relative!important;z-index:10001!important}[data-theme=dark] body #siteNav .hn-links li:not(.mobile-only-cta):not(.mobile-only-settings-row) a,[data-theme=dark] body .hn-nav .hn-links li:not(.mobile-only-cta):not(.mobile-only-settings-row) a,[data-theme=dark] body.page-home .hn-nav:not(.glass-nav):not(.hn-nav-scrolled) .hn-links a{color:#f8fafc!important}.hn-links a:hover,.hn-links a.active,.nav-links a:hover,.nav-links a.active{background:transparent!important;color:var(--hm-terracotta,#C85A32)!important}[data-theme=dark] .hn-links a:hover,[data-theme=dark] .hn-links a.active,[data-theme=dark] .nav-links a:hover,[data-theme=dark] .nav-links a.active{color:var(--hm-gold,#E7A93C)!important}.mobile-only-settings-row{display:block!important;width:100%!important;padding-top:18px!important;margin-top:10px!important;border-top:1px solid rgba(15,23,42,.08)!important}[data-theme=dark] .mobile-only-settings-row{border-top-color:#ffffff1a!important}.mobile-settings-title{font-size:.72rem!important;font-weight:800!important;letter-spacing:1.5px!important;text-transform:uppercase!important;color:#64748b!important;margin-bottom:14px!important;text-align:left!important}[data-theme=dark] .mobile-settings-title{color:#94a3b8!important}.mobile-settings-icons{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:24px!important}.setting-icon-item{position:relative!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#0f172a0a!important;border:1px solid rgba(15,23,42,.08)!important;color:#1e293b!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.95rem!important;cursor:pointer!important;text-decoration:none!important;padding:0!important;box-sizing:border-box!important;transition:all .2s ease!important}[data-theme=dark] .setting-icon-item{background:#ffffff0f!important;border-color:#ffffff1f!important;color:#f8fafc!important}.setting-icon-item:hover{border-color:var(--hm-terracotta,#C85A32)!important;color:var(--hm-terracotta,#C85A32)!important;transform:scale(1.05)!important}.setting-icon-item select.mobile-lang-select{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important}.setting-icon-item .mobile-fav-badge{position:absolute!important;top:-2px!important;right:-2px!important;background:var(--hm-terracotta,#C85A32)!important;color:#fff!important;font-size:.6rem!important;font-weight:800!important;min-width:15px!important;height:15px!important;border-radius:50%!important;display:none;align-items:center!important;justify-content:center!important;border:1px solid #FFFFFF!important}.mobile-only-cta{display:block!important;width:100%!important;margin-top:auto!important}.mobile-book-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;padding:14px 20px!important;border-radius:14px!important;background:#fff!important;color:#0f172a!important;font-weight:700!important;font-size:.98rem!important;text-decoration:none!important;border:1px solid rgba(15,23,42,.08)!important;box-shadow:0 4px 20px #0000000f!important;transition:all .25s ease!important;box-sizing:border-box!important}[data-theme=dark] .mobile-book-btn{background:#ffffff14!important;color:#fff!important;border-color:#ffffff26!important}.mobile-book-btn:hover{box-shadow:0 6px 24px #c85a3233!important;border-color:var(--hm-terracotta,#C85A32)!important;color:var(--hm-terracotta,#C85A32)!important}.page-hero,.hero-section,.hero{padding-top:110px!important;padding-bottom:50px!important}.hero h1,.hero-title,.page-hero h1{font-size:2.1rem!important;line-height:1.18!important;text-align:center!important;margin-bottom:12px!important}.hero p,.hero-subtitle,.page-hero p{font-size:.95rem!important;line-height:1.6!important;text-align:center!important;max-width:100%!important;padding:0 10px!important}.hero-eyebrow,.badge-terracotta,.card-badge{font-size:.72rem!important;padding:6px 14px!important;max-width:90%!important;margin:0 auto 16px!important;text-align:center!important}.hero-search{flex-direction:column!important;border-radius:24px!important;padding:12px!important;width:calc(100% - 24px)!important;max-width:100%!important;margin:0 auto!important;gap:10px!important;box-sizing:border-box!important}.hero-search input{width:100%!important;padding:13px 14px 13px 44px!important;border-radius:14px!important;font-size:.92rem!important}.hero-search button{width:100%!important;border-radius:99px!important;padding:14px!important;justify-content:center!important;font-size:.98rem!important}}.mobile-only-book{display:none!important}@media(max-width:900px){.mobile-only-book{display:block!important;width:100%!important;margin-top:12px!important}}#customTourModal{display:none;position:fixed!important;inset:0!important;z-index:10000020!important;background:#000000db!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important;box-sizing:border-box!important;animation:ctFadeIn .3s cubic-bezier(.16,1,.3,1);margin:0!important}@keyframes ctFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.ct-modal-content{position:relative!important;width:98vw!important;max-width:1750px!important;max-height:96vh!important;overflow-y:auto!important;margin:auto!important;background:var(--hm-bg-card,#FFFFFF)!important;border-radius:28px!important;padding:40px 52px!important;box-shadow:0 35px 100px #0f172a73,0 0 50px #c85a3226!important;border:1px solid rgba(212,175,55,.35)!important;color:var(--hm-text-heading,#0F172A)!important;box-sizing:border-box!important}.ct-close-btn{position:absolute!important;top:24px!important;right:24px!important;width:42px!important;height:42px!important;border-radius:50%!important;border:1px solid var(--hm-border,rgba(15,23,42,.12))!important;background:var(--hm-bg-card-hover,rgba(15,23,42,.04))!important;color:var(--hm-text-heading,#0F172A)!important;font-size:1.3rem!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .25s ease!important;z-index:10!important}.ct-close-btn:hover{background:linear-gradient(135deg,#c85a32,#e7a93c)!important;color:#fff!important;border-color:transparent!important;transform:rotate(90deg) scale(1.08)!important}.ct-wizard-header{margin-bottom:28px;padding-right:48px}.ct-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ct-step-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#c85a32,#e7a93c);color:#fff;padding:5px 14px;border-radius:99px;font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 14px #c85a3240}.ct-step-count{font-size:.85rem;font-weight:700;color:var(--hm-text-muted,#64748B)}.ct-progress-track{width:100%;height:6px;background:var(--hm-border,rgba(15,23,42,.08));border-radius:99px;overflow:hidden;margin-bottom:24px}.ct-progress-fill{height:100%;background:linear-gradient(90deg,#c85a32,#e7a93c);border-radius:99px;transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px #c85a3280}.ct-step-title{font-family: 'Open Sans', Arial, sans-serif;font-size:clamp(1.6rem,3.2vw,2.2rem);font-weight:800;color:var(--hm-text-heading,#0F172A);margin-bottom:6px;line-height:1.25}.ct-step-subtitle{font-size:.94rem;color:var(--hm-text-muted,#64748B);margin-bottom:24px;line-height:1.55}.ct-step-content{display:none;animation:ctStepFade .35s ease-out}.ct-step-content.is-active{display:block}@keyframes ctStepFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ct-dest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;margin-bottom:32px}.ct-dest-card{position:relative;border-radius:18px;overflow:hidden;border:2px solid var(--hm-border,rgba(15,23,42,.1));background:var(--hm-bg-card,#FFFFFF);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);user-select:none;box-shadow:0 4px 14px #0f172a0a}.ct-dest-card:hover{transform:translateY(-4px);border-color:#c85a3280;box-shadow:0 10px 24px #c85a322e}.ct-dest-card.is-selected{border-color:#c85a32!important;box-shadow:0 8px 25px #c85a3259!important;transform:translateY(-4px)}.ct-dest-card-img{height:165px;width:100%;position:relative;overflow:hidden}.ct-dest-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ct-dest-card:hover .ct-dest-card-img img{transform:scale(1.08)}.ct-dest-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(21,21,21,.8) 100%)}.ct-dest-check{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(15,23,42,.2);color:transparent;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .25s cubic-bezier(.34,1.56,.64,1);z-index:2}.ct-dest-card.is-selected .ct-dest-check{background:linear-gradient(135deg,#c85a32,#e7a93c);color:#fff;border-color:transparent;transform:scale(1.1);box-shadow:0 4px 12px #c85a3266}.ct-dest-card-body{padding:12px 14px}.ct-dest-card-title{font-family: 'Open Sans', Arial, sans-serif;font-size:1.05rem;font-weight:700;color:var(--hm-text-heading,#0F172A);margin-bottom:2px}.ct-dest-card-region{font-size:.76rem;color:var(--hm-text-muted,#64748B);display:flex;align-items:center;gap:4px}.ct-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:28px}.ct-option-card{position:relative;background:var(--hm-bg-card,#FFFFFF);border:2px solid var(--hm-border,rgba(15,23,42,.08));border-radius:18px;padding:20px 18px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:10px;user-select:none;box-shadow:0 4px 14px #0f172a08}.ct-option-card:hover{border-color:#c85a3266;transform:translateY(-3px);box-shadow:0 10px 24px #c85a321f}.ct-option-card.is-selected{border-color:#c85a32!important;background:var(--hm-bg-card,#FFFFFF)!important;box-shadow:0 8px 25px #c85a3238!important;transform:translateY(-3px)}.ct-option-icon{width:44px;height:44px;border-radius:14px;background:#c85a321a;color:#c85a32;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.ct-option-card.is-selected .ct-option-icon{background:linear-gradient(135deg,#c85a32,#e7a93c);color:#fff;box-shadow:0 6px 16px #c85a3259}.ct-option-title{font-size:1.02rem;font-weight:700;color:var(--hm-text-heading,#0F172A);line-height:1.3}.ct-option-desc{font-size:.82rem;color:var(--hm-text-muted,#64748B);line-height:1.45}.ct-option-radio{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;border:2px solid var(--hm-border,rgba(15,23,42,.2));display:flex;align-items:center;justify-content:center;transition:all .25s ease}.ct-option-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:transparent;transition:background .25s ease}.ct-option-card.is-selected .ct-option-radio{border-color:#c85a32}.ct-option-card.is-selected .ct-option-radio:after{background:linear-gradient(135deg,#c85a32,#e7a93c)}.ct-textarea-group{margin-bottom:28px}.ct-textarea{width:100%;min-height:140px;padding:16px 18px;border-radius:16px;border:1.5px solid var(--hm-border,rgba(15,23,42,.14));background:var(--hm-bg-card,#FFFFFF);color:var(--hm-text-heading,#0F172A);font-size:.96rem;font-family:inherit;outline:none;transition:border-color .25s,box-shadow .25s;box-sizing:border-box;resize:vertical}.ct-textarea:focus{border-color:#c85a32;box-shadow:0 0 0 4px #c85a3226}.ct-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}@media(max-width:640px){.ct-form-grid{grid-template-columns:1fr;gap:14px}}.ct-input-group{display:flex;flex-direction:column;gap:6px}.ct-label{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--hm-text-heading,#0F172A);display:flex;align-items:center;gap:4px}.ct-label span.req{color:#c85a32}.ct-input{width:100%;padding:13px 16px;border-radius:14px;border:1.5px solid var(--hm-border,rgba(15,23,42,.14));background:var(--hm-bg-card,#FFFFFF);color:var(--hm-text-heading,#0F172A);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .25s,box-shadow .25s;box-sizing:border-box}.ct-input:focus{border-color:#c85a32;box-shadow:0 0 0 4px #c85a3226}.ct-nav-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--hm-border,rgba(15,23,42,.08));gap:16px}.ct-btn-back{padding:12px 24px;border-radius:99px;border:1px solid var(--hm-border,rgba(15,23,42,.14));background:transparent;color:var(--hm-text-heading,#0F172A);font-weight:700;font-size:.92rem;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .25s ease}.ct-btn-back:hover{background:var(--hm-bg-card-hover,rgba(15,23,42,.04));border-color:#c85a32;color:#c85a32}.ct-btn-next{padding:13px 32px;border-radius:99px;border:none;background:linear-gradient(135deg,#c85a32,#e7a93c);color:#fff;font-weight:800;font-size:.96rem;cursor:pointer;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 20px #c85a3259;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.ct-btn-next:hover{background:linear-gradient(135deg,#e7a93c,#c85a32);transform:translateY(-2px);box-shadow:0 10px 28px #c85a3280}.ct-summary-box{background:linear-gradient(145deg,var(--hm-bg-card,#FFFFFF) 0%,var(--hm-bg-alt,#FAF7F2) 100%);border:1px solid rgba(212,175,55,.3);border-radius:22px;padding:28px 26px;margin-bottom:28px;box-shadow:0 12px 36px #0f172a0d}.ct-summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:24px}.ct-summary-item{display:flex;flex-direction:column;gap:6px}.ct-summary-label{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--hm-text-muted,#64748B);display:flex;align-items:center;gap:6px}.ct-summary-val{font-size:.98rem;font-weight:700;color:var(--hm-text-heading,#0F172A);line-height:1.4}.ct-summary-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.ct-chip{display:inline-flex;align-items:center;gap:6px;background:#c85a321a;color:#c85a32;border:1px solid rgba(200,90,50,.25);padding:5px 12px;border-radius:99px;font-size:.82rem;font-weight:700}.ct-success-card{text-align:center;padding:40px 20px}.ct-success-icon{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#c85a32,#e7a93c);color:#fff;font-size:2.2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 10px 30px #c85a3266}[data-theme=dark] #customTourModal .ct-modal-content{background:#151515!important;border-color:#d4af3740!important;color:#f8fafc!important}[data-theme=dark] .ct-dest-card,[data-theme=dark] .ct-option-card,[data-theme=dark] .ct-textarea,[data-theme=dark] .ct-input{background:#1e1e1e!important;border-color:#ffffff1f!important;color:#f8fafc!important}[data-theme=dark] .ct-summary-box{background:#1e1e1e!important;border-color:#d4af3740!important}[data-theme=dark] .ct-dest-card-title,[data-theme=dark] .ct-option-title,[data-theme=dark] .ct-step-title,[data-theme=dark] .ct-summary-val,[data-theme=dark] .ct-label{color:#f8fafc!important}[data-theme=dark] .ct-dest-card-region,[data-theme=dark] .ct-option-desc,[data-theme=dark] .ct-step-subtitle,[data-theme=dark] .ct-summary-label{color:#94a3b8!important}[data-theme=dark] .ct-btn-back{border-color:#ffffff26!important;color:#f8fafc!important}[data-theme=dark] .ct-btn-back:hover{background:#262626!important;color:#f08a5d!important}@media(max-width:768px){.ct-modal-content{padding:24px 18px!important;border-radius:22px!important}.ct-dest-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ct-dest-card-img{height:100px}.ct-option-grid{grid-template-columns:1fr;gap:10px}.ct-nav-footer{padding-top:16px}.ct-btn-back,.ct-btn-next{padding:11px 20px;font-size:.88rem}}.custom-tour-callout-banner{background:linear-gradient(135deg,#c85a320d,#e7a93c14)!important;color:var(--hm-text-heading)!important;padding:72px 24px!important;border-top:1px solid var(--hm-border,rgba(15,23,42,.1))!important;border-bottom:1px solid var(--hm-border,rgba(15,23,42,.1))!important;text-align:center!important;transition:all .3s ease!important}.custom-tour-callout-banner h2{font-family: 'Open Sans', Arial, sans-serif !important;font-size:clamp(2.2rem,3.8vw,3rem)!important;color:var(--hm-text-heading,#0F172A)!important;font-weight:700!important;margin-bottom:16px!important}.custom-tour-callout-banner p{font-size:1.05rem!important;color:var(--hm-text-muted,#64748B)!important;max-width:620px!important;margin:0 auto 30px!important;line-height:1.65!important}[data-theme=dark] .custom-tour-callout-banner{background:linear-gradient(135deg,#151515,#242424)!important;border-top-color:#d4af374d!important;border-bottom-color:#d4af374d!important}[data-theme=dark] .custom-tour-callout-banner h2{color:#fff!important}[data-theme=dark] .custom-tour-callout-banner p{color:#cbd5e1!important}[data-theme=dark] .dest-booking-sheet,[data-theme=dark] .travel-form-right{background:#151515!important;color:#f8fafc!important}[data-theme=dark] .dest-booking-close{background:#ffffff1a!important;color:#f8fafc!important;border-color:#ffffff26!important}[data-theme=dark] .travel-form-right input[type=text],[data-theme=dark] .travel-form-right input[type=email],[data-theme=dark] .travel-form-right input[type=tel],[data-theme=dark] .travel-form-right input[type=date],[data-theme=dark] .travel-form-right select,[data-theme=dark] .travel-form-right textarea{background:#1e1e1e!important;border-color:#ffffff26!important;color:#f8fafc!important}[data-theme=dark] .travel-form-right .input-group label{color:#cbd5e1!important}[data-theme=dark] .travel-form-right .select-icon{color:#94a3b8!important}#chatbase-bubble-button,button[id*=chatbase]{bottom:25px!important;left:25px!important;right:auto!important;z-index:99999!important;width:52px!important;height:52px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 25px #c85a3280!important;border:2px solid #C85A32!important}#chatbase-message-bubbles,#chatbase-message-bubble,div[id*=chatbase-message]{bottom:35px!important;left:85px!important;right:auto!important;z-index:99998!important}#chatbase-bubble-window{bottom:90px!important;left:25px!important;right:auto!important;z-index:99999!important;box-shadow:0 0 25px #c85a3266!important;border:1px solid rgba(200,90,50,.4)!important;border-radius:12px!important;overflow:hidden!important}@media(max-width:640px){#chatbase-message-bubbles,#chatbase-message-bubble,div[id*=chatbase-message]{bottom:35px!important;left:85px!important;right:auto!important;z-index:99998!important}#chatbase-bubble-window{left:12px!important;right:12px!important;max-width:calc(100vw - 24px)!important}}.card{background:var(--hm-bg-card);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d;display:flex;flex-direction:column;border:1px solid var(--hm-border);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-6px);box-shadow:0 12px 30px #0000001a}.card-img-wrapper{position:relative;width:100%;height:240px;overflow:hidden}.card-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.card:hover .card-img-wrapper img{transform:scale(1.05)}.card-badge{position:absolute;top:16px;left:16px;z-index:2;padding:6px 12px;border-radius:99px;font-size:.75rem;font-weight:700;background:#151515b3;color:#fff;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.card-fav-btn{position:absolute;top:16px;right:16px;z-index:2;background:#151515a6;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.card-fav-btn:hover{background:#151515e6;transform:scale(1.1)}.card-fav-btn.is-active{background:#ffffffe6}.card-fav-btn.is-active i{color:var(--hm-terracotta)}.card-content{padding:24px;flex:1;display:flex;flex-direction:column}.card-content h3{font-family:var(--hm-font-sans);font-size:1.4rem;margin-bottom:8px;color:var(--hm-text-heading)}.card-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.9rem}.card-region{color:var(--hm-text-muted)}.card-rating{font-weight:700;color:var(--hm-text-heading)}.card-rating i{color:var(--hm-gold)}.card-content p{color:var(--hm-text-muted);font-size:.95rem;line-height:1.6;margin-bottom:24px;flex:1}.card-footer-row{display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--hm-border);padding-top:16px}.card-price-label{display:block;font-size:.8rem;color:var(--hm-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.card-price-val{font-size:1.1rem;font-weight:700;color:var(--hm-text-heading)}.card-btns .btn-primary{padding:10px 20px;font-size:.9rem}body{top:0!important;position:static!important}.goog-te-banner-frame,.goog-te-banner-frame.skiptranslate,iframe.goog-te-banner-frame,#goog-gt-tt,.goog-te-balloon-frame{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;border:none!important;pointer-events:none!important}.goog-text-highlight{background:none!important;box-shadow:none!important}#google_translate_element{display:none!important;visibility:hidden!important;position:absolute!important;top:-9999px!important;left:-9999px!important;width:0!important;height:0!important}@media(min-width:992px){.lang-wrapper{position:relative!important;display:inline-flex!important;align-items:center!important;flex-shrink:0!important}.lang-wrapper i.lang-icon{position:absolute!important;left:12px!important;pointer-events:none!important;font-size:.85rem!important;color:var(--hm-text-heading,#0F172A)!important;z-index:2!important;transition:color .25s ease!important}.lang-wrapper:hover i.lang-icon{color:#c85a32!important}.lang-switcher,.lang-sw{height:40px!important;min-width:140px!important;max-width:165px!important;padding:0 14px 0 32px!important;background:var(--hm-bg-card-hover,rgba(15,23,42,.04))!important;border:1.5px solid var(--hm-border,rgba(15,23,42,.12))!important;color:var(--hm-text-heading,#0F172A)!important;border-radius:99px!important;font-size:.82rem!important;font-weight:700!important;cursor:pointer!important;outline:none!important;text-overflow:ellipsis!important;white-space:nowrap!important;transition:all .25s cubic-bezier(.34,1.56,.64,1)!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.lang-switcher:hover,.lang-sw:hover,.lang-switcher:focus,.lang-sw:focus{border-color:#c85a3280!important;color:#c85a32!important;box-shadow:0 4px 14px #c85a3226!important;transform:translateY(-1px)!important}.lang-switcher option,.lang-sw option,.mobile-lang-select option{background:#fff!important;color:#0f172a!important;padding:10px 14px!important;font-size:.9rem!important;font-weight:600!important}[data-theme=dark] .lang-wrapper i.lang-icon{color:#f8fafc!important}[data-theme=dark] .lang-wrapper:hover i.lang-icon{color:#e7a93c!important}[data-theme=dark] .lang-switcher,[data-theme=dark] .lang-sw{background:#1e1e1e!important;border-color:#ffffff26!important;color:#f8fafc!important}[data-theme=dark] .lang-switcher option,[data-theme=dark] .lang-sw option,[data-theme=dark] .mobile-lang-select option{background:#1e1e1e!important;color:#f8fafc!important}}html[dir=rtl],html.translated-rtl,body[dir=rtl],body.translated-rtl{direction:ltr!important;top:0!important;position:static!important;margin-top:0!important}.hn-nav,.hn-links,.site-header,.hn-nav-actions,.grid,.destinations,.hero-section,.booking-container,.footer{direction:ltr!important}html[lang=ar] p,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html.translated-rtl p,html.translated-rtl h1,html.translated-rtl h2,html.translated-rtl h3,html.translated-rtl .hero-eyebrow,html.translated-rtl .dest-desc{text-align:right!important}.leaflet-control-attribution,.leaflet-control-attribution *{display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;height:0!important;width:0!important;margin:0!important;padding:0!important;border:none!important}html{scroll-behavior:smooth}body,.hn-nav,.section,.section-alt,.why-card,.feature-item,.destination-card,.card,.review-card,.exp-card,.story-card,.team-card,.value-card,.modal-content,.footer,input,select,textarea{transition:background-color .4s cubic-bezier(.16,1,.3,1),color .4s cubic-bezier(.16,1,.3,1),border-color .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1)}.reveal-up,.reveal-down,.reveal-left,.reveal-right,.reveal-scale,.reveal-fade{opacity:0;will-change:opacity,transform;transition-property:opacity,transform;transition-duration:.85s;transition-timing-function:cubic-bezier(.16,1,.3,1)}.reveal-up{transform:translateY(36px)}.reveal-down{transform:translateY(-36px)}.reveal-left{transform:translate(-40px)}.reveal-right{transform:translate(40px)}.reveal-scale{transform:scale(.92)}.reveal-fade{transform:none}.reveal-active{opacity:1!important;transform:translate(0) scale(1)!important}.delay-1{transition-delay:.08s!important}.delay-2{transition-delay:.16s!important}.delay-3{transition-delay:.24s!important}.delay-4{transition-delay:.32s!important}.delay-5{transition-delay:.4s!important}.delay-6{transition-delay:.48s!important}.card,.destination-card,.why-card,.feature-item,.review-card,.exp-cat-card,.team-card,.value-card,.story-pillar-item{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s cubic-bezier(.2,.8,.2,1),border-color .4s ease!important}.card:hover,.destination-card:hover,.why-card:hover,.feature-item:hover,.review-card:hover,.exp-cat-card:hover,.team-card:hover,.value-card:hover{transform:translateY(-7px)!important;box-shadow:0 20px 45px #c85a322e,0 4px 15px #0000000f!important}[data-theme=dark] .card:hover,[data-theme=dark] .destination-card:hover,[data-theme=dark] .why-card:hover,[data-theme=dark] .feature-item:hover,[data-theme=dark] .review-card:hover,[data-theme=dark] .exp-cat-card:hover,[data-theme=dark] .team-card:hover,[data-theme=dark] .value-card:hover{transform:translateY(-7px)!important;box-shadow:0 22px 50px #000000b3,0 0 25px #e7a93c26!important;border-color:#e7a93c59!important}.card .card-img,.card-img-wrap,.destination-card .card-img-wrap,.exp-cat-card .exp-cat-img{overflow:hidden!important}.card img,.card-img img,.destination-card img,.exp-cat-img img,.story-img-main,.story-img-accent{transition:transform .7s cubic-bezier(.25,1,.5,1)!important}.card:hover img,.destination-card:hover img,.exp-cat-card:hover img{transform:scale(1.06)!important}.btn-primary,.btn-white,.btn-ghost,.btn-cta-white,.btn-cta-outline,.custom-tour-trigger,.nav-cta{position:relative;overflow:hidden;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),background .25s ease,color .25s ease!important}.btn-primary:hover,.btn-white:hover,.btn-cta-white:hover,.custom-tour-trigger:hover,.nav-cta:hover{transform:translateY(-3px)!important;box-shadow:0 10px 28px #c85a3266!important}.btn-primary:active,.btn-white:active,.btn-cta-white:active,.custom-tour-trigger:active,.nav-cta:active{transform:translateY(0) scale(.97)!important}.btn-primary:after,.btn-cta-white:after{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skew(-22deg);transition:none}.btn-primary:hover:after,.btn-cta-white:hover:after{left:160%;transition:left .85s ease-in-out}@keyframes floatSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.badge,.hero-badge,.badge-gold{display:inline-flex;animation:floatSubtle 4s ease-in-out infinite}@keyframes warmGlowPulse{0%,to{box-shadow:0 0 #c85a3266}50%{box-shadow:0 0 0 8px #c85a3200}}.chatbase-bubble,#chatbase-message-bubble{animation:warmGlowPulse 3.5s infinite ease-in-out}.hn-links a{position:relative;transition:color .25s ease,background .25s ease!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal.active .modal-content,.modal.open .modal-content,#reviewModal.active .modal-content,#customTourModal.active .ct-modal-content{animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1) forwards}[data-theme=dark] .testimonials-section-wrap,[data-theme=dark] .testimonials-section,[data-theme=dark] #testimonials,[data-theme=dark] .map-hero,[data-theme=dark] #interactiveMap,[data-theme=dark] #homeMapPreview,[data-theme=dark] .story-welcome-section,[data-theme=dark] .dest-clean-header,[data-theme=dark] div[style*="background:#FAF7F2"],[data-theme=dark] .booking-hero-header{background-color:#151515!important}[data-theme=dark] .cta-banner,[data-theme=dark] .about-cta,[data-theme=dark] .cta-strip{background:linear-gradient(135deg,#151515,#202020,#c85a32)!important}[data-theme=dark] footer,[data-theme=dark] .footer,[data-theme=dark] .footer-bottom{background:#0e0e0e!important;background-color:#0e0e0e!important}[data-theme=dark] .tour-route{background:linear-gradient(135deg,#151515,#222)!important}[data-theme=dark] .hero-stats-inner{background:#1e1e1e!important;background-color:#1e1e1e!important;background-image:radial-gradient(circle at 50% 50%,rgba(200,90,50,.15) 0%,transparent 70%)!important}[data-theme=dark] .travel-form-section,[data-theme=dark] .contact-section,[data-theme=dark] .about-section,[data-theme=dark] .dest-clean-header,[data-theme=dark] .legal-hero,[data-theme=dark] .legal-content,[data-theme=dark] .privacy-policy-section,[data-theme=dark] .terms-section,[data-theme=dark] .cookie-section,[data-theme=dark] .favorites-section,[data-theme=dark] .map-dashboard-container{background:#151515!important;background-color:#151515!important}[data-theme=dark] .travel-form-container,[data-theme=dark] .contact-form-card,[data-theme=dark] .travel-form-right,[data-theme=dark] .legal-card,[data-theme=dark] .contact-info-card,[data-theme=dark] .faq-item,[data-theme=dark] .team-card,[data-theme=dark] .value-card,[data-theme=dark] .dest-booking-sheet,[data-theme=dark] .modal-content,[data-theme=dark] .exp-sheet,[data-theme=dark] .map-toolbar{background:#1e1e1e!important;background-color:#1e1e1e!important;border-color:#ffffff1a!important;color:#cbd5e1!important}[data-theme=dark] .travel-form-right input[type=text],[data-theme=dark] .travel-form-right input[type=email],[data-theme=dark] .travel-form-right input[type=tel],[data-theme=dark] .travel-form-right input[type=date],[data-theme=dark] .travel-form-right select,[data-theme=dark] .travel-form-right textarea,[data-theme=dark] .contact-form-card input,[data-theme=dark] .contact-form-card select,[data-theme=dark] .contact-form-card textarea{background:#151515!important;border-color:#ffffff1f!important;color:#f8fafc!important}[data-theme=dark] .travel-form-right input:focus,[data-theme=dark] .travel-form-right select:focus,[data-theme=dark] .travel-form-right textarea:focus,[data-theme=dark] .contact-form-card input:focus,[data-theme=dark] .contact-form-card select:focus,[data-theme=dark] .contact-form-card textarea:focus{background:#1e1e1e!important;border-color:#e7a93c!important;box-shadow:0 0 0 4px #e7a93c33!important}[data-theme=dark] .destination-select{background:#151515!important;border:1px solid rgba(255,255,255,.08)!important}[data-theme=dark] .dest-title{color:#f8fafc!important}[data-theme=dark] .dest-card{background:#1e1e1e!important;border:2px solid rgba(255,255,255,.12)!important;color:#cbd5e1!important}[data-theme=dark] .dest-card span{color:#cbd5e1!important}[data-theme=dark] .dest-card:hover{background:#262626!important;border-color:#c85a32!important}[data-theme=dark] .dest-card:has(input:checked){border-color:transparent!important}[data-theme=dark] .dest-card:has(input:checked) span{color:#fff!important}.travel-form-section{padding:40px 24px 90px;background:var(--hm-bg-main)}.travel-form-container{display:flex;max-width:1080px;margin:0 auto;background:var(--hm-bg-card,#FFFFFF);border-radius:28px;overflow:hidden;border:1px solid var(--hm-border);box-shadow:0 25px 60px #0000000f}@media(max-width:900px){.travel-form-container{flex-direction:column}}html[data-theme=dark]{color-scheme:dark;background-color:#151515!important}html[data-theme=dark],html[data-theme=dark] body,html[data-theme=dark] body main,html[data-theme=dark] body section,html[data-theme=dark] body .section,html[data-theme=dark] body .section-alt,html[data-theme=dark] body .page-hero,html[data-theme=dark] body .dest-clean-header,html[data-theme=dark] body .travel-form-section,html[data-theme=dark] body .contact-section,html[data-theme=dark] body .faq-section,html[data-theme=dark] body .about-section,html[data-theme=dark] body .legal-hero,html[data-theme=dark] body .legal-content,html[data-theme=dark] body .testimonials-section-wrap,html[data-theme=dark] body .testimonials-section,html[data-theme=dark] body #testimonials,html[data-theme=dark] body .map-hero,html[data-theme=dark] body #interactiveMap,html[data-theme=dark] body #homeMapPreview,html[data-theme=dark] body .story-welcome-section,html[data-theme=dark] body .map-dashboard-container,html[data-theme=dark] body div[style*=background]{background-color:#151515!important}html[data-theme=dark] body .card,html[data-theme=dark] body .destination-card,html[data-theme=dark] body .contact-form-card,html[data-theme=dark] body .contact-concierge-card,html[data-theme=dark] body .channel-box,html[data-theme=dark] body .travel-form-container,html[data-theme=dark] body .travel-form-right,html[data-theme=dark] body .legal-card,html[data-theme=dark] body .contact-info-card,html[data-theme=dark] body .faq-item,html[data-theme=dark] body .faq-q,html[data-theme=dark] body .faq-a,html[data-theme=dark] body .team-card,html[data-theme=dark] body .value-card,html[data-theme=dark] body .dest-booking-sheet,html[data-theme=dark] body .modal-content,html[data-theme=dark] body .exp-sheet,html[data-theme=dark] body .map-side-card,html[data-theme=dark] body .map-toolbar,html[data-theme=dark] body .review-card,html[data-theme=dark] body .exp-cat-card,html[data-theme=dark] body .why-card,html[data-theme=dark] body .feature-item,html[data-theme=dark] body .hero-stats-inner{background:#1e1e1e!important;background-color:#1e1e1e!important;border-color:#ffffff1a!important;color:#cbd5e1!important}html[data-theme=dark] body .faq-q:hover{background:#262626!important;background-color:#262626!important}html[data-theme=dark] body .contact-form-card h2,html[data-theme=dark] body .contact-form-card label,html[data-theme=dark] body .travel-form-right label,html[data-theme=dark] body .contact-info-card h4,html[data-theme=dark] body .faq-header h2,html[data-theme=dark] body .faq-q,html[data-theme=dark] body .map-side-content h3{color:#f8fafc!important}html[data-theme=dark] body .hamburger span,html[data-theme=dark] body .hburg span{background-color:#fff!important}html[data-theme=dark] body input:not(#heroSearchInput),html[data-theme=dark] body select,html[data-theme=dark] body textarea,html[data-theme=dark] body .form-group input,html[data-theme=dark] body .form-group select,html[data-theme=dark] body .form-group textarea,html[data-theme=dark] body .travel-form-right input,html[data-theme=dark] body .travel-form-right select,html[data-theme=dark] body .travel-form-right textarea{background:#151515!important;background-color:#151515!important;border:1.5px solid rgba(255,255,255,.12)!important;color:#f8fafc!important}.hero-search input,#heroSearchInput,html[data-theme=dark] body .hero-search input,html[data-theme=dark] body #heroSearchInput{background:transparent!important;background-color:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;color:#0f172a!important}.hero-search input::placeholder,#heroSearchInput::placeholder,html[data-theme=dark] body .hero-search input::placeholder,html[data-theme=dark] body #heroSearchInput::placeholder{color:#64748b!important;opacity:1!important}html[data-theme=dark] body input:not(#heroSearchInput):focus,html[data-theme=dark] body select:focus,html[data-theme=dark] body textarea:focus,html[data-theme=dark] body .form-group input:focus,html[data-theme=dark] body .form-group select:focus,html[data-theme=dark] body .form-group textarea:focus,html[data-theme=dark] body .travel-form-right input:focus,html[data-theme=dark] body .travel-form-right select:focus,html[data-theme=dark] body .travel-form-right textarea:focus{background:#1e1e1e!important;background-color:#1e1e1e!important;border-color:#e7a93c!important;box-shadow:0 0 0 4px #e7a93c33!important}html[data-theme=dark] body .modal,html[data-theme=dark] body #destModal,html[data-theme=dark] body #globalQuickBookModal,html[data-theme=dark] body #destBookingModal,html[data-theme=dark] body #customTourModal,html[data-theme=dark] body .dest-booking-modal-overlay,html[data-theme=dark] body .exp-modal{background:#000000e0!important;background-color:#000000e0!important}@keyframes luxuryEntrance{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.dest-clean-header h1,.dest-clean-header p,.dest-clean-header span,.dest-clean-header .btn-primary,.dest-clean-eyebrow,.dest-clean-title,.dest-clean-subtitle,.dest-clean-cta,.legal-hero h1,.legal-hero p,.section-header h2,.section-header p,.hero-content,.hero-eyebrow,.hero-title,.hero-subtitle,.hero-search,.card,.destinations .card,.destination-card,.why-card,.feature-item,.review-card,.team-card,.value-card,.contact-form-card,.travel-form-container,.dest-card,.ct-dest-card,.ct-option-card,.ct-step-title,.ct-step-subtitle{animation:luxuryEntrance 1.15s cubic-bezier(.22,1,.36,1) both!important}.hero-eyebrow,.dest-clean-eyebrow{animation-delay:.08s!important}.hero-title,.dest-clean-title{animation-delay:.2s!important}.hero-subtitle,.dest-clean-subtitle{animation-delay:.32s!important}.hero-search,.dest-clean-cta{animation-delay:.44s!important}.card:nth-child(1),.destination-card:nth-child(1),.why-card:nth-child(1),.feature-item:nth-child(1),.team-card:nth-child(1),.review-card:nth-child(1){animation-delay:.12s!important}.card:nth-child(2),.destination-card:nth-child(2),.why-card:nth-child(2),.feature-item:nth-child(2),.team-card:nth-child(2),.review-card:nth-child(2){animation-delay:.3s!important}.card:nth-child(3),.destination-card:nth-child(3),.why-card:nth-child(3),.feature-item:nth-child(3),.team-card:nth-child(3),.review-card:nth-child(3){animation-delay:.48s!important}.card:nth-child(4),.destination-card:nth-child(4),.why-card:nth-child(4),.feature-item:nth-child(4),.team-card:nth-child(4),.review-card:nth-child(4){animation-delay:.66s!important}.card:nth-child(5),.destination-card:nth-child(5),.review-card:nth-child(5){animation-delay:.84s!important}.card:nth-child(6),.destination-card:nth-child(6),.review-card:nth-child(6){animation-delay:1.02s!important}.destinations .grid>.card:nth-child(1){animation-delay:.54s!important}.destinations .grid>.card:nth-child(3){animation-delay:.74s!important}.destinations .grid>.card:nth-child(5){animation-delay:.94s!important}.destinations .grid>.card:nth-child(7){animation-delay:1.14s!important}.destinations .grid>.card:nth-child(9){animation-delay:1.34s!important}.destinations .grid>.card:nth-child(11){animation-delay:1.54s!important}.destinations .grid>.card:nth-child(13){animation-delay:1.74s!important}.destinations .grid>.card:nth-child(15){animation-delay:1.94s!important}.destinations .grid>.card:nth-child(17){animation-delay:2.14s!important}.destinations .grid>.card:nth-child(19){animation-delay:2.34s!important}.destinations .grid>.card:nth-child(21){animation-delay:2.54s!important}.destinations .grid>.card:nth-child(23){animation-delay:2.74s!important}.destinations .grid>.card:nth-child(25){animation-delay:2.94s!important}.destinations .grid>.card:nth-child(27){animation-delay:3.14s!important}.destinations .grid>.card:nth-child(29){animation-delay:3.34s!important}.destinations .grid>.card:nth-child(31){animation-delay:3.54s!important}.destinations .grid>.card:nth-child(33){animation-delay:3.74s!important}.ct-dest-grid>.ct-dest-card:nth-child(1){animation-delay:.15s!important}.ct-dest-grid>.ct-dest-card:nth-child(2){animation-delay:.32s!important}.ct-dest-grid>.ct-dest-card:nth-child(3){animation-delay:.49s!important}.ct-dest-grid>.ct-dest-card:nth-child(4){animation-delay:.66s!important}.ct-dest-grid>.ct-dest-card:nth-child(5){animation-delay:.83s!important}.ct-dest-grid>.ct-dest-card:nth-child(6){animation-delay:1s!important}.ct-dest-grid>.ct-dest-card:nth-child(7){animation-delay:1.17s!important}.ct-dest-grid>.ct-dest-card:nth-child(8){animation-delay:1.34s!important}.ct-dest-grid>.ct-dest-card:nth-child(9){animation-delay:1.51s!important}.ct-dest-grid>.ct-dest-card:nth-child(10){animation-delay:1.68s!important}.ct-dest-grid>.ct-dest-card:nth-child(11){animation-delay:1.85s!important}.ct-dest-grid>.ct-dest-card:nth-child(12){animation-delay:2.02s!important}.ct-dest-grid>.ct-dest-card:nth-child(13){animation-delay:2.19s!important}.ct-dest-grid>.ct-dest-card:nth-child(14){animation-delay:2.36s!important}.ct-dest-grid>.ct-dest-card:nth-child(15){animation-delay:2.53s!important}.ct-dest-grid>.ct-dest-card:nth-child(16){animation-delay:2.7s!important}.ct-dest-grid>.ct-dest-card:nth-child(17){animation-delay:2.87s!important}.ct-option-grid>.ct-option-card:nth-child(1){animation-delay:.12s!important}.ct-option-grid>.ct-option-card:nth-child(2){animation-delay:.25s!important}.ct-option-grid>.ct-option-card:nth-child(3){animation-delay:.38s!important}.ct-option-grid>.ct-option-card:nth-child(4){animation-delay:.51s!important}.ct-option-grid>.ct-option-card:nth-child(5){animation-delay:.64s!important}.ct-option-grid>.ct-option-card:nth-child(6){animation-delay:.77s!important}.ct-option-grid>.ct-option-card:nth-child(7){animation-delay:.9s!important}.ct-option-grid>.ct-option-card:nth-child(8){animation-delay:1.03s!important}.dest-grid>.dest-card:nth-child(1){animation-delay:.15s!important}.dest-grid>.dest-card:nth-child(2){animation-delay:.3s!important}.dest-grid>.dest-card:nth-child(3){animation-delay:.45s!important}.dest-grid>.dest-card:nth-child(4){animation-delay:.6s!important}.dest-grid>.dest-card:nth-child(5){animation-delay:.75s!important}.dest-grid>.dest-card:nth-child(6){animation-delay:.9s!important}.dest-grid>.dest-card:nth-child(7){animation-delay:1.05s!important}.dest-grid>.dest-card:nth-child(8){animation-delay:1.2s!important}.dest-grid>.dest-card:nth-child(9){animation-delay:1.35s!important}.dest-grid>.dest-card:nth-child(10){animation-delay:1.5s!important}.dest-grid>.dest-card:nth-child(11){animation-delay:1.65s!important}.card,.destination-card,.review-card,.ct-dest-card{transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .35s ease!important}.card:hover,.destination-card:hover{transform:translateY(-8px)!important;box-shadow:0 20px 45px #00000029!important}.ct-dest-card:hover{transform:translateY(-5px)!important;box-shadow:0 12px 28px #c85a3238!important}.ct-dest-card.is-selected{border-color:#c85a32!important;box-shadow:0 8px 25px #c85a3259!important;transform:translateY(-4px)!important}.card-img-wrapper img,.destination-card img{transition:transform .85s cubic-bezier(.22,1,.36,1)!important}.card:hover .card-img-wrapper img,.destination-card:hover img{transform:scale(1.06)!important}::placeholder,input::placeholder,textarea::placeholder,select::placeholder{color:transparent!important;opacity:0!important;-webkit-text-fill-color:transparent!important;visibility:hidden!important}.leaflet-container{background:#111417!important}.leaflet-tile{background-color:transparent!important;image-rendering:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:none!important;outline:none!important}.leaflet-tile-container{will-change:transform}@keyframes drawerItemFade{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.hn-links.hn-links-open li:nth-child(1),.hn-links.open li:nth-child(1){animation:drawerItemFade .65s .08s both cubic-bezier(.22,1,.36,1)!important}.hn-links.hn-links-open li:nth-child(2),.hn-links.open li:nth-child(2){animation:drawerItemFade .65s .16s both cubic-bezier(.22,1,.36,1)!important}.hn-links.hn-links-open li:nth-child(3),.hn-links.open li:nth-child(3){animation:drawerItemFade .65s .24s both cubic-bezier(.22,1,.36,1)!important}.hn-links.hn-links-open li:nth-child(4),.hn-links.open li:nth-child(4){animation:drawerItemFade .65s .32s both cubic-bezier(.22,1,.36,1)!important}.hn-links.hn-links-open li:nth-child(5),.hn-links.open li:nth-child(5){animation:drawerItemFade .65s .4s both cubic-bezier(.22,1,.36,1)!important}.hn-links.hn-links-open li:nth-child(6),.hn-links.open li:nth-child(6){animation:drawerItemFade .65s .48s both cubic-bezier(.22,1,.36,1)!important}.hn-links.hn-links-open li:nth-child(7),.hn-links.open li:nth-child(7){animation:drawerItemFade .65s .56s both cubic-bezier(.22,1,.36,1)!important}.hn-links.hn-links-open li:nth-child(8),.hn-links.open li:nth-child(8){animation:drawerItemFade .65s .64s both cubic-bezier(.22,1,.36,1)!important}@media(hover:none)and (pointer:coarse){.btn:active,.btn-primary:active,.book-btn-nav:active,.card:active,.destination-card:active,.review-card:active,.map-filter-btn:active,.map-card-action-btn:active,.hamburger:active,.setting-icon-item:active{transform:scale(.96)!important;transition:transform .12s ease!important}}@media(max-width:640px){html,body{overflow-x:hidden!important;max-width:100vw!important}.destinations .grid,.reviews-grid{grid-template-columns:1fr!important;padding-left:16px!important;padding-right:16px!important;gap:20px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.hero h1,.page-hero h1,.dest-clean-header h1{font-size:clamp(2rem,7.5vw,2.9rem)!important;line-height:1.18!important}.travel-form-container{flex-direction:column!important;border-radius:20px!important;margin:0 12px 60px!important}.travel-form-left{min-height:180px!important;padding:24px 20px!important}.travel-form-right{padding:28px 18px!important}.travel-form-right .form-row{flex-direction:column!important;gap:0!important}.travel-form-right .dest-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.travel-form-right .dest-card span{font-size:.85rem!important;padding:10px 8px!important;text-align:center!important}.desert-quote-banner{background-attachment:scroll!important;padding:90px 20px!important}.map-filter-btn,.review-filter-btn{min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:9px 16px!important;font-size:.84rem!important}#toastContainer{inset:20px auto auto 50%!important;transform:translate(-50%)!important;width:calc(100% - 32px)!important;max-width:380px!important;align-items:center!important}body.has-open-map-sheet #chatbase-bubble-button,body.has-open-map-sheet #backToTop,body:has(.map-detail-panel.is-open) #chatbase-bubble-button,body:has(.map-detail-panel.is-open) #backToTop{opacity:0!important;pointer-events:none!important;transform:scale(.8)!important;transition:opacity .25s,transform .25s!important}}@media(max-width:991px){.hn-nav .lang-wrapper,.hn-nav-actions .lang-wrapper,.hn-nav .lang-icon,.hn-nav-actions .lang-icon,.hn-nav-actions i.fa-globe,.hn-nav-actions i.lang-icon,.hn-nav-actions .nav-icon-btn,.hn-nav-actions .theme-toggle,.hn-nav-actions .fav-count-badge{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:none!important}.hamburger,.hburg{display:flex!important;align-items:center!important;justify-content:center!important;order:99!important}.hn-links.hn-links-open,.hn-links.open,.hn-links.active,.nav-links.open,.nav-links.hn-links-open,.nav-links.active,#premNavLinks.open,#navLinks.open,#navLinks.hn-links-open{right:14px!important;left:auto!important;top:66px!important;width:calc(100vw - 28px)!important;max-width:310px!important;border-radius:24px!important;box-shadow:-10px 24px 60px #00000080!important}}#chatbase-bubble-button,button[id*=chatbase]{bottom:25px!important;left:25px!important;right:auto!important;z-index:99999!important;width:52px!important;height:52px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 4px 25px #c85a3280!important;border:2px solid #C85A32!important;background:#fff!important}[data-theme=dark] #chatbase-bubble-button,[data-theme=dark] button[id*=chatbase]{background:#1e1e1e!important}#chatbase-bubble-button svg,button[id*=chatbase] svg,#chatbase-bubble-button svg path,button[id*=chatbase] svg path{fill:#c85a32!important;color:#c85a32!important}#chatbase-bubble-window{bottom:90px!important;box-shadow:0 0 25px #c85a3266!important;border:1px solid rgba(200,90,50,.4)!important;border-radius:12px!important;overflow:hidden!important}@media(max-width:640px){#chatbase-bubble-window{left:12px!important;right:12px!important}}@media(min-width:641px){#chatbase-bubble-window{left:25px!important;right:auto!important}}.goog-te-banner-frame,.skiptranslate,iframe[id*=":1.container"],iframe[id*=":2.container"],iframe[src*="translate.google"],#goog-gt-tt,.goog-te-balloon-frame,.goog-tooltip,.VIpgJd-ZVi9od-ORHb-OEVmcd,.VIpgJd-ZVi9I-ORHb-OEVmcd{display:none!important;visibility:hidden!important;opacity:0!important;height:0px!important;width:0px!important;pointer-events:none!important}html,body{top:0!important}@font-face{font-family:"Font Awesome 6 Free";font-display:swap}@font-face{font-family:"Font Awesome 6 Brands";font-display:swap}.home-map-pin-wrap{background:transparent!important;border:none!important}.home-map-pin{width:26px;height:26px;background:linear-gradient(135deg,#c85a32,#e7a93c);border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid #ffffff;box-shadow:0 3px 10px #c85a32a6;position:relative;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s}.home-map-pin:hover,.home-map-pin.is-active{transform:rotate(-45deg) scale(1.22);background:linear-gradient(135deg,#e7a93c,#c85a32);box-shadow:0 6px 18px #e7a93cd9;z-index:1000!important}.home-map-pin .pin-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:7px;height:7px;background:#fff;border-radius:50%}.hm-home-popup .leaflet-popup-content-wrapper{background:#fff!important;color:#1a1a1a!important;border-radius:14px!important;padding:0!important;box-shadow:0 16px 36px #00000038!important;overflow:hidden!important;border:1px solid rgba(212,175,55,.35)!important}[data-theme=dark] .hm-home-popup .leaflet-popup-content-wrapper{background:#1a1a1a!important;color:#faf7f2!important;border-color:#d4af3766!important;box-shadow:0 16px 40px #0000008c!important}.hm-home-popup .leaflet-popup-content{margin:0!important;line-height:1.4!important;min-width:220px!important;max-width:250px!important}.hm-home-popup .leaflet-popup-tip{background:#fff!important}[data-theme=dark] .hm-home-popup .leaflet-popup-tip{background:#1a1a1a!important}.hmp-card{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.hmp-top{display:flex;align-items:center;gap:10px}.hmp-thumb{width:44px;height:44px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid rgba(212,175,55,.3)}.hmp-head{display:flex;flex-direction:column;min-width:0}.hmp-region{font-size:.68rem;font-weight:700;text-transform:uppercase;color:#c85a32;letter-spacing:.04em;display:flex;align-items:center;gap:4px}[data-theme=dark] .hmp-region{color:#e7a93c}.hmp-name{font-size:.95rem;font-weight:700;margin:0;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit}[data-theme=dark] .hmp-name{color:#fff}.hmp-desc{font-size:.76rem;color:#64748b;margin:0;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .hmp-desc{color:#cbd5e1}.hmp-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid rgba(0,0,0,.07)}[data-theme=dark] .hmp-actions{border-top-color:#ffffff1a}.hmp-btn-cta{background:linear-gradient(135deg,#c85a32,#e7a93c);color:#fff!important;border:none;border-radius:99px;padding:5px 12px;font-size:.72rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:transform .18s,box-shadow .18s;box-shadow:0 2px 8px #c85a3259}.hmp-btn-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #c85a3280}.hmp-link-explore{font-size:.74rem;font-weight:700;color:#c85a32;text-decoration:none;display:inline-flex;align-items:center;gap:3px;transition:color .18s}[data-theme=dark] .hmp-link-explore{color:#e7a93c}.hmp-link-explore:hover{text-decoration:underline}#homeMapPreview .leaflet-control-zoom{border:none!important;margin:14px!important;box-shadow:0 4px 16px #00000038!important;border-radius:10px!important;overflow:hidden}#homeMapPreview .leaflet-control-zoom a{background:#fff!important;color:#0f172a!important;width:32px!important;height:32px!important;line-height:32px!important;font-size:1rem!important;border:none!important;border-bottom:1px solid rgba(0,0,0,.08)!important;transition:background .18s,color .18s}[data-theme=dark] #homeMapPreview .leaflet-control-zoom a{background:#1a1a1a!important;color:#fff!important;border-bottom-color:#ffffff1f!important}#homeMapPreview .leaflet-control-zoom a:hover{background:#c85a32!important;color:#fff!important}.story-text p,.story-inner p,.story-section p,.destination-article p,.article-content p,.article-intro,.legal-card p,.section-block p,.legal-content p,.story-paragraph,.about-text p,.about-content p,.travel-form-left p,.details-content p,.modal-desc p,.modal-body p{text-align:justify!important;text-justify:inter-word!important;text-align-last:left!important;hyphens:auto!important;-webkit-hyphens:auto!important;word-spacing:normal!important;letter-spacing:normal!important;line-height:1.75!important}.card p,.destination-card p,.exp-card p,.exp-cat-body p,.exp-desc,.why-card p,.feature-item p,.feature-content p,.review-card p,.review-text,.travel-item p,.hmp-desc,.acc-desc,.value-card p,.team-card p{text-align:left!important;text-align-last:left!important;word-spacing:normal!important;letter-spacing:normal!important;line-height:1.65!important;text-wrap:pretty}.hero-title,.hero-title *,.hero-subtitle,.section-header h2,.section-header p,.dest-clean-header h1,.dest-clean-header p,.dest-clean-eyebrow,.dest-clean-subtitle,.badge,.text-center,.text-center p,.cta-banner h2,.cta-banner p,.privacy-cta h2,.privacy-cta p,.page-hero h1,.page-hero p{text-align:center!important;text-align-last:center!important}

/* ==============================================================================
   UNIVERSAL UNIFIED TYPOGRAPHY — OPEN SANS (MARRAKECH ARTICLE STYLE)
   ============================================================================== */
:root {
  --hm-font-sans: 'Open Sans', Arial, sans-serif !important;
  --hm-font-serif: 'Open Sans', Arial, sans-serif !important;
  --hm-font-display: 'Open Sans', Arial, sans-serif !important;
  --hm-font-body: 'Open Sans', Arial, sans-serif !important;
}

body,
h1, h2, h3, h4, h5, h6,
p, a, button, input, select, textarea, label,
.hn-links a, .hn-logo-text, .badge,
.hero-title, .hero-subtitle, .page-hero h1, .page-hero p,
.section-header h2, .section-header p,
.story-text h2, .story-text p, .story-stat-val,
.card-header-block h2, .card-header-block p,
.dest-clean-header h1, .dest-clean-header p,
.destination-article, .destination-article * {
  font-family: 'Open Sans', Arial, sans-serif !important;
}


/* ==============================================================================
   LUXURY 3D TITLE TYPOGRAPHY (3D EXTRUSION + SOFT AMBIENT BLUR + 20% SHADOW CONTOUR)
   ============================================================================== */
.page-hero h1,
.contact-hero h1,
.dest-clean-header h1,
.section-header h2,
.story-main-title,
.about-hero h1,
.story-hero h1,
.faq-header h2,
.cta-banner h2,
.cta-strip h2,
.privacy-cta h2,
.card-header-block h2 {
  /* Physical 3D thickness + soft ambient back-blur + 20% opacity contour */
  text-shadow:
    0 1px 0 rgba(0, 0, 0, 0.08),
    1px 2px 1px rgba(0, 0, 0, 0.06),
    2px 3px 2px rgba(0, 0, 0, 0.05),
    0 0 3px rgba(0, 0, 0, 0.20),
    0 5px 12px rgba(0, 0, 0, 0.18),
    0 12px 26px rgba(0, 0, 0, 0.12) !important;
  letter-spacing: -0.015em;
  transition: text-shadow 0.3s ease;
}

.hero-title {
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.20),
    1px 2px 2px rgba(0, 0, 0, 0.18),
    0 0 3px rgba(0, 0, 0, 0.20),
    0 8px 18px rgba(0, 0, 0, 0.25),
    0 16px 36px rgba(0, 0, 0, 0.20) !important;
  letter-spacing: 0.12em;
}

.hero-title-hidden {
  
}

[data-theme="dark"] .page-hero h1,
[data-theme="dark"] .contact-hero h1,
[data-theme="dark"] .dest-clean-header h1,
[data-theme="dark"] .section-header h2,
[data-theme="dark"] .story-main-title,
[data-theme="dark"] .about-hero h1,
[data-theme="dark"] .faq-header h2,
[data-theme="dark"] .card-header-block h2 {
  text-shadow:
    0 1px 1px rgba(0, 0, 0, 0.7),
    1px 2px 2px rgba(0, 0, 0, 0.5),
    0 0 3px rgba(255, 255, 255, 0.12),
    0 6px 16px rgba(0, 0, 0, 0.6),
    0 14px 30px rgba(0, 0, 0, 0.45) !important;
}


/* ==============================================================================
   ORANGE UNDER-TEXT 3D SHADOW (STRICTLY UNDERNEATH · WARM MOROCCAN ORANGE 20%)
   ============================================================================== */
.hero-title-hidden {
  /* Warm orange ambient under-glow strictly cast below the letters (Y > 0) */
  filter: 
    drop-shadow(0 6px 12px rgba(200, 90, 50, 0.25))
    drop-shadow(0 14px 24px rgba(231, 169, 60, 0.20)) !important;
}

.hero-title {
  /* White DISCOVER text with warm orange shadow strictly underneath */
  text-shadow: 
    0 4px 8px rgba(200, 90, 50, 0.25),
    0 10px 20px rgba(231, 169, 60, 0.20) !important;
  letter-spacing: 0.12em;
}

/* All major page titles & section titles across the entire website */
.page-hero h1,
.contact-hero h1,
.dest-clean-header h1,
.section-header h2,
.story-main-title,
.about-hero h1,
.story-hero h1,
.map-hero h1,
.faq-header h2,
.cta-banner h2,
.cta-strip h2,
.privacy-cta h2,
.card-header-block h2,
.travel-form-left h2,
.details-header h2,
.section-title {
  /* Strictly downward Y offset (+4px, +10px, +18px), NO top shadow, Warm Orange at ~20% opacity */
  text-shadow: 
    0 4px 10px rgba(200, 90, 50, 0.22),
    0 10px 22px rgba(200, 90, 50, 0.18),
    0 18px 36px rgba(231, 169, 60, 0.14) !important;
}

[data-theme="dark"] .page-hero h1,
[data-theme="dark"] .contact-hero h1,
[data-theme="dark"] .dest-clean-header h1,
[data-theme="dark"] .section-header h2,
[data-theme="dark"] .story-main-title,
[data-theme="dark"] .about-hero h1,
[data-theme="dark"] .map-hero h1,
[data-theme="dark"] .faq-header h2,
[data-theme="dark"] .card-header-block h2,
[data-theme="dark"] .travel-form-left h2,
[data-theme="dark"] .details-header h2,
[data-theme="dark"] .section-title {
  /* On dark background: radiant amber-orange underglow strictly downwards */
  text-shadow: 
    0 4px 12px rgba(231, 169, 60, 0.35),
    0 12px 28px rgba(200, 90, 50, 0.25) !important;
}


/* ==============================================================================
   HERO ONLY: SOFT ORANGE AMBIENT BLUR ("FLOU") STRICTLY UNDER MAIN PAGE TITLES
   ============================================================================== */

/* 1. Only the main title at the beginning of each page */
.page-hero h1,
.contact-hero h1,
.dest-clean-header h1,
.about-hero h1,
.legal-hero h1,
.story-hero h1,
.map-hero h1,
.hero-title-discover {
  /* Soft, rich ambient orange blur strictly downwards (Y > 0), ZERO shadow on top */
  text-shadow: 
    0 6px 18px rgba(200, 90, 50, 0.28),
    0 16px 32px rgba(231, 169, 60, 0.22),
    0 26px 50px rgba(200, 90, 50, 0.15) !important;
}

/* Homepage Hero main title */
.hero-title-hidden {
  /* Warm Moroccan orange diffuse blur (flou) strictly cast beneath */
  filter: 
    drop-shadow(0 10px 22px rgba(200, 90, 50, 0.30))
    drop-shadow(0 22px 44px rgba(231, 169, 60, 0.22)) !important;
}

/* 2. Smaller titles across the site: CLEAN without shadow */
.section-header h2,
.section-title,
.card-header-block h2,
.faq-header h2,
.travel-form-left h2,
.details-header h2,
.cta-banner h2,
.cta-strip h2,
.privacy-cta h2,
.story-main-title,
h2:not(.page-hero h1),
h3, h4, h5, h6 {
  text-shadow: none !important;
}

[data-theme="dark"] .page-hero h1,
[data-theme="dark"] .contact-hero h1,
[data-theme="dark"] .dest-clean-header h1,
[data-theme="dark"] .about-hero h1,
[data-theme="dark"] .legal-hero h1,
[data-theme="dark"] .story-hero h1,
[data-theme="dark"] .map-hero h1 {
  text-shadow: 
    0 6px 20px rgba(231, 169, 60, 0.35),
    0 16px 36px rgba(200, 90, 50, 0.28) !important;
}

/* ==============================================================================
   AUTHENTIC MOROCCAN PALACE HERITAGE BACKGROUND SYSTEM
   Inspired by Moroccan Zellij & Arabesques (Images 1, 2, 3, 4)
   ============================================================================== */

/* 1. Global Page Background Ambient Texture (Tile) */
body {
  background-color: #FAF7F2 !important;
  background-image: 

    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'> <defs> <linearGradient id='tileLightGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23C85A32' stop-opacity='0.18'/> <stop offset='50%' stop-color='%23E7A93C' stop-opacity='0.14'/> <stop offset='100%' stop-color='%23C85A32' stop-opacity='0.18'/> </linearGradient> </defs> <g fill='none' stroke='url(%23tileLightGrad)' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'> <!-- Center 8-pointed Star Rosette --> <g transform='translate(80, 80)'> <polygon points='0,-26 9,-18 26,-26 18,-9 26,0 18,9 26,26 9,18 0,26 -9,18 -26,26 -18,9 -26,0 -18,-9 -26,-26 -9,-18' /> <polygon points='0,-16 6,-11 16,-16 11,-6 16,0 11,6 16,16 6,11 0,16 -6,11 -16,16 -11,6 -16,0 -11,-6 -16,-16 -6,-11' stroke-width='0.9' stroke-opacity='0.6'/> <circle cx='0' cy='0' r='4' fill='%23C85A32' fill-opacity='0.10'/> <polygon points='0,-32 9,-46 0,-60 -9,-46' /> <polygon points='0,32 9,46 0,60 -9,46' /> <polygon points='-32,0 -46,9 -60,0 -46,-9' /> <polygon points='32,0 46,9 60,0 46,-9' /> <line x1='-18' y1='-18' x2='-62' y2='-62'/> <line x1='18' y1='-18' x2='62' y2='-62'/> <line x1='-18' y1='18' x2='-62' y2='62'/> <line x1='18' y1='18' x2='62' y2='62'/> </g> <!-- 4 Corners --> <path d='M0,26 L9,18 L26,26 L18,9 L26,0' /> <circle cx='0' cy='0' r='4' fill='%23C85A32' fill-opacity='0.10'/> <path d='M160,26 L151,18 L134,26 L142,9 L134,0' /> <circle cx='160' cy='0' r='4' fill='%23C85A32' fill-opacity='0.10'/> <path d='M0,134 L9,142 L26,134 L18,151 L26,160' /> <circle cx='0' cy='160' r='4' fill='%23C85A32' fill-opacity='0.10'/> <path d='M160,134 L151,142 L134,134 L142,151 L134,160' /> <circle cx='160' cy='160' r='4' fill='%23C85A32' fill-opacity='0.10'/> </g> </svg>") !important;
  background-repeat: repeat !important;
  background-size: 160px 160px !important;
  background-attachment: fixed !important;
}

[data-theme="dark"] body {
  background-color: #151515 !important;
  background-image: 


    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'> <defs> <linearGradient id='tileDarkGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23E7A93C' stop-opacity='0.14'/> <stop offset='50%' stop-color='%23C85A32' stop-opacity='0.10'/> <stop offset='100%' stop-color='%23E7A93C' stop-opacity='0.14'/> </linearGradient> </defs> <g fill='none' stroke='url(%23tileDarkGrad)' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'> <!-- Center 8-pointed Star Rosette --> <g transform='translate(80, 80)'> <!-- 8-point outer star --> <polygon points='0,-26 9,-18 26,-26 18,-9 26,0 18,9 26,26 9,18 0,26 -9,18 -26,26 -18,9 -26,0 -18,-9 -26,-26 -9,-18' /> <polygon points='0,-16 6,-11 16,-16 11,-6 16,0 11,6 16,16 6,11 0,16 -6,11 -16,16 -11,6 -16,0 -11,-6 -16,-16 -6,-11' stroke-width='0.9' stroke-opacity='0.7'/> <circle cx='0' cy='0' r='4' fill='%23E7A93C' fill-opacity='0.12'/> <!-- Radiating diamond pointers --> <polygon points='0,-32 9,-46 0,-60 -9,-46' /> <polygon points='0,32 9,46 0,60 -9,46' /> <polygon points='-32,0 -46,9 -60,0 -46,-9' /> <polygon points='32,0 46,9 60,0 46,-9' /> <!-- Interlacing strapwork diagonals --> <line x1='-18' y1='-18' x2='-62' y2='-62'/> <line x1='18' y1='-18' x2='62' y2='-62'/> <line x1='-18' y1='18' x2='-62' y2='62'/> <line x1='18' y1='18' x2='62' y2='62'/> </g> <!-- 4 Corners (Seamless Wrapping) --> <!-- Top-Left --> <path d='M0,26 L9,18 L26,26 L18,9 L26,0' /> <circle cx='0' cy='0' r='4' fill='%23E7A93C' fill-opacity='0.12'/> <!-- Top-Right --> <path d='M160,26 L151,18 L134,26 L142,9 L134,0' /> <circle cx='160' cy='0' r='4' fill='%23E7A93C' fill-opacity='0.12'/> <!-- Bottom-Left --> <path d='M0,134 L9,142 L26,134 L18,151 L26,160' /> <circle cx='0' cy='160' r='4' fill='%23E7A93C' fill-opacity='0.12'/> <!-- Bottom-Right --> <path d='M160,134 L151,142 L134,134 L142,151 L134,160' /> <circle cx='160' cy='160' r='4' fill='%23E7A93C' fill-opacity='0.12'/> </g> </svg>") !important;
  background-repeat: repeat !important;
  background-size: 160px 160px !important;
  background-attachment: fixed !important;
}

/* Seamless background flow across sections */
.section,
.section-alt,
.features-bar,
.hero-stats-strip,
.destinations,
.story-welcome-section,
.story-section,
.map-section,
.reviews-section,
.values-section,
.team-section,
.faq-section,
.travel-form-section,
.contact-section,
.favorites-section {
  background: transparent !important;
}

[data-theme="dark"] .section,
[data-theme="dark"] .section-alt,
[data-theme="dark"] .features-bar,
[data-theme="dark"] .hero-stats-strip,
[data-theme="dark"] .destinations,
[data-theme="dark"] .story-welcome-section,
[data-theme="dark"] .story-section,
[data-theme="dark"] .map-section,
[data-theme="dark"] .reviews-section,
[data-theme="dark"] .values-section,
[data-theme="dark"] .team-section,
[data-theme="dark"] .faq-section,
[data-theme="dark"] .travel-form-section,
[data-theme="dark"] .contact-section,
[data-theme="dark"] .favorites-section,
[data-theme="dark"] div[style*="background:#FAF7F2"] {
  background: transparent !important;
}

/* 2. Hero Background Zellij Rosette Watermark (Image 3) */
.page-hero,
.contact-hero,
.dest-clean-header,
.about-hero,
.legal-hero,
.story-hero,
.map-hero,
.hero-content,
.booking-hero,
.modal-header-hero,
.ct-wizard-header {
  position: relative !important;
  overflow: visible !important;
}

.page-hero::before,
.contact-hero::before,
.dest-clean-header::before,
.about-hero::before,
.legal-hero::before,
.story-hero::before,
.map-hero::before,
.hero-content::before,
.booking-hero::before,
.modal-header-hero::before,
.ct-wizard-header::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 580px !important;
  height: 580px !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' width='600' height='600' fill='none'> <defs> <linearGradient id='goldGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23E7A93C'/> <stop offset='100%' stop-color='%23C85A32'/> </linearGradient> <linearGradient id='terraGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23C85A32'/> <stop offset='100%' stop-color='%23E7A93C'/> </linearGradient> <radialGradient id='centerGlow' cx='50%' cy='50%' r='50%'> <stop offset='0%' stop-color='%23E7A93C' stop-opacity='0.25'/> <stop offset='50%' stop-color='%23C85A32' stop-opacity='0.12'/> <stop offset='100%' stop-color='%23E7A93C' stop-opacity='0'/> </radialGradient> </defs> <!-- Ambient Soft Center Glow --> <circle cx='300' cy='300' r='280' fill='url(%23centerGlow)'/> <!-- Geometric Rosette --> <g stroke-linecap='round' stroke-linejoin='round'> <g transform='rotate(0 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(30 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(60 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(90 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(120 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(150 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(180 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(210 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(240 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(270 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(300 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(330 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <!-- Central 12-point nucleus --> <polygon points='300.0,222.0 310.9,259.4 339.0,232.5 329.7,270.3 367.5,261.0 340.6,289.1 378.0,300.0 340.6,310.9 367.5,339.0 329.7,329.7 339.0,367.5 310.9,340.6 300.0,378.0 289.1,340.6 261.0,367.5 270.3,329.7 232.5,339.0 259.4,310.9 222.0,300.0 259.4,289.1 232.5,261.0 270.3,270.3 261.0,232.5 289.1,259.4' fill='none' stroke='url(%23goldGrad)' stroke-width='2.6'/> <polygon points='300.0,230.0 309.3,265.2 335.0,239.4 325.5,274.5 360.6,265.0 334.8,290.7 370.0,300.0 334.8,309.3 360.6,335.0 325.5,325.5 335.0,360.6 309.3,334.8 300.0,370.0 290.7,334.8 265.0,360.6 274.5,325.5 239.4,335.0 265.2,309.3 230.0,300.0 265.2,290.7 239.4,265.0 274.5,274.5 265.0,239.4 290.7,265.2' fill='none' stroke='url(%23terraGrad)' stroke-width='1.6'/> <circle cx='300' cy='300' r='16' fill='none' stroke='url(%23goldGrad)' stroke-width='2'/> <circle cx='300' cy='300' r='5' fill='%23E7A93C'/> </g> </svg>") center/contain no-repeat !important;
  opacity: 0.25 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 75%) !important;
  mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 75%) !important;
}

[data-theme="dark"] .page-hero::before,
[data-theme="dark"] .contact-hero::before,
[data-theme="dark"] .dest-clean-header::before,
[data-theme="dark"] .about-hero::before,
[data-theme="dark"] .legal-hero::before,
[data-theme="dark"] .story-hero::before,
[data-theme="dark"] .map-hero::before,
[data-theme="dark"] .hero-content::before,
[data-theme="dark"] .booking-hero::before,
[data-theme="dark"] .modal-header-hero::before,
[data-theme="dark"] .ct-wizard-header::before {
  opacity: 0.28 !important;
}

.page-hero > *,
.contact-hero > *,
.dest-clean-header > *,
.about-hero > *,
.legal-hero > *,
.story-hero > *,
.map-hero > *,
.hero-content > *,
.booking-hero > *,
.modal-header-hero > *,
.ct-wizard-header > * {
  position: relative !important;
  z-index: 2 !important;
}

/* 3. Section Header Moroccan Spindle Divider (Image 2) */
.moroccan-divider,
.section-header::after {
  content: "";
  display: block;
  width: 100%;
  max-width: 420px;
  height: 38px;
  margin: 14px auto 18px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 70' width='700' height='70' fill='none'> <defs> <linearGradient id='divGrad' x1='0%' y1='0%' x2='100%' y2='0%'> <stop offset='0%' stop-color='%23E7A93C' stop-opacity='0'/> <stop offset='25%' stop-color='%23E7A93C' stop-opacity='0.85'/> <stop offset='50%' stop-color='%23E7A93C'/> <stop offset='75%' stop-color='%23E7A93C' stop-opacity='0.85'/> <stop offset='100%' stop-color='%23E7A93C' stop-opacity='0'/> </linearGradient> </defs> <!-- Left tapered spear needle --> <path d='M10,35 L260,36 C280,36.5 295,38 305,39 L305,31 C295,32 280,33.5 260,34 Z' fill='url(%23divGrad)' /> <!-- Left Diamond Spacer --> <polygon points='310,35 316,40 322,35 316,30' fill='%23E7A93C' /> <!-- Central Arabesque Filigree Medallion (Image 2) --> <g transform='translate(350, 35)'> <!-- Central diamond knot --> <polygon points='0,-7 7,0 0,7 -7,0' fill='%23E7A93C' /> <circle cx='0' cy='0' r='2.5' fill='%23FAF7F2' /> <!-- 4 delicate scrolled volutes (heart / clover arabesque) --> <path d='M0,-7 C-5,-12 -12,-17 -10,-24 C-8,-29 0,-28 0,-28 C0,-28 8,-29 10,-24 C12,-17 5,-12 0,-7 Z' fill='%23E7A93C' /> <path d='M0,7 C-5,12 -12,17 -10,24 C-8,29 0,28 0,28 C0,28 8,29 10,24 C12,17 5,12 0,7 Z' fill='%23E7A93C' /> <path d='M7,0 C12,-5 17,-12 24,-10 C29,-8 28,0 28,0 C28,0 29,8 24,10 C17,12 12,5 7,0 Z' fill='%23E7A93C' /> <path d='M-7,0 C-12,-5 -17,-12 -24,-10 C-29,-8 -28,0 -28,0 C-28,0 -29,8 -24,10 C-17,12 -12,5 -7,0 Z' fill='%23E7A93C' /> <!-- 4 outer diamond finial accents --> <polygon points='0,-29 3.5,-32.5 0,-36 -3.5,-32.5' fill='%23E7A93C' /> <polygon points='0,29 3.5,32.5 0,36 -3.5,32.5' fill='%23E7A93C' /> <polygon points='-29,0 -32.5,3.5 -36,0 -32.5,-3.5' fill='%23E7A93C' /> <polygon points='29,0 32.5,3.5 36,0 32.5,-3.5' fill='%23E7A93C' /> </g> <!-- Right Diamond Spacer --> <polygon points='378,35 384,40 390,35 384,30' fill='%23E7A93C' /> <!-- Right tapered needle spear --> <path d='M395,31 L395,39 C405,38 420,36.5 440,36 L690,35 L440,34 C420,33.5 405,32 395,31 Z' fill='url(%23divGrad)' /> </svg>") center/contain no-repeat;
  opacity: 0.75;
  filter: drop-shadow(0 2px 6px rgba(200, 90, 50, 0.3));
}

[data-theme="dark"] .moroccan-divider,
[data-theme="dark"] .section-header::after {
  opacity: 0.90;
  filter: drop-shadow(0 0 8px rgba(231, 169, 60, 0.5));
}

/* 4. Luxury Card Corner Moroccan Arabesque Watermark (Image 1 & 3) */
.card,
.feature-item,
.why-card,
.review-card,
.value-card,
.team-card,
.contact-info-card,
.map-toolbar,
.map-detail-panel,
.hero-stat-item,
.ct-dest-card,
.ct-option-card {
  position: relative !important;
  overflow: hidden !important;
}

.card::after,
.feature-item::after,
.why-card::after,
.review-card::after,
.value-card::after,
.team-card::after,
.contact-info-card::after,
.map-toolbar::after,
.map-detail-panel::after,
.hero-stat-item::after,
.modal-content::after,
.ct-modal-content::after,
.ct-dest-card::after,
.ct-option-card::after {
  content: "" !important;
  position: absolute !important;
  bottom: -22px !important;
  right: -22px !important;
  width: 130px !important;
  height: 130px !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' width='600' height='600' fill='none'> <defs> <linearGradient id='goldGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23E7A93C'/> <stop offset='100%' stop-color='%23C85A32'/> </linearGradient> <linearGradient id='terraGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23C85A32'/> <stop offset='100%' stop-color='%23E7A93C'/> </linearGradient> <radialGradient id='centerGlow' cx='50%' cy='50%' r='50%'> <stop offset='0%' stop-color='%23E7A93C' stop-opacity='0.25'/> <stop offset='50%' stop-color='%23C85A32' stop-opacity='0.12'/> <stop offset='100%' stop-color='%23E7A93C' stop-opacity='0'/> </radialGradient> </defs> <!-- Ambient Soft Center Glow --> <circle cx='300' cy='300' r='280' fill='url(%23centerGlow)'/> <!-- Geometric Rosette --> <g stroke-linecap='round' stroke-linejoin='round'> <g transform='rotate(0 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(30 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(60 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(90 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(120 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(150 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(180 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(210 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(240 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(270 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(300 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(330 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <!-- Central 12-point nucleus --> <polygon points='300.0,222.0 310.9,259.4 339.0,232.5 329.7,270.3 367.5,261.0 340.6,289.1 378.0,300.0 340.6,310.9 367.5,339.0 329.7,329.7 339.0,367.5 310.9,340.6 300.0,378.0 289.1,340.6 261.0,367.5 270.3,329.7 232.5,339.0 259.4,310.9 222.0,300.0 259.4,289.1 232.5,261.0 270.3,270.3 261.0,232.5 289.1,259.4' fill='none' stroke='url(%23goldGrad)' stroke-width='2.6'/> <polygon points='300.0,230.0 309.3,265.2 335.0,239.4 325.5,274.5 360.6,265.0 334.8,290.7 370.0,300.0 334.8,309.3 360.6,335.0 325.5,325.5 335.0,360.6 309.3,334.8 300.0,370.0 290.7,334.8 265.0,360.6 274.5,325.5 239.4,335.0 265.2,309.3 230.0,300.0 265.2,290.7 239.4,265.0 274.5,274.5 265.0,239.4 290.7,265.2' fill='none' stroke='url(%23terraGrad)' stroke-width='1.6'/> <circle cx='300' cy='300' r='16' fill='none' stroke='url(%23goldGrad)' stroke-width='2'/> <circle cx='300' cy='300' r='5' fill='%23E7A93C'/> </g> </svg>") center/contain no-repeat !important;
  opacity: 0.08 !important;
  pointer-events: none !important;
  transition: all 0.4s ease !important;
  z-index: 1 !important;
}

[data-theme="dark"] .card::after,
[data-theme="dark"] .feature-item::after,
[data-theme="dark"] .why-card::after,
[data-theme="dark"] .review-card::after,
[data-theme="dark"] .value-card::after,
[data-theme="dark"] .team-card::after,
[data-theme="dark"] .contact-info-card::after,
[data-theme="dark"] .map-toolbar::after,
[data-theme="dark"] .map-detail-panel::after,
[data-theme="dark"] .hero-stat-item::after,
[data-theme="dark"] .modal-content::after,
[data-theme="dark"] .ct-modal-content::after,
[data-theme="dark"] .ct-dest-card::after,
[data-theme="dark"] .ct-option-card::after {
  opacity: 0.16 !important;
}

.card:hover::after,
.feature-item:hover::after,
.why-card:hover::after,
.review-card:hover::after,
.value-card:hover::after,
.team-card:hover::after,
.contact-info-card:hover::after,
.map-toolbar:hover::after,
.map-detail-panel:hover::after,
.hero-stat-item:hover::after {
  transform: scale(1.15) rotate(15deg) !important;
  opacity: 0.34 !important;
}

[data-theme="dark"] .card:hover::after,
[data-theme="dark"] .feature-item:hover::after,
[data-theme="dark"] .why-card:hover::after,
[data-theme="dark"] .review-card:hover::after,
[data-theme="dark"] .value-card:hover::after,
[data-theme="dark"] .team-card:hover::after,
[data-theme="dark"] .contact-info-card:hover::after,
[data-theme="dark"] .map-toolbar:hover::after,
[data-theme="dark"] .map-detail-panel:hover::after,
[data-theme="dark"] .hero-stat-item:hover::after {
  opacity: 0.45 !important;
}

.card > *,
.feature-item > *,
.why-card > *,
.review-card > *,
.value-card > *,
.team-card > *,
.contact-info-card > *,
.map-toolbar > *,
.map-detail-panel > *,
.hero-stat-item > * {
  position: relative !important;
  z-index: 2 !important;
}



/* ==============================================================================
   TITLE AMBIENT BACKDROP FLO (SOFT DIFFUSE HALO TO ISOLATE TEXT FROM ZELLIJ MOTIF)
   ============================================================================== */
/* Universal 100% Mathematically Centered Titles with Zero Decalage */
.page-hero h1,
.contact-hero h1,
.dest-clean-header h1,
.about-hero h1,
.legal-hero h1,
.story-hero h1,
.map-hero h1,
.hero-title,
.booking-hero h1,
.page-header h1,
.modal-content h2,
.ct-step-title,
.marr-exp-head .section-title {
  position: relative !important;
  z-index: 3 !important;
  display: table !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

.page-hero h1::before,
.contact-hero h1::before,
.dest-clean-header h1::before,
.about-hero h1::before,
.legal-hero h1::before,
.story-hero h1::before,
.map-hero h1::before,
.hero-title::before,
.booking-hero h1::before,
.page-header h1::before,
.modal-content h2::before,
.ct-step-title::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 118% !important;
  height: 138% !important;
  background: radial-gradient(ellipse at center, rgba(21, 21, 21, 0.90) 0%, rgba(21, 21, 21, 0.70) 50%, rgba(21, 21, 21, 0) 80%) !important;
  filter: blur(16px) !important;
  -webkit-filter: blur(16px) !important;
  pointer-events: none !important;
  z-index: -1 !important;
  border-radius: 99px !important;
}

[data-theme="light"] .page-hero h1::before,
[data-theme="light"] .contact-hero h1::before,
[data-theme="light"] .dest-clean-header h1::before,
[data-theme="light"] .about-hero h1::before,
[data-theme="light"] .legal-hero h1::before,
[data-theme="light"] .story-hero h1::before,
[data-theme="light"] .map-hero h1::before,
[data-theme="light"] .booking-hero h1::before,
[data-theme="light"] .page-header h1::before,
[data-theme="light"] .modal-content h2::before,
[data-theme="light"] .ct-step-title::before {
  background: radial-gradient(ellipse at center, rgba(250, 247, 242, 0.94) 0%, rgba(250, 247, 242, 0.75) 50%, rgba(250, 247, 242, 0) 80%) !important;
}

/* ==============================================================================
   MARRAKECH EXPERIENCES / EXCURSIONS LUXURY ACCORDION & CARDS
   ============================================================================== */
.marr-exp {
  margin: 36px 0 28px !important;
  padding: 28px 24px !important;
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(200, 90, 50, 0.18) !important;
  border-radius: 24px !important;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.05) !important;
}

[data-theme="dark"] .marr-exp {
  background: #1c1c1c !important;
  border-color: rgba(231, 169, 60, 0.22) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}

.marr-exp-head {
  text-align: center !important;
  margin-bottom: 22px !important;
}

.marr-exp-head .section-title {
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  color: var(--hm-text-heading) !important;
  margin-bottom: 6px !important;
}

.marr-exp-head .subtitle {
  font-size: 0.88rem !important;
  color: var(--hm-text-muted) !important;
  margin: 0 !important;
}

/* Accordion Container */
.marr-accordion {
  display: flex !important;
  flex-direction: row !important;
  gap: 14px !important;
  height: 380px !important;
  width: 100% !important;
  overflow: hidden !important;
  border-radius: 18px !important;
}

/* Each Excursion Card */
.acc-item {
  position: relative !important;
  flex: 1 !important;
  height: 100% !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  border: 1.5px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25) !important;
  transition: flex 0.5s cubic-bezier(0.25, 1, 0.5, 1), transform 0.3s ease, border-color 0.3s ease !important;
}

.acc-item:hover {
  flex: 3.2 !important;
  border-color: #E7A93C !important;
}

.acc-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

.acc-item:hover img {
  transform: scale(1.08) !important;
}

.acc-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.35) 45%, rgba(15,10,5,0.92) 100%) !important;
  transition: opacity 0.3s ease !important;
}

.acc-content {
  position: absolute !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: 18px 16px !important;
  z-index: 2 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  pointer-events: none !important;
}

.acc-tag {
  align-self: flex-start !important;
  padding: 4px 12px !important;
  border-radius: 99px !important;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #C85A32, #E7A93C) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(200, 90, 50, 0.4) !important;
}

.acc-content h4 {
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  margin: 0 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.acc-desc {
  font-size: 0.82rem !important;
  color: rgba(255, 255, 255, 0.88) !important;
  margin: 0 !important;
  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.6) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

/* Responsive: Tablet / Mobile switch to elegant card grid */
@media (max-width: 900px) {
  .marr-accordion {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    height: auto !important;
    gap: 16px !important;
  }
  .acc-item {
    height: 220px !important;
    flex: none !important;
  }
  .acc-item:hover {
    flex: none !important;
    transform: translateY(-4px) !important;
  }
}

/* ==============================================================================
   DESTINATION MODALS & CUSTOMIZE TOUR ZAKHRAFA ENHANCEMENTS
   ============================================================================== */
.modal-content,
.ct-modal-content {
  background-color: var(--hm-bg-card) !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'> <defs> <linearGradient id='tileDarkGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23E7A93C' stop-opacity='0.14'/> <stop offset='50%' stop-color='%23C85A32' stop-opacity='0.10'/> <stop offset='100%' stop-color='%23E7A93C' stop-opacity='0.14'/> </linearGradient> </defs> <g fill='none' stroke='url(%23tileDarkGrad)' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'> <g transform='translate(80, 80)'> <polygon points='0,-26 9,-18 26,-26 18,-9 26,0 18,9 26,26 9,18 0,26 -9,18 -26,26 -18,9 -26,0 -18,-9 -26,-26 -9,-18' /> <polygon points='0,-16 6,-11 16,-16 11,-6 16,0 11,6 16,16 6,11 0,16 -6,11 -16,16 -11,6 -16,0 -11,-6 -16,-16 -6,-11' stroke-width='0.8' stroke-opacity='0.5'/> <circle cx='0' cy='0' r='3.5' fill='%23E7A93C' fill-opacity='0.08'/> </g> </g> </svg>") !important;
  background-repeat: repeat !important;
  background-size: 160px 160px !important;
}

[data-theme="dark"] .modal-content,
[data-theme="dark"] .ct-modal-content {
  background-color: #181818 !important;
  border: 1px solid rgba(231, 169, 60, 0.25) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7) !important;
}

.modal-content h2 {
  text-align: center !important;
  font-size: clamp(2rem, 4vw, 2.8rem) !important;
  margin: 10px auto 16px !important;
  color: var(--hm-text-heading) !important;
}

[data-theme="dark"] .modal-content h2 {
  color: #FFFFFF !important;
  text-shadow: 0 4px 14px rgba(231, 169, 60, 0.35), 0 12px 28px rgba(200, 90, 50, 0.25) !important;
}

.modal-content .moroccan-divider,
.ct-modal-content .moroccan-divider {
  margin: 12px auto 24px !important;
  max-width: 380px !important;
}


/* Strict Moroccan Divider Horizontal Centering — Zero Decalage */
.moroccan-divider,
.modal-content .moroccan-divider,
.ct-modal-content .moroccan-divider,
.marr-exp-head .moroccan-divider,
.booking-hero .moroccan-divider,
.page-hero .moroccan-divider,
.contact-hero .moroccan-divider,
.dest-clean-header .moroccan-divider {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  max-width: 380px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}


/* ==============================================================================
   UNIVERSAL LUXURY TAILOR-MADE BOOKING FORM (booking.html & modals)
   ============================================================================== */
.travel-form-section {
  padding: 40px 24px 90px !important;
  background: transparent !important;
  position: relative !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.travel-form-container {
  display: flex !important;
  max-width: 1100px !important;
  width: 100% !important;
  margin: 0 auto !important;
  background: var(--hm-bg-card, #FFFFFF) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  border: 1px solid var(--hm-border, rgba(15, 23, 42, 0.08)) !important;
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.08) !important;
  position: relative !important;
  box-sizing: border-box !important;
}

[data-theme="dark"] .travel-form-container {
  background: #181818 !important;
  border-color: rgba(231, 169, 60, 0.22) !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.65) !important;
}

.travel-form-left {
  flex: 0.85 !important;
  position: relative !important;
  min-width: 280px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  padding: 40px 32px !important;
  color: #ffffff !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.travel-form-left .form-bg-img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 1 !important;
}

.travel-form-left::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0.88) 100%) !important;
  z-index: 2 !important;
}

.form-left-content {
  position: relative !important;
  z-index: 3 !important;
}

.form-left-content h2 {
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 2rem !important;
  color: #ffffff !important;
  margin-bottom: 10px !important;
  text-align: left !important;
}

.form-left-content p {
  font-size: 0.94rem !important;
  color: rgba(255, 255, 255, 0.88) !important;
  line-height: 1.6 !important;
  margin-bottom: 20px !important;
  text-align: left !important;
}

.form-contact-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  font-size: 0.88rem !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

.travel-form-right {
  flex: 1.25 !important;
  padding: 38px 40px !important;
  box-sizing: border-box !important;
  background: var(--hm-bg-card, #FFFFFF) !important;
}

[data-theme="dark"] .travel-form-right {
  background: #181818 !important;
}

.travel-form-right .form-row {
  display: flex !important;
  gap: 18px !important;
  margin-bottom: 14px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.travel-form-right .input-group {
  flex: 1 !important;
  position: relative !important;
  display: flex !important;
  flex-direction: column-reverse !important;
  margin-bottom: 14px !important;
  box-sizing: border-box !important;
}

.travel-form-right input[type="text"],
.travel-form-right input[type="email"],
.travel-form-right input[type="tel"],
.travel-form-right input[type="date"],
.travel-form-right select,
.travel-form-right textarea {
  width: 100% !important;
  padding: 13px 16px !important;
  border: 1.5px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 12px !important;
  font-family: 'Open Sans', Arial, sans-serif !important;
  font-size: 0.92rem !important;
  color: #0F172A !important;
  background: #FFFFFF !important;
  outline: none !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

[data-theme="dark"] .travel-form-right input[type="text"],
[data-theme="dark"] .travel-form-right input[type="email"],
[data-theme="dark"] .travel-form-right input[type="tel"],
[data-theme="dark"] .travel-form-right input[type="date"],
[data-theme="dark"] .travel-form-right select,
[data-theme="dark"] .travel-form-right textarea {
  background: #222222 !important;
  color: #F8FAFC !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.travel-form-right input:focus,
.travel-form-right select:focus,
.travel-form-right textarea:focus {
  border-color: #E7A93C !important;
  box-shadow: 0 0 0 4px rgba(231, 169, 60, 0.2) !important;
}

.travel-form-right .input-group label {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: var(--hm-text-body, #334155) !important;
  margin-bottom: 6px !important;
  letter-spacing: 0.3px !important;
  text-align: left !important;
}

[data-theme="dark"] .travel-form-right .input-group label {
  color: #CBD5E1 !important;
}

.travel-form-right .select-group {
  position: relative !important;
}

.travel-form-right .select-icon {
  position: absolute !important;
  right: 14px !important;
  bottom: 14px !important;
  pointer-events: none !important;
  color: #94A3B8 !important;
  font-size: 0.85rem !important;
}

.destination-select {
  margin: 24px 0 20px !important;
  padding: 22px 20px !important;
  background: rgba(15, 23, 42, 0.03) !important;
  border-radius: 18px !important;
  border: 1px solid var(--hm-border, rgba(15, 23, 42, 0.08)) !important;
  box-sizing: border-box !important;
}

[data-theme="dark"] .destination-select {
  background: #202020 !important;
  border-color: rgba(231, 169, 60, 0.18) !important;
}

.dest-title {
  font-weight: 700 !important;
  font-size: 0.96rem !important;
  margin-bottom: 16px !important;
  display: block !important;
  color: var(--hm-text-heading, #0F172A) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  text-align: left !important;
}

[data-theme="dark"] .dest-title {
  color: #F8FAFC !important;
}

.dest-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)) !important;
  gap: 10px !important;
}

.dest-card {
  position: relative !important;
  border: 1.5px solid rgba(15, 23, 42, 0.12) !important;
  border-radius: 12px !important;
  padding: 10px 12px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  background: var(--hm-bg-card, #FFFFFF) !important;
  text-align: center !important;
  font-weight: 600 !important;
  font-size: 0.86rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

[data-theme="dark"] .dest-card {
  background: #262626 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #E2E8F0 !important;
}

.dest-card input {
  display: none !important;
}

.dest-card:hover {
  border-color: #E7A93C !important;
  transform: translateY(-2px) !important;
}

.dest-card:has(input:checked) {
  border-color: transparent !important;
  background: linear-gradient(135deg, #C85A32, #E7A93C) !important;
  color: #FFFFFF !important;
  box-shadow: 0 4px 15px rgba(200, 90, 50, 0.35) !important;
  transform: translateY(-2px) !important;
}

.dest-card:has(input:checked) span {
  color: #FFFFFF !important;
}

.travel-form-right .btn-submit,
.travel-form-right button[type="submit"] {
  width: 100% !important;
  padding: 15px 24px !important;
  border: none !important;
  border-radius: 99px !important;
  background: linear-gradient(135deg, #C85A32 0%, #E7A93C 100%) !important;
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 1.02rem !important;
  letter-spacing: 0.4px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: 0 8px 25px rgba(200, 90, 50, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
  margin-top: 14px !important;
  box-sizing: border-box !important;
}

.travel-form-right .btn-submit:hover,
.travel-form-right button[type="submit"]:hover {
  transform: translateY(-3px) scale(1.01) !important;
  box-shadow: 0 14px 32px rgba(231, 169, 60, 0.5) !important;
  background: linear-gradient(135deg, #E7A93C 0%, #C85A32 100%) !important;
}

@media (max-width: 900px) {
  .travel-form-container {
    flex-direction: column !important;
    border-radius: 20px !important;
    margin: 0 12px 60px !important;
  }
  .travel-form-left {
    min-height: 220px !important;
    padding: 28px 24px !important;
  }
  .travel-form-right {
    padding: 28px 20px !important;
  }
  .travel-form-right .form-row {
    flex-direction: column !important;
    gap: 0 !important;
  }
  .dest-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}



/* Home Hero Title Vignette Flo (Always dark photographic vignette) */
.hero-title::before,
[data-theme="light"] .hero-title::before,
[data-theme="dark"] .hero-title::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 120% !important;
  height: 140% !important;
  background: radial-gradient(ellipse at center, rgba(12, 8, 4, 0.65) 0%, rgba(12, 8, 4, 0.40) 50%, rgba(12, 8, 4, 0) 80%) !important;
  filter: blur(20px) !important;
  -webkit-filter: blur(20px) !important;
  pointer-events: none !important;
  z-index: -1 !important;
  border-radius: 99px !important;
}

/* Home Navbar transparent state active pill */
body.page-home .hn-nav:not(.glass-nav) .hn-links a.active {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #FFFFFF !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

body.page-home .hn-nav.glass-nav .hn-links a.active,
.hn-nav.glass-nav .hn-links a.active {
  background: linear-gradient(135deg, rgba(200, 90, 50, 0.15), rgba(231, 169, 60, 0.15)) !important;
  color: #C85A32 !important;
  border: 1px solid rgba(200, 90, 50, 0.3) !important;
}



/* ==============================================================================
   GUARANTEED UNIVERSAL MODAL & CUSTOMIZE TOUR SCROLL ENFORCEMENT
   ============================================================================== */
.modal,
#customTourModal,
#destModal,
.dest-booking-modal-overlay,
.exp-modal,
#globalQuickBookModal {
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

.modal-content,
.ct-modal-content,
.dest-booking-sheet,
.exp-sheet,
#customTourModal .ct-modal-content,
.modal .modal-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  max-height: 88vh !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: thin !important;
  scrollbar-color: #E7A93C rgba(255, 255, 255, 0.1) !important;
}


/* ==============================================================================
   SEAMLESS UNIFIED BACKGROUND — ZERO PAGE-SPLIT LIGHT REFLECTIONS OR SEAMS
   ============================================================================== */
html body main,
html body section:not(.hero-section):not(.cta-banner):not(.cta-strip):not(.privacy-cta):not(.desert-quote-banner),
html body .section,
html body .section-alt,
html body .page-hero,
html body .contact-hero,
html body .dest-clean-header,
html body .about-hero,
html body .legal-hero,
html body .legal-content,
html body .story-hero,
html body .map-hero,
html body .booking-hero,
html body .page-header,
html body .features-bar,
html body .hero-stats-strip,
html body .destinations,
html body .story-welcome-section,
html body .story-section,
html body .map-section,
html body .reviews-section,
html body .values-section,
html body .team-section,
html body .faq-section,
html body .travel-form-section,
html body .contact-section,
html body .favorites-section,
html body .about-section,
html body .testimonials-section-wrap,
html body .testimonials-section,
html body #testimonials,
html body .map-dashboard-container,
html[data-theme="dark"] body main,
html[data-theme="dark"] body section:not(.hero-section):not(.cta-banner):not(.cta-strip):not(.privacy-cta):not(.desert-quote-banner),
html[data-theme="dark"] body .section,
html[data-theme="dark"] body .section-alt,
html[data-theme="dark"] body .page-hero,
html[data-theme="dark"] body .contact-hero,
html[data-theme="dark"] body .dest-clean-header,
html[data-theme="dark"] body .about-hero,
html[data-theme="dark"] body .legal-hero,
html[data-theme="dark"] body .legal-content,
html[data-theme="dark"] body .story-hero,
html[data-theme="dark"] body .map-hero,
html[data-theme="dark"] body .booking-hero,
html[data-theme="dark"] body .page-header,
html[data-theme="dark"] body .features-bar,
html[data-theme="dark"] body .hero-stats-strip,
html[data-theme="dark"] body .destinations,
html[data-theme="dark"] body .story-welcome-section,
html[data-theme="dark"] body .story-section,
html[data-theme="dark"] body .map-section,
html[data-theme="dark"] body .reviews-section,
html[data-theme="dark"] body .values-section,
html[data-theme="dark"] body .team-section,
html[data-theme="dark"] body .faq-section,
html[data-theme="dark"] body .travel-form-section,
html[data-theme="dark"] body .contact-section,
html[data-theme="dark"] body .favorites-section,
html[data-theme="dark"] body .about-section,
html[data-theme="dark"] body .testimonials-section-wrap,
html[data-theme="dark"] body .testimonials-section,
html[data-theme="dark"] body #testimonials,
html[data-theme="dark"] body .map-dashboard-container,
html[data-theme="dark"] body div[style*="background:#FAF7F2"],
html[data-theme="dark"] body div[style*="background: #FAF7F2"] {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

/* Also ensure card hover animations work on Customize Tour & Experience cards (idle 0.08 -> hover +10% boost) */
.ct-dest-card:hover::after,
.ct-option-card:hover::after,
.exp-cat-card:hover::after,
.destination-card:hover::after {
  transform: scale(1.15) rotate(15deg) !important;
  opacity: 0.34 !important;
}

[data-theme="dark"] .ct-dest-card:hover::after,
[data-theme="dark"] .ct-option-card:hover::after,
[data-theme="dark"] .exp-cat-card:hover::after,
[data-theme="dark"] .destination-card:hover::after {
  opacity: 0.45 !important;
}

/* Remove old duplicate orange bar under modal h2 so only the Moroccan symbol appears */
.modal-content h2::after {
  display: none !important;
  content: none !important;
}

/* ==============================================================================
   MOROCCAN DIVIDER = ROSETTE (::before) + SYMBOL (::after) — ONE SHARED CENTRE
   The symbol only exists under a title, and the zakhrafa rosette behind it is
   anchored to the exact same point, so they can never drift apart.
   ============================================================================== */
body .moroccan-divider {
  position: relative !important;
  background: none !important;
  filter: none !important;
  opacity: 1 !important;
  overflow: visible !important;
  pointer-events: none !important;
}

body .moroccan-divider::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 700 70' width='700' height='70' fill='none'> <defs> <linearGradient id='divGrad' x1='0%' y1='0%' x2='100%' y2='0%'> <stop offset='0%' stop-color='%23E7A93C' stop-opacity='0'/> <stop offset='25%' stop-color='%23E7A93C' stop-opacity='0.85'/> <stop offset='50%' stop-color='%23E7A93C'/> <stop offset='75%' stop-color='%23E7A93C' stop-opacity='0.85'/> <stop offset='100%' stop-color='%23E7A93C' stop-opacity='0'/> </linearGradient> </defs> <!-- Left tapered spear needle --> <path d='M10,35 L260,36 C280,36.5 295,38 305,39 L305,31 C295,32 280,33.5 260,34 Z' fill='url(%23divGrad)' /> <!-- Left Diamond Spacer --> <polygon points='310,35 316,40 322,35 316,30' fill='%23E7A93C' /> <!-- Central Arabesque Filigree Medallion (Image 2) --> <g transform='translate(350, 35)'> <!-- Central diamond knot --> <polygon points='0,-7 7,0 0,7 -7,0' fill='%23E7A93C' /> <circle cx='0' cy='0' r='2.5' fill='%23FAF7F2' /> <!-- 4 delicate scrolled volutes (heart / clover arabesque) --> <path d='M0,-7 C-5,-12 -12,-17 -10,-24 C-8,-29 0,-28 0,-28 C0,-28 8,-29 10,-24 C12,-17 5,-12 0,-7 Z' fill='%23E7A93C' /> <path d='M0,7 C-5,12 -12,17 -10,24 C-8,29 0,28 0,28 C0,28 8,29 10,24 C12,17 5,12 0,7 Z' fill='%23E7A93C' /> <path d='M7,0 C12,-5 17,-12 24,-10 C29,-8 28,0 28,0 C28,0 29,8 24,10 C17,12 12,5 7,0 Z' fill='%23E7A93C' /> <path d='M-7,0 C-12,-5 -17,-12 -24,-10 C-29,-8 -28,0 -28,0 C-28,0 -29,8 -24,10 C-17,12 -12,5 -7,0 Z' fill='%23E7A93C' /> <!-- 4 outer diamond finial accents --> <polygon points='0,-29 3.5,-32.5 0,-36 -3.5,-32.5' fill='%23E7A93C' /> <polygon points='0,29 3.5,32.5 0,36 -3.5,32.5' fill='%23E7A93C' /> <polygon points='-29,0 -32.5,3.5 -36,0 -32.5,-3.5' fill='%23E7A93C' /> <polygon points='29,0 32.5,3.5 36,0 32.5,-3.5' fill='%23E7A93C' /> </g> <!-- Right Diamond Spacer --> <polygon points='378,35 384,40 390,35 384,30' fill='%23E7A93C' /> <!-- Right tapered needle spear --> <path d='M395,31 L395,39 C405,38 420,36.5 440,36 L690,35 L440,34 C420,33.5 405,32 395,31 Z' fill='url(%23divGrad)' /> </svg>") center center / contain no-repeat !important;
  opacity: 0.85 !important;
  filter: drop-shadow(0 2px 6px rgba(200, 90, 50, 0.3)) !important;
  z-index: 1 !important;
}

[data-theme="dark"] body .moroccan-divider::after,
body[data-theme="dark"] .moroccan-divider::after {
  opacity: 0.9 !important;
  filter: drop-shadow(0 0 8px rgba(231, 169, 60, 0.5)) !important;
}

/* Containers that own a title rosette become their own stacking layer */
.hero-content,
.page-hero,
.booking-hero,
.map-hero,
.contact-hero,
.dest-clean-header,
.about-hero,
.legal-hero,
.story-hero,
.page-header,
.modal-content,
.marr-exp-head,
.ct-step-content {
  isolation: isolate !important;
}

/* The divider + its rosette sit BEHIND the title, text and cards of the container */
.hero-content .moroccan-divider,
.page-hero .moroccan-divider,
.booking-hero .moroccan-divider,
.map-hero .moroccan-divider,
.contact-hero .moroccan-divider,
.dest-clean-header .moroccan-divider,
.about-hero .moroccan-divider,
.legal-hero .moroccan-divider,
.story-hero .moroccan-divider,
.page-header .moroccan-divider,
.modal-content .moroccan-divider,
.marr-exp-head .moroccan-divider,
.ct-step-content .moroccan-divider {
  z-index: -1 !important;
}

.hero-content .moroccan-divider::before,
.page-hero .moroccan-divider::before,
.booking-hero .moroccan-divider::before,
.map-hero .moroccan-divider::before,
.contact-hero .moroccan-divider::before,
.dest-clean-header .moroccan-divider::before,
.about-hero .moroccan-divider::before,
.legal-hero .moroccan-divider::before,
.story-hero .moroccan-divider::before,
.page-header .moroccan-divider::before,
.modal-content .moroccan-divider::before,
.marr-exp-head .moroccan-divider::before,
.ct-step-content .moroccan-divider::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 520px !important;
  height: 520px !important;
  max-width: none !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' width='600' height='600' fill='none'> <defs> <linearGradient id='goldGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23E7A93C'/> <stop offset='100%' stop-color='%23C85A32'/> </linearGradient> <linearGradient id='terraGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23C85A32'/> <stop offset='100%' stop-color='%23E7A93C'/> </linearGradient> <radialGradient id='centerGlow' cx='50%' cy='50%' r='50%'> <stop offset='0%' stop-color='%23E7A93C' stop-opacity='0.25'/> <stop offset='50%' stop-color='%23C85A32' stop-opacity='0.12'/> <stop offset='100%' stop-color='%23E7A93C' stop-opacity='0'/> </radialGradient> </defs> <!-- Ambient Soft Center Glow --> <circle cx='300' cy='300' r='280' fill='url(%23centerGlow)'/> <!-- Geometric Rosette --> <g stroke-linecap='round' stroke-linejoin='round'> <g transform='rotate(0 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(30 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(60 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(90 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(120 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(150 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(180 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(210 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(240 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(270 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(300 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(330 300 300)'> <!-- Outer pointer kite (double line) --> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <!-- Interlacing Girih ribbons --> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <!-- Perimeter five-point star kite --> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <!-- Central 12-point nucleus --> <polygon points='300.0,222.0 310.9,259.4 339.0,232.5 329.7,270.3 367.5,261.0 340.6,289.1 378.0,300.0 340.6,310.9 367.5,339.0 329.7,329.7 339.0,367.5 310.9,340.6 300.0,378.0 289.1,340.6 261.0,367.5 270.3,329.7 232.5,339.0 259.4,310.9 222.0,300.0 259.4,289.1 232.5,261.0 270.3,270.3 261.0,232.5 289.1,259.4' fill='none' stroke='url(%23goldGrad)' stroke-width='2.6'/> <polygon points='300.0,230.0 309.3,265.2 335.0,239.4 325.5,274.5 360.6,265.0 334.8,290.7 370.0,300.0 334.8,309.3 360.6,335.0 325.5,325.5 335.0,360.6 309.3,334.8 300.0,370.0 290.7,334.8 265.0,360.6 274.5,325.5 239.4,335.0 265.2,309.3 230.0,300.0 265.2,290.7 239.4,265.0 274.5,274.5 265.0,239.4 290.7,265.2' fill='none' stroke='url(%23terraGrad)' stroke-width='1.6'/> <circle cx='300' cy='300' r='16' fill='none' stroke='url(%23goldGrad)' stroke-width='2'/> <circle cx='300' cy='300' r='5' fill='%23E7A93C'/> </g> </svg>") center center / contain no-repeat !important;
  opacity: 0.25 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 75%) !important;
  mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 75%) !important;
}

[data-theme="dark"] .hero-content .moroccan-divider::before,
[data-theme="dark"] .page-hero .moroccan-divider::before,
[data-theme="dark"] .booking-hero .moroccan-divider::before,
[data-theme="dark"] .map-hero .moroccan-divider::before,
[data-theme="dark"] .contact-hero .moroccan-divider::before,
[data-theme="dark"] .dest-clean-header .moroccan-divider::before,
[data-theme="dark"] .about-hero .moroccan-divider::before,
[data-theme="dark"] .legal-hero .moroccan-divider::before,
[data-theme="dark"] .story-hero .moroccan-divider::before,
[data-theme="dark"] .page-header .moroccan-divider::before,
[data-theme="dark"] .modal-content .moroccan-divider::before,
[data-theme="dark"] .marr-exp-head .moroccan-divider::before,
[data-theme="dark"] .ct-step-content .moroccan-divider::before {
  opacity: 0.28 !important;
}

/* Hero-sized rosette on page heroes */
.hero-content .moroccan-divider::before,
.page-hero .moroccan-divider::before,
.booking-hero .moroccan-divider::before,
.map-hero .moroccan-divider::before,
.contact-hero .moroccan-divider::before,
.dest-clean-header .moroccan-divider::before,
.about-hero .moroccan-divider::before,
.legal-hero .moroccan-divider::before,
.story-hero .moroccan-divider::before,
.page-header .moroccan-divider::before {
  width: 580px !important;
  height: 580px !important;
}

/* Where a title divider exists, the container-centred rosette is replaced by the divider-centred one */
.hero-content:has(.moroccan-divider)::before,
.page-hero:has(.moroccan-divider)::before,
.booking-hero:has(.moroccan-divider)::before,
.map-hero:has(.moroccan-divider)::before,
.contact-hero:has(.moroccan-divider)::before,
.dest-clean-header:has(.moroccan-divider)::before,
.about-hero:has(.moroccan-divider)::before,
.legal-hero:has(.moroccan-divider)::before,
.story-hero:has(.moroccan-divider)::before,
.page-header:has(.moroccan-divider)::before {
  display: none !important;
  content: none !important;
}

/* Customize Tour: no lonely symbol in the header (no title there) */
.ct-wizard-header::before,
.ct-wizard-header .moroccan-divider {
  display: none !important;
  content: none !important;
}

.ct-step-content {
  position: relative !important;
}

.ct-step-content > *:not(.moroccan-divider) {
  position: relative;
  z-index: 1;
}

.ct-title-divider {
  max-width: 300px !important;
  height: 30px !important;
  margin: 4px auto 14px !important;
}

/* ==============================================================================
   TEXT UNDER A CENTRED TITLE IS ALWAYS CENTRED
   ============================================================================== */
.ct-step-subtitle,
.page-header,
.page-header h1,
.page-header p,
.values-header,
.values-header p,
.cta-strip p,
#favoritesGrid > div > p,
#favoritesGrid > div > h3 {
  text-align: center !important;
  text-align-last: center !important;
}

.ct-step-subtitle {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Wishlist header: badge, title, divider, subtitle and counter stacked & centred */
.page-header {
  position: relative !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 16px !important;
}

.page-header > div:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}

.page-header .wishlist-count {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: auto !important;
}

/* ==============================================================================
   MODAL SCROLL LOCK — the wheel scrolls the Customize Tour, never the page behind
   (<html> has overflow-x:hidden, so locking <body> alone never stopped the page)
   ============================================================================== */
html.hm-scroll-lock,
html.hm-scroll-lock body,
html:has(> body[style*="overflow: hidden"]) {
  overflow: hidden !important;
}

#customTourModal,
.modal,
#destModal,
.dest-booking-modal-overlay,
.exp-modal,
#globalQuickBookModal,
#reviewModal,
.ct-modal-content,
.modal-content,
.dest-booking-sheet,
.exp-sheet {
  overscroll-behavior: contain !important;
}

/* === V7 SECTION HEADER ROSETTES & UNIVERSAL DECORATIONS === */
/* Disable legacy .section-header::after (was below <p>); we now use <div class="moroccan-divider"> directly under <h2> */
.section-header::after {
  display: none !important;
  content: none !important;
}

.section-header,
.values-header,
.faq-header,
.story-content-box,
.story-text,
.map-text {
  isolation: isolate !important;
  position: relative !important;
}

.section-header .moroccan-divider,
.values-header .moroccan-divider,
.faq-header .moroccan-divider,
.story-content-box .moroccan-divider,
.story-text .moroccan-divider,
.map-text .moroccan-divider {
  z-index: -1 !important;
}

.section-header .moroccan-divider::before,
.values-header .moroccan-divider::before,
.faq-header .moroccan-divider::before,
.story-content-box .moroccan-divider::before,
.story-text .moroccan-divider::before,
.map-text .moroccan-divider::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 440px !important;
  height: 440px !important;
  max-width: none !important;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 600' width='600' height='600' fill='none'> <defs> <linearGradient id='goldGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23E7A93C'/> <stop offset='100%' stop-color='%23C85A32'/> </linearGradient> <linearGradient id='terraGrad' x1='0%' y1='0%' x2='100%' y2='100%'> <stop offset='0%' stop-color='%23C85A32'/> <stop offset='100%' stop-color='%23E7A93C'/> </linearGradient> <radialGradient id='centerGlow' cx='50%' cy='50%' r='50%'> <stop offset='0%' stop-color='%23E7A93C' stop-opacity='0.25'/> <stop offset='50%' stop-color='%23C85A32' stop-opacity='0.12'/> <stop offset='100%' stop-color='%23E7A93C' stop-opacity='0'/> </radialGradient> </defs> <circle cx='300' cy='300' r='280' fill='url(%23centerGlow)'/> <g stroke-linecap='round' stroke-linejoin='round'> <g transform='rotate(0 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(30 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(60 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(90 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(120 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(150 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(180 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(210 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(240 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(270 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(300 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <g transform='rotate(330 300 300)'> <polygon points='300,28 340,98 300,132 260,98' fill='none' stroke='url(%23goldGrad)' stroke-width='2.5' /> <polygon points='300,38 332,96 300,124 268,96' fill='none' stroke='url(%23terraGrad)' stroke-width='1.4' opacity='0.85' /> <line x1='260' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='340' y1='98' x2='300' y2='222' stroke='url(%23goldGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='370' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <line x1='300' y1='132' x2='230' y2='186' stroke='url(%23terraGrad)' stroke-width='2' /> <polygon points='300,160 328,206 300,230 272,206' fill='none' stroke='url(%23goldGrad)' stroke-width='1.8' /> <circle cx='300' cy='85' r='3.5' fill='%23E7A93C' /> </g> <polygon points='300.0,222.0 310.9,259.4 339.0,232.5 329.7,270.3 367.5,261.0 340.6,289.1 378.0,300.0 340.6,310.9 367.5,339.0 329.7,329.7 339.0,367.5 310.9,340.6 300.0,378.0 289.1,340.6 261.0,367.5 270.3,329.7 232.5,339.0 259.4,310.9 222.0,300.0 259.4,289.1 232.5,261.0 270.3,270.3 261.0,232.5 289.1,259.4' fill='none' stroke='url(%23goldGrad)' stroke-width='2.6'/> <polygon points='300.0,230.0 309.3,265.2 335.0,239.4 325.5,274.5 360.6,265.0 334.8,290.7 370.0,300.0 334.8,309.3 360.6,335.0 325.5,325.5 335.0,360.6 309.3,334.8 300.0,370.0 290.7,334.8 265.0,360.6 274.5,325.5 239.4,335.0 265.2,309.3 230.0,300.0 265.2,290.7 239.4,265.0 274.5,274.5 265.0,239.4 290.7,265.2' fill='none' stroke='url(%23terraGrad)' stroke-width='1.6'/> <circle cx='300' cy='300' r='16' fill='none' stroke='url(%23goldGrad)' stroke-width='2'/> <circle cx='300' cy='300' r='5' fill='%23E7A93C'/> </g> </svg>") center center / contain no-repeat !important;
  opacity: 0.25 !important;
  pointer-events: none !important;
  z-index: 0 !important;
  -webkit-mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 75%) !important;
  mask-image: radial-gradient(circle, rgba(0,0,0,1) 40%, rgba(0,0,0,0) 75%) !important;
}

[data-theme="dark"] .section-header .moroccan-divider::before,
[data-theme="dark"] .values-header .moroccan-divider::before,
[data-theme="dark"] .faq-header .moroccan-divider::before,
[data-theme="dark"] .story-content-box .moroccan-divider::before,
[data-theme="dark"] .story-text .moroccan-divider::before,
[data-theme="dark"] .map-text .moroccan-divider::before {
  opacity: 0.28 !important;
}

.section-header > *:not(.moroccan-divider),
.values-header > *:not(.moroccan-divider),
.faq-header > *:not(.moroccan-divider),
.story-content-box > *:not(.moroccan-divider),
.story-text > *:not(.moroccan-divider),
.map-text > *:not(.moroccan-divider) {
  position: relative;
  z-index: 1;
}