.advantages {
  padding: 0 12px;
}
.advantages-list {
  display: flex;
  flex-direction: column;
}

.advantages-list-item {
  padding: 20px 0;
  display: flex;
  align-items: center;

  display: flex;
  gap: 12px;

  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.advantages-list-item img {
  width: 20px;
  height: 20px;
}
.advantages-list-item span {
  line-height: 130%;
}

.offer {
  padding: 30px 20px;
  background: #111827;
  color: #fff;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
.price {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.price-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.price-item__old .price-item__value {
  text-decoration: line-through;
}

.price-item__value {
  font-weight: 700;
  font-size: 32px;
}
.price-item__new .price-item__value {
  color: rgb(250 204 21);
}

.offer-rest__decor {
  padding: 4px 8px;
  border-radius: 4px;
  background: #ef4444;
}

.reviews {
  padding: 30px 12px;
}
.reviews h2 {
  font-size: 32px;
  text-align: center;
}
.reviews-list {
  margin-top: 30px;

  display: flex;
  flex-direction: column;
  gap: 20px;
}

.reviews-list__item {
  padding: 20px 0;
  display: flex;
  gap: 14px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.reviews-list__avatar {
  width: 100%;
  max-width: 50px;
  height: 50px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;

  background: #111827;
  border-radius: 50%;
}
.reviews-list__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.reviews-list__date {
  font-weight: 300;
}
.reviews-list__stars {
  width: 100px;
  height: 22px;
  background-size: 20px;
  background-image: url('../images/star.svg');
}
.reviews-list__text {
  line-height: 130%;
  font-weight: 300;
}
.reviews-list__foto {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.reviews-list__foto img {
  border-radius: 10px;
}

.order {
  width: 100%;
  padding: 40px 0;
  background: #111827;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.order-form {
  width: 100%;
  margin-top: 20px;
  padding: 0 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
}
.order-form__wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.order-form__input {
  padding: 12px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
}
.footer {
  padding: 20px 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  text-align: center;
  color: #fff;

  background: #111827;
}
.footer a {
  color: #fff;
}


  .hero{
            padding:0;
            background:linear-gradient(160deg, #0d1b2a 0%, #1a3a5c 40%, #0d47a1 100%);
            color:white;
            text-align:center;
            position:relative;
            overflow:hidden;
        }
        .hero::before{
            content:'';
            position:absolute;
            top:-60px; left:-60px;
            width:220px; height:220px;
            background:radial-gradient(circle, rgba(33,150,243,0.25) 0%, transparent 70%);
            border-radius:50%;
        }
        .hero::after{
            content:'';
            position:absolute;
            bottom:-40px; right:-40px;
            width:180px; height:180px;
            background:radial-gradient(circle, rgba(255,193,7,0.15) 0%, transparent 70%);
            border-radius:50%;
        }
        .hero-inner{
            position:relative;
            z-index:2;
            padding:30px 18px 25px;
        }
        .hero-eyebrow{
            display:inline-block;
            background:linear-gradient(90deg,#ffc107,#ff9800);
            color:#000;
            font-size:11px;
            font-weight:800;
            text-transform:uppercase;
            letter-spacing:2px;
            padding:5px 14px;
            border-radius:20px;
            margin-bottom:14px;
        }
        .hero-title{
            font-size:28px;
            font-weight:900;
            text-transform:uppercase;
            letter-spacing:1px;
            line-height:1.2;
            text-shadow:0 2px 10px rgba(0,0,0,0.4);
        }
        .hero-title span{
            color:#ffc107;
        }
        .hero-sub{
            margin-top:12px;
            font-size:15px;
            opacity:0.9;
            line-height:1.5;
        }
        .hero-stats{
            display:flex;
            justify-content:center;
            gap:0;
            margin:18px 0 16px;
            border:1px solid rgba(255,255,255,0.15);
            border-radius:12px;
            overflow:hidden;
        }
        .hero-stat{
            flex:1;
            padding:12px 6px;
            border-right:1px solid rgba(255,255,255,0.15);
            background:rgba(255,255,255,0.06);
        }
        .hero-stat:last-child{border-right:none;}
        .hero-stat-val{
            font-size:18px;
            font-weight:900;
            color:#ffc107;
            display:block;
        }
        .hero-stat-lab{
            font-size:10px;
            opacity:0.75;
            text-transform:uppercase;
        }
        .badges-top{
            display:flex;
            justify-content:center;
            flex-wrap:wrap;
            gap:8px;
            margin-top:4px;
        }
        .b-item{
            background:rgba(255,255,255,0.12);
            padding:6px 13px;
            border-radius:20px;
            font-size:12px;
            font-weight:600;
            border:1px solid rgba(255,255,255,0.3);
        }
        .hero-bottom-bar{
            background:rgba(0,0,0,0.35);
            padding:10px 15px;
            display:flex;
            justify-content:center;
            gap:20px;
            flex-wrap:wrap;
            font-size:12px;
            font-weight:700;
            color:#fff;
            border-top:1px solid rgba(255,255,255,0.1);
        }
        .hero-bottom-bar span{color:#ffc107;}

        .img-block img{
            width:100%;
            display:block;
        }

           /* CONTENT BLOCKS */
        .content-block{
            padding:30px 20px;
            border-bottom:1px solid #eee;
        }
        .content-block h2{
            color:#1565C0;
            margin-bottom:15px;
            font-size:22px;
            line-height:1.2;
        }
        .content-block p{
            font-size:16px;
            line-height:1.6;
            margin-bottom:15px;
            color:#444;
        }
        .check-list{list-style:none;}
        .check-list li{
            padding:10px 0;
            display:flex;
            align-items:center;
            font-weight:600;
        }
        .check-list li::before{
            content:'✅';
            margin-right:10px;
        }

        .specs-table{
            width:100%;
            border-collapse:collapse;
            background:#fafafa;
            border-radius:10px;
            overflow:hidden;
        }
        .specs-table td{
            padding:12px 15px;
            border-bottom:1px solid #efefef;
            font-size:14px;
        }
        .specs-table td:first-child{font-weight:700; color:#555;}