.hero-section {
    background-image: url('../img/SmartLocker_Hero_BG-HomePage_1920x810.png');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    min-height: 100vh;
    display: flex;
    align-items: center;
}
.logo-smarlocker{
    background-image: url('../img/SmartLocker_Logo_WebSite_2025.svg');
    background-size: auto;
    background-repeat: no-repeat;
    width: 180px;
    height: 40px;
}
.why-smartlocker{
    background-image: url('../img/SmartLocker_WHY_BG-HomePage.png');
    background-size: cover;
}
.why-smartlocker-container{
    width: 100%;
    max-width: 1950px;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (max-width: 768px) {
    .why-smartlocker-container {
        padding: 0 0.5rem;
    }
}
@media (min-width: 1024px) {
.click-check-done{
    background-image: url('../img/SmartLocker_HOW_BG-HomePage_1920x640.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position:bottom;
}
}
.click-check-done-container{
    width: 100%;
    max-width: 1950px;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (max-width: 768px) {
    .click-check-done-container {
        padding: 0 0.5rem;
        margin-left: 0 !important;
    }
}
.solution-section{
    background-image: url('../img/Card_Mesh_Pattern_WebSite_2025.svg');
    background-size: cover;   
}
.corporate-image{
    background-image: url('../img/SmartLocker_Corporate_Card-HomePage_690x380.png');
    background-size: cover;   
}
.production-one{
    background-image: url('../img/SmartLocker_Serie-Elite-isometric-illustration-HomePage_2025.svg');
    background-size: auto;
    height: 360px;
    background-repeat: no-repeat;
}
.production-two{
    background-image: url('../img/SmartLocker_Serie-Elite-conceptual-illustration-HomePage_2025.png');
    background-size: contain;
    height: 360px;
    background-repeat: no-repeat;
}
.elite-solo-real{
    background-image: url('../img/SmartLocker_Serie-Elite-SOLO_3D-Perspective_HomePage_2025.png');
    background-size: auto;
    background-repeat: no-repeat;
}
.elite-solo-tech{
    background-image: url('../img/SmartLocker_Serie-Elite-SOLO-Tech-Design_HomePage_2025.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.elite-duo-real{
    background-image: url('../img/SmartLocker_Serie-Elite-DUO_3D-Perspective_HomePage_2025.png');
    background-size: auto;
    background-repeat: no-repeat;
}
.elite-duo-tech{
    background-image: url('../img/SmartLocker_Serie-Elite-DUO-Tech-Design_HomePage_2025.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.elite-trio-real{
    background-image: url('../img/SmartLocker_Serie-Elite-TRIO_3D-Perspective_HomePage_2025.png');
    background-size: auto;
    background-repeat: no-repeat;
}
.elite-trio-tech{
    background-image: url('../img/SmartLocker_Serie-Elite-TRIO-Tech-Design_HomePage_2025.png');
    background-size: contain;
    background-repeat: no-repeat;
}
.about-us{
    background-image: url('../img/SmartLocker_About-Us-Illustration_HomePage_2025.png');
    background-size: auto;
    height: 470px;
    background-repeat: no-repeat;
}
.logo-chiesi{
    background-image: url('../img/SmartLocker_SocialProof_Chiesi_HomePage_2025.svg');
    background-size: auto;
    height: 260px;
    background-repeat: no-repeat;
}
.logo-mutti{
    background-image: url('../img/SmartLocker_SocialProof_Mutti_HomePage_2025.svg');
    background-size: auto;
    height: 260px;
    background-repeat: no-repeat;
}
.logo-basf{
    background-image: url('../img/SmartLocker_SocialProof_BASF_HomePage_2025.svg');
    background-size: auto;
    height: 260px;
    background-repeat: no-repeat;
}
.logo-merlata{
    background-image: url('../img/SmartLocker_SocialProof_Merlata-Bloom-MI_HomePage_2025.svg');
    background-size: auto;
    height: 260px;
    background-repeat: no-repeat;
}
.logo-gsk{
    background-image: url('../img/SmartLocker_SocialProof_GSK_HomePage_2025.svg');
    background-size: auto;
    height: 260px;
    background-repeat: no-repeat;
}
.logo-illiria{
    background-image: url('../img/SmartLocker_SocialProof_Illiria_HomePage_2025.svg');
    background-size: auto;
    height: 260px;
    background-repeat: no-repeat;
}
.logo-polotecnico{
    background-image: url('../img/SmartLocker_SocialProof_Polo-Tech-LU_HomePage_2025.svg');
    background-size: auto;
    height: 260px;
    background-repeat: no-repeat;
}
.logo-humantech{
    background-image: url('../img/SmartLocker_SocialProof_HT_HomePage_2025.svg');
    background-size: auto;
    height: 260px;
    background-repeat: no-repeat;
}
.box-xxl{
    background-image: url('../img/SmartLocker_XXL-Box_HomePage_2025.png');
    background-size: auto;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
}
.box-xl{
    background-image: url('../img/SmartLocker_XL-Box_HomePage_2025.png');
    background-size: auto;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
}
.box-l{
    background-image: url('../img/SmartLocker_L-Box_HomePage_2025.png');
    background-size: auto;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
}
.box-m{
    background-image: url('../img/SmartLocker_M-Box_HomePage_2025.png');
    background-size: auto;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
}
.box-s{
    background-image: url('../img/SmartLocker_S-Box_HomePage_2025.png');
    background-size: auto;
    height: 100px;
    width: 100px;
    background-repeat: no-repeat;
}
.logo-white{
    background-image: url('../img/SmartLocker_Logo_White_Footer_WebSite_2025.svg');
    background-size: auto;
    background-repeat: no-repeat;
    width: 180px;
    height: 40px;
}
/* R
esponsive improvements */
@media (max-width: 640px) {
    .hero-section {
        min-height: 100vh;
        background-attachment: scroll;
        padding: 2rem 0;
    }
    
    .why-smartlocker {
        background-position: center;
        background-attachment: scroll;
    }
    
    .click-check-done {
        background-position: center;
        background-attachment: scroll;
    }
    
    .production-one,
    .production-two {
        height: 200px;
        background-position: center;
    }
    
    .about-us {
        height: 300px;
        background-position: center;
    }
    
    /* Logo adjustments for mobile */
    .logo-smarlocker {
        width: 140px;
        height: 32px;
    }
    
    /* Social proof logos mobile */
    .logo-chiesi,
    .logo-mutti,
    .logo-basf,
    .logo-merlata,
    .logo-gsk,
    .logo-illiria,
    .logo-polotecnico,
    .logo-humantech {
        height: 180px;
        background-position: center;
    }
}

@media (max-width: 480px) {
    .why-smartlocker-container,
    .click-check-done-container {
        padding: 0 0.25rem;
    }
    
    .hero-section {
        min-height: 100vh;
        background-attachment: scroll;
        padding: 1.5rem 0;
    }
    
    .production-one,
    .production-two {
        height: 150px;
    }
    
    .about-us {
        height: 250px;
    }
    
    /* Even smaller logo for very small screens */
    .logo-smarlocker {
        width: 120px;
        height: 28px;
    }
}/* 
Solution section mobile improvements */
@media (max-width: 768px) {
    .solution-section {
        background-position: center;
        background-attachment: scroll;
    }
    
    /* Tab buttons mobile optimization */
    .tab-button {
        font-size: 0.875rem;
        padding: 0.5rem 0.75rem;
    }
    
    /* Solution content mobile spacing */
    .solution-section .grid {
        gap: 1rem;
    }
    
    /* Image container mobile height */
    .solution-section .relative {
        margin-top: 1rem;
    }
}

@media (max-width: 640px) {
    .solution-section {
        padding: 2rem 0;
    }
    
    /* Tabs container mobile scroll */
    .solution-section .flex.justify-center > div {
        width: 100%;
        justify-content: flex-start;
    }
    
    /* Tab buttons even smaller on mobile */
    .tab-button {
        min-width: 80px;
        font-size: 0.75rem;
        padding: 0.5rem 0.5rem;
    }
    
    /* Solution card mobile adjustments */
    .solution-section .bg-meditation-blue {
        margin: 0 0.5rem;
        border-radius: 0.5rem;
    }
}

@media (max-width: 480px) {
    .solution-section .container {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    
    .solution-section .bg-meditation-blue {
        margin: 0 0.25rem;
        padding: 1rem;
    }
    
    /* Very small screens - stack content better */
    .solution-section .grid {
        gap: 0.5rem;
    }
}

/* Hero section full screen adaptations */
@media (min-width: 1024px) {
    .hero-section {
        background-attachment: fixed;
    }
}

/* Ultra-wide monitors */
@media (min-width: 1920px) {
    .hero-section {
        background-size: cover;
        background-position: center center;
    }
}

/* Very tall screens */
@media (min-height: 900px) {
    .hero-section {
        min-height: 100vh;
    }
}

/* Short screens (laptops) */
@media (max-height: 700px) {
    .hero-section {
        min-height: 100vh;
        padding: 1rem 0;
    }
    
    .hero-section .container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        min-height: 100vh;
    }
}

/* Mobile landscape */
@media (max-width: 768px) and (orientation: landscape) {
    .hero-section {
        min-height: 100vh;
        background-attachment: scroll;
        padding: 1rem 0;
    }
}/* 
SVG icon alignment fix */
.inline img[src*="SmartLocker_Icon-Inter-Arrow-Forward_CTA_2025.svg"] {
    vertical-align: middle;
    display: inline;
}