:root { --navy:#082854; --gold:#bd8737; --ivory:#f9f7f1; }
* { box-sizing:border-box; }
body { margin:0; background:var(--ivory); font-family:"DM Sans",Arial,sans-serif; }
.destination-hero { min-height:100svh; position:relative; display:flex; align-items:center; overflow:hidden; background:url("assets/destinations-hero.webp") center/cover no-repeat; }
.destination-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(250,248,242,.96) 0%,rgba(250,248,242,.9) 28%,rgba(250,248,242,.45) 43%,rgba(250,248,242,0) 62%); }
.destination-nav { position:absolute; z-index:20; top:0; left:0; right:0; height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 2.8vw 0 1.55vw; border-bottom:1px solid rgba(8,40,84,.1); transition:transform .3s ease,background .3s ease,box-shadow .3s ease; }.destination-nav.sticky { position:fixed; z-index:9999; background:linear-gradient(90deg,rgba(255,255,255,.96),rgba(250,248,242,.92) 55%,rgba(255,255,255,.83)); box-shadow:0 5px 16px rgba(7,29,61,.1); }.destination-nav.nav-hidden { transform:translateY(-105%); }.destination-brand { display:flex; align-items:center; gap:6px; color:var(--navy); text-decoration:none; }.destination-brand svg { width:51px; color:var(--gold); }.destination-brand span { display:flex; flex-direction:column; }.destination-brand b { font:500 36px/.9 "Cormorant Garamond",serif; letter-spacing:3.2px; }.destination-brand i { margin:4px 0 0 4px; font:500 7.5px/1 "DM Sans",sans-serif; font-style:normal; letter-spacing:2.35px; }.destination-nav-links { width:58%; display:flex; align-items:center; justify-content:space-between; }.destination-nav-links a { color:#061e44; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:600; letter-spacing:1.35px; text-shadow:0 0 4px rgba(249,247,241,.9); transition:color .2s; }.destination-nav-links a:hover,.destination-nav-links a.active { color:#b77e2c; }
.hero-copy { position:relative; width:min(52%,650px); margin-left:6.1vw; padding:20px 0; color:var(--navy); }
h1 { margin:0; font:500 clamp(4rem,5.45vw,6.15rem)/.86 "Cormorant Garamond",Georgia,serif; letter-spacing:-1.5px; }
.gold-rule { display:flex; align-items:center; gap:12px; margin:23px 0 16px; color:var(--gold); font:27px/1 "Cormorant Garamond",serif; }.gold-rule span { display:block; width:45px; height:1px; background:var(--gold); }
.hero-copy p { margin:0 0 25px; color:#405069; font-size:17px; line-height:1.6; }
.hero-copy a { min-width:174px; min-height:48px; display:inline-flex; align-items:center; justify-content:space-between; padding:0 17px 0 22px; background:#bd8737; color:#fff; text-decoration:none; text-transform:uppercase; font-size:10px; font-weight:500; letter-spacing:.8px; transition:background .2s,transform .2s; }.hero-copy a:hover { background:var(--navy); transform:translateY(-2px); }.hero-copy a b { font-size:24px; font-weight:400; }
.continent-bar { margin:24px 3vw; padding:16px 0; border-top:1px solid rgba(33,47,65,.32); border-bottom:1px solid rgba(33,47,65,.32); background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(249,247,241,.9),rgba(255,255,255,.35)); }.continent-list { display:flex; justify-content:center; gap:13px; padding:0 18px; }.continent-list a { min-width:113px; min-height:43px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 16px; border:1px solid transparent; border-radius:24px; background:#fff; box-shadow:0 5px 13px rgba(20,34,53,.12); color:#273b59; font-size:11px; font-weight:600; text-decoration:none; transition:background .22s,color .22s,transform .22s,box-shadow .22s; }.continent-list a span { color:#c18b34; font:19px/1 "Cormorant Garamond",serif; }.continent-list a.active { border-color:#d9ba7c; background:#fffaf0; color:#0a2852; box-shadow:0 6px 15px rgba(179,126,42,.18); }.continent-list a:hover { transform:translateY(-3px); background:#0a2852; color:#fff; box-shadow:0 9px 17px rgba(20,34,53,.2); }.continent-list a:hover span { color:#e8bd72; }
.asia-feature { min-height:395px; position:relative; display:flex; align-items:center; overflow:hidden; background:url("assets/asia-feature.webp") center/cover no-repeat; }.asia-feature::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(250,248,242,.98) 0%,rgba(250,248,242,.95) 31%,rgba(250,248,242,.25) 58%,transparent 75%); }.asia-intro { position:relative; width:min(42%,520px); margin-left:8%; color:#0a2852; }.asia-intro > p { margin:0; color:#bd8737; font-size:10px; font-weight:600; letter-spacing:1.8px; text-transform:uppercase; }.asia-intro h2 { margin:5px 0 7px; font:500 68px/.9 "Cormorant Garamond",serif; text-transform:uppercase; }.asia-intro i { display:block; width:38px; height:1px; background:#bf8735; }.asia-description { margin:13px 0 16px; color:#3d485c; font-size:11px; line-height:1.45; }.asia-description p { margin:0 0 3px; }.asia-benefits { display:flex; gap:16px; }.asia-benefits span { display:flex; flex-direction:column; align-items:center; min-width:60px; color:#bd8737; font:23px "Cormorant Garamond",serif; }.asia-benefits small { margin-top:5px; color:#26364f; font:8px/1.2 "DM Sans",sans-serif; text-align:center; }.asia-journeys { padding:19px 7.8% 32px; background:#fff; }.journeys-heading { margin-bottom:14px; text-align:center; color:#0a2852; }.journeys-heading h3 { display:inline-flex; align-items:center; gap:24px; margin:0; font:500 18px/1 "Cormorant Garamond",serif; text-transform:uppercase; }.journeys-heading h3::before,.journeys-heading h3::after { content:""; width:43px; height:1px; background:#d5bd93; }.journeys-heading p { margin:6px 0 0; font-size:9px; }.journey-row { display:grid; grid-template-columns:repeat(5,1fr); gap:13px; }.journey-card { overflow:hidden; border-radius:7px; background:#fff; box-shadow:0 5px 13px rgba(12,28,48,.15); transition:transform .25s,box-shadow .25s; }.journey-card:hover { transform:translateY(-5px); box-shadow:0 12px 23px rgba(12,28,48,.2); }.journey-image { height:138px; position:relative; background-position:center; background-size:cover; }.journey-image span { position:absolute; top:9px; left:9px; padding:4px 6px; border-radius:3px; background:rgba(5,36,75,.8); color:#fff; font-size:6px; letter-spacing:.7px; text-transform:uppercase; }.bali .journey-image { background-image:url("https://images.unsplash.com/photo-1537996194471-e657df975ab4?auto=format&fit=crop&w=600&q=85"); }.singapore .journey-image { background-image:url("https://images.unsplash.com/photo-1496939376851-89342e90adcd?auto=format&fit=crop&w=600&q=85"); }.phuket .journey-image { background-image:url("https://images.unsplash.com/photo-1528181304800-259b08848526?auto=format&fit=crop&w=600&q=85"); }.korea-card .journey-image { background-image:url("https://images.unsplash.com/photo-1538485399081-7c8979d0e5c3?auto=format&fit=crop&w=600&q=85"); }.maldives-card .journey-image { background-image:url("https://images.unsplash.com/photo-1514282401047-d79a71a590e8?auto=format&fit=crop&w=600&q=85"); }.journey-body { padding:13px 13px 11px; color:#1a2e4f; }.journey-body h4 { margin:0 0 6px; font:500 16px/1 "Cormorant Garamond",serif; }.journey-body > p { min-height:30px; margin:0 0 9px; color:#4c5664; font-size:8px; line-height:1.4; }.journey-body > div { display:flex; justify-content:space-between; align-items:end; padding-top:7px; border-top:1px solid #eadfce; }.journey-body small { color:#ad7628; font-size:7px; text-transform:uppercase; }.journey-body b { color:#0a2852; font-size:7px; line-height:1.15; text-align:right; text-transform:uppercase; }
@media (max-width:720px) { .destination-hero { min-height:680px; align-items:flex-end; background-position:62% center; }.destination-hero::before { background:linear-gradient(90deg,rgba(250,248,242,.95),rgba(250,248,242,.52)),linear-gradient(0deg,rgba(250,248,242,.93),rgba(250,248,242,0) 60%); }.destination-nav { height:65px; padding:0 20px; }.destination-brand svg { width:41px; }.destination-brand b { font-size:28px; }.destination-brand i { font-size:6px; }.destination-nav-links { display:none; }.hero-copy { width:auto; margin:0; padding:42px 27px 54px; }.hero-copy p { font-size:14px; } h1 { font-size:clamp(3.7rem,15vw,5rem); }.continent-bar { margin:10px 7px; }.continent-list { justify-content:flex-start; overflow-x:auto; padding:3px 10px; }.continent-list a { flex:0 0 auto; } }
@media (max-width:720px) { .asia-feature { min-height:470px; align-items:flex-end; background-position:65% center; }.asia-feature::before { background:linear-gradient(90deg,rgba(250,248,242,.96),rgba(250,248,242,.78)),linear-gradient(0deg,rgba(250,248,242,.92),transparent); }.asia-intro { width:auto; margin:0; padding:35px 28px; }.asia-intro h2 { font-size:56px; }.asia-journeys { padding:19px 20px; }.journey-row { grid-template-columns:repeat(2,1fr); }.journey-card:last-child { grid-column:1 / -1; }.journey-image { height:150px; } }

/* Refined regional feature layout */
.asia-feature { min-height:510px; background-position:center; }
.asia-feature::before { background:linear-gradient(90deg,rgba(250,248,242,1) 0%,rgba(250,248,242,.97) 28%,rgba(250,248,242,.66) 47%,rgba(250,248,242,.12) 66%,transparent 82%); }
.asia-intro { width:min(44%,590px); margin-left:8.2%; padding:20px 0; }
.asia-intro > p { font-size:12px; letter-spacing:2.4px; }
.asia-intro h2 { margin:8px 0 12px; font-size:clamp(5.2rem,6.3vw,7.25rem); line-height:.78; letter-spacing:-1px; }
.asia-intro i { width:52px; background:#b98334; }
.asia-description { max-width:510px; margin:20px 0 26px; font-size:14px; line-height:1.55; }
.asia-description p { margin-bottom:5px; }
.asia-benefits { gap:0; }
.asia-benefits span { min-width:86px; padding:0 13px; font-size:29px; }
.asia-benefits span + span { border-left:1px solid rgba(191,135,53,.26); }
.asia-benefits small { margin-top:7px; color:#26364f; font-size:9px; line-height:1.35; letter-spacing:.15px; }
@media (max-width:720px) { .asia-feature { min-height:520px; background-position:65% center; }.asia-feature::before { background:linear-gradient(90deg,rgba(250,248,242,.97),rgba(250,248,242,.73)),linear-gradient(0deg,rgba(250,248,242,.95),transparent 68%); }.asia-intro { width:auto; margin:0; padding:44px 28px; }.asia-intro h2 { font-size:clamp(4.4rem,18vw,6rem); }.asia-description { margin:18px 0 24px; font-size:13px; }.asia-benefits { justify-content:space-between; }.asia-benefits span { min-width:0; padding:0 9px; font-size:25px; }.asia-benefits small { font-size:8px; } }

/* Refined Asia journey collection */
.asia-journeys { padding:54px 8.2% 64px; background:linear-gradient(180deg,#fff 0%,#fcfaf5 100%); }
.journeys-heading { margin-bottom:32px; }
.journeys-heading h3 { gap:28px; font-size:clamp(1.65rem,2vw,2.1rem); letter-spacing:.2px; }
.journeys-heading h3::before,.journeys-heading h3::after { width:66px; background:#cfb17d; }
.journeys-heading p { margin-top:9px; color:#536074; font-size:11px; letter-spacing:.15px; }
.journey-row { gap:20px; }
.journey-card { display:flex; min-height:390px; flex-direction:column; border:1px solid rgba(12,40,75,.06); border-radius:11px; box-shadow:0 10px 24px rgba(12,28,48,.11); }
.journey-card:hover { transform:translateY(-7px); box-shadow:0 18px 30px rgba(12,28,48,.17); }
.journey-image { height:205px; }
.journey-image::after { content:""; position:absolute; inset:auto 0 0; height:35%; background:linear-gradient(transparent,rgba(3,22,43,.13)); pointer-events:none; }
.journey-image span { top:13px; left:13px; padding:5px 8px; font-size:7px; letter-spacing:.9px; }
.journey-body { display:flex; min-height:185px; flex:1; flex-direction:column; padding:20px 18px 16px; }
.journey-body h4 { margin-bottom:9px; font-size:clamp(1.2rem,1.35vw,1.55rem); line-height:1.05; }
.journey-body > p { min-height:0; margin-bottom:18px; color:#586271; font-size:10px; line-height:1.55; }
.journey-body > div { margin-top:auto; padding-top:12px; }
.journey-body small { font-size:8px; letter-spacing:.2px; }.journey-body b { font-size:8px; line-height:1.25; }
.korea-card .journey-image { background-image:url("https://images.unsplash.com/photo-1548115184-bc6544d06a58?auto=format&fit=crop&w=850&q=85"); }
@media (max-width:1000px) { .asia-journeys { padding:43px 5% 50px; }.journey-row { grid-template-columns:repeat(3,1fr); }.journey-card { min-height:365px; }.journey-image { height:190px; } }
@media (max-width:720px) { .asia-journeys { padding:38px 20px 42px; }.journeys-heading { margin-bottom:24px; }.journeys-heading h3 { gap:16px; font-size:1.55rem; }.journeys-heading h3::before,.journeys-heading h3::after { width:36px; }.journeys-heading p { font-size:10px; }.journey-row { grid-template-columns:repeat(2,1fr); gap:12px; }.journey-card { min-height:340px; }.journey-image { height:155px; }.journey-body { min-height:165px; padding:16px 13px 13px; }.journey-body > p { font-size:9px; } }

.journey-slider { position:relative; }
.journey-arrow { position:absolute; z-index:2; top:50%; width:48px; height:48px; display:grid; place-items:center; padding:0; border:1px solid rgba(225,195,145,.9); border-radius:50%; background:rgba(255,255,255,.95); box-shadow:0 7px 17px rgba(20,25,32,.16); color:#b77e2c; font:38px/.7 Arial,sans-serif; cursor:pointer; transition:background .2s,color .2s,transform .2s,box-shadow .2s; }
.journey-arrow:hover { color:#fff; background:#0a2852; transform:translateY(-50%) scale(1.06); box-shadow:0 10px 22px rgba(20,25,32,.22); }
.journey-arrow-prev { left:-68px; transform:translateY(-50%); }.journey-arrow-next { right:-68px; transform:translateY(-50%); }
.view-all-packages { width:min(286px,100%); min-height:49px; display:flex; align-items:center; justify-content:center; gap:27px; margin:35px auto 0; color:#ad7628; border:1px solid #cfaa70; background:rgba(255,255,255,.78); text-decoration:none; text-transform:uppercase; font:600 10px "DM Sans",sans-serif; letter-spacing:.7px; transition:background .2s,color .2s,transform .2s; }
.view-all-packages b { color:inherit; font-size:19px; font-weight:400; }.view-all-packages:hover { color:#fff; background:#0a2852; transform:translateY(-2px); }
@media (max-width:1450px) { .journey-arrow-prev { left:-58px; }.journey-arrow-next { right:-58px; } }
@media (max-width:1100px) { .journey-arrow { width:42px; height:42px; font-size:33px; }.journey-arrow-prev { left:-50px; }.journey-arrow-next { right:-50px; } }
@media (max-width:720px) { .journey-slider { padding:0 0; }.journey-arrow { width:38px; height:38px; top:46%; font-size:30px; }.journey-arrow-prev { left:-12px; }.journey-arrow-next { right:-12px; }.view-all-packages { min-height:46px; margin-top:28px; font-size:9px; } }

/* Tour highlights modal */
.modal-open { overflow:hidden; }.package-modal { position:fixed; z-index:10050; inset:0; display:grid; place-items:center; padding:28px; visibility:hidden; opacity:0; background:rgba(3,15,30,.72); transition:opacity .25s ease,visibility .25s ease; }.package-modal.open { visibility:visible; opacity:1; }.package-modal-panel { position:relative; width:min(1240px,100%); max-height:min(88vh,760px); display:grid; grid-template-columns:30% 70%; overflow:hidden; border-radius:4px; background:#fff; box-shadow:0 26px 70px rgba(0,0,0,.34); transform:translateY(14px) scale(.985); transition:transform .3s ease; }.package-modal.open .package-modal-panel { transform:translateY(0) scale(1); }.package-modal-close { position:absolute; z-index:3; top:13px; right:13px; width:34px; height:34px; display:grid; place-items:center; padding:0; color:#203249; border:0; border-radius:50%; background:#fff; box-shadow:0 4px 12px rgba(14,26,42,.15); font:300 27px/1 Arial,sans-serif; cursor:pointer; }.modal-overview { position:relative; overflow:hidden; color:#0b2b53; background:#f9f6ef; }.modal-overview-image { height:40%; background:center/cover no-repeat; }.modal-overview-copy { position:relative; min-height:60%; margin-top:-34px; padding:23px 30px 25px; border-radius:48% 48% 0 0/9% 9% 0 0; background:#fbfaf6; }.modal-region-tag { display:inline-block; padding:4px 10px; color:#fff; border-radius:2px; background:#b8833b; font:600 9px "DM Sans",sans-serif; letter-spacing:1px; text-transform:uppercase; }.modal-region-title { margin:9px 0 5px; font:500 clamp(2rem,3vw,3.5rem)/.86 "Cormorant Garamond",serif; text-transform:uppercase; }.modal-overview-copy > i { display:block; width:42px; height:1px; background:#c89442; }.modal-region-description { margin:13px 0 16px; color:#39475a; font-size:10px; line-height:1.48; }.modal-points { border-top:1px solid #e7dfd0; padding-top:10px; }.modal-points p { display:flex; gap:10px; margin:8px 0; }.modal-points b { color:#b77e2c; font-size:18px; font-weight:400; }.modal-points span { color:#586373; font-size:8px; line-height:1.35; }.modal-points strong { display:block; color:#0a2852; font-size:8px; letter-spacing:.25px; text-transform:uppercase; }.modal-highlights { overflow-y:auto; padding:28px 36px 20px; text-align:center; }.modal-kicker { display:flex; align-items:center; justify-content:center; gap:10px; color:#bd8737; }.modal-kicker span { width:40px; height:1px; background:#d8bc8b; }.modal-kicker b { font:600 9px "DM Sans",sans-serif; letter-spacing:1.3px; text-transform:uppercase; }.modal-highlights h2 { margin:7px 0 0; color:#0a2852; font:500 clamp(2rem,3vw,3rem)/.95 "Cormorant Garamond",serif; text-transform:uppercase; }.modal-highlights em { display:block; margin:2px 0 15px; color:#bd8737; font-style:normal; }.modal-highlights-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:11px 10px; }.modal-highlight { min-width:0; }.modal-highlight > div { height:86px; border-radius:3px; background:center/cover no-repeat; box-shadow:0 2px 6px rgba(10,30,55,.12); }.modal-highlight strong { display:block; margin:5px 1px 0; color:#0a2852; font:600 7px/1.15 "DM Sans",sans-serif; }.modal-highlight small { display:block; margin-top:2px; color:#b77e2c; font:600 6px/1 "DM Sans",sans-serif; text-transform:uppercase; }.modal-note { margin:15px 0 0; padding:9px; color:#687080; border-radius:3px; background:#faf7f1; font-size:7px; line-height:1.35; }
@media (max-width:900px) { .package-modal { padding:15px; }.package-modal-panel { max-height:92vh; grid-template-columns:34% 66%; }.modal-highlights { padding:26px 22px 17px; }.modal-highlights-grid { grid-template-columns:repeat(4,1fr); }.modal-highlight > div { height:78px; }.modal-overview-copy { padding:20px; } }
@media (max-width:620px) { .package-modal { padding:8px; }.package-modal-panel { display:block; max-height:94vh; overflow-y:auto; }.modal-overview { display:none; }.modal-highlights { padding:28px 17px 15px; }.modal-highlights-grid { grid-template-columns:repeat(3,1fr); gap:10px 8px; }.modal-highlight > div { height:78px; }.modal-highlights h2 { font-size:2rem; } }

/* Refined interactive highlights */
.package-modal-panel { width:min(1380px,100%); max-height:min(90vh,820px); grid-template-columns:29% 71%; }.modal-overview-image { height:43%; }.modal-overview-copy { min-height:57%; padding:27px 34px 28px; }.modal-region-description { margin:15px 0 19px; font-size:10px; line-height:1.55; }.modal-highlights { padding:31px 42px 24px; }.modal-highlights em { margin-bottom:19px; }.modal-highlights-grid { gap:16px 13px; }.modal-highlight { position:relative; text-align:left; transition:transform .25s ease; }.modal-highlight:hover { z-index:1; transform:translateY(-4px); }.modal-highlight-image { position:relative; height:101px; overflow:hidden; border-radius:4px; background:center/cover no-repeat; box-shadow:0 4px 10px rgba(10,30,55,.13); transition:box-shadow .25s ease,filter .25s ease; }.modal-highlight:hover .modal-highlight-image { box-shadow:0 10px 18px rgba(10,30,55,.22); filter:saturate(1.08); }.modal-book-now { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:7px; color:#fff; opacity:0; background:rgba(7,37,74,.82); text-decoration:none; text-transform:uppercase; font:600 8px "DM Sans",sans-serif; letter-spacing:.9px; transition:opacity .22s ease; }.modal-book-now b { color:#d9a34f; font-size:16px; font-weight:400; }.modal-highlight:hover .modal-book-now,.modal-highlight:focus-within .modal-book-now { opacity:1; }.modal-highlight strong { margin:7px 2px 0; font-size:8px; line-height:1.2; }.modal-highlight small { margin:3px 2px 0; font-size:6px; }.modal-note { margin-top:20px; padding:10px 12px; }
@media (max-width:900px) { .package-modal-panel { grid-template-columns:33% 67%; }.modal-highlights { padding:27px 25px 20px; }.modal-highlights-grid { gap:13px 10px; }.modal-highlight-image { height:90px; } }
@media (max-width:620px) { .modal-highlights { padding:30px 17px 17px; }.modal-highlights-grid { gap:13px 9px; }.modal-highlight-image { height:88px; }.modal-book-now { opacity:1; align-items:flex-end; justify-content:flex-start; padding:0 8px 7px; background:linear-gradient(transparent,rgba(7,37,74,.8)); font-size:7px; } }

.modal-tour-switcher { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; margin:13px auto 5px; }.modal-tour-switcher:empty { display:none; }.modal-tour-switcher button { min-height:30px; padding:7px 13px; color:#7c5a2d; border:1px solid #dec8a1; border-radius:2px; background:#fff; font:600 8px "DM Sans",sans-serif; letter-spacing:.45px; text-transform:uppercase; cursor:pointer; transition:background .2s,color .2s,border-color .2s; }.modal-tour-switcher button:hover,.modal-tour-switcher button.active { color:#fff; border-color:#0a2852; background:#0a2852; }.modal-points p:last-child { margin-bottom:0; }
@media (max-width:620px) { .modal-tour-switcher { gap:6px; margin-top:11px; }.modal-tour-switcher button { flex:1; min-height:37px; padding:6px 9px; font-size:7px; } }

.journey-row.limited-packages { grid-template-columns:repeat(2,minmax(280px,365px)); justify-content:center; }.journey-row.limited-packages .journey-card { min-height:400px; }
@media (max-width:720px) { .journey-row.limited-packages { grid-template-columns:repeat(2,minmax(0,1fr)); }.journey-row.limited-packages .journey-card { min-height:340px; } }

/* Final tour-modal proportions and spacing */
.package-modal { padding:36px; }.package-modal-panel { width:min(1480px,calc(100vw - 72px)); height:min(88vh,860px); max-height:none; grid-template-columns:27% 73%; }.modal-overview { display:flex; min-height:0; flex-direction:column; }.modal-overview-image { height:37%; flex:0 0 37%; }.modal-overview-copy { min-height:0; flex:1; margin-top:-28px; padding:27px 32px 24px; overflow-y:auto; }.modal-region-title { font-size:clamp(2.15rem,3vw,3.4rem); }.modal-region-description { margin:14px 0 17px; }.modal-points { padding-top:8px; }.modal-points p { margin:7px 0; }.modal-highlights { min-height:0; padding:30px 44px 26px; }.modal-highlights-grid { grid-template-columns:repeat(6,minmax(0,1fr)); gap:15px 12px; padding:1px 2px 3px; }.modal-highlight-image { height:104px; }.modal-highlight strong { margin-top:7px; font-size:8px; }.modal-note { margin:19px 0 0; }
.modal-overview-image { height:28%; flex-basis:28%; }.modal-overview-copy { margin-top:-22px; padding:21px 30px 19px; overflow:hidden; }.modal-region-title { margin:7px 0 5px; font-size:clamp(2rem,2.65vw,3rem); }.modal-region-description { margin:10px 0 12px; font-size:9px; line-height:1.43; }.modal-points { padding-top:6px; }.modal-points p { gap:8px; margin:5px 0; }.modal-points b { font-size:15px; }.modal-points span { font-size:7px; line-height:1.22; }.modal-points strong { font-size:7px; }
.modal-note { display:flex; align-items:center; gap:8px; text-align:left; }.modal-note-icon { flex:0 0 auto; color:#b77e2c; font-size:17px; line-height:1; }
@media (max-width:1000px) { .package-modal { padding:22px; }.package-modal-panel { width:calc(100vw - 44px); height:min(90vh,820px); grid-template-columns:31% 69%; }.modal-highlights { padding:27px 28px 22px; }.modal-highlights-grid { grid-template-columns:repeat(5,minmax(0,1fr)); gap:13px 10px; }.modal-highlight-image { height:92px; } }
@media (max-width:620px) { .package-modal { padding:10px; }.package-modal-panel { width:100%; height:min(94vh,900px); display:block; overflow-y:auto; }.modal-overview { display:none; }.modal-highlights { min-height:100%; padding:31px 17px 20px; overflow:visible; }.modal-highlights-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px 9px; }.modal-highlight-image { height:88px; } }