/* QA102.9 — direct brand links; approved ribbon and showcase dimensions preserved. */
@font-face {
  font-family:"SPPAUTO Zirkel Display";
  src:url("fonts/zirkel-extra-light.woff") format("woff");
  font-style:normal;
  font-weight:200;
  font-display:swap;
}
.sppauto-theme .sppauto-brand-section[data-cms-block="brands"] { padding:0; background:#eef0f2; }
.sppauto-theme .sppauto-brand-ribbon { width:100%; margin:0; background:#999; }
.sppauto-theme .sppauto-brand-ribbon .brand-strip { display:grid; grid-template-columns:repeat(10,minmax(0,1fr))!important; border:0; margin:0; }
.sppauto-theme .sppauto-brand-ribbon .brand-cell { height:300px; min-height:0; padding:20px 12px 0; align-items:flex-start; background:#999; color:#fff; border:0!important; border-inline-end:1px solid #333!important; box-shadow:none; transform:none; }
.sppauto-theme .sppauto-brand-ribbon .brand-cell:last-child { border-inline-end:0!important; }
.sppauto-theme .sppauto-brand-ribbon .brand-cell h3 { max-width:100%; margin:0; font-size:16px; line-height:1.35; font-weight:700; letter-spacing:0; overflow-wrap:anywhere; }
/* min-content wraps only at the space, keeping each brand-name word intact. */
.sppauto-theme .sppauto-brand-ribbon .brand-cell[data-brand-id="7"] h3 { width:min-content; max-width:none; font-size:clamp(10px,1.25vw,16px); white-space:normal; overflow-wrap:normal; word-break:normal; hyphens:none; }
.sppauto-theme .sppauto-brand-ribbon .brand-cell::before,
.sppauto-theme .sppauto-brand-ribbon .brand-cell::after,
.sppauto-theme .sppauto-brand-ribbon .precision-brand-arrow { display:none; }
.sppauto-theme .sppauto-brand-ribbon .brand-cell:hover,
.sppauto-theme .sppauto-brand-ribbon .brand-cell:focus-visible { background:#111; color:#fff; transform:none; box-shadow:none; }
.sppauto-theme .sppauto-brand-ribbon .brand-cell:focus-visible { outline:2px solid #fff; outline-offset:-5px; }
.sppauto-theme .sppauto-performance-feature { position:relative; padding:0 0 72px; background:#eef0f2; }
.sppauto-theme .sppauto-performance-inner { display:flow-root; width:min(calc(100% - 48px),1320px); margin-inline:auto; }
.sppauto-theme .sppauto-performance-visual { position:relative; z-index:3; width:80%; max-width:1040px; margin:-190px auto 72px; pointer-events:none; }
.sppauto-theme .sppauto-performance-image { display:block; width:100%; height:auto; aspect-ratio:1366/623; object-fit:contain; filter:drop-shadow(0 30px 32px rgba(0,0,0,.22)); transform:translateY(0) scale(1); transform-origin:50% 50%; }
.sppauto-theme .sppauto-performance-copy { display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:48px; border-top:1px solid #e6e8ea; padding:60px 96px 0; }
.sppauto-theme .sppauto-performance-intro { min-width:0; }
.sppauto-theme .sppauto-performance-title { margin:0 0 28px; padding-inline-start:18px; border-inline-start:1px solid #fd0101; font-family:"SPPAUTO Zirkel Display", "Segoe UI Light", "Segoe UI", Arial, sans-serif; font-size:clamp(34px,3.1vw,56px); font-weight:200; letter-spacing:1px; line-height:1.02; color:#111; }
.sppauto-theme .sppauto-performance-title span { display:block; overflow-wrap:anywhere; }
.sppauto-theme .sppauto-performance-intro p { max-width:340px; margin:0; font-size:14px; line-height:1.65; color:#222; }
.sppauto-theme .sppauto-performance-list { margin:0; padding:0; padding-inline-start:18px; font-family:"Segoe UI", Arial, sans-serif; font-size:16px; line-height:1.45; color:#25282c; }
.sppauto-theme .sppauto-performance-list li { padding-inline-start:0; }
.sppauto-theme .sppauto-performance-list li+li { margin-top:4px; }
.sppauto-theme:lang(ru) .sppauto-performance-title { font-size:clamp(30px,2.4vw,44px); }
.sppauto-theme:lang(ar) .sppauto-performance-title { font-size:clamp(34px,3vw,50px); letter-spacing:0; line-height:1.25; }
@media(max-width:1100px) {
  .sppauto-theme .sppauto-brand-ribbon .brand-cell { height:240px; padding-inline:7px; }
  .sppauto-theme .sppauto-brand-ribbon .brand-cell h3 { font-size:14px; }
  .sppauto-theme .sppauto-performance-visual { margin-top:-140px; margin-bottom:54px; }
  .sppauto-theme .sppauto-performance-copy { padding:42px 20px 0; gap:36px; }
  .sppauto-theme .sppauto-performance-list { font-size:14px; }
}
@media(max-width:760px) {
  .sppauto-theme .sppauto-brand-ribbon .brand-strip { display:flex; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin; scrollbar-color:#666 #999; }
  .sppauto-theme .sppauto-brand-ribbon .brand-cell { flex:0 0 140px; height:96px; padding-top:20px; scroll-snap-align:start; }
  .sppauto-theme .sppauto-brand-ribbon .brand-cell h3 { font-size:15px; }
  .sppauto-theme .sppauto-brand-ribbon .brand-cell[data-brand-id="7"] h3 { font-size:15px; }
  .sppauto-theme .sppauto-performance-feature { padding-bottom:40px; }
  .sppauto-theme .sppauto-performance-inner { width:calc(100% - 36px); }
  .sppauto-theme .sppauto-performance-visual { width:100%; margin:22px auto 32px; }
  .sppauto-theme .sppauto-performance-image { filter:drop-shadow(0 14px 18px rgba(0,0,0,.2)); }
  .sppauto-theme .sppauto-performance-copy { grid-template-columns:minmax(0,1fr); padding:30px 0 0; gap:28px; }
  .sppauto-theme .sppauto-performance-title { font-size:clamp(30px,6vw,44px); margin-bottom:20px; line-height:1.08; }
  .sppauto-theme .sppauto-performance-intro p { max-width:100%; }
  .sppauto-theme .sppauto-performance-list { line-height:1.6; }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .sppauto-theme .sppauto-performance-image { transition:transform .65s cubic-bezier(.22,.61,.36,1); }
  .sppauto-theme .sppauto-performance-visual.is-showcase-hovered .sppauto-performance-image { transform:translateY(-8px) scale(1.035); }
}
@media(prefers-reduced-motion:reduce) {
  .sppauto-theme .sppauto-brand-ribbon .brand-cell { transition:none; }
  .sppauto-theme .sppauto-performance-image { transition:none; transform:none; }
}