:root { --red:#da291c; --red-dark:#b81e14; --red-light:#fde8e6; --black:#111; --dark:#1a1a1a; --gray:#666; --light-gray:#f5f5f5; --white:#fff; }
  .container { max-width:1200px; margin:0 auto; padding:0 20px; }

  /* HERO */
  .hero { width: 100%; position:relative; min-height:48vh; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#000; }
  .hero-bg { position:absolute; inset:0; }
  .hero-bg img { width:100%; height:100%; object-fit:cover; opacity:0.35; }
  .hero-overlay { position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.7) 100%); }
  .hero-content { position:relative; z-index:2; text-align:center; color:var(--white); padding:40px 20px; }
  .hero-content .brand { font-size:13px; letter-spacing:8px; text-transform:uppercase; color:rgba(255,255,255,0.5); margin-bottom:20px; }
  .hero-content .model { font-size:clamp(18px,3vw,24px); color:var(--red); font-weight:700; margin-bottom:8px; letter-spacing:2px; }
  .hero-content h1 { font-size:clamp(32px,6vw,60px); font-weight:800; line-height:1.2; margin-bottom:20px; }
  .hero-content h1 span { color:var(--red); }
  .hero-content p { font-size:18px; color:rgba(255,255,255,0.7); max-width:560px; margin:0 auto 30px; }
  .hero-badges { display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:24px; }
  .hero-badges .badge { background:rgba(255,255,255,0.48); border:1px solid rgba(255,255,255,0.15); color:rgba(255,255,255,0.8); padding: 9px 38px;; border-radius:20px; font-size:18px; }

  /* SECTION */
  .section { padding:80px 0; }
  .section-dark { background:var(--dark); color:var(--white); }
  .section-light { background: #f8f8f8; }
  .section-gray { background:var(--light-gray); }

  /* FEATURE */
  .feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
  .feature-grid.reverse { direction:rtl; }
  .feature-grid.reverse > * { direction:ltr; }
  .feature-img { border-radius:20px; overflow:hidden; box-shadow:0 12px 40px rgba(0,0,0,0.1); }
  .feature-img img { width:100%; height:auto; }
  .feature-tag { display:inline-block; background:var(--red-light); color:var(--red); padding:10px 16px; border-radius:20px; font-size:20px; font-weight:700; margin-bottom:16px; letter-spacing:1px; }
  .section-dark .feature-tag { background:rgba(218,41,28,0.2); }
  .feature-text h3 { font-size:clamp(24px,3.5vw,36px); font-weight:800; margin-bottom:16px; line-height:1.3; }
  .feature-text h3 .accent { color:var(--red); }
  .feature-text p { font-size:15px; color:var(--gray); margin-bottom:12px; line-height:1.9; }
  .section-dark .feature-text p { color:rgba(255,255,255,0.65); }
  .feature-text .quote { font-size:20px; font-weight:700; color:var(--red); padding:16px 0; border-left:4px solid var(--red); padding-left:20px; margin:20px 0; line-height:1.5;background: #fff; }
  .section-header { text-align:center; margin-bottom:60px; }
  .section-header h2 { font-size:clamp(26px,4vw,40px); font-weight:800; margin-bottom:12px; }
  .section-header h2 .accent { color:var(--red); }
  .section-header p { font-size:16px; color:var(--gray); max-width:560px; margin:0 auto; }
  .section-dark .section-header p { color:rgba(255,255,255,0.6); }

  /* SPECS CARDS */
  .specs-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px, 1fr)); gap:20px; }
  .spec-card { background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.1); border-radius:20px; padding:32px 20px; text-align:center; transition:transform 0.3s, border-color 0.3s; }
  .spec-card:hover { transform:translateY(-6px); border-color:var(--red); }
  .spec-card .val { font-size:26px; font-weight:800; color:var(--red); margin-bottom:8px; }
  .spec-card .label { font-size:14px; color:rgba(255,255,255,0.55); }

  /* COLORS */
  .colors-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; }
  .color-card { border-radius:20px; overflow:hidden; background:var(--light-gray); transition:transform 0.3s; }
  .color-card:hover { transform:scale(1.02); }
  .color-card img { width:100%; height:auto; }
  .color-info { padding:16px 20px; background: #fff; }
  .color-info .name { font-weight:700; font-size:16px; margin-bottom:4px;text-align: center; }
  .color-info .desc { font-size:13px; color:var(--gray); }

  /* BANNER */
  .banner-full { width:100%; }
  .banner-full img { width:100%; height:auto; }

  /* SPECS TABLE */
  .specs-table { width:100%; border-collapse:collapse; margin:0 auto; }
  .specs-table tr { border-bottom:1px solid #eee; }
  .section-dark .specs-table tr { border-bottom-color:rgba(255,255,255,0.1); }
  .specs-table td {
    font-size: 18px !important;
    background: #fff;
    border: 1px solid #eee !important;
}
  .specs-table td:first-child { font-weight:700; color:#da291c; }
  .section-dark .specs-table td:first-child { color: rgb(218 41 28); }

  /* CTA */
  .cta { background:linear-gradient(135deg, var(--red) 0%, var(--red-dark) 100%); color:var(--white); text-align:center; padding:60px 20px; }
  .cta h2 { font-size:clamp(26px,4vw,40px); margin-bottom:12px; }
  .cta p { font-size:16px; opacity:0.85;}
  .cta-btn { display:inline-block; background:var(--white); color:var(--red); padding:16px 52px; border-radius:30px; font-size:18px; font-weight:700; text-decoration:none; transition:transform 0.3s, box-shadow 0.3s; }
  .cta-btn:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,0.2); }

  /* FOOTER */
  .page-footer { background:var(--black); color:rgba(255,255,255,0.35); text-align:center; padding:28px 20px; font-size:13px; }
  .page-footer .brand { color:var(--red); font-weight:700; font-size:16px; margin-bottom:6px; }

  @media(max-width:768px) {
    .feature-grid { grid-template-columns:1fr; gap:30px; }
    .feature-grid.reverse { direction:ltr; }
    .colors-grid { grid-template-columns:1fr; }
    .section { padding:50px 0; }
    .hero { min-height:70vh; }
  }

section.section.section-dark1.gy {
    background: #f1f1f1;
}

.spmk {
    background: #000000;
    padding: 3% 0;
}



.specs-grid2 {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
}

.colors-grid2 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}