:root{
    --home-navy:#062B4F;
    --home-blue:#0067C5;
    --home-sky:#009FE3;
    --home-turquoise:#08B9C7;
    --home-gold:#E5AE20;
    --home-gold-light:#F4C542;
    --home-soft:#F3F9FC;
    --home-white:#FFFFFF;
    --home-text:#17354D;
    --home-muted:#687D8B;

    --home-ocean-gradient:
        linear-gradient(
            110deg,
            #0067C5 0%,
            #009FE3 48%,
            #08B9C7 100%
        );
}


/* =========================================================
   HOME GLOBAL
========================================================= */

body .zp-home-page,
body .home-page{
    color:var(--home-text);
}

body .zp-home-page h1,
body .zp-home-page h2,
body .zp-home-page h3,
body .home-page h1,
body .home-page h2,
body .home-page h3{
    color:var(--home-navy);
}


/* =========================================================
   SECTION EYEBROWS
========================================================= */

body .zp-home-page .section-label,
body .zp-home-page .section-subtitle,
body .zp-home-page .eyebrow,
body .home-page .section-label,
body .home-page .section-subtitle,
body .home-page .eyebrow{
    color:var(--home-blue) !important;
}


/* =========================================================
   GOLD HIGHLIGHTS
========================================================= */

body .zp-home-page h2 span,
body .zp-home-page h3 span,
body .home-page h2 span,
body .home-page h3 span{
    color:var(--home-gold) !important;
}


/* =========================================================
   POPULAR TOURS
========================================================= */

body .popular-tours-section,
body .popular-tours{
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F4FAFC 100%
        ) !important;
}

body .tour-card,
body .popular-tour-card{
    border-color:
        rgba(0,103,197,.12) !important;

    box-shadow:
        0 12px 30px
        rgba(0,103,197,.08) !important;
}

body .tour-card:hover,
body .popular-tour-card:hover{
    border-color:
        rgba(8,185,199,.55) !important;

    box-shadow:
        0 18px 42px
        rgba(0,103,197,.14) !important;
}


/* tour badges */

body .tour-card .badge,
body .popular-tour-card .badge,
body .tour-badge{
    background:var(--home-ocean-gradient) !important;
    color:#fff !important;
}


/* prices */

body .tour-card .price,
body .tour-price{
    color:var(--home-blue) !important;
}


/* small icons */

body .tour-card i,
body .popular-tour-card i{
    color:var(--home-turquoise);
}


/* =========================================================
   ABOUT SECTION
========================================================= */

body .zp-about-section,
body .home-about,
body .about-home{
    position:relative;
}

body .zp-about-section::before,
body .home-about::before,
body .about-home::before{
    content:"";

    position:absolute;

    width:260px;
    height:260px;

    right:-130px;
    top:10%;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(8,185,199,.08),
            transparent 70%
        );

    pointer-events:none;
}


/* feature icons */

body .zp-about-section .icon,
body .home-about .icon,
body .about-home .icon{
    background:
        linear-gradient(
            135deg,
            rgba(0,103,197,.10),
            rgba(8,185,199,.16)
        ) !important;

    color:var(--home-blue) !important;
}


/* =========================================================
   PRIMARY BUTTONS ON HOME
========================================================= */

body .zp-home-page .primary-btn,
body .zp-home-page .book-btn,
body .home-page .primary-btn,
body .home-page .book-btn{
    background:
        linear-gradient(
            135deg,
            var(--home-gold),
            var(--home-gold-light)
        ) !important;

    color:var(--home-navy) !important;

    border-color:transparent !important;
}


/* =========================================================
   BLUE SECONDARY BUTTONS
========================================================= */

body .zp-home-page .secondary-btn,
body .zp-home-page .outline-btn,
body .home-page .secondary-btn,
body .home-page .outline-btn{
    color:var(--home-blue) !important;

    border-color:var(--home-blue) !important;

    background:#fff !important;
}

body .zp-home-page .secondary-btn:hover,
body .home-page .secondary-btn:hover{
    background:var(--home-ocean-gradient) !important;

    color:#fff !important;

    border-color:transparent !important;
}


/* =========================================================
   SEARCH / TABS
========================================================= */

body .search-tabs button.active,
body .zp-search-tabs button.active,
body .search-tab.active{
    background:var(--home-ocean-gradient) !important;

    color:#fff !important;

    border-color:transparent !important;
}

body .search-tabs button:not(.active),
body .zp-search-tabs button:not(.active){
    color:var(--home-blue) !important;
}


/* =========================================================
   WHY CHOOSE US
========================================================= */

body .why-choose-us,
body .zp-why-section{
    background:
        linear-gradient(
            135deg,
            #F6FBFD 0%,
            #ECF8FB 100%
        ) !important;
}

body .why-choose-us .icon,
body .zp-why-section .icon{
    color:var(--home-blue) !important;

    background:
        linear-gradient(
            135deg,
            rgba(0,103,197,.10),
            rgba(8,185,199,.18)
        ) !important;
}


/* =========================================================
   STRONG ACCENT SECTION
========================================================= */

body .home-cta,
body .zp-home-cta{
    background:var(--home-ocean-gradient) !important;
}

body .home-cta h2,
body .home-cta h3,
body .home-cta p,
body .zp-home-cta h2,
body .zp-home-cta h3,
body .zp-home-cta p{
    color:#fff !important;
}


/* =========================================================
   FORM FOCUS
========================================================= */

body .zp-home-page input:focus,
body .zp-home-page select:focus,
body .home-page input:focus,
body .home-page select:focus{
    border-color:var(--home-turquoise) !important;

    box-shadow:
        0 0 0 3px
        rgba(8,185,199,.12) !important;
}


/* =========================================================
   LINKS
========================================================= */

body .zp-home-page a:hover,
body .home-page a:hover{
    color:var(--home-blue);
}


/* =========================================================
   ZAN PEARL HOME - FULL OCEAN BRAND
   Same visual identity as premium navigation
========================================================= */

:root{
    --zp-menu-blue:#0067C5;
    --zp-menu-sky:#009FE3;
    --zp-menu-turquoise:#08B9C7;
    --zp-menu-navy:#062B4F;
    --zp-menu-gold:#E5AE20;

    --zp-menu-gradient:
        linear-gradient(
            110deg,
            #0067C5 0%,
            #009FE3 48%,
            #08B9C7 100%
        );
}


/* =========================================================
   ABOUT / GATEWAY SECTION
========================================================= */

.zp-about-section,
.home-about,
.about-home,
section[class*="about"]{
    position:relative;

    background:
        linear-gradient(
            135deg,
            #F7FCFE 0%,
            #ECF8FC 100%
        ) !important;
}


/* headings */

.zp-about-section h2,
.home-about h2,
.about-home h2{
    color:#062B4F !important;
}

.zp-about-section h2 span,
.home-about h2 span,
.about-home h2 span{
    color:#E5AE20 !important;
}


/* labels */

.zp-about-section .section-label,
.zp-about-section .eyebrow,
.home-about .section-label,
.home-about .eyebrow{
    color:#008FD2 !important;
}


/* about icons */

.zp-about-section i,
.home-about i,
.about-home i{
    color:#008FD2;
}


/* about feature blocks */

.zp-about-section [class*="feature"],
.home-about [class*="feature"],
.about-home [class*="feature"]{
    border-color:
        rgba(8,185,199,.20) !important;
}


/* about main button */

.zp-about-section a[class*="btn"],
.home-about a[class*="btn"],
.about-home a[class*="btn"]{
    background:
        linear-gradient(
            135deg,
            #0067C5,
            #08B9C7
        ) !important;

    color:#fff !important;

    border-color:transparent !important;

    box-shadow:
        0 9px 22px
        rgba(0,103,197,.18);
}


/* gold arrow / circle */

.zp-about-section a[class*="btn"] i,
.home-about a[class*="btn"] i,
.about-home a[class*="btn"] i{
    color:#062B4F !important;

    background:#E5AE20 !important;
}


/* =========================================================
   POPULAR SAFARIS
========================================================= */

section[class*="safari"],
.safaris-home,
.safari-home-section{
    background:
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #EFF9FC 100%
        );
}


/* safari heading */

section[class*="safari"] h2,
.safaris-home h2,
.safari-home-section h2{
    color:#062B4F !important;
}

section[class*="safari"] h2 span,
.safaris-home h2 span,
.safari-home-section h2 span{
    color:#E5AE20 !important;
}


/* safari section small title */

section[class*="safari"] .section-label,
section[class*="safari"] .eyebrow{
    color:#008FD2 !important;
}


/* safari cards */

section[class*="safari"] [class*="card"]{
    border-color:
        rgba(0,103,197,.13) !important;

    box-shadow:
        0 12px 30px
        rgba(0,103,197,.08) !important;
}

section[class*="safari"] [class*="card"]:hover{
    border-color:
        rgba(8,185,199,.55) !important;

    box-shadow:
        0 19px 42px
        rgba(0,103,197,.14) !important;

    transform:translateY(-4px);
}


/* safari image lower information strip */

section[class*="safari"] [class*="meta"],
section[class*="safari"] [class*="location"]{
    border-color:
        rgba(8,185,199,.16) !important;
}


/* badges */

section[class*="safari"] [class*="badge"]:not(.popular),
section[class*="safari"] [class*="featured"]{
    background:
        linear-gradient(
            135deg,
            #0067C5,
            #08B9C7
        ) !important;

    color:#fff !important;
}


/* popular badge stays gold */

section[class*="safari"] .popular,
section[class*="safari"] [class*="popular"]{
    background:#E5AE20 !important;

    color:#062B4F !important;
}


/* safari icons */

section[class*="safari"] i{
    color:#008FD2;
}


/* Safari card buttons */

section[class*="safari"] a[class*="btn"],
section[class*="safari"] button{
    border-color:#0067C5 !important;

    color:#0067C5 !important;
}

section[class*="safari"] a[class*="btn"]:hover,
section[class*="safari"] button:hover{
    background:
        linear-gradient(
            135deg,
            #0067C5,
            #08B9C7
        ) !important;

    color:#fff !important;

    border-color:transparent !important;
}


/* =========================================================
   WHY CHOOSE US
========================================================= */

.why-choose-us,
.zp-why-section,
section[class*="why"]{
    position:relative;

    background:
        linear-gradient(
            120deg,
            #EDF8FC 0%,
            #F7FCFE 55%,
            #E9F8FA 100%
        ) !important;
}


/* blue decorative glow */

.why-choose-us::before,
.zp-why-section::before,
section[class*="why"]::before{
    content:"";

    position:absolute;

    width:340px;
    height:340px;

    left:-170px;
    bottom:-150px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(0,159,227,.12),
            transparent 68%
        );

    pointer-events:none;
}


/* title */

.why-choose-us h2,
.zp-why-section h2,
section[class*="why"] h2{
    color:#062B4F !important;
}


/* gold selected words */

.why-choose-us h2 span,
.zp-why-section h2 span,
section[class*="why"] h2 span{
    color:#E5AE20 !important;
}


/* WHY label */

.why-choose-us .section-label,
.why-choose-us .eyebrow,
.zp-why-section .section-label,
.zp-why-section .eyebrow{
    color:#0067C5 !important;
}


/* feature icons */

.why-choose-us [class*="icon"],
.zp-why-section [class*="icon"],
section[class*="why"] [class*="icon"]{
    background:
        linear-gradient(
            135deg,
            rgba(0,103,197,.10),
            rgba(8,185,199,.20)
        ) !important;

    color:#0067C5 !important;

    border-color:
        rgba(8,185,199,.20) !important;
}


/* feature separators */

.why-choose-us [class*="item"],
.zp-why-section [class*="item"]{
    border-color:
        rgba(0,103,197,.13) !important;
}


/* =========================================================
   ALL HOME CARD SMALL ICON CIRCLES
========================================================= */

main [class*="tour"] [class*="icon"],
main [class*="safari"] [class*="icon"],
main [class*="about"] [class*="icon"],
main [class*="why"] [class*="icon"]{
    transition:.25s ease;
}


/* =========================================================
   BLUE → TURQUOISE DECORATIVE LINES
========================================================= */

main .section-line,
main [class*="divider"],
main [class*="separator"]{
    border-color:
        rgba(8,185,199,.20) !important;
}


/* =========================================================
   GOLD ONLY FOR IMPORTANT HIGHLIGHTS
========================================================= */

main .stars,
main [class*="star"]{
    color:#E5AE20 !important;
}


/* =========================================================
   HOME SECTION TRANSITIONS
========================================================= */

.zp-about-section,
section[class*="safari"],
.why-choose-us,
.zp-why-section{
    transition:
        background .25s ease,
        border-color .25s ease;
}



/* ==========================================================
   ZAN PEARL - PREMIUM WHY CHOOSE
========================================================== */

.zpw-section{
    position:relative;

    padding:100px 0 90px;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 86% 22%,
            rgba(16,177,221,.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 8% 80%,
            rgba(244,181,31,.08),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f5fbff 100%
        );
}


.zpw-section::before{
    content:"";

    position:absolute;

    width:420px;
    height:420px;

    right:-250px;
    top:-140px;

    border-radius:50%;

    border:
        1px solid rgba(13,162,215,.12);

    box-shadow:
        0 0 0 45px rgba(13,162,215,.025),
        0 0 0 90px rgba(13,162,215,.018);

    pointer-events:none;
}


.zpw-container{
    position:relative;

    z-index:2;

    width:min(
        1320px,
        calc(100% - 60px)
    );

    margin:0 auto;
}


/* ==========================================================
   GRID
========================================================== */

.zpw-grid{
    display:grid;

    grid-template-columns:
        minmax(280px,.95fr)
        minmax(330px,1.15fr)
        minmax(300px,.95fr);

    gap:55px;

    align-items:center;
}


/* ==========================================================
   LEFT CONTENT
========================================================== */

.zpw-kicker{
    position:relative;

    display:inline-flex;
    align-items:center;

    margin-bottom:25px;

    color:#f1ae0a;

    font-size:17px;
    font-weight:800;

    font-style:italic;
}


.zpw-kicker::after{
    content:"";

    position:absolute;

    left:0;
    bottom:-12px;

    width:44px;
    height:3px;

    border-radius:20px;

    background:#f4b51f;
}


.zpw-title{
    margin:0;

    color:#072d57;

    font-size:50px;

    line-height:1.08;

    letter-spacing:-2px;

    font-weight:800;
}


.zpw-title span{
    display:block;

    color:#0aa5dd;
}


.zpw-description{
    max-width:480px;

    margin:
        27px 0 28px;

    color:#526376;

    font-size:15px;

    line-height:1.9;
}


/* ==========================================================
   BENEFITS
========================================================== */

.zpw-benefits{
    display:flex;
    flex-direction:column;

    gap:10px;
}


.zpw-benefit{
    min-height:50px;

    padding:8px 14px;

    display:flex;
    align-items:center;

    gap:13px;

    border:
        1px solid rgba(7,56,98,.07);

    border-radius:12px;

    background:
        rgba(255,255,255,.88);

    box-shadow:
        0 9px 24px rgba(21,74,110,.06);

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}


.zpw-benefit:hover{
    transform:translateX(5px);

    border-color:
        rgba(13,162,215,.18);

    box-shadow:
        0 12px 28px rgba(21,74,110,.10);
}


.zpw-benefit > span{
    width:30px;
    height:30px;

    flex:0 0 30px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        linear-gradient(
            135deg,
            #118bdc,
            #0dc4e6
        );

    color:#ffffff;

    font-size:11px;

    box-shadow:
        0 6px 15px rgba(10,154,218,.20);
}


.zpw-benefit strong{
    color:#0c315a;

    font-size:13px;
    font-weight:750;
}


/* ==========================================================
   CENTER IMAGE
========================================================== */

.zpw-visual{
    position:relative;

    display:flex;
    justify-content:center;
}


.zpw-visual-frame{
    position:relative;

    width:min(100%,460px);

    height:590px;

    border-radius:
        220px 220px 30px 30px;

    background:#dff5ff;

    border:
        2px solid rgba(14,174,224,.42);

    padding:11px;

    box-shadow:
        0 30px 70px rgba(0,61,104,.15);
}


.zpw-visual-frame > img{
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    border-radius:
        210px 210px 22px 22px;
}


.zpw-image-overlay{
    position:absolute;

    inset:11px;

    border-radius:
        210px 210px 22px 22px;

    background:
        linear-gradient(
            180deg,
            rgba(4,52,91,.02),
            rgba(4,52,91,.10)
        );

    pointer-events:none;
}


/* ==========================================================
   PLANE
========================================================== */

.zpw-plane{
    position:absolute;

    left:-52px;
    top:100px;

    width:108px;
    height:55px;

    display:flex;
    align-items:center;
    justify-content:center;

    color:#1476b9;

    font-size:62px;

    transform:
        rotate(-10deg);

    filter:
        drop-shadow(
            0 8px 8px rgba(0,44,88,.18)
        );
}


/* PIN */

.zpw-pin{
    position:absolute;

    left:-34px;
    top:245px;

    width:46px;
    height:46px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:#ffffff;

    color:#f4b51f;

    font-size:25px;

    box-shadow:
        0 10px 25px rgba(0,36,70,.15);
}


/* ==========================================================
   BADGE
========================================================== */

.zpw-badge{
    position:absolute;

    right:-45px;
    top:255px;

    width:155px;
    height:155px;

    display:flex;
    flex-direction:column;

    align-items:center;
    justify-content:center;

    gap:5px;

    text-align:center;

    border:
        2px solid #efbb2c;

    border-radius:50%;

    background:
        rgba(255,255,255,.97);

    box-shadow:
        0 15px 40px rgba(0,41,75,.18);
}


.zpw-badge-icon{
    color:#069bd5;

    font-size:25px;
}


.zpw-badge strong{
    color:#082f5c;

    font-size:14px;

    line-height:1.25;
}


.zpw-badge small{
    color:#f0aa00;

    font-size:10px;

    font-weight:800;
}


/* ==========================================================
   TRAVEL ITEMS
========================================================== */

.zpw-travel-items{
    position:absolute;

    left:50%;
    bottom:-20px;

    transform:
        translateX(-50%);

    display:flex;
    align-items:flex-end;

    gap:10px;
}


.zpw-suitcase{
    width:110px;
    height:130px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:
        18px 18px 10px 10px;

    background:
        linear-gradient(
            145deg,
            #0b3a67,
            #062746
        );

    color:#ffffff;

    font-size:75px;

    box-shadow:
        0 20px 30px rgba(0,25,50,.28);
}


.zpw-camera{
    width:66px;
    height:58px;

    margin-bottom:4px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:13px;

    background:#092c4f;

    color:#ffffff;

    font-size:28px;

    box-shadow:
        0 13px 25px rgba(0,25,50,.22);
}


/* ==========================================================
   RIGHT CARDS
========================================================== */

.zpw-features{
    display:flex;
    flex-direction:column;

    gap:18px;
}


.zpw-feature-card{
    min-height:155px;

    padding:25px;

    display:grid;

    grid-template-columns:
        78px 1fr;

    gap:22px;

    align-items:center;

    border:
        1px solid rgba(6,56,98,.07);

    border-radius:19px;

    background:
        rgba(255,255,255,.95);

    box-shadow:
        0 16px 38px rgba(12,61,96,.08);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.zpw-feature-card:hover{
    transform:
        translateY(-5px);

    box-shadow:
        0 22px 45px rgba(12,61,96,.13);
}


.zpw-feature-icon{
    width:76px;
    height:76px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #0a3f75,
            #062951
        );

    color:#ffffff;

    font-size:29px;

    box-shadow:
        0 13px 25px rgba(6,44,82,.18);
}


.zpw-feature-content{
    position:relative;

    padding-left:20px;

    border-left:
        1px solid #e4eaf0;
}


.zpw-feature-content h3{
    margin:
        0 0 8px;

    color:#082f5d;

    font-size:17px;
    font-weight:800;
}


.zpw-feature-content p{
    margin:0;

    color:#59697a;

    font-size:12px;

    line-height:1.75;
}


.zpw-feature-line{
    display:block;

    width:32px;
    height:3px;

    margin-top:12px;

    border-radius:30px;

    background:#f2b51d;
}


/* ==========================================================
   STATS BAR
========================================================== */

.zpw-stats{
    margin-top:75px;

    min-height:130px;

    padding:
        22px 35px;

    display:grid;

    grid-template-columns:
        1fr auto
        1fr auto
        1fr auto
        1fr;

    gap:28px;

    align-items:center;

    border-radius:22px;

    background:
        linear-gradient(
            120deg,
            #0a4d87 0%,
            #063665 48%,
            #072a54 100%
        );

    box-shadow:
        0 22px 50px rgba(2,42,79,.22);
}


.zpw-stat{
    display:flex;
    align-items:center;
    justify-content:center;

    gap:17px;
}


.zpw-stat-icon{
    width:60px;
    height:60px;

    flex:0 0 60px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

    background:
        rgba(0,199,238,.10);

    color:#11d1ee;

    font-size:25px;
}


.zpw-stat strong{
    display:block;

    margin-bottom:3px;

    color:#ffffff;

    font-size:26px;
    font-weight:850;
}


.zpw-stat span{
    display:block;

    color:rgba(255,255,255,.72);

    font-size:11px;
}


.zpw-stat-divider{
    width:1px;
    height:65px;

    background:
        rgba(255,255,255,.20);
}


/* ==========================================================
   TABLET
========================================================== */

@media(max-width:1100px){

    .zpw-grid{
        grid-template-columns:
            1fr 1fr;

        gap:45px;
    }


    .zpw-content{
        grid-column:1;
    }


    .zpw-visual{
        grid-column:2;
    }


    .zpw-features{
        grid-column:
            1 / -1;

        display:grid;

        grid-template-columns:
            repeat(3,1fr);
    }


    .zpw-feature-card{
        grid-template-columns:1fr;

        text-align:center;
    }


    .zpw-feature-icon{
        margin:auto;
    }


    .zpw-feature-content{
        padding:
            18px 0 0;

        border-left:0;

        border-top:
            1px solid #e4eaf0;
    }


    .zpw-feature-line{
        margin:
            12px auto 0;
    }


    .zpw-stats{
        grid-template-columns:
            1fr 1fr;

        gap:25px;
    }


    .zpw-stat-divider{
        display:none;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:700px){

    .zpw-section{
        padding:
            70px 0 55px;
    }


    .zpw-container{
        width:
            calc(100% - 30px);
    }


    .zpw-grid{
        display:flex;
        flex-direction:column;

        gap:45px;
    }


    .zpw-content{
        width:100%;
    }


    .zpw-kicker{
        font-size:14px;
    }


    .zpw-title{
        font-size:37px;

        letter-spacing:-1.5px;
    }


    .zpw-description{
        font-size:13px;

        line-height:1.8;
    }


    .zpw-benefit{
        min-height:47px;
    }


    .zpw-benefit strong{
        font-size:11px;
    }


    /* VISUAL */

    .zpw-visual{
        width:100%;

        padding:
            0 18px;
    }


    .zpw-visual-frame{
        width:100%;

        height:480px;

        border-radius:
            170px 170px 24px 24px;
    }


    .zpw-visual-frame > img,
    .zpw-image-overlay{

        border-radius:
            160px 160px 17px 17px;
    }


    .zpw-plane{
        left:-10px;
        top:90px;

        font-size:42px;
    }


    .zpw-pin{
        left:-5px;
        top:200px;

        width:38px;
        height:38px;

        font-size:20px;
    }


    .zpw-badge{
        right:-7px;
        top:240px;

        width:115px;
        height:115px;
    }


    .zpw-badge strong{
        font-size:11px;
    }


    .zpw-badge small{
        font-size:8px;
    }


    .zpw-suitcase{
        width:85px;
        height:105px;

        font-size:55px;
    }


    .zpw-camera{
        width:52px;
        height:48px;

        font-size:21px;
    }


    /* FEATURES */

    .zpw-features{
        width:100%;

        display:flex;
        flex-direction:column;
    }


    .zpw-feature-card{
        min-height:auto;

        padding:20px;

        grid-template-columns:
            62px 1fr;

        gap:16px;

        text-align:left;
    }


    .zpw-feature-icon{
        width:60px;
        height:60px;

        margin:0;

        font-size:23px;
    }


    .zpw-feature-content{
        padding:
            0 0 0 16px;

        border-top:0;

        border-left:
            1px solid #e4eaf0;
    }


    .zpw-feature-line{
        margin:
            10px 0 0;
    }


    /* STATS */

    .zpw-stats{
        margin-top:45px;

        padding:20px;

        grid-template-columns:
            1fr 1fr;

        gap:25px 15px;

        border-radius:17px;
    }


    .zpw-stat{
        justify-content:flex-start;

        gap:12px;
    }


    .zpw-stat-icon{
        width:44px;
        height:44px;

        flex:0 0 44px;

        font-size:18px;
    }


    .zpw-stat strong{
        font-size:19px;
    }


    .zpw-stat span{
        font-size:9px;
    }

}


/* ==========================================================
   SMALL PHONE
========================================================== */

@media(max-width:390px){

    .zpw-title{
        font-size:33px;
    }


    .zpw-visual{
        padding:
            0 10px;
    }


    .zpw-visual-frame{
        height:430px;
    }


    .zpw-feature-card{
        grid-template-columns:
            52px 1fr;
    }


    .zpw-feature-icon{
        width:50px;
        height:50px;

        font-size:19px;
    }


    .zpw-stats{
        grid-template-columns:1fr;
    }

}