body{font-family:Arial;background:#0d0d0d;color:#fff;margin:0}
.hdr{text-align:center;padding:10px;background:#111}
.logo{width:250px}
.lang button{margin:3px;padding:6px 10px}
.hero{text-align:center;padding:70px 20px}
.btn{background:#ff9800;padding:12px 20px;border-radius:10px;color:#000;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:20px;gap:20px}
.card{background:#1c1c1c;padding:15px;border-radius:12px;text-align:center}
.pimg{width:100%;border-radius:10px}
label{display:block;text-align:left;margin-top:10px;color:#ff9800}
select{width:100%;padding:8px;border-radius:8px;margin-top:5px}
.buy{margin-top:12px;width:100%;padding:10px;background:#ff9800;border:none;border-radius:10px;font-weight:bold}
.whatsapp-btn{position:fixed;bottom:20px;right:20px;z-index:9999}
.whatsapp-btn img{width:60px;height:60px;border-radius:50%}
.footer{text-align:center;color:#bbb;padding:20px;margin-top:30px}
/* === Slider Section === */
.slider {
    width: 100%;
    height: 250px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.slides {
    width: 300%;
    height: 100%;
    display: flex;
    animation: slide 9s infinite;
}

.slides img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

@keyframes slide {
    0% { transform: translateX(0); }
    33% { transform: translateX(-100%); }
    66% { transform: translateX(-200%); }
    100% { transform: translateX(0); }
}
.ttl {
    font-size: 28px;
    font-weight: bold;
    color: #ff9900; /* اللون البرتقالي */
    text-align: center;
    margin: 20px 0;
    font-family: Arial, sans-serif;
}