/* ============================================================================
FILE: /assets/css/baguio-car-rental.css
Poster-style Baguio page skin for the shared MG landing-page components.
============================================================================ */
:root{
    --baguio-green:#0b6f63;
    --baguio-green-dark:#053f3f;
    --baguio-pine:#052b31;
    --baguio-ink:#082129;
    --baguio-accent:#7cc8d4;
    --baguio-paper:#edf4f1;
    --baguio-card:#f8fcfa;
    --baguio-line:#c7d8d3;
    --baguio-sky:#a9d8e5;
    --baguio-shadow:0 18px 34px rgba(7,29,37,.18);
}

html{
    overflow-x:hidden;
}

.mg-theme-mountain{
    background:
        linear-gradient(rgba(7,29,37,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(7,29,37,.03) 1px,transparent 1px),
        var(--baguio-paper);
    background-size:44px 44px,44px 44px,auto;
    color:var(--baguio-ink);
    overflow:hidden;
}

.mg-theme-mountain .mg-booking-hero{
    position:relative;
    isolation:isolate;
    min-height:calc(100svh - 72px);
    overflow:hidden;
    color:var(--baguio-ink);
    background:
        linear-gradient(90deg,rgba(237,244,241,.96) 0%,rgba(237,244,241,.86) 38%,rgba(237,244,241,.26) 66%,rgba(5,43,49,.08) 100%),
        var(--hero-image) center/cover no-repeat,
        linear-gradient(154deg,transparent 0 48%,rgba(11,111,99,.68) 48.3% 53%,rgba(237,244,241,.88) 53.4% 57%,transparent 57.4%),
        linear-gradient(180deg,#a9d8e5 0%,#edf8fa 30%,#d7e5df 30.5%,#a9c3b8 34%,#1b776b 34.4%,#074f49 50%,#edf4f1 50.4%,#edf4f1 100%);
    background-size:cover;
    background-position:center;
}

.mg-theme-mountain .mg-booking-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(rgba(7,29,37,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(7,29,37,.03) 1px,transparent 1px);
    background-size:44px 44px;
    pointer-events:none;
}

.mg-theme-mountain .mg-booking-hero::after{
    display:none;
}

.mg-theme-mountain .mg-hero-overlay,
.mg-theme-mountain .mg-hero-noise,
.mg-theme-mountain .mg-travel-tabs{
    display:none;
}

.mg-theme-mountain .mg-hero-container{
    width:min(1180px,calc(100% - 36px));
    margin-inline:auto;
    padding:72px 0 88px;
}

.mg-theme-mountain .mg-hero-shell{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.74fr);
    gap:56px;
    align-items:center;
}

.mg-theme-mountain .mg-hero-copy{
    position:relative;
    max-width:820px;
    z-index:2;
}

.mg-theme-mountain .mg-eyebrow{
    display:inline-flex;
    align-items:center;
    min-height:auto;
    margin:0 0 18px;
    padding:12px 28px 13px 24px;
    border:0;
    border-radius:0;
    background:var(--baguio-green);
    color:#fff;
    box-shadow:10px 10px 0 rgba(6,43,44,.12);
    clip-path:polygon(0 9%,95% 0,100% 50%,94% 100%,0 92%,4% 50%);
    font-size:clamp(1.08rem,2.1vw,1.85rem);
    font-weight:1000;
    font-style:italic;
    letter-spacing:0;
    line-height:1;
    text-transform:uppercase;
    transform:rotate(-2deg);
}

.mg-theme-mountain .mg-eyebrow::before{
    content:"";
    display:inline-block;
    width:23px;
    height:23px;
    margin-right:10px;
    background:#fff;
    border-radius:50% 50% 50% 0;
    transform:rotate(-45deg);
    box-shadow:inset 0 0 0 7px #fff,inset 0 0 0 12px var(--baguio-green);
}

.mg-theme-mountain .mg-hero-copy h1{
    max-width:9.8ch;
    margin:0;
    color:var(--baguio-pine);
    font-family:"Arial Black",Impact,Arial,sans-serif;
    font-size:clamp(4.2rem,8.8vw,8.4rem);
    font-weight:1000;
    line-height:.82;
    letter-spacing:0;
    text-transform:uppercase;
    text-shadow:5px 5px 0 rgba(255,255,255,.68);
}

.mg-theme-mountain .mg-lead{
    max-width:780px;
    margin:20px 0 0;
    color:var(--baguio-green);
    font-family:"Arial Black",Impact,Arial,sans-serif;
    font-size:clamp(1.75rem,3.15vw,3.15rem);
    font-weight:1000;
    line-height:1.05;
    letter-spacing:0;
    text-transform:uppercase;
    text-shadow:2px 2px 0 rgba(255,255,255,.72);
}

.mg-theme-mountain .mg-lead::after{
    content:"Your road. Your pace. Your Baguio.";
    display:block;
    width:max-content;
    max-width:100%;
    margin-top:22px;
    padding:12px 24px;
    background:var(--baguio-accent);
    color:var(--baguio-pine);
    box-shadow:8px 8px 0 rgba(8,116,95,.14);
    font-size:clamp(1rem,1.9vw,1.55rem);
    line-height:1;
    letter-spacing:0;
    transform:rotate(-2deg);
}

.mg-theme-mountain .mg-hero-copy::after{
    content:"";
    display:block;
    width:min(585px,96%);
    aspect-ratio:2.08;
    margin-top:26px;
    background:url('/images/baguio/honda-brv-2025-silver-cutout.webp') center/contain no-repeat;
    filter:drop-shadow(22px 26px 18px rgba(7,29,37,.26));
}

.mg-theme-mountain .mg-hero-copy::before{
    content:"CLEAN CARS\A FAIR PRICES\A TRUSTED SERVICE";
    white-space:pre;
    position:absolute;
    right:4%;
    bottom:28%;
    z-index:2;
    padding:15px 18px 15px 42px;
    background:var(--baguio-pine);
    color:#fff;
    clip-path:polygon(0 9%,94% 0,100% 13%,94% 100%,5% 92%,0 100%);
    font-size:.78rem;
    font-weight:1000;
    line-height:1.08;
    text-transform:uppercase;
    box-shadow:12px 14px 22px rgba(7,29,37,.20);
}

.mg-theme-mountain .mg-hero-meta{
    display:none;
}

.mg-theme-mountain .mg-hero-form-wrap{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    z-index:3;
}

.mg-theme-mountain .mg-hero-form-card{
    position:relative;
    width:min(100%,420px);
    padding:0;
    border:10px solid #d7e5df;
    border-radius:30px;
    background:var(--baguio-card);
    box-shadow:14px 14px 0 rgba(7,29,37,.25),0 28px 42px rgba(7,29,37,.18);
    overflow:visible;
}

.mg-theme-mountain .mg-hero-form-card::before{
    content:"";
    position:absolute;
    z-index:2;
    top:-30px;
    left:50%;
    width:96px;
    height:32px;
    background:var(--baguio-accent);
    box-shadow:0 8px 16px rgba(0,0,0,.14);
    transform:translateX(-50%) rotate(3deg);
}

.mg-theme-mountain .mg-hero-form-head{
    margin:0;
    padding:30px 24px 22px;
    border-radius:20px 20px 0 0;
    background:linear-gradient(135deg,var(--baguio-green),var(--baguio-green-dark));
    color:#fff;
    text-align:center;
}

.mg-theme-mountain .mg-form-kicker{
    display:none;
}

.mg-theme-mountain .mg-hero-form-head h2{
    margin:0;
    color:#fff;
    font-family:"Arial Black",Impact,Arial,sans-serif;
    font-size:clamp(2rem,2.6vw,2.6rem);
    font-weight:1000;
    line-height:.95;
    letter-spacing:0;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-hero-form-head p{
    margin:11px 0 0;
    color:var(--baguio-accent);
    font-size:.98rem;
    font-weight:1000;
    line-height:1.2;
    text-align:center;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-search-engine{
    display:grid;
    gap:15px;
    padding:23px;
    background:var(--baguio-card);
    border-radius:0 0 20px 20px;
}

.mg-theme-mountain .mg-field{
    min-height:0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.mg-theme-mountain .mg-field label{
    display:block;
    margin:0 0 7px;
    color:var(--baguio-ink);
    font-size:.72rem;
    font-weight:1000;
    line-height:1;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-field input,
.mg-theme-mountain .mg-field select,
.mg-theme-mountain .mg-field textarea{
    width:100%;
    min-height:46px;
    border:1px solid #c9bb9d;
    border-radius:8px;
    background:#fff;
    padding:0 13px;
    color:var(--baguio-ink);
    box-shadow:inset 0 1px 3px rgba(7,29,37,.05);
}

.mg-theme-mountain .mg-field:focus-within input,
.mg-theme-mountain .mg-field:focus-within select,
.mg-theme-mountain .mg-field:focus-within textarea{
    border-color:var(--baguio-accent);
    box-shadow:0 0 0 4px rgba(124,200,212,.22);
}

.mg-theme-mountain .mg-search-btn,
.mg-theme-mountain .mg-primary-link,
.mg-theme-mountain .mg-pill-cta{
    border:0;
    border-radius:10px;
    background:linear-gradient(135deg,var(--baguio-green),var(--baguio-green-dark));
    color:#fff;
    box-shadow:0 12px 20px rgba(8,116,95,.22);
    font-weight:1000;
    text-transform:uppercase;
    letter-spacing:0;
}

.mg-theme-mountain .mg-search-btn{
    min-height:56px;
}

.mg-theme-mountain .mg-trust-grid-wrap,
.mg-theme-mountain .mg-section.mg-trust-grid-wrap{
    position:relative;
    z-index:4;
    margin-top:-74px;
    padding:0 0 24px;
    border:0;
    background:transparent;
}

.mg-theme-mountain .mg-trust-grid{
    display:grid;
    width:min(980px,calc(100% - 72px));
    max-width:none;
    margin:0 auto;
    gap:16px;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.mg-theme-mountain .mg-trust-card{
    display:grid;
    grid-template-columns:40px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    gap:9px;
    min-height:52px;
    padding:8px 10px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}

.mg-theme-mountain .mg-icon,
.mg-theme-mountain .mg-trust-card .mg-icon{
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    margin:0;
    border-radius:50%;
    background:var(--baguio-green);
    color:#fff;
}

.mg-theme-mountain .mg-trust-card .mg-icon{
    grid-row:1 / span 2;
}

.mg-theme-mountain .mg-trust-card h3{
    grid-column:2;
    align-self:end;
    margin:0;
    color:var(--baguio-pine);
    font-size:.70rem;
    line-height:1;
    font-weight:1000;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-trust-card p{
    grid-column:2;
    align-self:start;
    margin:2px 0 0;
    color:#344d4f;
    font-size:.64rem;
    font-weight:850;
    line-height:1.05;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-section{
    position:relative;
    padding:74px 0;
    background:
        linear-gradient(rgba(7,29,37,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(7,29,37,.03) 1px,transparent 1px),
        var(--baguio-paper);
    background-size:44px 44px,44px 44px,auto;
}

.mg-theme-mountain .mg-kicker{
    min-height:auto;
    margin:0 0 12px;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--baguio-pine);
    padding:0;
    font-size:1rem;
    font-weight:1000;
    font-style:italic;
    letter-spacing:0;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-section h2,
.mg-theme-mountain .mg-routes-section h2,
.mg-theme-mountain .mg-final-cta h2{
    color:var(--baguio-pine);
    font-size:clamp(2.35rem,4.8vw,4.8rem);
    font-weight:1000;
    line-height:.95;
    letter-spacing:0;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-section h2::first-letter,
.mg-theme-mountain .mg-routes-section h2::first-letter{
    color:var(--baguio-green);
}

.mg-theme-mountain .mg-section-lead,
.mg-theme-mountain .mg-story-section p,
.mg-theme-mountain .mg-routes-intro p,
.mg-theme-mountain .mg-cta-box p{
    color:#31484d;
    font-weight:650;
}

.mg-theme-mountain .mg-story-section .mg-container,
.mg-theme-mountain .mg-story-section .mg-two-col{
    display:grid;
    grid-template-columns:320px minmax(0,1fr);
    gap:44px;
    align-items:start;
}

.mg-theme-mountain .mg-story-section .mg-copy-block{
    position:relative;
    padding:34px 30px;
    border:1px solid var(--baguio-line);
    border-radius:6px;
    background:
        linear-gradient(90deg,rgba(87,73,45,.08) 1px,transparent 1px),
        linear-gradient(#f9fcfa,#e6f0ec);
    background-size:100% 26px,auto;
    box-shadow:var(--baguio-shadow);
    transform:rotate(-1.5deg);
}

.mg-theme-mountain .mg-story-section .mg-copy-block::after{
    content:"";
    position:absolute;
    top:-14px;
    left:50%;
    width:92px;
    height:27px;
    background:rgba(124,200,212,.86);
    transform:translateX(-50%) rotate(2deg);
}

.mg-theme-mountain .mg-check-list{
    gap:14px;
}

.mg-theme-mountain .mg-check-list li{
    color:#253f42;
    font-weight:850;
}

.mg-theme-mountain .mg-check-list li::before{
    background:var(--baguio-green);
}

.mg-theme-mountain .mg-feature-visual{
    min-height:360px;
    border:1px solid var(--baguio-line);
    border-radius:8px;
    background:var(--baguio-card);
    box-shadow:var(--baguio-shadow);
}

.mg-theme-mountain .mg-feature-visual img{
    min-height:360px;
    object-fit:contain;
    background:var(--baguio-card);
    padding:20px;
}

.mg-theme-mountain .mg-feature-visual figcaption{
    left:22px;
    right:22px;
    bottom:22px;
    border-radius:0;
    background:var(--baguio-pine);
    color:#fff;
    box-shadow:0 12px 24px rgba(7,29,37,.18);
    clip-path:polygon(0 9%,96% 0,100% 16%,96% 100%,4% 92%,0 100%);
}

.mg-theme-mountain .mg-trip-guide{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    min-height:0;
    padding:26px;
    border:1px solid var(--baguio-line);
    border-radius:8px;
    background:
        linear-gradient(rgba(255,255,255,.72),rgba(248,252,250,.92)),
        url('/images/baguio/baguio-hero-bg-no-car.webp') center/cover no-repeat;
    box-shadow:var(--baguio-shadow);
}

.mg-theme-mountain .mg-trip-guide-head,
.mg-theme-mountain .mg-trip-guide-note{
    grid-column:1 / -1;
}

.mg-theme-mountain .mg-trip-guide-head{
    max-width:760px;
}

.mg-theme-mountain .mg-trip-guide-head .mg-kicker{
    margin-bottom:8px;
}

.mg-theme-mountain .mg-trip-guide-head h3{
    margin:0;
    color:var(--baguio-pine);
    font-family:"Arial Black",Impact,Arial,sans-serif;
    font-size:clamp(2rem,4vw,3.8rem);
    font-weight:1000;
    line-height:.95;
    letter-spacing:0;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-trip-guide-head p{
    max-width:660px;
    margin:12px 0 0;
    color:#31484d;
    font-weight:750;
}

.mg-theme-mountain .mg-trip-guide-card{
    position:relative;
    min-width:0;
    min-height:148px;
    padding:22px 20px 20px;
    border:1px solid rgba(215,200,169,.92);
    border-radius:8px;
    background:rgba(250,253,251,.95);
    box-shadow:0 14px 26px rgba(7,29,37,.12);
}

.mg-theme-mountain .mg-trip-guide-card span{
    display:inline-grid;
    place-items:center;
    width:44px;
    height:44px;
    margin-bottom:16px;
    border-radius:50%;
    background:var(--baguio-green);
    color:#fff;
    font-weight:1000;
}

.mg-theme-mountain .mg-trip-guide-card h3{
    margin:0 0 8px;
    color:var(--baguio-pine);
    font-size:1.04rem;
    font-weight:1000;
    line-height:1.05;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-trip-guide-card p{
    margin:0;
    color:#3d5052;
    font-size:.92rem;
    font-weight:700;
    line-height:1.4;
}

.mg-theme-mountain .mg-trip-guide-note{
    padding:16px 20px;
    background:var(--baguio-pine);
    color:#fff;
    font-weight:950;
    text-transform:uppercase;
    clip-path:polygon(0 8%,97% 0,100% 24%,98% 100%,3% 94%,0 100%);
}

.mg-theme-mountain .mg-services-section,
.mg-theme-mountain .mg-final-cta{
    background:
        linear-gradient(rgba(7,29,37,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(7,29,37,.03) 1px,transparent 1px),
        #e8f1ee;
    background-size:44px 44px,44px 44px,auto;
}

.mg-theme-mountain .mg-service-grid{
    gap:20px;
    grid-template-columns:repeat(3,minmax(0,1fr));
}

.mg-theme-mountain .mg-service-card,
.mg-theme-mountain .mg-route-card,
.mg-theme-mountain .mg-faq-list details{
    border:1px solid var(--baguio-line);
    border-radius:8px;
    background:linear-gradient(180deg,#fbfefd,#e7f0ec);
    box-shadow:var(--baguio-shadow);
}

.mg-theme-mountain .mg-service-card{
    overflow:hidden;
    padding:0 20px 24px;
    text-align:center;
}

.mg-theme-mountain .mg-service-card::before{
    content:"";
    display:block;
    height:156px;
    margin:0 -20px 0;
    border-bottom:1px solid var(--baguio-line);
    background:
        linear-gradient(135deg,rgba(11,111,99,.18),rgba(124,200,212,.18)),
        url('/images/rental/service-la-union-tour.jpg') center/cover no-repeat #d9e5df;
}

.mg-theme-mountain .mg-service-card:nth-child(2)::before{
    background:
        linear-gradient(135deg,rgba(6,43,44,.18),rgba(135,199,219,.20)),
        url('/images/rental/service-wedding-car.jpg') center/cover no-repeat #d9e5df;
}

.mg-theme-mountain .mg-service-card:nth-child(3)::before{
    background:
        linear-gradient(135deg,rgba(11,111,99,.16),rgba(124,200,212,.18)),
        url('/images/rental/service-self-drive-thumb.jpg') center/cover no-repeat #d9e5df;
}

.mg-theme-mountain .mg-service-card:nth-child(4)::before{
    background:
        linear-gradient(135deg,rgba(6,43,44,.18),rgba(135,199,219,.20)),
        url('/images/rental/service-with-driver.jpg') center/cover no-repeat #d9e5df;
}

.mg-theme-mountain .mg-service-card:nth-child(5)::before{
    background:
        linear-gradient(135deg,rgba(11,111,99,.16),rgba(124,200,212,.18)),
        url('/images/rental/service-airport-transfer.jpg') center/cover no-repeat #d9e5df;
}

.mg-theme-mountain .mg-service-card:nth-child(6)::before{
    background:
        linear-gradient(135deg,rgba(6,43,44,.18),rgba(135,199,219,.20)),
        url('/images/rental/service-vip.jpg') center/cover no-repeat #d9e5df;
}

.mg-theme-mountain .mg-service-card:nth-child(odd),
.mg-theme-mountain .mg-route-card:nth-child(odd){
    transform:rotate(-.8deg);
}

.mg-theme-mountain .mg-service-card:nth-child(even),
.mg-theme-mountain .mg-route-card:nth-child(even){
    transform:rotate(.8deg);
}

.mg-theme-mountain .mg-service-card:hover,
.mg-theme-mountain .mg-route-card:hover{
    transform:translateY(-7px) rotate(0);
}

.mg-theme-mountain .mg-service-card .mg-icon{
    position:relative;
    z-index:1;
    margin:-24px auto 14px;
    border:4px solid #fff;
    box-shadow:0 8px 16px rgba(7,29,37,.16);
}

.mg-theme-mountain .mg-service-card h3{
    color:var(--baguio-pine);
    font-weight:1000;
    line-height:1.05;
    text-transform:uppercase;
}

.mg-theme-mountain .mg-service-card p{
    color:#3d5052;
    font-weight:650;
}

.mg-theme-mountain .mg-routes-section{
    color:var(--baguio-ink);
    background:
        linear-gradient(rgba(7,29,37,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(7,29,37,.03) 1px,transparent 1px),
        var(--baguio-paper);
    background-size:44px 44px,44px 44px,auto;
}

.mg-theme-mountain .mg-routes-layout{
    grid-template-columns:.72fr 1.28fr;
}

.mg-theme-mountain .mg-route-cards{
    gap:18px;
}

.mg-theme-mountain .mg-route-card{
    min-height:300px;
    color:var(--baguio-pine);
    padding-top:178px;
    overflow:hidden;
}

.mg-theme-mountain .mg-route-card::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:158px;
    border-bottom:1px solid var(--baguio-line);
    background:center/cover no-repeat #d9e5df;
    pointer-events:none;
}

.mg-theme-mountain .mg-route-card:nth-child(1)::after{
    background-image:url('/images/rental/unit-honda-brv-2025-silver.jpg');
}

.mg-theme-mountain .mg-route-card:nth-child(2)::after{
    background-image:url('/images/rental/unit-honda-city-2025-white.jpg');
}

.mg-theme-mountain .mg-route-card:nth-child(3)::after{
    background-image:url('/images/rental/unit-honda-city-2025-red.jpg');
}

.mg-theme-mountain .mg-route-card:nth-child(4)::after{
    background-image:url('/images/rental/unit-suzuki-ertiga-red.jpg');
}

.mg-theme-mountain .mg-route-card span{
    color:var(--baguio-pine);
    text-transform:uppercase;
}

.mg-theme-mountain .mg-route-card small{
    color:#3d5052;
    font-weight:650;
}

.mg-theme-mountain .mg-route-card strong{
    color:var(--baguio-green);
}

.mg-theme-mountain .mg-cta-box{
    position:relative;
    border:0;
    border-radius:0;
    background:var(--baguio-pine);
    color:#fff;
    box-shadow:var(--baguio-shadow);
    clip-path:polygon(0 8%,97% 0,100% 14%,97% 100%,3% 94%,0 100%);
}

.mg-theme-mountain .mg-cta-box h2,
.mg-theme-mountain .mg-cta-box p{
    color:#fff;
}

.mg-theme-mountain .mg-cta-box .mg-kicker{
    color:var(--baguio-accent);
}

.mg-theme-mountain .mg-faq-section{
    background:
        linear-gradient(rgba(7,29,37,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(7,29,37,.03) 1px,transparent 1px),
        var(--baguio-paper);
    background-size:44px 44px,44px 44px,auto;
}

.mg-theme-mountain .mg-faq-list summary{
    color:var(--baguio-pine);
    font-weight:1000;
}

.mg-theme-mountain .mg-faq-list p{
    color:#3d5052;
}

.mg-theme-mountain input[name="website"],
.mg-theme-mountain label[for="website"],
.mg-theme-mountain .website-field,
.mg-theme-mountain .hp-field,
.mg-theme-mountain .honeypot,
.mg-theme-mountain .mg-field--website{
    display:none !important;
}

@media (max-width:1080px){
    .mg-theme-mountain .mg-hero-shell,
    .mg-theme-mountain .mg-story-section .mg-container,
    .mg-theme-mountain .mg-routes-layout{
        grid-template-columns:1fr;
    }

    .mg-theme-mountain .mg-hero-form-wrap{
        justify-content:flex-start;
    }

    .mg-theme-mountain .mg-story-section .mg-copy-block,
    .mg-theme-mountain .mg-service-card:nth-child(odd),
    .mg-theme-mountain .mg-service-card:nth-child(even),
    .mg-theme-mountain .mg-route-card:nth-child(odd),
    .mg-theme-mountain .mg-route-card:nth-child(even){
        transform:none;
    }

    .mg-theme-mountain .mg-trust-grid-wrap,
    .mg-theme-mountain .mg-section.mg-trust-grid-wrap{
        margin-top:-32px;
    }

    .mg-theme-mountain .mg-hero-copy::before{
        right:0;
        bottom:22%;
    }
}

@media (max-width:980px){
    .mg-theme-mountain .mg-booking-hero{
        min-height:auto;
    }

    .mg-theme-mountain .mg-hero-container{
        padding:92px 0 54px;
    }

    .mg-theme-mountain .mg-hero-copy h1{
        max-width:100%;
        font-size:clamp(3.4rem,14vw,6.4rem);
    }

    .mg-theme-mountain .mg-lead{
        font-size:clamp(1.55rem,7.4vw,3rem);
    }

    .mg-theme-mountain .mg-hero-copy::before{
        position:static;
        display:inline-block;
        margin:20px 0 0;
    }

    .mg-theme-mountain .mg-trust-grid,
    .mg-theme-mountain .mg-service-grid,
    .mg-theme-mountain .mg-route-cards{
        grid-template-columns:1fr 1fr;
    }

    .mg-theme-mountain .mg-trust-grid{
        width:min(560px,calc(100% - 32px));
    }
}

@media (max-width:640px){
    .mg-theme-mountain .mg-hero-container{
        width:min(100% - 28px,1180px);
        padding:82px 0 42px;
    }

    .mg-theme-mountain .mg-eyebrow{
        font-size:1.05rem;
        padding:10px 22px;
    }

    .mg-theme-mountain .mg-hero-copy h1{
        font-size:clamp(3rem,15vw,4.6rem);
        line-height:.88;
    }

    .mg-theme-mountain .mg-lead{
        font-size:clamp(1.36rem,7.6vw,2.25rem);
    }

    .mg-theme-mountain .mg-lead::after{
        width:100%;
        font-size:.96rem;
        line-height:1.08;
    }

    .mg-theme-mountain .mg-hero-copy::after{
        width:100%;
        margin-top:18px;
    }

    .mg-theme-mountain .mg-hero-form-card{
        width:100%;
        border-width:8px;
        border-radius:24px;
    }

    .mg-theme-mountain .mg-search-engine{
        padding:19px;
    }

    .mg-theme-mountain .mg-trust-grid,
    .mg-theme-mountain .mg-service-grid,
    .mg-theme-mountain .mg-route-cards,
    .mg-theme-mountain .mg-trip-guide{
        grid-template-columns:1fr;
    }

    .mg-theme-mountain .mg-trust-grid{
        gap:10px;
    }

    .mg-theme-mountain .mg-trust-grid-wrap,
    .mg-theme-mountain .mg-section.mg-trust-grid-wrap{
        margin-top:0;
        padding:24px 0;
    }

    .mg-theme-mountain .mg-section{
        padding:56px 0;
    }

    .mg-theme-mountain .mg-story-section .mg-copy-block{
        padding:28px 22px;
    }

    .mg-theme-mountain .mg-feature-visual,
    .mg-theme-mountain .mg-feature-visual img{
        min-height:300px;
    }

    .mg-theme-mountain .mg-trip-guide{
        min-height:0;
        padding:18px;
    }

    .mg-theme-mountain .mg-trip-guide-card{
        min-height:0;
    }

    .mg-theme-mountain .mg-cta-box{
        clip-path:polygon(0 4%,98% 0,100% 9%,98% 100%,2% 97%,0 100%);
    }
}
