body { margin:0; font-family: Arial; background:#0b0b0b; color:#fff; }

.carousel img {
  width:100%; height:400px; display:none; object-fit:cover;
}
.carousel img.active { display:block; }

.ticker {
  width:100%;
  overflow:hidden;
  background:#111;
  padding:10px 0;
}

.ticker-track {
  display:flex;
  width:max-content;
  animation: ticker-scroll 25s linear infinite;
}

.ticker img {
  width:350px;
  height:150px;
  margin-right:10px;
  flex-shrink:0;
}

/* Seamless animation */
@keyframes ticker-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.products {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(400px,1fr));
  gap:20px;
  padding:30px;
}
.product-card {
  background:#1a1a1a;
  padding:15px;
  text-align:center;
  border-radius:10px;
}
.product-card img { width:100%; height:350px; object-fit:cover; }

.product-detail {
  display:flex;
  padding:40px;
  gap:30px;
}

.zoom-container img {
  width:450px;
  transition: transform .3s;
}
.zoom-container img:hover {
  transform: scale(1.4);
}

button {
  padding:12px 25px;
  background:linear-gradient(45deg,#ff9800,#ff5722);
  border:none;
  color:#fff;
  cursor:pointer;
  font-size:16px;
}

.modal {
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.8);
}
.modal form {
  background:#222;
  width:300px;
  margin:100px auto;
  padding:20px;
}
.modal input { width:100%; margin-bottom:10px; padding:8px; }

@media(max-width:768px){
  .product-detail { flex-direction:column; }
}


/* HEADER */
.site-header {
  background:linear-gradient(90deg,#000,#111,#000);
  padding:12px 0;
  position:sticky;
  top:0;
  z-index:1000;
  box-shadow:0 2px 10px rgba(0,0,0,.6);
}

.header-container {
  width:95%;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

/* LOGO */
.logo img {
  height:100px;
}

/* CONTACT */
.header-contact {
  display:flex;
  gap:25px;
  font-size:15px;
}

.contact-item {
  display:flex;
  align-items:center;
  gap:8px;
}

.contact-item a {
  color:#fff;
  text-decoration:none;
  font-weight:500;
}

.contact-item a:hover {
  color:#ff9800;
}

/* MOBILE */
@media (max-width:768px) {
  .header-container {
    flex-direction:column;
    gap:10px;
  }

  .header-contact {
    font-size:14px;
  }
}

/* AMAZON STYLE PRODUCT PAGE */
.amazon-product {
  display:grid;
  grid-template-columns: 1fr 1.5fr 1fr;
  gap:30px;
  padding:40px;
  background:#0b0b0b;
}

/* IMAGE */
.product-images img {
  width:100%;
  max-width:420px;
  background:#fff;
  padding:10px;
  border-radius:8px;
  transition:transform .3s;
}
.product-images img:hover {
  transform:scale(1.3);
}

/* INFO */
.product-info h1 {
  font-size:26px;
  margin-bottom:10px;
}

.rating span {
  color:#aaa;
  font-size:14px;
}

.price {
  margin:15px 0;
}
.deal {
  color:#ff9800;
}
.amount {
  font-size:26px;
  font-weight:bold;
  color:#ff5722;
}

.product-info ul {
  padding-left:20px;
}
.product-info li {
  margin-bottom:8px;
}

/* BUY BOX */
.buy-box {
  background:#1a1a1a;
  padding:20px;
  border-radius:10px;
  height:fit-content;
  position:sticky;
  top:100px;
}

.buy-price {
  font-size:28px;
  font-weight:bold;
}

.stock {
  color:#4caf50;
  margin:10px 0;
}

.buy-now {
  width:100%;
  padding:14px;
  margin:15px 0;
  background:linear-gradient(45deg,#ff9800,#ff5722);
  border:none;
  font-size:16px;
  cursor:pointer;
  border-radius:6px;
}

.secure, .delivery {
  font-size:13px;
  color:#aaa;
}

/* MODAL */
.modal {
  display:none;
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.85);
}
.modal form {
  background:#222;
  width:320px;
  margin:120px auto;
  padding:20px;
  border-radius:8px;
}
.modal input {
  width:100%;
  padding:10px;
  margin-bottom:10px;
}

/* RESPONSIVE */
@media(max-width:992px){
  .amazon-product {
    grid-template-columns:1fr;
  }
}