:root{font-family:Arial,Helvetica,sans-serif;color:#f8fafc;background:#0b1120;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.site-header{max-width:1180px;margin:auto;padding:26px 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-size:19px;font-weight:900;letter-spacing:.04em}.brand span{color:#f97316}nav{display:flex;gap:24px;color:#cbd5e1;font-size:14px}.hero{padding:105px 24px 110px;text-align:center;background:radial-gradient(ellipse at top,#253d66 0%,#0b1120 65%)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#fb923c}.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.05;max-width:850px;margin:20px auto}.hero h1 span{color:#fb923c}.hero>p:not(.eyebrow){max-width:600px;margin:0 auto 30px;color:#cbd5e1;line-height:1.7}.button{display:inline-block;border-radius:10px;padding:14px 20px;font-weight:800;text-align:center;font-size:14px}.primary{background:#f97316;color:#111827}.secondary{border:1px solid #64748b;color:#f8fafc}.button:hover{filter:brightness(1.12)}.catalog{max-width:1180px;margin:auto;padding:68px 24px 100px}.section-heading{text-align:center;margin-bottom:40px}.section-heading h2{font-size:36px;margin:10px}.section-heading>p:last-child{color:#94a3b8}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.product-card{background:#172238;border:1px solid #334155;border-radius:18px;overflow:hidden}.product-image{height:210px;display:grid;place-items:center;background:linear-gradient(135deg,#293c60,#101b30);color:#fb923c;padding:20px;text-align:center}.product-image svg{width:100px;height:100px}.product-content{padding:22px}.product-content h3{margin:0 0 10px;font-size:21px}.product-content p{color:#cbd5e1;line-height:1.55;min-height:50px;font-size:14px}.actions{display:grid;gap:10px;margin-top:20px}.disabled{opacity:.5;cursor:not-allowed}.about{background:#111c2e;text-align:center;padding:65px 24px}.about p{max-width:660px;margin:15px auto;color:#cbd5e1;line-height:1.7}.about .disclaimer{font-size:12px;color:#94a3b8}footer{text-align:center;padding:28px;color:#94a3b8;font-size:13px}@media(max-width:800px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.product-grid{grid-template-columns:1fr}.hero{padding:80px 22px}.site-header{padding:20px 16px}.brand{font-size:15px}nav{gap:12px;font-size:12px}.catalog{padding-top:45px}}

/* Prevent images from overflowing */
.product-image img,
.product-image .carousel-product-image {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center;
}

/* Carousel navigation */
.carousel-controls {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  z-index: 2;
  padding: 5px 10px;
  border-radius: 30px;
  background: rgba(11, 17, 32, 0.8);
}

/* Previous and next buttons */
.carousel-arrow {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #64748b;
  border-radius: 50%;
  background: #172238;
  color: #ffffff;
  font-size: 24px;
  cursor: pointer;
  line-height: 1;
}

.carousel-arrow:hover {
  background: #f97316;
  color: #111827;
}

/* Image counter */
.carousel-counter {
  color: #ffffff;
  font-size: 12px;
  font-weight: 700;
  min-width: 35px;
  text-align: center;
}

/* Keep product cards aligned */
.product-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.product-content {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.product-content .actions {
  margin-top: auto;
  padding-top: 20px;
}

/* Mobile adjustments */
@media (max-width: 560px) {
  .product-image {
    height: 230px;
    min-height: 230px;
  }

  .carousel-controls {
    bottom: 8px;
  }
}

/* BLASTER RUSH - PRODUCT CAROUSEL */

.product-image {
  position: relative;
  overflow: hidden;
}

.product-image img {
  display: block;
  max-width: 100%;
  max-height: 170px;
  object-fit: contain;
}

.carousel-controls {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 5px 10px;
  border-radius: 20px;
  background: rgba(11, 17, 32, 0.85);
  z-index: 2;
}

.carousel-arrow {
  width: 28px;
  height: 28px;
  border: none;
  border-radius: 50%;
  background: #334155;
  color: white;
  font-size: 22px;
  cursor: pointer;
}

.carousel-counter {
  color: white;
  font-size: 12px;
  white-space: nowrap;