*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Arial",sans-serif;background:#f5f5f5;color:#333}
header{background:#e60000;padding:10px 20px;color:#fff;position:sticky;top:0;z-index:999;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.logo img{height:45px;max-height:60px;width:auto;display:block}
@media(max-width:768px){.logo img{height:35px}}
nav{margin-top:8px}
nav a{color:#fff;margin-left:15px;text-decoration:none;font-size:16px}
nav a:hover{text-decoration:underline}

/* BANNER SLIDER */
.banner {
  position: relative;
  overflow: hidden;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.banner-slider {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
}
.banner-slider .slide {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
.banner-slider .slide.active {
  opacity: 1;
}
.banner-content {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}
.banner-content h1{font-size:36px;margin-bottom:15px;text-shadow:2px 2px 6px rgba(0,0,0,.6)}
.banner-content p{font-size:18px;margin-bottom:25px}
.banner-content .btn{background:#fff;color:#e60000;padding:12px 25px;border-radius:6px;font-size:16px;font-weight:700;text-decoration:none;transition:.3s}
.banner-content .btn:hover{background:#ffe0e0}

/* Responsive Banner */
@media(max-width:768px){
  .banner {height: 250px; padding: 40px 15px;}
  .banner-content h1{font-size:24px}
  .banner-content p{font-size:14px}
}

/* PROMO */
.promo{background:#fff;padding:30px 20px;margin:20px auto;max-width:1200px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1)}
.promo h2{font-size:24px;color:#e60000;margin-bottom:20px;text-align:center}
.promo-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}
.promo-item{background:#fafafa;padding:15px;border-radius:8px;text-align:center;border:1px solid #eee;transition:.3s}
.promo-item:hover{transform:scale(1.05);box-shadow:0 4px 10px rgba(0,0,0,.1)}
.promo-item img{max-width:100%;border-radius:6px;margin-bottom:10px}
.promo-item h3{font-size:16px;margin-bottom:6px;color:#333}
.promo-item p{font-size:14px;margin-bottom:10px;color:#666}
.promo-item .btn{background:#e60000;color:#fff;padding:8px 15px;border-radius:5px;font-size:14px;text-decoration:none;transition:.3s}
.promo-item .btn:hover{background:#b30000}

/* REVIEWS */
.reviews{background:#fff;padding:40px 20px;margin:20px auto;max-width:900px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);position:relative;overflow:hidden}
.reviews h2{text-align:center;color:#e60000;margin-bottom:25px;font-size:24px}
.review-slider{display:flex;transition:transform .5s ease-in-out}
.review-card{min-width:100%;box-sizing:border-box;background:#fafafa;border:1px solid #eee;border-radius:8px;padding:20px;text-align:left}
.review-card .user{display:flex;align-items:center;margin-bottom:15px}
.review-card .user img{width:45px;height:45px;border-radius:50%;margin-right:12px}
.review-card .user h4{font-size:16px;color:#333}
.review-card p{font-size:14px;color:#555;line-height:1.5}
.stars{color:#ff9800;margin-top:8px}
.slider-controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 15px}
.slider-btn{background:rgba(230,0,0,.8);border:none;color:#fff;padding:10px;border-radius:50%;cursor:pointer;font-size:18px}
.slider-btn:hover{background:rgba(179,0,0,.9)}

/* CTA */
.cta{text-align:center;background:#e60000;color:#fff;padding:50px 20px}
.cta h2{font-size:26px;margin-bottom:20px}
.cta a{background:#fff;color:#e60000;padding:12px 24px;font-size:16px;font-weight:700;border-radius:6px;text-decoration:none;transition:.3s}
.cta a:hover{background:#ffe0e0}

/* FOOTER */
footer{background:#222;color:#aaa;text-align:center;padding:20px;font-size:14px}
footer a{color:#e60000;text-decoration:none}
footer a:hover{text-decoration:underline}