.dashcam-features{background-color:#000;color:#fff}.dashcam-features .page-width{padding-left:1.6rem;padding-right:1.6rem}@media screen and (min-width:750px){.dashcam-features .page-width{padding-left:3rem;padding-right:3rem}}.dashcam-features__slider-wrap{position:relative;width:100%}.dashcam-features__swiper{width:100%;overflow:hidden}.dashcam-features__list{margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.dashcam-features__swiper .swiper-wrapper{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;transform:none!important;width:100%!important;height:auto!important}.dashcam-features__swiper .swiper-slide{width:100%!important;margin:0!important;height:auto!important}}@media screen and (min-width:990px){.dashcam-features__swiper .swiper-wrapper{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.6rem}}.dashcam-features__swiper--grid-mobile .swiper-wrapper{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;transform:none!important;width:100%!important;height:auto!important}.dashcam-features__swiper--grid-mobile .swiper-slide{width:100%!important;margin:0!important;height:auto!important}.dashcam-features__swiper--grid-mobile~.dashcam-features__pagination{display:none!important}@media screen and (max-width:749px){.dashcam-features__swiper:not(.dashcam-features__swiper--grid-mobile) .swiper-slide{height:auto;display:flex;align-items:stretch}}@media screen and (min-width:750px){.dashcam-features__pagination{display:none!important}}.dashcam-features__pagination{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-top:1.6rem}.dashcam-features__pagination .swiper-pagination-bullet{width:.7rem;height:.7rem;margin:0!important;border-radius:50%;background:#ffffff47;opacity:1;transition:background .25s ease,transform .25s ease}.dashcam-features__pagination .swiper-pagination-bullet-active{background:var(--dashcam-accent, #6cbd45);transform:scale(1.15)}.dashcam-features__item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:0;border:0;background:transparent;transition:transform .35s cubic-bezier(.22,1,.36,1);height:auto}.dashcam-features__item:hover{transform:translateY(-.3rem)}.dashcam-features__link{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;width:100%;height:100%;min-height:18rem;padding:2rem 1.2rem;background:#151515;border-radius:1.4rem;border:.1rem solid rgba(255,255,255,.08);transition:border-color .35s ease,background .35s ease;box-sizing:border-box}@media screen and (min-width:750px){.dashcam-features__link{padding:2.2rem 1.5rem;min-height:22rem;border-radius:1.6rem}}.dashcam-features__item:hover .dashcam-features__link{border-color:#ffffff29;background:#1a1a1a}.dashcam-features__icon{display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;margin-bottom:1.2rem;border-radius:0;background:transparent;color:#fff;flex-shrink:0;transition:transform .35s cubic-bezier(.22,1,.36,1)}@media screen and (min-width:750px){.dashcam-features__icon{width:6rem;height:6rem;margin-bottom:1.6rem}}.dashcam-features__icon svg{width:100%;height:100%}.dashcam-features__icon img{width:100%;height:100%;object-fit:contain}.dashcam-features__item:hover .dashcam-features__icon{transform:scale(1.05);background:transparent;color:#fff;box-shadow:none}.dashcam-features__title{margin:0 0 .8rem;font-size:1.15rem;font-weight:700;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:#fff}@media screen and (min-width:750px){.dashcam-features__title{font-size:1.35rem;margin-bottom:1rem;min-height:3.6rem}}.dashcam-features__item:hover .dashcam-features__title{color:#fff}.dashcam-features__text{margin:0;font-size:1.05rem;line-height:1.5;color:#ffffff9e;max-width:26rem}@media screen and (min-width:750px){.dashcam-features__text{font-size:1.2rem;line-height:1.6}}.dashcam-features__item:hover .dashcam-features__text{color:#ffffffb8}.dashcam-features__text p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-dashcam-features.css.map */