/* ===== DELIVERY / PICKUP SECTION ===== */
.order-options{display:flex;text-align:center}.order-options a{flex:1;color:#fff;padding:25px 20px;text-decoration:none;transition:filter .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.order-options a:hover{filter:brightness(90%)}.order-options .delivery{background-color:#d90429}.order-options .pickup{background-color:#212529}.order-options svg{width:35px;height:35px}.order-options span{display:block;font-weight:700;font-size:1.1rem}

/* ===== MENU SECTION ===== */
#menu{padding:80px 5%;text-align:center}#menu h2{font-size:2.5rem;color:#d90429;margin-bottom:50px}.menu-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}.menu-card{background-color:#fff;width:300px;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.menu-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px rgba(0,0,0,.12)}.menu-card img{width:100%;height:auto;object-fit:cover}.menu-card-content{padding:25px}.menu-card-content h3{margin-top:0;margin-bottom:10px;font-size:1.3rem}.menu-card-content p{margin:0;font-size:.9rem;color:#666;line-height:1.6}.menu-button{display:inline-block;background-color:#d90429;color:#fff;padding:15px 40px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;margin-top:50px;box-shadow:0 4px 15px rgba(217,4,41,.3);transition:all .2s ease-in-out}.menu-button:hover{transform:translateY(-3px);box-shadow:0 7px 20px rgba(217,4,41,.4)}

/* ===== TENTANG KAMI SECTION (DIKEMAS KINI) ===== */
#tentang-kami{padding:80px 10%;background-color:#d90429;color:#fff;text-align:center;position:relative;overflow:hidden}
#tentang-kami::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(yems-logo.png);background-repeat:repeat;background-size:80px;opacity:0.1;z-index:0} /* <--- PERUBAHAN DI SINI */
#tentang-kami h2,#tentang-kami p{position:relative;z-index:1}#tentang-kami h2{font-size:2.5rem;color:#ffc300;margin-bottom:30px;text-shadow:1px 1px 3px rgba(0,0,0,.2)}#tentang-kami p{font-size:1rem;line-height:1.8;max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:20px}

/* ===== LOKASI SECTION ===== */
#lokasi{padding:80px 5%;text-align:center}#lokasi h2{font-size:2.5rem;color:#d90429;margin-bottom:20px}#lokasi p{font-size:1.1rem;color:#555;line-height:1.6;margin-bottom:15px}.map-container{border-radius:15px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);margin-top:40px;position:relative}.map-placeholder{height:450px;background-color:#e9e9e9;display:flex;align-items:center;justify-content:center;cursor:pointer;background-image:url('https://maps.googleapis.com/maps/api/staticmap?center=3.301986,101.581494&zoom=15&size=600x450&maptype=roadmap&markers=color:red%7Clabel:Y%7C3.301986,101.581494&key=YOUR_API_KEY_HERE');background-size:cover}.map-placeholder span{padding:10px 20px;background-color:rgba(0,0,0,.6);color:#fff;border-radius:5px;font-weight:600}

/* ===== FOOTER SECTION ===== */
footer{background-color:#212529;color:#fff;padding:60px 5%;text-align:center}footer h2{font-size:2.5rem;margin-bottom:20px}footer .social-icons{margin:40px 0}
footer .social-icons a { 
    display: inline-block;
    margin: 0 15px; 
    transition: transform 0.2s ease-in-out;
}
footer .social-icons img {
    height: 60px;
    width: 60px;
    vertical-align: middle;
}
footer .social-icons a:hover {
    transform: scale(1.1);
}
footer .copyright{border-top:1px solid #444;padding-top:30px;margin-top:30px;font-size:.9rem;color:#aaa}

/* ===== BUTANG BACK TO TOP ===== */
#btn-back-to-top{display:none;position:fixed;bottom:20px;right:20px;z-index:99;border:none;outline:0;background-color:#d90429;color:#fff;cursor:pointer;padding:15px;border-radius:50%;width:50px;height:50px;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:background-color .3s,transform .3s}#btn-back-to-top:hover{background-color:#a70320;transform:scale(1.1)}

/* ===== MEDIA QUERIES ===== */
@media (max-width:768px){#tentang-kami{padding:60px 5%}#lokasi,footer{padding:60px 5%}.menu-card{width:90%}h2,#tentang-kami h2{font-size:2rem!important}.social-icons a{margin:0 10px}}