.car-detail-callouts__layout{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,2.4fr);align-items:center;gap:clamp(3rem,5vw,8rem)}.car-detail-callouts__content{align-self:center}.car-detail-callouts__eyebrow{margin:0 0 1rem;color:rgb(var(--color-button));font-size:1.2rem;font-weight:700;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.car-detail-callouts__heading{margin:0;max-width:12ch}.car-detail-callouts__heading:after{content:"";display:block;width:4rem;height:.2rem;margin-top:1.8rem;background:rgb(var(--color-button))}.car-detail-callouts__text{margin-top:1.8rem;max-width:34rem}.car-detail-callouts__text>*:first-child{margin-top:0}.car-detail-callouts__text>*:last-child{margin-bottom:0}.car-detail-callouts__stage{position:relative;min-height:var(--car-detail-callouts-height)}.car-detail-callouts__main-image{position:absolute;z-index:1;top:50%;left:50%;width:min(62%,68rem);height:78%;transform:translate(-50%,-50%)}.car-detail-callouts__main-image img,.car-detail-callouts__main-image .placeholder-svg{display:block;width:100%;height:100%;object-fit:contain}@media screen and (min-width:750px){.car-detail-callouts__stage--image-only .car-detail-callouts__main-image{width:100%;height:100%}}.car-detail-callouts__item{position:absolute;z-index:2;display:flex;align-items:center;gap:1rem;width:20rem}.car-detail-callouts__item:nth-child(2),.car-detail-callouts__item:nth-child(3),.car-detail-callouts__item:nth-child(4){left:0}.car-detail-callouts__item:nth-child(5),.car-detail-callouts__item:nth-child(6),.car-detail-callouts__item:nth-child(7){right:0;flex-direction:row-reverse}.car-detail-callouts__item:nth-child(2),.car-detail-callouts__item:nth-child(5){top:4%}.car-detail-callouts__item:nth-child(3),.car-detail-callouts__item:nth-child(6){top:39%}.car-detail-callouts__item:nth-child(4),.car-detail-callouts__item:nth-child(7){bottom:4%}.car-detail-callouts__detail-image{position:relative;flex:0 0 auto;overflow:hidden;width:var(--car-detail-callouts-circle);height:var(--car-detail-callouts-circle);border:.2rem solid rgb(var(--color-button));border-radius:50%;background:rgb(var(--color-background))}.car-detail-callouts__detail-image img,.car-detail-callouts__detail-image .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.car-detail-callouts__label{margin:0;font-size:1.2rem;font-weight:700;line-height:1.3;text-transform:uppercase}.car-detail-callouts__line{position:absolute;z-index:-1;top:50%;width:clamp(7rem,10vw,16rem);border-top:.1rem solid rgba(var(--color-button),.8);pointer-events:none}.car-detail-callouts__item:nth-child(-n+4) .car-detail-callouts__line{left:calc(var(--car-detail-callouts-circle) - .2rem);transform-origin:left center;transform:rotate(var(--callout-line-angle, 0deg))}.car-detail-callouts__item:nth-child(n+5) .car-detail-callouts__line{right:calc(var(--car-detail-callouts-circle) - .2rem);transform-origin:right center;transform:rotate(var(--callout-line-angle, 0deg))}.car-detail-callouts__item:nth-child(2),.car-detail-callouts__item:nth-child(7){--callout-line-angle: 12deg}.car-detail-callouts__item:nth-child(4),.car-detail-callouts__item:nth-child(5){--callout-line-angle: -12deg}@media screen and (max-width:989px)and (min-width:750px){.car-detail-callouts__layout{grid-template-columns:minmax(16rem,.62fr) minmax(0,2fr);gap:2.5rem}.car-detail-callouts__item{width:15rem}.car-detail-callouts__label{font-size:1.05rem}}@media screen and (max-width:749px){.car-detail-callouts__layout{grid-template-columns:minmax(0,1fr);gap:3.2rem}.car-detail-callouts__heading{max-width:16ch}.car-detail-callouts__stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 1.6rem;min-height:0}.car-detail-callouts__main-image{position:relative;top:auto;left:auto;grid-column:1 / -1;width:100%;height:var(--car-detail-callouts-height-mobile);transform:none}.car-detail-callouts__item,.car-detail-callouts__item:nth-child(n){position:relative;top:auto;right:auto;bottom:auto;left:auto;flex-direction:column;gap:1rem;width:100%;text-align:center}.car-detail-callouts__detail-image{width:var(--car-detail-callouts-circle-mobile);height:var(--car-detail-callouts-circle-mobile)}.car-detail-callouts__line{display:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-car-detail-callouts.css.map */
