*{margin:0;padding:0;box-sizing:border-box;font-family:"Quicksand",sans-serif;}
html, body{height:100%;min-height:100%;background:#ffffff;}
body{display:flex;flex-direction:column;}
header{position:fixed;top:0;width:100%;background:#fffaf2;z-index:1000;border-bottom:1px solid #ddd;}
.header-container{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;max-width:1200px;margin:auto;}
.logo img{height:80px;width:auto;display:block;object-fit:contain;}
.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(15,15,15,0.9);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);padding-top: calc(60px + 20px);padding-left:25px;padding-right:25px;overflow-y:auto;z-index:1001;transform:translateX(100%);visibility:hidden;opacity:0;transition:transform .35s ease, opacity .35s ease, visibility .35s ease;display:flex;flex-direction:column;align-items:center;}
.mobile-menu.active{transform:translateX(0);visibility:visible;opacity:1;}
.menu-close{align-self:flex-end;font-size:28px;color:white;cursor:pointer;margin-bottom:40px;font-weight:bold;}
.mobile-menu ul{list-style:none;width:100%;padding:0;margin:0;text-align:center;}
.mobile-menu li{position:relative;width:100%;}
.mobile-menu li::after{content:"";position:absolute;bottom:0;left:15%;width:70%;height:1px;background:rgba(255,255,255,0.25);}
.mobile-menu li:last-child::after{display:none;}
.mobile-menu a{display:block;text-decoration:none;font-size:28px;color:white;padding:22px 0;letter-spacing:0.5px;transition:all .25s ease;}
.mobile-menu a:hover{color:#d8d8d8;transform:scale(1.03);}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000;}
.overlay.active{opacity:1;pointer-events:auto;}
@media (max-width:600px){.logo img{height:40px;}.mobile-menu a{font-size:22px;}.menu-close{font-size:24px;margin-bottom:30px;}}
main{flex:1;padding-top:100px;}
.menu-slider{padding:30px 15px;background:#ffffff;overflow:hidden;}
.slides{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;}
.slide{min-width:100%;display:grid;grid-template-columns:repeat(3, minmax(90px,120px));justify-content:center;gap:18px;padding:10px 10px;scroll-snap-align:start;}
.menu-card{background:#004600;border-radius:22px;width:100%;max-width:120px;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#ffffff;transition:all .25s ease;box-shadow:0 6px 18px rgba(0,0,0,0.15);}
.menu-card:hover{transform:translateY(-4px);box-shadow:0 10px 22px rgba(0,0,0,0.18);}
.icon{font-size:34px;margin-bottom:10px;}
.text{
    font-size:14px;
    text-align:center;
    line-height:1.2;
    padding:0 5px;
    word-break:break-word;
}
.dots{text-align:center;margin-top:18px;}
.dot{height:12px;width:12px;background:#f2f2f2;border-radius:50%;display:inline-block;margin:0 5px;transition:all .3s ease;}
.dot.active{background:#004600;}
#footer{background:#fffaf2;color:white;text-align:center;}
.lang-switch{
    background:#004600;
    color:#fff;
    padding:8px 14px;
    border-radius:20px;
    text-decoration:none;
    font-weight:600;
    font-size:14px;
    transition:all .2s ease;
}

.lang-switch:hover{
    background:#006600;
    transform:scale(1.05);
}
h2{
    margin-top:12px;
    margin-bottom:12px;
}
.content ul {
    padding-left: 12%;
}
