.wrap-category-product {background-color: #fff;margin: 0 0 40px 0}
.list-product {display: grid;grid-template-columns: repeat(5,minmax(0,1fr));max-width:100%}
.list-product-2 {display: grid;grid-template-columns: repeat(2,minmax(0,1fr))}
.list-product-3 {display: grid;grid-template-columns: repeat(3,minmax(0,1fr))}
.list-product-4 {display: grid;grid-template-columns: repeat(4,minmax(0,1fr))}
.product-cat-name {position:relative;display: flex;align-items: center;text-transform: uppercase;font-size: 18px;font-weight: 600;padding: 20px 30px;border-bottom: 1px solid var(--color-main-bg)}
.product-cat-name h2 {margin:0;padding:0;font-size:18px}
.product-cat-name a {margin-left: 20px}
.product-cat-name a:hover {text-decoration-color: var(--color-orange)}
.product-cat-name span {font-size: 13px;text-transform: none;color: var(--color-orange)}
.product-col {flex-direction: column;position: relative;display: flex;padding: 15px;border-left: 1px solid var(--color-main-bg);transition: box-shadow 0.3s linear;}
.gap-3 {gap:3px}
.gap-4 {gap:4px}
.gap-5 {gap:5px}
.gap-10 {gap:10px}
.gap-15 {gap:15px}
.gap-20 {gap:20px}
.wrap-type-tile {background-color: #fff}
.product-col:first-child {border-left: none}
.product-col:hover {box-shadow: 0 2px 20px 0 rgba(50,50,50,0.15);outline: 1px solid #003D91;}
.product-col .code {text-align: right;font-size: 12px}
.product-col .img {height: 240px;display: grid;justify-content: center;align-items: center}
.product-col .img img {width:100%;object-fit: contain;object-position: center;}
.product-col .name {cursor:pointer;text-align: center;min-height: 80px;font-size: 16px}
.product-col .rating {display: grid;grid-template-columns: 2fr 1fr;margin-bottom: 10px;align-items: center;}
.product-col .rating .review-block {display: flex;justify-content: flex-end;align-items: center}
.product-col .bank .icon-bank {min-height: 28px;}
.product-col .bank {display: grid;grid-template-columns:1fr;margin: 0 0 12px 0;align-items: end}
.product-col .bank img {margin-right: 4px}
.product-col .price {text-align: right;min-height: 49px;display: grid;align-items: end;}
.product-col .cost {font-size: 21px;font-weight: 600;}
.product-col .discount {text-decoration: line-through; font-size: 15px}
.product-col .wrap-btn {cursor: pointer; display: flex; justify-content: center; align-items: center;background-color: #003d91;text-align: center; color: #fff;height: 30px;border-radius:4px;margin-bottom:10px;}
.product-col .wrap-btn:hover {background-color: #003274;}
.product-col .price .price-row .o-btn {height: 46px;width: 60px}
.product-col .price .red-percent {background-color: #ff0000; padding: 4px 8px;border-radius: 6px;font-size: 15px;font-weight: 600;color: #fff;position: absolute;bottom:67px;left:15px;}
.product-col .price .red-event {background-color: #ff0000; padding: 4px 8px;border-radius: 6px;font-size: 15px;font-weight: 600;color: #fff;position: absolute;top:12px;left:15px;}
.product-col .desc {font-weight: 400; display: none;background-color: #fff;padding-top:10px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;outline: 1px solid #003D91;}
.product-col:hover .desc {left:0;top:100%;z-index:10;display:grid;position:absolute;box-shadow:0 10px 22px 0 rgba(50,50,50,0.15)}
.product-col .desc .desc-row {display: grid;grid-template-columns: 1fr; font-size: 12px;margin-bottom: 6px;padding: 2px 15px}
.product-col .desc .desc-row div:first-letter{text-transform:uppercase}
.product-col .desc .desc-row div:nth-child(2) {display: flex;align-items: flex-end;justify-content: flex-end;text-align: right}
.swiper-button-prev {right: 50px !important;left: auto !important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:26px !important}