:root {
  --primary:#ef394e;
  --dark:#222;
}

body {
  margin:0;
  font-family:tahoma;
  background:#f6f6f6;
}

.hero {
  background:linear-gradient(120deg,#ef394e,#ff6a6a);
  color:#fff;
  padding:80px 20px;
  text-align:center;
}

.btn {
  background:#fff;
  color:var(--primary);
  padding:14px 30px;
  border-radius:40px;
  text-decoration:none;
  display:inline-block;
  margin:10px 5px;
}

.buy {
  background:var(--primary);
  color:#fff;
}

.container {
  max-width:1100px;
  margin:auto;
  padding:40px 20px;
}

.product-slider {
  display:flex;
  gap:20px;
  overflow-x:auto;
}

.product {
  min-width:260px;
  background:#fff;
  border-radius:16px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  cursor:pointer;
}

.product img {
  width:100%;
  border-radius:16px 16px 0 0;
}

.product h4 {
  padding:15px;
  font-size:14px;
}

.modal {
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.6);
}

.modal-box {
  background:#fff;
  max-width:420px;
  margin:8% auto;
  padding:25px;
  border-radius:20px;
  text-align:center;
}

.floating-call {
  position:fixed;
  bottom:20px;
  right:20px;
  background:var(--primary);
  color:#fff;
  padding:14px 26px;
  border-radius:40px;
  text-decoration:none;
}