.ocp-col--enhanced{padding-top:20px}.ocp-col--enhanced .ocp-col__crumb{margin-bottom:18px}.ocp-ch{overflow:hidden;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:10px;margin-bottom:32px;padding:38px 32px 28px;border-radius:16px;background:var(--ocp-gradient-hero,#16294d);color:#fff;isolation:isolate}.ocp-ch__copy{min-width:0;max-width:52ch}.ocp-col .ocp-ch h1{max-width:22ch;margin:0 0 18px;color:#fff;font-size:clamp(30px,3.25vw,43px);font-weight:800;line-height:1.13;letter-spacing:-.02em;text-wrap:balance;word-break:normal;overflow-wrap:break-word}.ocp-ch__intro{margin:0 0 12px;font-size:17px;line-height:1.55;color:#d4dfef}.ocp-ch__advice{margin:0;font-size:14px;line-height:1.6;color:#b6c7e0}.ocp-ch__actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:24px}.ocp-ch__actions .ocp-btn{padding:13px 22px;min-height:46px;font-size:15px}.ocp-ch__help{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:#e2eaf5;text-decoration:underline;text-decoration-color:#7289aa;text-underline-offset:5px;font-size:14px;transition:color .18s ease}.ocp-ch__visual{min-width:0}.ocp-ch__art{display:block;width:100%;aspect-ratio:16/9;color:#ffffffa8}.ocp-ch__art>svg,.ocp-ch__art>img{display:block;width:100%;height:100%;object-fit:contain}.ocp-ch__art>img{filter:invert(1);opacity:.66}.ocp-ch__art svg{overflow:visible}.ocp-ch__art path{vector-effect:non-scaling-stroke}.ocp-ch__art .l-main{stroke-width:1.25}.ocp-ch__art .l-thin{stroke-width:.75;opacity:.74}.ocp-ch__art .l-center{stroke-width:.6;stroke-dasharray:14 4 2 4;opacity:.26}.ocp-ch__art .l-detail{stroke-width:.6;opacity:.6}.ocp-ch__art .part-accent{color:#8ad7a2;opacity:0;transition:opacity .9s ease}.ocp-ch__art .part-accent path{stroke-width:1.3}.ocp-ch :focus-visible{outline:2px solid #8ad7a2;outline-offset:5px}.ocp-ch[data-collection-hero=part] .ocp-ch__art{height:285px;aspect-ratio:5/4;max-width:440px;margin:auto}.ocp-ch__art[data-part-art]>img{opacity:1}.ocp-col--enhanced .ocp-hub{border-radius:12px;box-shadow:none;background:#f6f8fb;border-color:#e1e7ef}.ocp-col--enhanced .ocp-fg__s{min-height:50px}.ocp-col--enhanced .ocp-fg__opt{transition:background-color .16s ease,color .16s ease}.ocp-col--enhanced .ocp-pcard{box-shadow:none;transition:border-color .18s ease}.ocp-col--enhanced .ocp-pcard__media{background:#f6f8fb}.ocp-col--enhanced .ocp-col__grid{scroll-margin-top:140px}.ocp-ch ::selection{background:#2e9e4f;color:#fff}@media(hover:hover)and (pointer:fine){.ocp-ch__help:hover{color:#b9ebc7}.ocp-ch[data-collection-hero=part]:hover .part-accent{opacity:1}.ocp-col--enhanced .ocp-pcard:hover{transform:none}}@media(max-width:989px){.ocp-ch{padding:28px 24px;grid-template-columns:1fr;gap:20px}.ocp-ch__copy{max-width:66ch}.ocp-col .ocp-ch h1{font-size:34px;max-width:28ch}.ocp-ch__visual{width:100%;max-width:650px;justify-self:center}.ocp-ch__art{max-height:335px}.ocp-ch[data-collection-hero=part] .ocp-ch__art{height:230px}}@media(max-width:599px){.ocp-ch{margin-bottom:24px;padding:26px 18px 16px;border-radius:12px;gap:18px}.ocp-col .ocp-ch h1{font-size:29px;line-height:1.16;margin-bottom:14px}.ocp-ch__intro{font-size:15px;line-height:1.5}.ocp-ch__advice{font-size:13px}.ocp-ch__actions{gap:4px 16px;margin-top:20px}.ocp-ch__actions .ocp-btn{font-size:14px;padding:12px 18px}.ocp-ch__help{font-size:13px}.ocp-ch[data-collection-hero=part] .ocp-ch__art{height:190px}}@media(prefers-reduced-motion:reduce){.ocp-ch *,.ocp-col--enhanced .ocp-pcard{transition:none!important;scroll-behavior:auto}}.ocp-ch__visual{position:relative;display:grid;align-items:center}.ocp-ch__fallback{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;filter:invert(1);opacity:.62;grid-area:1/1}@media(min-width:1200px){.ocp-ch .ocp-ch__scene{position:relative;top:auto;left:auto;width:100%;max-width:none;aspect-ratio:16/9;grid-area:1/1;color:#ffffff9e}.ocp-ch__visual:has(.ocp-ex__art)>.ocp-ch__fallback{visibility:hidden}.ocp-ch .ocp-ex__sound{display:none}}.ocp-col--enhanced .ocp-hub__k{display:none}.ocp-ch__help svg{flex:none}@media(min-width:1200px){.ocp-ch__scene>.ocp-ex__art{transform-origin:50% 62%;transition:transform .95s cubic-bezier(.77,0,.175,1)}.ocp-ch__scene.is-car-complete>.ocp-ex__art{transform:scale(1.4)}.ocp-ch__fallback{transform:scale(1.4);transform-origin:50% 62%}}@media(max-width:1199px){.ocp-ch[data-collection-hero=brand] .ocp-ch__visual{height:210px;overflow:hidden}.ocp-ch__fallback{position:absolute;left:50%;bottom:0;width:150%;max-width:none;transform:translate(-50%,26%)}}@media(max-width:599px){.ocp-ch[data-collection-hero=brand] .ocp-ch__visual{height:140px}.ocp-ch__fallback{width:170%}}@media(prefers-reduced-motion:reduce){.ocp-ch__scene>.ocp-ex__art{transition:none}}@media(max-width:1199px){.ocp-ch[data-collection-handle=iveco] .ocp-ch__fallback{width:140%}}@media(max-width:599px){.ocp-ch[data-collection-hero=brand]{gap:0}.ocp-ch[data-collection-hero=brand] .ocp-ch__copy{display:contents}.ocp-ch[data-collection-hero=brand] h1{order:1}.ocp-ch[data-collection-hero=brand] .ocp-ch__intro{order:2}.ocp-ch[data-collection-hero=brand] .ocp-ch__advice{order:3}.ocp-ch[data-collection-hero=brand] .ocp-ch__visual{order:4;margin-top:16px}.ocp-ch[data-collection-hero=brand] .ocp-ch__actions{order:5;margin-top:18px;margin-bottom:8px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ocp-collection-hero.css.map?version=914 */
