.elementor-1119 .elementor-element.elementor-element-2303744{--display:flex;}.elementor-1119 .elementor-element.elementor-element-2997a80{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -570px;}.elementor-1119 .elementor-element.elementor-element-b11d915{--display:flex;--margin-top:-170px;--margin-bottom:115px;--margin-left:170px;--margin-right:1px;}.elementor-1119 .elementor-element.elementor-element-5503206{--display:flex;--margin-top:-125px;--margin-bottom:100px;--margin-left:0170px;--margin-right:0px;}.elementor-1119 .elementor-element.elementor-element-7d91da3{--display:flex;}.elementor-1119 .elementor-element.elementor-element-d278fbb{--display:flex;}/* Start custom CSS for html, class: .elementor-element-1b0e9a1 */body {
  font-family: sans-serif;
  background: #f5f5f5;
  padding: 0px;
}

.platform-.elementor-1119 .elementor-element.elementor-element-1b0e9a1 {
  display: flex;
  gap: 12px;
}

/* ===== Base Button ===== */
.platform-btn {
  padding: 8px 35px;
  border-radius: 10px;
  border: 2px solid transparent;
  background: #fff;
  cursor: pointer;
  font-size: 15px;
  transition: all 0.25s ease;
}

/* ===== PS ===== */
.platform-btn.ps {
  color: #0b3c8c;
  border-color: #0b3c8c;
}

.platform-btn.ps:hover,
.platform-btn.ps.active {
  background: #0b3c8c;
  color: #fff;
}

/* ===== XBOX ===== */
.platform-btn.xbox {
  color: #107c10;
  border-color: #107c10;
}

.platform-btn.xbox:hover,
.platform-btn.xbox.active {
  background: #107c10;
  color: #fff;
}

/* ===== PC ===== */
.platform-btn.pc {
  color: #F4C302;
  border-color: #F4C302;
}

.platform-btn.pc:hover,
.platform-btn.pc.active {
  background: #F4C302;
  color: #Fff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cbb62eb */body {
  font-family: sans-serif;
  background: #f5f5f5;
}

.container {
  display: flex;
  gap: 30px;
  padding: 40px;
}

/* PRODUCTS */
.products {
  display: grid;
  grid-template-columns: repeat(3, 180px);
  gap: 15px;
}

.product {
  background: #fff;
  border: 2px solid #ddd;
  padding: 15px;
  cursor: pointer;
  border-radius: 6px;
  text-align: center;
  transition: 0.2s;
}

.product:hover {
  border-color: #f4b400;
}

.product.active {
  border-color: #f4b400;
  box-shadow: 0 0 0 2px #f4b400;
}

/* ORDER BOX */
.order-box {
  width: 260px;
  background: #fff;
  padding: 20px;
  border-radius: 6px;
  border: 1px solid #ddd;
}

.order-box h3 {
  margin-bottom: 15px;
}

.order-box .price {
  font-size: 24px;
  font-weight: bold;
  color: #f4b400;
  margin: 20px 0;
}

.buy-btn {
  width: 100%;
  padding: 10px;
  background: #f4b400;
  border: none;
  cursor: pointer;
  font-weight: bold;
}/* End custom CSS */