#more-product-form{padding:0;margin-bottom:60px}
.more-product-container{box-shadow:0 2px 8px 0 #482C7714;padding:32px;background:var(--neutrals-white)}
.more-product-container .vehicle-field-wrapper{display:flex;flex-wrap:wrap;gap:24px}
.more-product-container .vehicleField:hover{background:#e3daf1}
.more-product-container .vehicleField.active{background:#e3daf1}
.more-product-container .more-product-vehicle-type{margin-bottom:48px;display:flex;justify-content:space-between}
.more-product-container .more-product-vehicle-type .vehicle-type-desc{color:#435056;font-size:24px;line-height:28.8px;font-family:GeneralSansSemiBold}
.more-product-container .more-product-vehicle-type img{flex:none;cursor:pointer;width:28px;height:auto}
.more-product-container .vehicleField{min-width:482px;max-width:482px;display:flex;align-items:center;border-radius:8px;gap:16px;padding:24px;box-shadow:0 4px 16px 0 #482C771F;border:1px solid #e2e7e9;transition:all .3s ease-in-out;cursor:pointer;transition:all .3s ease-in-out}
.more-product-container .vehicleField img{width:64px;height:100%;flex:none}
.more-product-container .vehicleField .vehicle-brand-name{margin-top:8px;font-family:GeneralSansSemiBold;font-size:20px;line-height:24px;color:#435056}
.more-product-container .vehicleField .vehicle-brand-desc{margin-top:8px;font-family:GeneralSansRegular;font-size:14px;color:#5a6a72;line-height:19.07px}
.more-product-modal{margin:auto;border:0;outline:0;border-radius:12px}
.more-product-modal[open]{animation:fade-in .3s forwards}
.more-product-modal[closing]{display:block;pointer-events:none;inset:0;animation:fade-out .3s forwards}
@keyframes fade-in{0{opacity:0}
100%{opacity:1}
}
@keyframes fade-out{0{opacity:1}
100%{opacity:0}
}
@media screen and (max-width:1090px) and (min-width:768px){.more-product-container .vehicleField{min-width:100%}
}
@media screen and (max-width :768px){.more-product-container{padding:36px 20px 23px;box-shadow:unset}
.more-product-container .vehicle-field-wrapper{flex-direction:column}
.more-product-container .more-product-vehicle-type{margin-bottom:24px}
.more-product-container .vehicleField{flex-direction:column;min-width:100%;padding:24px}
.more-product-container .vehicleField{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between;gap:8px}
.more-product-container .more-product-vehicle-type .vehicle-type-desc{font-size:18px}
.more-product-container .vehicleField .vehicle-brand-name{font-size:16px;line-height:19.5px}
.more-product-container .vehicleField .vehicle-brand-desc{font-size:12px}
.more-product-modal{width:100%}
}