/* --- Design Tokens & Containers --- */
.lp-container-sansiro {
    background-image: url('Sansiro banner.webp');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 100vh;
}

.landing-page-sansiro {
    background-image: url('Mobile copy.webp');
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    /* min-height set via Bootstrap in HTML (min-vh-100) */
}

/* --- Social Icons Section --- */
.social-icons-container {
    position: absolute;
    z-index: 10;
}

.social-icon {
    width: 50px; /* Mobile base */
    height: auto;
    transition: transform 0.3s ease;
}

.social-icon:hover {
    transform: scale(1.15);
}

/* --- UI Components --- */
.lp-logo {
    max-width: 100px;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.4));
}

.lp-btn {
    background: linear-gradient(82deg, #018ACA -9.6%, #FD5DC8 136.04%, #53C0B0 122.1%);
    backdrop-filter: blur(8px);
    transition: 0.3s;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.lp-btn:hover {
    background: #fff;
    color: #000;
    transform: translateY(-3px);
}

.lp-footer {
    backdrop-filter: blur(5px);
}

a.btn.btn-outline-light.rounded-pill.px-5.py-3.fw-bold.lp-btn {
    font-size: 30px;
}

/* Desktop Positioning (Icons on right side below text) */
@media (min-width: 992px) {
    .landing-page-sansiro {
        background-image: url('SANSIRO__BG copy.webp');
    }
    .social-icons-container {
        top: 55%;
        left: 80.5%;
        transform: translate(-50%, -50%);
    }
    .social-icon {
        width: 70px;
    }
}

/* Mobile Positioning (Icons below background text) */
@media (max-width: 991.98px) {
    .social-icons-container {
        bottom: 8%;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* --- Responsive Helpers --- */
@media (max-width: 576px) {
    .lp-btn {
        width: 100%;
    }
    .lp-logo {
        max-width: 50px;
    }
}