/* =========================================================
   SWIFTROUTE PREMIUM WHY / CHOOSE US SECTION
   ========================================================= */

.sr-why-premium{
    position:relative;
    overflow:hidden;
    background:#f8fafc;
    padding:96px 0 0;
}

.sr-why-premium::before{
    content:"";
    position:absolute;
    width:440px;
    height:440px;
    border-radius:50%;
    left:-260px;
    top:120px;
    background:radial-gradient(circle,rgba(198,154,85,.12),rgba(198,154,85,0) 70%);
    pointer-events:none;
}

.sr-why-premium-layout{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    align-items:stretch;
    gap:64px;
}

.sr-why-premium-copy{
    padding:20px 0 58px;
}

.sr-why-premium-copy h2{
    max-width:690px;
    margin:15px 0 17px;
    color:#071c2e;
    font:700 clamp(36px,4vw,57px)/1.04 Arial,Helvetica,sans-serif;
    letter-spacing:-.035em;
}

.sr-why-premium-intro{
    max-width:690px;
    margin:0;
    color:#657792;
    font:400 17px/1.55 Arial,Helvetica,sans-serif;
}

.sr-why-benefits{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px 32px;
    margin-top:34px;
}

.sr-why-benefit{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    align-items:flex-start;
    gap:14px;
}

.sr-why-benefit-icon{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:10px;
    background:#eef1ff;
    color:#365dff;
    transition:transform .24s ease,background .24s ease,color .24s ease;
}

.sr-why-benefit:hover .sr-why-benefit-icon{
    transform:translateY(-3px) rotate(-2deg);
    background:#365dff;
    color:#fff;
}

.sr-why-benefit-icon svg{
    width:23px;
    height:23px;
}

.sr-why-benefit h3{
    margin:3px 0 7px;
    color:#111d31;
    font:700 16px/1.25 Arial,Helvetica,sans-serif;
}

.sr-why-benefit p{
    margin:0;
    color:#6f7f99;
    font:400 14px/1.5 Arial,Helvetica,sans-serif;
}

.sr-why-premium-visual{
    min-width:0;
    padding-bottom:58px;
}

.sr-why-premium-image{
    position:relative;
    height:100%;
    min-height:610px;
    overflow:hidden;
    border-radius:19px;
    background:#dbe4ea;
    box-shadow:0 25px 65px rgba(7,28,46,.12);
}

.sr-why-premium-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            transparent 55%,
            rgba(3,19,32,.58) 100%
        );
    pointer-events:none;
}

.sr-why-premium-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform 1.2s cubic-bezier(.16,1,.3,1);
}

.sr-why-premium-image:hover img{
    transform:scale(1.035);
}

.sr-why-image-badge{
    position:absolute;
    left:24px;
    right:24px;
    bottom:24px;
    z-index:2;
    padding:18px 19px;
    border:1px solid rgba(255,255,255,.26);
    border-radius:10px;
    background:rgba(4,28,44,.76);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
    color:#fff;
}

.sr-why-image-badge span{
    display:block;
    color:#e4b562;
    font:700 8px Arial,sans-serif;
    letter-spacing:.15em;
}

.sr-why-image-badge strong{
    display:block;
    margin-top:6px;
    color:#fff;
    font:600 17px/1.35 Arial,Helvetica,sans-serif;
}

.sr-why-visual-footer{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    margin-top:14px;
    border:1px solid #dfe5eb;
    border-radius:11px;
    overflow:hidden;
    background:#fff;
}

.sr-why-visual-footer>div{
    min-height:76px;
    padding:14px 15px;
    border-right:1px solid #e4e9ed;
}

.sr-why-visual-footer>div:last-child{
    border-right:0;
}

.sr-why-visual-footer span{
    display:block;
    color:#c39045;
    font:700 8px Arial,sans-serif;
    letter-spacing:.08em;
}

.sr-why-visual-footer strong{
    display:block;
    margin-top:6px;
    color:#223441;
    font:700 11px/1.35 Arial,sans-serif;
}

.sr-trust-ribbon{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    background:#071c2e;
    color:#fff;
}

.sr-trust-ribbon>div{
    min-height:110px;
    padding:24px 26px;
    border-right:1px solid rgba(255,255,255,.12);
}

.sr-trust-ribbon>div:last-child{
    border-right:0;
}

.sr-trust-ribbon span{
    display:block;
    color:#d6a654;
    font:700 11px Arial,sans-serif;
    letter-spacing:.08em;
}

.sr-trust-ribbon strong{
    display:block;
    margin-top:8px;
    color:#fff;
    font:600 14px/1.35 Arial,Helvetica,sans-serif;
}

/* Dark mode */
html[data-theme="dark"] .sr-why-premium{
    background:#07121c;
}

html[data-theme="dark"] .sr-why-premium-copy h2,
html[data-theme="dark"] .sr-why-benefit h3{
    color:#f4f7f9;
}

html[data-theme="dark"] .sr-why-premium-intro,
html[data-theme="dark"] .sr-why-benefit p{
    color:#a5b4bd;
}

html[data-theme="dark"] .sr-why-benefit-icon{
    background:#132b3d;
    color:#6e93ff;
}

html[data-theme="dark"] .sr-why-visual-footer{
    background:#0d1c29;
    border-color:#29404f;
}

html[data-theme="dark"] .sr-why-visual-footer>div{
    border-color:#29404f;
}

html[data-theme="dark"] .sr-why-visual-footer strong{
    color:#eaf0f3;
}

/* Responsive */
@media(max-width:1050px){
    .sr-why-premium-layout{
        grid-template-columns:1fr;
        gap:12px;
    }

    .sr-why-premium-copy{
        padding-bottom:20px;
    }

    .sr-why-premium-image{
        min-height:520px;
    }
}

@media(max-width:760px){
    .sr-why-premium{
        padding-top:65px;
    }

    .sr-why-benefits{
        grid-template-columns:1fr;
    }

    .sr-why-premium-image{
        min-height:430px;
        border-radius:13px;
    }

    .sr-trust-ribbon{
        grid-template-columns:1fr 1fr;
    }

    .sr-trust-ribbon>div:nth-child(2){
        border-right:0;
    }

    .sr-trust-ribbon>div:nth-child(-n+2){
        border-bottom:1px solid rgba(255,255,255,.12);
    }
}

@media(max-width:480px){
    .sr-why-premium-copy h2{
        font-size:35px;
    }

    .sr-why-premium-image{
        min-height:360px;
    }

    .sr-why-image-badge{
        left:14px;
        right:14px;
        bottom:14px;
    }

    .sr-why-visual-footer{
        grid-template-columns:1fr;
    }

    .sr-why-visual-footer>div{
        border-right:0;
        border-bottom:1px solid #e4e9ed;
    }

    .sr-why-visual-footer>div:last-child{
        border-bottom:0;
    }

    .sr-trust-ribbon{
        grid-template-columns:1fr;
    }

    .sr-trust-ribbon>div{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.12);
    }

    .sr-trust-ribbon>div:last-child{
        border-bottom:0;
    }
}


/* =========================================================
   LAYOUT FIX — prevent overlap with next homepage section
   ========================================================= */

.sr-why-premium{
    padding-bottom:0 !important;
    overflow:visible !important;
}

.sr-why-premium-layout{
    position:relative;
    z-index:2;
    margin-bottom:0 !important;
}

.sr-why-premium-copy,
.sr-why-premium-visual{
    min-width:0;
}

.sr-why-premium-visual{
    display:flex;
    flex-direction:column;
}

.sr-why-premium-image{
    flex:1 1 auto;
}

.sr-why-visual-footer{
    position:relative !important;
    z-index:3;
    margin-top:14px !important;
}

.sr-trust-ribbon{
    position:relative !important;
    z-index:4;
    margin-top:0 !important;
    margin-bottom:0 !important;
    width:100%;
    clear:both;
}

/*
 * Ensure the section after Why Choose Us starts below the ribbon.
 * This prevents the dark stats section from sliding underneath it.
 */
.sr-why-premium + section,
.sr-why-premium + .sr-section,
.sr-why-premium + .stats-section,
.sr-why-premium + .home-stats,
.sr-why-premium + [class*="stats"]{
    position:relative;
    z-index:1;
    margin-top:0 !important;
}

/*
 * Fixed-header anchor spacing
 */
#why-swiftroute{
    scroll-margin-top:95px;
}

/*
 * Better desktop balance seen in the screenshots
 */
@media(min-width:1051px){
    .sr-why-premium-layout{
        align-items:start;
    }

    .sr-why-premium-copy{
        padding-bottom:56px;
    }

    .sr-why-premium-visual{
        padding-bottom:56px;
    }

    .sr-why-premium-image{
        min-height:560px;
        max-height:620px;
    }
}

/*
 * Tablet / mobile: stack cleanly with no overlap
 */
@media(max-width:1050px){
    .sr-why-premium-layout{
        gap:28px !important;
    }

    .sr-why-premium-copy,
    .sr-why-premium-visual{
        padding-bottom:28px !important;
    }

    .sr-trust-ribbon{
        margin-top:8px !important;
    }
}

@media(max-width:760px){
    .sr-why-premium{
        padding-top:56px !important;
    }

    .sr-why-premium-image{
        min-height:380px !important;
        max-height:none !important;
    }

    .sr-why-visual-footer{
        margin-top:10px !important;
    }
}