* {
    box-sizing: border-box;
}
body {
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial;
    background:#f5f7fa;
    color:#333;
}
.container {
    width:92%;
    max-width:1100px;
    margin:auto;
}

/* HERO */
.hero{
    background: linear-gradient(135deg,#13BE69,#018074,#0C65D3);
    color:white;
    padding:90px 20px;
    text-align:center;
}
.hero-inner{
    max-width:750px;
}
.logo img{
    max-height: 120px;
    max-width: 120px;
    margin-bottom: 20px;
    filter: drop-shadow(0 0px 10px rgba(0, 0, 0, 0.2));
}
.hero h1{
    font-size:48px;
    margin:0;
}
.subtitle{
    font-size:20px;
    opacity:.9;
    margin-top:15px;
}
/* STORE BUTTONS */
.store-buttons{
    display:flex;
    justify-content:center;
    gap:20px;
    margin-top:35px;
    flex-wrap:wrap;
}
.store-btn{
    display:flex;
    align-items:center;
    gap:12px;
    padding:14px 20px;
    border-radius:12px;
    text-decoration:none;
    transition:.25s;
    background:white;
    color:#222;
    box-shadow:0 10px 25px rgba(0,0,0,.2);
}
.store-btn:hover{
    transform:translateY(-3px);
}
.store-btn .store-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.store-icon{
    font-size:26px;
}
.store-text span{
    font-size:12px;
    display:block;
    opacity:.7;
}
.store-text b{
    font-size:18px;
}

/* INFO CARD */
.info{
    padding: 60px 0 30px 0px;
}
.card{
    background:white;
    padding:40px;
    border-radius:12px;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    text-align:center;
}
.address{
    margin-top:20px;
}

/* PHONES */
.phones{
    margin-top:25px;
    display:flex;
    gap:15px;
    justify-content:center;
    flex-wrap:wrap;
}
.phone-btn{
    background:#13BE69;
    color:white;
    padding:12px 18px;
    border-radius:8px;
    text-decoration:none;
    font-weight:600;
    transition:.2s;
}
.phone-btn:hover{
    background:#018074;
    transform:translateY(-2px);
}

/* SCHEDULE */
.schedule{
    padding: 30px 0 60px 0;
}
.schedule h2{
    text-align:center;
    margin-bottom:35px;
}
.schedule-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:20px;
}
.schedule-card{
    background:white;
    padding:20px;
    border-radius:10px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
}
.schedule-card h3{
    margin-top:0;
    color:#018074;
}

/* NOTICE */
.notice{
    margin-top:40px;
    background:#fff8e6;
    padding:20px;
    border-left:4px solid #13BE69;
    border-radius:6px;
}

/* FOOTER */
footer{
    background:#111;
    color:#aaa;
    padding:30px 0;
    text-align:center;
}
footer a{
    color:#13BE69;
    text-decoration:none;
}
footer p{
    margin-top:10px;
}

/* MOBILE */
@media(max-width:600px){
    .hero h1{
        font-size:34px;
    }
    .subtitle{
        font-size:16px;
    }
    .logo img{
        height:70px;
    }
    .card{
        padding:25px;
    }
}