/* Shared visual system and package experience. No external UI framework. */
:root { --forest:#174b3f; --forest-dark:#10392f; --sage:#edf2e9; --accent:#d8663b; --accent-dark:#b84924; --ink:#203d34; --muted:#697b70; --line:#dce5d8; --cream:#faf9f5; --radius:14px; }
.icon { width:20px; height:20px; display:inline-block; flex-shrink:0; vertical-align:middle; }
body { color:var(--ink); }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button:disabled { opacity:.55; cursor:wait; transform:none; }
.button { border-radius:8px; padding:15px 22px; font-size:13px; font-weight:650; background:var(--forest); border-color:var(--forest); transition:background .2s,box-shadow .2s,transform .2s; }
.button:hover { background:var(--forest-dark); box-shadow:0 7px 18px #143d3421; transform:translateY(-2px); }
.button .icon { width:18px; height:18px; transition:transform .2s; }
.button:hover .icon { transform:translateX(3px); }
.button.accent,.booking-submit { background:var(--accent); border-color:var(--accent); color:white; }
.button.accent:hover,.booking-submit:hover { background:var(--accent-dark); border-color:var(--accent-dark); }
.button.outline { color:var(--forest); background:transparent; border-color:#abc6b4; }
.button.outline:hover { background:#e6ede1; }
.inline-link { text-decoration:underline; text-underline-offset:3px; }
.site-header { position:sticky; top:0; background:#faf9f5f5; box-shadow:0 3px 16px #17392d08; }
#navigation { gap:10px; }
#navigation>a:not(.nav-cta) { padding:11px 13px; border-radius:7px; transition:background .18s,color .18s; }
#navigation>a:not(.nav-cta)::after { content:''; position:absolute; bottom:5px; height:2px; width:calc(100% - 26px); left:13px; border-radius:2px; background:var(--accent); transform:scaleX(0); transform-origin:left; transition:transform .22s; }
#navigation>a:not(.nav-cta):hover { background:#e8eee2; color:var(--forest); }
#navigation>a:not(.nav-cta):hover::after,#navigation>a.active:not(.nav-cta)::after { transform:scaleX(1); }
#navigation>a.active:not(.nav-cta) { background:#e8eee2; color:var(--forest); }
.nav-cta { display:inline-flex; align-items:center; gap:24px; background:var(--forest); color:white; border-color:var(--forest); border-radius:8px; font-size:12px; transition:background .2s,transform .2s; }
.nav-cta:hover { background:var(--forest-dark); transform:translateY(-1px); }
.menu-toggle .icon { width:17px; height:17px; }
.trip-finder { border-radius:var(--radius); border-color:#e1e8da; box-shadow:0 15px 40px #22442f10; }
.trip-finder .button { background:var(--accent); border-color:var(--accent); }
.trip-finder .button:hover { background:var(--accent-dark); }
.mini-mountain { width:44px; height:44px; border-radius:50%; background:#f5e8da; display:grid; place-items:center; color:#b2703e; }
.package-card { border-radius:var(--radius); border:1px solid #e2e8db; background:white; overflow:hidden; box-shadow:0 4px 16px #21483804; transition:transform .25s,box-shadow .25s; }
.package-card:hover { transform:translateY(-5px); box-shadow:0 14px 32px #21483812; }
.card-image { border-radius:0; height:230px; }
.card-body { padding:20px; }
.image-tag { display:flex; align-items:center; gap:6px; padding:6px 9px; font-size:9px; border-radius:5px; }
.image-tag .icon { width:13px; height:13px; }
.image-arrow { width:34px; height:34px; }
.image-arrow .icon { width:18px; height:18px; }
.card-meta { font-size:9px; margin-bottom:12px; gap:8px; }
.card-meta>span { display:flex; align-items:center; gap:4px; }
.card-meta .icon { width:12px; height:12px; }
.card-body h3 { min-height:52px; font-size:20px; margin-bottom:15px; }
.card-amenities { display:flex; gap:14px; margin-bottom:18px; font-size:10px; color:var(--muted); }
.card-amenities>span { display:flex; align-items:center; gap:5px; }
.card-amenities .icon { width:14px; height:14px; color:#57826a; }
.card-price { gap:10px; padding-top:16px; }
.card-price>span>small { display:block; font-size:7px; letter-spacing:.1em; margin-bottom:3px; }
.card-price strong { font-size:15px; }
.card-price .card-cta { display:inline-flex; align-items:center; gap:6px; font-weight:650; font-size:10px; padding:9px 10px; border-radius:6px; background:#edf2e8; color:var(--forest); transition:background .2s; }
.card-cta:hover { background:#dae8d7; }
.card-cta .icon { width:14px; height:14px; }
.experience-photo,.destination-tile,.final-cta { border-radius:var(--radius); }
.values>div { padding:4px 0; }
.values .value-icon { display:grid; place-items:center; width:42px; height:42px; background:#edf1e6; border-radius:12px; color:var(--forest); margin-bottom:15px; }
.home-introduction { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:80px; padding-bottom:25px; }
.home-introduction h2 { margin-bottom:0; }
.home-intro-copy p { font-size:14px; }
.home-intro-points { display:flex; gap:24px; flex-wrap:wrap; color:var(--forest); font-size:11px; font-weight:600; }
.home-intro-points span { display:flex; align-items:center; gap:7px; }
.home-intro-points .icon { width:17px; height:17px; }
.page-intro .eyebrow { color:#a17148; }
.filter-bar { border-radius:var(--radius); }
.form-panel,.booking-panel,.receipt-box,.notice,.admin-package { border-radius:12px; }
input,select,textarea { border-radius:7px; transition:border-color .18s,box-shadow .18s; }
input:hover,select:hover,textarea:hover { border-color:#adc4aa; }
input:focus,select:focus,textarea:focus { outline:2px solid #9dbea4; outline-offset:1px; box-shadow:0 0 0 3px #e1ecdd; }
.journey-hero { min-height:495px; padding-block:35px 50px; }
.journey-hero>img { opacity:.8; }
.journey-hero:after { background:linear-gradient(90deg,#143b37da,#143b3770 58%,#143b3740),linear-gradient(0deg,#143b379e,transparent); }
.journey-hero .back-link { display:inline-flex; align-items:center; gap:9px; margin-bottom:42px; font-size:12px; color:#f3f6ec; }
.back-link .icon { width:16px; height:16px; }
.hero-label { display:flex; align-items:center; gap:8px; font-size:12px; margin-bottom:20px; color:#eef1e5; }
.hero-label .icon { width:16px; height:16px; }
.hero-label>span { margin-left:10px; padding:5px 11px; border:1px solid #dfe8d660; border-radius:30px; font-size:10px; }
.journey-hero h1 { max-width:790px; font-size:clamp(40px,4.7vw,67px); line-height:1.08; margin-bottom:22px; }
.journey-hero p { max-width:630px; color:#e7eee3; font-size:14px; line-height:1.8; }
.journey-hero-actions { display:flex; align-items:center; gap:28px; flex-wrap:wrap; margin-top:28px; }
.hero-gallery-link,.hero-duration { display:inline-flex; align-items:center; gap:9px; font-size:12px; }
.hero-gallery-link:hover { text-decoration:underline; text-underline-offset:5px; }
.hero-duration { color:#d5e1cf; border-left:1px solid #dce8d740; padding-left:25px; }
.journey-navigation { position:sticky; top:94px; background:#faf9f5f7; border-bottom:1px solid var(--line); z-index:7; }
.section-navigation { display:flex; position:static; align-items:center; justify-content:flex-start; gap:25px; padding-block:18px; flex-direction:row; overflow:auto; white-space:nowrap; border:0; }
.section-navigation a { display:flex; align-items:center; gap:7px; color:#627a69; font-size:11px; font-weight:600; padding:3px 0; }
.section-navigation a:hover,.section-navigation a.is-current { color:var(--accent-dark); }
.section-navigation .icon { width:16px; height:16px; }
.journey-layout { display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:60px; padding-top:52px; align-items:start; }
.journey-section { padding-bottom:54px; scroll-margin-top:175px; }
.journey-section+.journey-section { padding-top:45px; border-top:1px solid var(--line); }
.journey-section h2 { font-size:38px; margin-bottom:22px; }
.journey-section .lead { font-size:15px; line-height:1.9; }
.journey-features { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-block:25px; }
.journey-feature { display:flex; align-items:center; gap:13px; padding:18px 16px; border:1px solid var(--line); background:white; border-radius:10px; }
.feature-icon { display:grid; place-items:center; background:#edf2e8; color:var(--forest); width:42px; height:42px; border-radius:12px; flex-shrink:0; }
.feature-icon .icon { width:22px; height:22px; }
.journey-feature small { display:block; font-size:9px; text-transform:uppercase; letter-spacing:.1em; color:#8b9686; margin-bottom:5px; }
.journey-feature strong { display:block; font-size:12px; font-weight:600; line-height:1.5; }
.highlight-panel { background:#edf2e7; padding:25px; border-radius:12px; margin-block:24px; }
.highlight-panel .eyebrow { font-size:9px; margin-bottom:17px; }
.highlight-panel ul { padding:0; list-style:none; margin:0; display:grid; gap:12px; }
.highlight-panel li { display:flex; align-items:center; gap:10px; font-size:13px; }
.highlight-panel .icon { width:17px; height:17px; color:#c48047; }
.sample-note { display:flex; align-items:start; gap:8px; font-size:10px; color:#8a937f; }
.sample-note .icon { width:15px; height:15px; margin-top:2px; }
.journey-section-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.journey-section-heading h2 { margin:0 0 14px; }
.journey-section-heading .eyebrow { margin-bottom:16px; }
.journey-section>p:not(.lead):not(.sample-note) { font-size:12px; }
.itinerary-view-toggle { display:flex; align-items:center; gap:6px; background:white; border:1px solid #d8e3d0; color:var(--forest); border-radius:7px; padding:9px 11px; font-size:9px; white-space:nowrap; }
.itinerary-view-toggle:hover { background:var(--sage); }
.itinerary-view-toggle .icon { width:15px; height:15px; }
.day-tabs { display:flex; gap:8px; overflow:auto; padding:8px 2px 17px; scrollbar-width:thin; }
.day-tabs button { flex-shrink:0; width:65px; min-height:66px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:2px; border:1px solid #d9e3d0; border-radius:9px; background:white; color:#7c8c74; transition:background .2s,color .2s,transform .2s; }
.day-tabs button span { font-size:8px; letter-spacing:.1em; }
.day-tabs button strong { font-size:20px; line-height:1.4; font-weight:550; }
.day-tabs button:hover { background:#edf2e6; transform:translateY(-2px); }
.day-tabs button[aria-selected=true] { background:var(--forest); color:white; border-color:var(--forest); box-shadow:0 5px 12px #1e4d3320; }
.day-panel { border:1px solid #d9e4d2; background:white; border-radius:14px; overflow:hidden; margin-bottom:16px; animation:panel-appear .22s ease-out; }
@keyframes panel-appear { from { opacity:.3; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
.day-panel-header { display:flex; align-items:center; gap:17px; padding:24px; background:#edf2e7; }
.day-number { width:50px; height:55px; display:grid; place-items:center; background:var(--forest); color:#f4f2dd; border-radius:10px; font-size:23px; font-family:Georgia,serif; flex-shrink:0; }
.day-panel-header .eyebrow { font-size:8px; margin-bottom:7px; }
.day-panel-header h3 { font-size:21px; margin:0; line-height:1.3; }
.day-panel-header>.icon { margin-left:auto; color:#829b72; width:28px; height:28px; }
.day-experience { display:flex; gap:14px; padding:25px; }
.small-icon { display:grid; place-items:center; width:33px; height:33px; background:#f0f4e9; border-radius:9px; color:var(--forest); flex-shrink:0; }
.small-icon .icon { width:17px; height:17px; }
.day-panel h4 { font-size:12px; font-weight:650; margin:0 0 7px; }
.day-panel p { font-size:12px; line-height:1.8; margin-bottom:0; }
.day-logistics { display:grid; grid-template-columns:1fr; gap:23px; margin:0 25px 25px; padding-top:22px; border-top:1px solid #e5ecdf; }
.day-logistics>div { display:flex; gap:14px; }
.meal-chips { display:flex; gap:7px; flex-wrap:wrap; padding-top:3px; }
.meal-chip { display:flex; align-items:center; gap:5px; padding:6px 8px; border-radius:6px; background:#f5f5f0; border:1px solid #e3e6db; font-size:9px; color:#969d8c; }
.meal-chip .icon { width:13px; height:13px; }
.meal-chip.is-included { color:#375e37; background:#edf4e7; border-color:#c8dcb8; }
.day-panel .meal-note { font-size:9px; color:#8d9585; margin-top:8px; }
.day-footer { display:flex; justify-content:space-between; gap:20px; border-top:1px solid #e4ecdb; padding:15px 24px; font-size:9px; background:#fcfcf8; }
.day-footer>span,.day-footer>a { display:flex; align-items:center; gap:6px; }
.day-footer>span { color:#83947b; }
.day-footer>a { color:var(--forest); font-weight:600; white-space:nowrap; }
.day-footer .icon { width:13px; height:13px; }
.gallery-count { display:flex; align-items:center; gap:6px; font-size:10px; color:#819276; white-space:nowrap; }
.gallery-count .icon { width:15px; height:15px; }
.journey-gallery { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:15px; }
.gallery-photo { position:relative; border-radius:11px; overflow:hidden; height:190px; background:#d9e4d2; }
.gallery-photo:first-child { grid-column:1/-1; height:320px; }
.gallery-photo img { width:100%; height:100%; transition:transform .5s; }
.gallery-photo:hover img { transform:scale(1.035); }
.gallery-photo>span { position:absolute; inset:auto 0 0; padding:38px 16px 15px; color:white; background:linear-gradient(transparent,#122d32bf); display:flex; align-items:center; gap:7px; font-size:10px; }
.gallery-photo .icon { width:15px; height:15px; }
.gallery-expand { margin-left:auto; width:27px; height:27px; background:#ffffff28; border-radius:50%; display:grid; place-items:center; }
.inclusions-v2 { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.inclusion-card { background:white; border:1px solid #dce5d3; border-radius:12px; padding:23px; }
.inclusion-card h3 { font-size:17px; letter-spacing:-.02em; line-height:1.4; margin-bottom:20px; display:flex; gap:10px; align-items:center; }
.inclusion-card ul { margin:0; padding:0; list-style:none; display:grid; gap:15px; }
.inclusion-card li { display:flex; gap:8px; font-size:11px; color:#667c5f; }
.inclusion-card li>.icon { width:14px; height:14px; margin-top:2px; }
.inclusion-card.excluded { background:#f5f3ed; }
.excluded .small-icon { background:#eee7de; color:#a77f66; }
.excluded li { color:#8b8477; }
.journey-faq { border-top:1px solid var(--line); }
.journey-faq details { border-bottom:1px solid var(--line); }
.journey-faq summary { display:flex; align-items:center; gap:12px; list-style:none; font-size:13px; font-weight:600; padding:22px 5px; cursor:pointer; }
.journey-faq summary::-webkit-details-marker { display:none; }
.journey-faq summary>.icon { width:18px; height:18px; color:#6c8964; }
.journey-faq summary>.icon:last-child { margin-left:auto; transition:transform .2s; }
.journey-faq details[open] summary>.icon:last-child { transform:rotate(180deg); }
.journey-faq p { font-size:12px; padding:0 32px 20px; margin:0; }
.journey-sidebar .booking-panel { position:static; box-shadow:0 10px 36px #1c49320c; padding:28px; border-color:#d2e0c8; }
.booking-panel .eyebrow { color:#b07748; }
.booking-panel h2 { margin-top:12px; font-size:34px; color:var(--forest); }
.booking-panel>p { font-size:11px; }
.booking-panel form>label { margin-block:15px; font-size:11px; }
.booking-panel .price-summary { background:#edf2e6; border:1px solid #e2e9d8; border-radius:9px; padding:17px; }
.price-summary strong { font-size:12px; }
.booking-panel .booking-submit { font-size:13px; justify-content:center; gap:25px; padding-block:17px; }
.sidebar-card { padding:28px; border:1px solid var(--line); background:white; border-radius:14px; margin-top:22px; }
.sidebar-card h3 { font-size:25px; line-height:1.25; margin-bottom:24px; }
.sidebar-card .eyebrow { font-size:8px; }
.booking-steps ol { list-style:none; padding:0; margin:0; display:grid; gap:22px; }
.booking-steps li { display:flex; gap:13px; align-items:start; }
.booking-steps li>span { width:28px; height:28px; background:#edf2e7; display:grid; place-items:center; border-radius:50%; font-size:9px; color:#7f9472; flex-shrink:0; }
.booking-steps strong { font-size:12px; font-weight:650; }
.booking-steps p { font-size:11px; line-height:1.7; margin:4px 0 0; }
.personal-trip { background:#edf1e7; }
.personal-trip>.feature-icon { background:#dfe9d5; margin-bottom:20px; }
.personal-trip h3 { margin-bottom:14px; }
.personal-trip p { font-size:12px; }
.personal-trip .button { font-size:11px; }
.reassurance { display:flex; align-items:start; gap:13px; border-color:#e1e6d9; background:#f6f5ef; }
.reassurance>.icon { color:#798f63; margin-top:3px; }
.reassurance strong { font-size:12px; }
.reassurance p { font-size:11px; margin:7px 0 0; }
.related-journeys { border-top:1px solid var(--line); }
.related-grid { grid-template-columns:repeat(3,1fr); }
.mobile-reserve { display:none; }
.gallery-dialog { padding:0; border:0; border-radius:14px; background:#142a26; color:white; width:min(1100px,calc(100% - 40px)); max-height:90svh; overflow:auto; }
.gallery-dialog::backdrop { background:#0c211fed; }
.gallery-open { overflow:hidden; }
.gallery-close { position:absolute; top:14px; right:14px; z-index:2; width:36px; height:36px; border:1px solid #ffffff45; background:#153c34; color:white; border-radius:50%; display:grid; place-items:center; }
.gallery-stage { display:grid; grid-template-columns:45px 1fr 45px; align-items:center; padding:55px 20px 20px; }
.gallery-stage button { display:grid; place-items:center; width:36px; height:36px; background:#ffffff16; color:white; border:1px solid #ffffff30; border-radius:50%; }
.gallery-stage figure { margin:0; min-width:0; }
.gallery-stage img { width:100%; max-height:70svh; object-fit:contain; }
.gallery-stage figcaption { text-align:center; font-size:12px; color:#dce5d5; padding:18px 12px 0; }
.day-editor { border:1px solid var(--line); border-radius:10px; padding:20px; margin-bottom:16px; }
.day-editor h3 { font-size:18px; margin-bottom:15px; }
.day-editor .meal-options { display:flex; gap:20px; margin-top:15px; flex-wrap:wrap; }
.day-editor .meal-options label { font-size:11px; }
@media(max-width:1150px) { #navigation { gap:3px; } #navigation>a:not(.nav-cta) { padding-inline:10px; } .card-body { padding:18px; } .card-image { height:270px; } .journey-layout { grid-template-columns:minmax(0,1fr) 345px; gap:35px; } .journey-feature { padding:15px 12px; gap:10px; } .journey-feature strong { font-size:11px; } .feature-icon { width:35px; height:35px; } .journey-section h2 { font-size:33px; } .itinerary-view-toggle { font-size:8px; } .inclusions-v2 { grid-template-columns:1fr; } }
@media(max-width:850px) { .site-header { height:80px; } #navigation { padding:22px 32px; gap:12px; } #navigation>a:not(.nav-cta) { padding:12px 15px; } #navigation>a:not(.nav-cta)::after { bottom:6px; left:15px; width:calc(100% - 30px); } .nav-cta { margin-top:4px; } .home-introduction { grid-template-columns:1fr; gap:22px; } .journey-navigation { top:80px; } .section-navigation { display:flex; position:static; gap:22px; background:transparent; padding:15px 0; align-items:center; flex-direction:row; } .section-navigation a { font-size:10px; } .journey-layout { grid-template-columns:1fr; gap:0; padding-top:35px; } .journey-main { min-width:0; } .journey-sidebar { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding-bottom:50px; } .journey-sidebar .booking-panel { grid-column:1/-1; width:100%; max-width:none; } .sidebar-card { margin:0; } .reassurance { grid-column:1/-1; } .journey-section { padding-bottom:40px; scroll-margin-top:155px; } .journey-section+.journey-section { padding-top:35px; } .related-grid { grid-template-columns:repeat(2,1fr); } .related-grid .package-card:last-child { grid-column:1/-1; width:calc(50% - 14px); } .hero-duration { display:none; } .journey-hero { min-height:470px; } .journey-hero h1 { font-size:48px; } .inclusions-v2 { grid-template-columns:1fr 1fr; } .journey-section h2 { font-size:36px; } .mobile-reserve { display:flex; justify-content:space-between; align-items:center; position:fixed; bottom:0; left:0; right:0; background:#fffef9fa; border-top:1px solid #dce5d3; padding:12px 25px; z-index:12; gap:18px; box-shadow:0 -7px 25px #2348330a; } .mobile-reserve small { display:block; font-size:8px; letter-spacing:.1em; color:#8e9b84; } .mobile-reserve strong { font-size:17px; } .mobile-reserve .button { padding:11px 16px; font-size:11px; } .package-page footer { padding-bottom:90px; } .mobile-reserve.is-hidden { display:none; } }
@media(max-width:580px) { .nav-cta { font-size:12px; } .journey-hero { min-height:490px; padding-bottom:35px; } .journey-hero .back-link { margin-bottom:32px; font-size:11px; } .journey-hero h1 { font-size:40px; } .hero-label { font-size:10px; margin-bottom:18px; } .hero-label>span { font-size:8px; } .journey-hero p { font-size:12px; } .journey-hero-actions { gap:20px; } .journey-hero-actions .button { padding:13px 17px; font-size:11px; } .hero-gallery-link { font-size:10px; gap:6px; } .hero-gallery-link .icon { width:16px; height:16px; } .section-navigation { gap:20px; } .section-navigation a { font-size:9px; } .section-navigation .icon { width:14px; height:14px; } .journey-section h2 { font-size:30px; } .journey-section .lead { font-size:13px; } .journey-features { gap:10px; } .journey-feature { flex-direction:column; align-items:start; gap:10px; padding:15px; } .journey-feature strong { font-size:11px; } .journey-feature small { font-size:8px; } .highlight-panel { padding:21px; } .highlight-panel li { font-size:11px; align-items:start; } .sample-note { font-size:9px; } .journey-section-heading { align-items:start; gap:10px; flex-wrap:wrap; } .journey-section-heading .itinerary-view-toggle { margin-bottom:15px; } .day-tabs { gap:7px; } .day-tabs button { width:57px; min-height:60px; } .day-tabs button strong { font-size:19px; } .day-panel-header { gap:13px; padding:20px; } .day-panel-header h3 { font-size:19px; } .day-panel-header>.icon { display:none; } .day-number { width:44px; height:50px; font-size:22px; } .day-panel-header .eyebrow { font-size:7px; } .day-experience { padding:21px; gap:11px; } .day-logistics { margin-inline:21px; } .day-logistics>div { gap:11px; } .day-panel p { font-size:11px; } .day-footer { display:block; padding:16px 21px; } .day-footer>a { margin-top:13px; } .meal-chips { gap:5px; } .meal-chip { font-size:8px; padding:5px 6px; } .meal-chip .icon { width:12px; height:12px; } .journey-gallery { gap:9px; } .gallery-photo { height:155px; } .gallery-photo:first-child { height:235px; } .gallery-photo>span { font-size:8px; padding:35px 11px 11px; line-height:1.5; } .gallery-photo .gallery-expand { display:none; } .inclusions-v2 { grid-template-columns:1fr; } .inclusion-card { padding:21px; } .journey-faq summary { font-size:11px; gap:9px; } .journey-faq p { font-size:11px; padding-left:28px; } .journey-sidebar { grid-template-columns:1fr; gap:17px; } .journey-sidebar .booking-panel { padding:25px; scroll-margin-top:145px; } .sidebar-card { padding:25px; } .related-grid { grid-template-columns:1fr; } .related-grid .package-card:last-child { grid-column:auto; width:auto; } .card-image { height:285px; } .card-body { padding:21px; } .card-meta { font-size:10px; } .card-body h3 { font-size:23px; min-height:0; margin-bottom:17px; } .card-amenities { font-size:11px; margin-bottom:20px; } .card-price strong { font-size:18px; } .card-price .card-cta { font-size:11px; padding:11px 14px; } .home-intro-points { gap:15px; font-size:10px; } .home-introduction { padding-bottom:0; } .gallery-stage { grid-template-columns:32px 1fr 32px; padding:55px 8px 20px; } .gallery-stage button { width:28px; height:28px; } .gallery-stage .icon { width:17px; height:17px; } .gallery-stage figcaption { font-size:10px; } .footer-bottom>span:last-child { flex-wrap:wrap; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; } }