/* Homepage reference-alignment pass.
   This layer intentionally brings the live page closer to the approved visual
   reference while preserving dynamic IOR data and verified business wording. */

body:has(.ior-premium-hero) .site-header--navigation {
    background: transparent;
    border-bottom: 0;
    box-shadow: none;
    position: absolute;
}

body:has(.ior-premium-hero) .site-header--navigation .navbar {
    min-height: 96px;
    padding-block: 14px;
}

body:has(.ior-premium-hero) .header-brand-logo {
    filter: drop-shadow(0 7px 18px rgba(0, 0, 0, 0.22));
    height: auto;
    width: clamp(154px, 12vw, 205px);
}

body:has(.ior-premium-hero) .gateway-header-menu .nav-link {
    color: rgba(255, 255, 255, 0.9);
    font-size: 0.95rem;
    font-weight: 750;
    padding-inline: 0.82rem;
    position: relative;
}

body:has(.ior-premium-hero) .gateway-header-menu .nav-link::after {
    background: var(--ior-gold);
    bottom: 2px;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translateX(-50%) scaleX(0);
    transition: transform 0.2s ease;
    width: calc(100% - 1.6rem);
}

body:has(.ior-premium-hero) .gateway-header-menu .nav-link:hover,
body:has(.ior-premium-hero) .gateway-header-menu .nav-link:focus-visible {
    color: #fff;
}

body:has(.ior-premium-hero) .gateway-header-menu .nav-link:hover::after,
body:has(.ior-premium-hero) .gateway-header-menu .nav-link:focus-visible::after {
    transform: translateX(-50%) scaleX(1);
}

body:has(.ior-premium-hero) .language-toggle-group {
    background: rgba(4, 18, 43, 0.58);
    border-color: rgba(255, 255, 255, 0.32);
    backdrop-filter: blur(12px);
}

body:has(.ior-premium-hero) .language-option {
    color: rgba(255, 255, 255, 0.82);
}

body:has(.ior-premium-hero) .language-option.is-active {
    background: var(--ior-green-deep);
    color: #fff;
}

body:has(.ior-premium-hero) .gateway-header-quote {
    background: linear-gradient(135deg, #f2c95d, #d99a22);
    border-color: #e8b43d;
    color: #13233a;
    min-height: 48px;
    padding-inline: 19px;
}

body:has(.ior-premium-hero) .gateway-header-quote:hover,
body:has(.ior-premium-hero) .gateway-header-quote:focus-visible {
    background: #fff;
    border-color: #fff;
    color: var(--ior-navy);
}

.ior-premium-hero {
    min-height: 810px;
    padding: 164px 0 138px;
}

.ior-premium-hero__visual {
    background-position: center 58%;
    filter: saturate(0.92) contrast(1.08) brightness(0.65);
    opacity: 0.72;
}

.ior-premium-hero__overlay {
    background:
        radial-gradient(circle at 91% 38%, rgba(45, 127, 74, 0.22), transparent 26%),
        linear-gradient(90deg, rgba(3, 17, 42, 0.995) 0%, rgba(4, 24, 53, 0.97) 48%, rgba(5, 34, 58, 0.72) 75%, rgba(5, 44, 51, 0.58) 100%);
}

.ior-premium-hero__grid {
    gap: clamp(56px, 6vw, 100px);
    grid-template-columns: minmax(0, 1.08fr) minmax(430px, 0.72fr);
}

.ior-premium-hero__copy {
    max-width: 780px;
}

.ior-premium-hero__copy h1 {
    font-size: clamp(4.1rem, 6.1vw, 6.9rem);
    line-height: 0.92;
    max-width: 760px;
}

.ior-premium-hero__lead {
    font-size: 1.02rem;
    max-width: 690px;
}

.ior-premium-category-menu {
    border-radius: 18px;
    padding: 28px 30px;
}

.ior-premium-category-menu__heading h2 {
    font-size: 2.15rem;
}

.ior-premium-category-menu__list > a {
    grid-template-columns: 48px minmax(0, 1fr) 20px;
    padding-block: 16px;
}

.ior-premium-category-menu__content strong {
    font-size: 1.06rem;
}

.ior-premium-category-menu__content small {
    font-size: 0.79rem;
}

.ior-premium-benefits {
    background: transparent;
    margin-top: -62px;
}

.ior-premium-benefits__grid {
    border-radius: 12px;
    box-shadow: 0 24px 55px rgba(7, 28, 66, 0.16);
}

.ior-premium-benefits article {
    padding: 20px 17px;
}

.ior-premium-categories {
    padding: 104px 0 88px;
}

.ior-premium-section-heading h2 {
    font-size: clamp(2.9rem, 4.45vw, 5rem);
    max-width: 900px;
}

.ior-premium-section-intro {
    max-width: 1000px;
}

.ior-premium-category-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.ior-premium-category-card {
    border-radius: 15px;
    min-height: 100%;
}

.ior-premium-category-card__image {
    height: 220px;
}

.ior-premium-category-card__body {
    padding: 24px 22px 22px;
}

.ior-premium-category-card h3 {
    font-size: 1.7rem;
}

.ior-premium-category-card__body > p,
.ior-premium-category-card__products span {
    font-size: 0.82rem;
}

.ior-premium-category-card:nth-child(5) {
    align-items: stretch;
    display: grid;
    grid-column: 1 / -1;
    grid-template-columns: minmax(330px, 0.8fr) minmax(0, 1.2fr);
    margin-top: 2px;
}

.ior-premium-category-card:nth-child(5) .ior-premium-category-card__image {
    height: 100%;
    min-height: 270px;
}

.ior-premium-category-card:nth-child(5) .ior-premium-category-card__body {
    align-content: center;
    display: grid;
    padding: 32px 36px;
}

.ior-premium-category-card:nth-child(5) .ior-premium-category-card__body > p,
.ior-premium-category-card:nth-child(5) .ior-premium-category-card__products {
    max-width: 720px;
}

.ior-premium-partnership {
    padding: 80px 0 92px;
}

.ior-premium-partnership__grid {
    gap: 34px;
    grid-template-columns: minmax(0, 0.96fr) minmax(500px, 1.04fr);
}

.ior-premium-why {
    padding: 42px 0;
}

.ior-premium-why > h2 {
    font-size: clamp(2.8rem, 4.2vw, 4.7rem);
}

.ior-premium-why__grid article {
    min-height: 150px;
    padding: 21px;
}

.ior-premium-export-support {
    min-height: 100%;
    padding: clamp(42px, 5vw, 64px);
}

.ior-premium-about {
    padding: 84px 0;
}

.ior-premium-about__panel {
    box-shadow: 0 24px 55px rgba(7, 28, 66, 0.08);
}

body:has(.ior-premium-hero) .site-footer--mega {
    padding-top: 62px;
}

body:has(.ior-premium-hero) .mega-footer-intro {
    padding-bottom: 34px;
}

body:has(.ior-premium-hero) .mega-footer-navigation {
    padding-block: 34px;
}

body:has(.ior-premium-hero) .mega-footer-bottom {
    padding-block: 24px;
}

@media (max-width: 1399.98px) {
    .ior-premium-hero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(390px, 0.76fr);
    }

    .ior-premium-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 1199.98px) {
    body:has(.ior-premium-hero) .site-header--navigation {
        background: rgba(4, 18, 43, 0.96);
        position: fixed;
    }

    body:has(.ior-premium-hero) .gateway-header-collapse {
        background: #071c42;
    }

    .ior-premium-hero {
        min-height: auto;
        padding-top: 146px;
    }

    .ior-premium-hero__grid,
    .ior-premium-partnership__grid {
        grid-template-columns: 1fr;
    }

    .ior-premium-category-menu {
        max-width: 720px;
    }

    .ior-premium-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ior-premium-category-card:nth-child(5) {
        grid-template-columns: minmax(280px, 0.85fr) minmax(0, 1.15fr);
    }
}

@media (max-width: 767.98px) {
    body:has(.ior-premium-hero) .site-header--navigation .navbar {
        min-height: 78px;
        padding-block: 8px;
    }

    .ior-premium-hero {
        padding: 122px 0 88px;
    }

    .ior-premium-hero__copy h1 {
        font-size: clamp(3rem, 15vw, 4.8rem);
    }

    .ior-premium-category-grid {
        grid-template-columns: 1fr;
    }

    .ior-premium-category-card:nth-child(5) {
        display: block;
    }

    .ior-premium-category-card:nth-child(5) .ior-premium-category-card__image {
        min-height: 220px;
    }

    .ior-premium-category-card:nth-child(5) .ior-premium-category-card__body {
        display: block;
        padding: 24px 22px 22px;
    }
}