/*
 * AvidVinyl Build 059 — Shipping Information Version 1.0
 * Visual polish only. Shipping calculations and checkout logic are unchanged.
 */

/* Tighten the start of the page. */
.info-page{
    padding-top:22px !important;
}

.info-page .breadcrumbs{
    margin-bottom:18px !important;
}

/* Bring the eyebrow, title and artwork together as one hero. */
.info-page .info-hero{
    row-gap:18px !important;
    column-gap:42px !important;
    padding-top:12px !important;
    margin-top:0 !important;
}

.info-page .info-hero > .eyebrow{
    margin-bottom:4px !important;
}

.info-page .info-hero h1{
    margin-top:0 !important;
    margin-bottom:10px !important;
}

/* Bring Royal Mail artwork closer to the title without altering the image itself. */
.info-page .av-shipping-world{
    margin-top:8px !important;
    margin-bottom:20px !important;
}

/* Stronger, easier-to-read intro copy. */
.info-page .info-hero > p:nth-of-type(2){
    font-size:1.08rem !important;
    line-height:1.55 !important;
    margin-top:8px !important;
    margin-bottom:8px !important;
}

.info-page .info-hero > p:nth-of-type(2) strong{
    font-weight:800 !important;
}

.info-page .info-hero > p:nth-of-type(3){
    max-width:620px !important;
    font-size:1rem !important;
    line-height:1.65 !important;
    color:#4b4742 !important;
    margin-top:6px !important;
}

/* More balanced feature cards, with equal heights and consistent icon placement. */
.av-shipping-features{
    gap:18px !important;
    margin-top:24px !important;
    margin-bottom:42px !important;
    align-items:stretch !important;
}

.av-shipping-feature{
    min-height:235px !important;
    padding:24px 22px !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:flex-start !important;
}

.av-shipping-feature-media{
    width:100% !important;
    height:92px !important;
    margin-bottom:16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.av-shipping-feature-media img{
    max-height:84px !important;
    margin:0 auto !important;
}

.av-shipping-feature h2{
    min-height:2.4em !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 0 10px !important;
    text-align:center !important;
}

.av-shipping-feature p{
    margin:0 !important;
    line-height:1.6 !important;
    text-align:center !important;
}

/* Keep the rest of the shipping-rate content unchanged. */
@media(max-width:900px){
    .info-page{
        padding-top:18px !important;
    }

    .info-page .info-hero{
        row-gap:15px !important;
        column-gap:28px !important;
    }

    .av-shipping-feature{
        min-height:220px !important;
        padding:22px 18px !important;
    }
}

@media(max-width:640px){
    .info-page{
        padding-top:14px !important;
    }

    .info-page .breadcrumbs{
        margin-bottom:14px !important;
    }

    .info-page .info-hero{
        row-gap:12px !important;
        padding-top:6px !important;
    }

    .info-page .av-shipping-world{
        margin-top:4px !important;
        margin-bottom:16px !important;
    }

    .info-page .info-hero > p:nth-of-type(2){
        font-size:1rem !important;
    }

    .info-page .info-hero > p:nth-of-type(3){
        font-size:.95rem !important;
    }

    .av-shipping-features{
        margin-top:20px !important;
        gap:14px !important;
    }

    .av-shipping-feature{
        min-height:auto !important;
        padding:20px 16px !important;
    }
}