/* OpenCode safe CLS fixes */
.logo-img,
img.logo-img,
.footer-payment-gateway img,
.gateway-icon img {
    height: auto;
}

.logo-img,
img.logo-img {
    width: 220px;
    max-width: 100%;
    aspect-ratio: 220 / 48;
}

.footer-payment-gateway img,
.gateway-icon img {
    width: 180px;
    max-width: 100%;
    aspect-ratio: 180 / 48;
}

.whatsapp-btn {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.graphic-background-left {
    width: 778px;
    height: 520px;
    aspect-ratio: 778 / 520;
}


/* OpenCode font-display:swap overrides */
@font-face{font-family:"Font Awesome 6 Free";font-display:swap;}
@font-face{font-family:"Font Awesome 6 Brands";font-display:swap;}
@font-face{font-family:lagom-medium-icons;font-display:swap;}
@font-face{font-family:lagom-small-icons;font-display:swap;}
@font-face{font-family:"Font Awesome 5 Free";font-display:swap;}
@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;}

/* OpenCode CLS containment fix */
.banner-graphic-background.is-animated {
    contain: layout style paint;
    min-height: 520px;
    overflow: hidden;
}
.banner-graphic-background svg {
    max-width: 100%;
    height: auto;
}

/* OpenCode CLS sizing fixes */
.logo-img,
img.logo-img {
    width: 220px;
    max-width: 100%;
    aspect-ratio: 220 / 48;
}
.footer-payment-gateway img,
.gateway-icon img {
    width: 180px;
    max-width: 100%;
    aspect-ratio: 180 / 48;
}
.whatsapp-btn {
    width: 56px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.graphic-background-left {
    width: 778px;
    height: 520px;
    aspect-ratio: 778 / 520;
}