.vehicle-card{background-color:var(--pe-color-gray-70);border-radius:8px;border:1px solid var(--pe-color-gray-90);padding:24px}.vehicle-icon{background-color:var(--pe-color-gray-90);width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.yellow-vehicle-icon{background-color:var(--pe-color-bkgdgrey)}.search-buttons{display:flex;gap:16px}.vehicle-card .d-flex{gap:16px}.modal-dialog{max-width:530px}.modal-content{border-radius:0;border:none;background-color:var(--pe-color-white)}.modal-header{padding:20px 20px 0;border:none}.btn-close{opacity:1;background:none;padding:0;margin:0;width:26px;height:26px}.btn-close:focus{box-shadow:none;opacity:1}.btn-close:hover svg path{stroke:var(--pe-color-primary)}.modal-body>p{color:var(--pe-color-secondary);margin-bottom:32px}.nav-tabs{display:flex;flex-wrap:wrap;padding-left:0;list-style:none;margin-bottom:32px;gap:30px;justify-content:start;border-bottom:2px solid var(--pe-color-gray-70)}.fade{transition:opacity .15s linear}.fade:not(.show){opacity:0}.diff-option{background:#fff;transition:all .3s ease}.diff-option:hover{box-shadow:0 0 15px #0000001a}.diff-option img{max-width:200px;height:auto}.specs-list{font-size:14px;color:#666}.specs-list .d-flex span:first-child{color:#231f20}.modal-dialog{max-width:800px}.adddifferentialModal .modal-content{max-width:100%;max-height:768px;overflow:auto}.adddifferentialModal .modal-dialog{max-width:1060px}.adddifferentialModal .specs-modal-image img{width:125px;height:125px}.tooltips{max-width:230px;width:100%;right:20px;transform:translateY(10px);z-index:99;background-color:#fff;opacity:0;visibility:hidden;max-height:55vh;overflow:auto;transition:.5s}.tooltips.show{opacity:1;visibility:visible}.tooltips button{top:10px;right:10px;transition:.3s}.tooltips button:hover{color:var(--pe-color-primary)}.tooltips button svg{width:16px;height:16px}.addVehicleModal .modal-footer{position:absolute;right:0;bottom:0}.card-product .badges{top:12px;left:12px}.sortby-dropdown.custom-dropdown ul li{padding:0!important}.sortby-dropdown.custom-dropdown ul li label{border-radius:0}.addSavedModal .form-check-input:checked[type=radio]+label.form-check-label{font-weight:600}.addSavedModal .form-check-input:checked[type=radio]+label.form-check-label:after{border-radius:100px;padding:2px 5px;background:#ceebce;color:#295529;font-weight:600;font-style:italic;font-size:11px;line-height:130%;letter-spacing:-.01em!important;content:"Selected";margin-left:6px}.filter-option-clear:not(.btn){display:flex;align-items:center;text-transform:capitalize;padding:4px 10px;font-size:13px;border-radius:15px;font-weight:400;line-height:1.4;background-color:var(--pe-color-gray-90);color:var( --pe-color-black);transition:.3s}.filter-option-clear:not(.btn):hover{background-color:var(--pe-color-gray-100);color:var(--pe-color-black)}[data-reset-filters].filter-option-clear:not(.btn){background-color:var(--pe-color-gray-600);color:var(--pe-color-white)}[data-reset-filters].filter-option-clear:not(.btn):hover{background-color:var(--pe-color-gray-800);color:var(--pe-color-white)}@media screen and (min-width: 992px){.addSavedModal ul{border:1px solid #E9E9E9;border-radius:8px}.addSavedModal ul li:last-child{border-bottom:0!important}.tooltips{transform:translateY(20px)}}@media (max-width: 767px){.modal-content{min-height:420px}.modal-body>p{margin-bottom:24px}.nav-tabs{margin-bottom:24px}}.nav-tabs .nav-link{border:none;font-size:14px;padding:0 0 8px;color:var(--pe-color-gray-600);font-weight:500;background:none;position:relative}.nav-tabs .nav-link.active{color:var(--pe-color-black)}.nav-tabs .nav-link.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--pe-color-primary)}@media (max-width: 767px){.nav-tabs{gap:16px}.page-title{font-size:24px;margin-bottom:16px}.vehicle-card{padding:16px}.search-buttons{width:100%;flex-direction:column;gap:12px}.vehicle-icon{width:45px;height:45px}.yellow-vehicle-icon{background-color:transparent!important;width:54px}}.modal-footer{margin-top:-5px}.modal-logo{width:235px;height:auto;opacity:.2;margin:0}@media (max-width: 1199px){.tooltips{left:15px;right:0}}@media (max-width: 767px){.modal-footer{padding:0 24px 24px}.modal-logo{width:180px}.adddifferentialModal .modal-content{max-height:100vh;border-radius:0!important}}.categories-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:16px;margin-bottom:32px}.category-card{background:var(--pe-color-white);border-radius:8px;padding:10px;text-align:center;text-decoration:none}.category-image{height:100px;width:100px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;transition:transform .3s ease}.category-card:hover .category-image{transform:translateY(-5px)}.category-image img{max-width:100%;max-height:100%;object-fit:contain}@media (max-width: 767px){.category-title{font-size:13px;height:37px}.categories-grid{gap:10px;display:flex;overflow:auto;padding-bottom:20px}.category-card{padding:16px}.category-image{height:100px;margin-bottom:12px}}@media (max-width: 991px){.categories-grid{grid-template-columns:repeat(5,1fr)}.addVehicleModal .modal-header .btn-close{position:static}.addVehicleModal .modal-header,.addSavedModal .modal-header{border-bottom:1px solid #231F20}.nav-tabs{justify-content:space-between}.nav-tabs .nav-link{padding:0 14px 12px}.addVehicleModal .modal-content,.addSavedModal .modal-content{min-height:100%;height:100%}.addVehicleModal .modal-dialog,.addSavedModal .modal-dialog{align-items:start;min-height:100%;height:100%;margin:0}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/differential-traction.css.map */