/*
 IGM OLD P0-R15B-R2 Website Homepage Polish
 Scope: public homepage only
 No admin/user/MLM/finance/wallet logic changes
*/

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

img {
    max-width: 100%;
    height: auto;
}

a,
button,
.btn {
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

a:focus-visible,
button:focus-visible,
.btn:focus-visible {
    outline: 3px solid rgba(245, 158, 11, .35);
    outline-offset: 3px;
}

.btn:hover,
button:hover {
    transform: translateY(-1px);
}

.igm-public-page,
.website-public-page,
.website-home,
.home-clean,
.igm-home,
main {
    min-height: 1px;
}

.igm-final-topbar,
.igmpro-final-topbar,
.public-topbar,
.website-topbar,
.navbar,
header {
    position: relative;
    z-index: 30;
}

.igm-final-topbar img,
.igmpro-final-topbar img,
.public-topbar img,
.website-topbar img,
.navbar img,
header img {
    max-height: 52px;
    object-fit: contain;
}

.website-hero,
.hero,
.home-hero,
.igm-hero,
.banner,
.slider,
.home-clean-hero {
    overflow: hidden;
}

.website-hero .container,
.hero .container,
.home-hero .container,
.igm-hero .container,
.home-clean .container {
    position: relative;
    z-index: 2;
}

.website-hero h1,
.hero h1,
.home-hero h1,
.igm-hero h1,
.home-clean h1 {
    letter-spacing: -.035em;
    line-height: 1.05;
}

.website-hero p,
.hero p,
.home-hero p,
.igm-hero p,
.home-clean p {
    line-height: 1.68;
}

.website-card,
.feature-card,
.home-card,
.package-card,
.clean-card,
.card {
    border-radius: 14px;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.website-card:hover,
.feature-card:hover,
.home-card:hover,
.package-card:hover,
.clean-card:hover {
    transform: translateY(-2px);
}

section {
    scroll-margin-top: 90px;
}

.home-clean img,
.website-home img,
.igm-home img,
.hero img,
.slider img {
    object-fit: cover;
}

@media (max-width: 991.98px) {
    .website-hero,
    .hero,
    .home-hero,
    .igm-hero,
    .home-clean-hero {
        text-align: center;
    }

    .website-hero h1,
    .hero h1,
    .home-hero h1,
    .igm-hero h1,
    .home-clean h1 {
        font-size: clamp(2rem, 10vw, 3.2rem);
    }

    .website-hero .btn,
    .hero .btn,
    .home-hero .btn,
    .igm-hero .btn,
    .home-clean .btn {
        width: 100%;
        max-width: 320px;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
    }

    .navbar,
    header {
        overflow-x: clip;
    }
}

@media (max-width: 575.98px) {
    body {
        overflow-x: hidden;
    }

    .container,
    .container-fluid {
        padding-left: 16px;
        padding-right: 16px;
    }

    .website-card,
    .feature-card,
    .home-card,
    .package-card,
    .clean-card,
    .card {
        border-radius: 12px;
    }

    .btn {
        min-height: 44px;
    }
}
/* IGM-P0-R21B-HOTFIX2-HOMEPAGE-TOP-GAP-BOM-CLEAN START */
html,
body {
    margin: 0 !important;
    padding: 0 !important;
}

body.website-public {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

body.website-public > .igm-topbar,
body.website-public .igm-topbar {
    margin-top: 0 !important;
    top: 0 !important;
}

body.website-public .website-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

body.website-public .website-main > .website-hero:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}
/* IGM-P0-R21B-HOTFIX2-HOMEPAGE-TOP-GAP-BOM-CLEAN END */
/* IGM P0-R21C-HOTFIX2 Mobile Hide Value Journey START */
@media (max-width: 767.98px) {
    body.website-public .igm-value-section,
    body.website-public .igm-journey-section {
        display: none !important;
    }
}
/* IGM P0-R21C-HOTFIX2 Mobile Hide Value Journey END */
/* IGM-P0-R21D-HOTFIX1-MOBILE-FOOTER-CENTER-ALIGN START */
@media (max-width: 767.98px) {
    body.website-public .shared-footer,
    body.website-public footer.shared-footer,
    body.website-public .website-footer,
    body.website-public .igm-footer {
        padding-left: 16px !important;
        padding-right: 16px !important;
        overflow-x: hidden !important;
    }

    body.website-public .shared-footer > .website-wrap,
    body.website-public .shared-footer-inner,
    body.website-public .website-footer-inner,
    body.website-public .igm-footer-inner,
    body.website-public .igm-footer-wrap,
    body.website-public .igm-footer-grid,
    body.website-public .footer-inner,
    body.website-public .footer-grid {
        width: min(100%, 420px) !important;
        max-width: 420px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
        text-align: center !important;
        justify-content: center !important;
        justify-items: center !important;
        align-items: center !important;
    }

    body.website-public .shared-footer-inner,
    body.website-public .website-footer-inner,
    body.website-public .igm-footer-inner,
    body.website-public .igm-footer-grid,
    body.website-public .footer-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    body.website-public .shared-footer .website-social-links,
    body.website-public .shared-footer .igm-footer-social,
    body.website-public .shared-footer .igm-footer-social-links,
    body.website-public .shared-footer [class*="social"] {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

    body.website-public .shared-footer [class*="brand"],
    body.website-public .shared-footer [class*="store"],
    body.website-public .shared-footer [class*="download"],
    body.website-public .shared-footer [class*="links"],
    body.website-public .shared-footer [class*="nav"] {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
        justify-content: center !important;
        justify-items: center !important;
        align-items: center !important;
    }

    body.website-public .shared-footer a,
    body.website-public .shared-footer span,
    body.website-public .shared-footer p,
    body.website-public .shared-footer strong,
    body.website-public .shared-footer small {
        text-align: center !important;
    }
}
/* IGM-P0-R21D-HOTFIX1-MOBILE-FOOTER-CENTER-ALIGN END */
/* IGM P0-R21D-HOTFIX2 MOBILE FOOTER LEFT MENU + CENTER WRAP START */
@media (max-width: 767.98px) {
    body.website-public .igm-r17b-footer-inner {
        width: min(430px, calc(100% - 32px)) !important;
        max-width: 430px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 18px !important;
        row-gap: 20px !important;
        justify-items: stretch !important;
        align-items: start !important;
        text-align: left !important;
    }

    body.website-public .igm-r17b-footer-inner > * {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        text-align: left !important;
        justify-self: stretch !important;
        align-self: start !important;
    }

    body.website-public .igm-r17b-footer-inner > :nth-child(1) {
        grid-column: 1 / 2 !important;
        grid-row: 1 !important;
    }

    body.website-public .igm-r17b-footer-inner > :nth-child(2) {
        grid-column: 2 / 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
    }

    body.website-public .igm-r17b-footer-inner > :nth-child(3) {
        grid-column: 1 / 2 !important;
        grid-row: 2 !important;
    }

    body.website-public .igm-r17b-footer-inner > :nth-child(4) {
        grid-column: 2 / 3 !important;
        grid-row: 2 !important;
    }

    body.website-public .igm-r17b-footer-inner a,
    body.website-public .igm-r17b-footer-inner nav,
    body.website-public .igm-r17b-footer-inner ul,
    body.website-public .igm-r17b-footer-inner li,
    body.website-public .igm-r17b-footer-inner [class*="link"],
    body.website-public .igm-r17b-footer-inner [class*="menu"] {
        text-align: left !important;
        justify-content: flex-start !important;
        justify-items: start !important;
        align-items: flex-start !important;
    }

    body.website-public .igm-r17b-footer-inner [class*="social"] {
        text-align: left !important;
        justify-content: flex-start !important;
        justify-items: start !important;
        align-items: flex-start !important;
    }

    body.website-public .igm-r17b-footer-inner [class*="app"],
    body.website-public .igm-r17b-footer-inner [class*="store"] {
        justify-content: flex-start !important;
        justify-items: start !important;
        text-align: left !important;
    }
}

@media (max-width: 389.98px) {
    body.website-public .igm-r17b-footer-inner {
        width: min(360px, calc(100% - 28px)) !important;
        grid-template-columns: 1fr !important;
        row-gap: 16px !important;
    }

    body.website-public .igm-r17b-footer-inner > * {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }
}
/* IGM P0-R21D-HOTFIX2 MOBILE FOOTER LEFT MENU + CENTER WRAP END */
/* IGM-P0-R21D-HOTFIX3-MOBILE-FOOTER-SOCIAL-UNDER-TITLE START */
@media (max-width: 767.98px) {
    body.website-public .igm-r17b-footer-social {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        text-align: left !important;
    }

    body.website-public .igm-r17b-footer-social-title,
    body.website-public .igm-r17b-footer-social h4,
    body.website-public .igm-r17b-footer-social strong,
    body.website-public .igm-r17b-footer-social span:first-child {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
        line-height: 1.15 !important;
    }

    body.website-public .igm-r17b-footer-social-icons,
    body.website-public .igm-r17b-social-links,
    body.website-public .igm-r17b-footer-social-links,
    body.website-public .igm-r17b-footer-social .social-links,
    body.website-public .igm-r17b-footer-social ul {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        width: 100% !important;
        margin: 2px 0 0 !important;
        padding: 0 !important;
        text-align: left !important;
    }

    body.website-public .igm-r17b-footer-social a {
        flex: 0 0 auto !important;
    }
}
/* IGM-P0-R21D-HOTFIX3-MOBILE-FOOTER-SOCIAL-UNDER-TITLE END */