.rider-accessories-section .section-title{margin-bottom:24px}.accessories-grid{display:grid;gap:8px;grid-template-columns:repeat(var(--grid-desktop),1fr)}.accessory-card{padding:8px;border:1px solid transparent;border-radius:16px;background:var(--Neutral-Background-Light-Grey-1, #F4F5F5);position:relative;transition:all .2s ease;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.discount-badge{position:absolute;top:8px;right:8px;background:#5c6ac4;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:8px}.card-content{padding:12px 4px 4px;display:flex;align-items:center;justify-content:space-between;gap:2px}.card-content .top-col{display:flex;flex-direction:column}.card-image{position:relative;border-radius:10px;overflow:hidden}.card-image img{border-radius:10px;width:100%;height:100%}.card-image img.primary-image{opacity:1}.card-image img.hover-image{position:absolute;top:0;left:0;opacity:0;transition:transform .3s ease}.accessory-card:hover{border:1px solid var(--Stroke-Default, #D4D4D4);background:var(--Neutral-Background-White, #FFF);box-shadow:0 8px 16px #00000003,0 4px 12px #00000005,0 3px 8px #0000000d,0 2.494px 4px #0000000f}.accessory-card:hover .card-image img.hover-image{opacity:1;transform:scale(1.1)}.accessory-card:hover .card-image img.primary-image{opacity:0}@media screen and (max-width:991px){.accessories-grid{grid-template-columns:repeat(var(--grid-tablet),1fr)}}@media screen and (max-width:767px){.accessories-grid{grid-template-columns:repeat(var(--grid-mobile),1fr);gap:8px}.accessory-card:hover{border:1px solid transparent;background:var(--Neutral-Background-Light-Grey-1, #F4F5F5);box-shadow:none}.accessory-card .card-content img.arrow-right-icon{display:block}.accessory-card:hover .card-image img.hover-image{display:none}.accessory-card:hover .card-image img.primary-image{opacity:1}.card-content{padding:12px 4px 4px}.card-content .top-col{gap:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/rider-accessories.css.map */