/* QA101.34 — four equal grey bands with closer, proportional spacing. */
.sppauto-theme .sppauto-production { width:100%; padding:clamp(28px,1.8vw,48px) 0 24px; background:#fff; color:#111; }
.sppauto-theme .sppauto-production-layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,2.05fr); gap:2.75vw; align-items:stretch; }
.sppauto-theme .sppauto-production-copy { position:relative; min-width:0; padding:0 24px calc(clamp(90px,9vw,250px) + 32px) clamp(24px,3vw,92px); }
.sppauto-theme .sppauto-production-copy::after { content:""; position:absolute; inset:auto 0 0; height:clamp(90px,9vw,250px); background:#7f7f7f; pointer-events:none; }
.sppauto-theme .sppauto-production-title { margin:0 0 28px; padding-inline-start:16px; border-inline-start:1px solid #f00000; font-family:"SPPAUTO Zirkel Display", "Segoe UI Light", "Segoe UI", Arial, sans-serif; font-size:clamp(32px,2.75vw,56px); font-weight:200; letter-spacing:1.5px; line-height:1; color:#111; }
.sppauto-theme .sppauto-production-title span { display:block; overflow-wrap:anywhere; }
.sppauto-theme .sppauto-production-description { max-width:300px; margin:0; font-size:14px; font-weight:400; line-height:1.8; color:#4f4f4f; overflow-wrap:anywhere; }
.sppauto-theme .sppauto-production-visual { position:relative; min-width:0; align-self:start; overflow:hidden; background:#fff; isolation:isolate; }
.sppauto-theme .sppauto-production-image { display:block; width:100%; height:auto; aspect-ratio:1482/1051; object-fit:contain; opacity:.9; }
.sppauto-theme .sppauto-production-shades { position:absolute; z-index:1; inset:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2.5%; pointer-events:none; }
.sppauto-theme .sppauto-production-shades span:nth-child(1) { background:rgba(153,153,153,.85); border-start-start-radius:24px; }
.sppauto-theme .sppauto-production-shades span:nth-child(2) { background:rgba(178,178,178,.75); }
.sppauto-theme .sppauto-production-shades span:nth-child(3) { background:rgba(204,204,204,.65); }
.sppauto-theme .sppauto-production-shades span:nth-child(4) { background:rgba(229,229,229,.55); }
.sppauto-theme:lang(ru) .sppauto-production-title { font-size:clamp(28px,2.3vw,48px); }
.sppauto-theme:lang(ar) .sppauto-production-title { font-family:"Segoe UI", Tahoma, Arial, sans-serif; font-weight:300; line-height:1.25; letter-spacing:0; }
@media(max-width:980px) {
  .sppauto-theme .sppauto-production { padding:32px 0 24px; }
  .sppauto-theme .sppauto-production-layout { grid-template-columns:minmax(0,1fr); gap:28px; }
  .sppauto-theme .sppauto-production-copy { padding:0 24px; }
  .sppauto-theme .sppauto-production-copy::after { display:none; }
  .sppauto-theme .sppauto-production-title,
  .sppauto-theme:lang(ru) .sppauto-production-title { font-size:clamp(32px,5vw,46px); margin-bottom:22px; }
  .sppauto-theme .sppauto-production-description { max-width:680px; }
}
@media(max-width:560px) {
  .sppauto-theme .sppauto-production-copy { padding-inline:20px; }
  .sppauto-theme .sppauto-production-title { padding-inline-start:12px; }
  .sppauto-theme .sppauto-production-description { font-size:13px; line-height:1.75; }
  .sppauto-theme .sppauto-production-shades span:nth-child(1) { border-start-start-radius:16px; }
}