.torvo-carplay-features-section{padding:0;background-color:var(--tcf-bg, #ffffff);color:var(--tcf-text, #111827);font-family:var(--font-headings, "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);box-sizing:border-box}.torvo-carplay-features-container{width:100%;max-width:var(--tcf-max-width, 1400px);margin:0 auto;padding:0 clamp(20px,4vw,48px);box-sizing:border-box}.torvo-carplay-features-header{text-align:center;max-width:var(--tcf-header-max-width, 860px);margin:0 auto clamp(36px,5vw,48px);width:100%}.torvo-carplay-features-title{font-size:clamp(28px,3.8vw,44px);font-weight:800;letter-spacing:-.025em;color:var(--tcf-heading-color, #111827);margin:0 auto 16px;line-height:1.15}.torvo-carplay-features-title span,.torvo-carplay-features-title .torvo-highlight-text{color:var(--tcf-accent, #DD4620)}.torvo-carplay-features-subtitle{font-size:clamp(14.5px,1.15vw,16px);line-height:1.6;color:var(--tcf-desc-color, #4b5563);margin:0 auto;max-width:780px}.torvo-carplay-features-grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:640px){.torvo-carplay-features-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(min-width:860px){.torvo-carplay-features-grid{grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}}@media(min-width:1100px){.torvo-carplay-features-grid{grid-template-columns:repeat(5,1fr);gap:clamp(16px,1.8vw,24px)}}.torvo-carplay-feature-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:3 / 4;cursor:pointer;box-shadow:0 10px 30px #00000014;transform:translateZ(0);transition:transform .35s cubic-bezier(.2,0,0,1),box-shadow .35s ease;background-color:#111}.torvo-carplay-feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0000002e}.torvo-carplay-card-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.torvo-carplay-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .75s cubic-bezier(.16,1,.3,1);will-change:transform}.torvo-carplay-feature-card:hover .torvo-carplay-card-img{transform:scale(1.08)}.torvo-carplay-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000d1,#00000038 45%,#0000);pointer-events:none}.torvo-carplay-card-gradient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000f2,#00000094 60%,#00000014);opacity:0;transition:opacity .45s cubic-bezier(.16,1,.3,1)}.torvo-carplay-feature-card:hover .torvo-carplay-card-gradient:after,.torvo-carplay-feature-card:focus-within .torvo-carplay-card-gradient:after,.torvo-carplay-feature-card.is-active .torvo-carplay-card-gradient:after{opacity:1}.torvo-carplay-card-content{position:absolute;bottom:0;left:0;right:0;padding:24px 20px;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;transform:translateZ(0)}.torvo-carplay-card-title{color:#fff;font-size:clamp(17px,1.25vw,20px);font-weight:800;letter-spacing:-.01em;text-transform:none;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.6);transition:transform .45s cubic-bezier(.16,1,.3,1)}.torvo-carplay-card-desc{color:#ffffffeb;font-size:clamp(12.5px,.9vw,13.5px);line-height:1.5;font-weight:400;margin:0;max-height:0;opacity:0;transform:translateY(16px);overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .4s cubic-bezier(.16,1,.3,1),transform .45s cubic-bezier(.16,1,.3,1),margin-top .45s cubic-bezier(.16,1,.3,1);text-shadow:0 1px 6px rgba(0,0,0,.8);will-change:opacity,transform,max-height}.torvo-carplay-feature-card:hover .torvo-carplay-card-desc,.torvo-carplay-feature-card:focus-within .torvo-carplay-card-desc,.torvo-carplay-feature-card.is-active .torvo-carplay-card-desc{max-height:140px;opacity:1;transform:translateY(0);margin-top:10px;transition-delay:.03s}@media screen and (max-width:639px){.torvo-carplay-features-container{padding:0 20px}.torvo-carplay-features-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto;gap:20px}.torvo-carplay-feature-card{width:100%;max-width:380px;margin:0 auto;aspect-ratio:4 / 5;min-height:auto;border-radius:18px}.torvo-carplay-card-content{padding:24px 20px}.torvo-carplay-card-title{font-size:20px}.torvo-carplay-card-desc{max-height:none;opacity:1;transform:none;margin-top:8px;font-size:13.5px;line-height:1.45}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/torvo-carplay-features.css.map */
