section#indexProducts{margin:30px 0}
section#indexProducts h2{font-size:36px}.product-card{display:flex;flex-direction:column;margin-bottom:50px;overflow:hidden;position:relative}
.product-card a{color:var(--text-color);text-decoration:none}
.product-card h4{margin-top:5px}
.product-card .category a:hover{color:var(--yellow-dark)}
.product-card h4 a:hover{color:var(--yellow-dark)}
.product-card .sale{position:absolute;top:15px;left:15px;z-index:5}
.product-card figure{width:100%;height:480px;margin:0;overflow:hidden;border-radius:12px 12px 0 0;background:var(--muted-main-color)}
.product-card figure img{width:100%;height:100%;object-fit:cover;transition:5s!important}
.product-card.disabled figure img{filter:saturate(0.5);opacity:0.7}
.product-card figure img:hover{transform:scale(1.2)}
.product-card .category{font-size:12px;font-weight:300}
.product-card .prices,
.product-page .prices{display:flex;align-items:center;justify-content:start;gap:15px;margin:5px 0}
.product-card .price{margin-top:5px;font-size:20px;font-weight:bold}
.product-card .price span,
.product-page .price span{border-bottom:solid 3px var(--yellow-dark);white-space:nowrap;font-weight:900}
.product-card .price i.icon-rub,
.product-page .price i.icon-rub{font-size:18px;color:var(--color-6)}
.product-card .price.old,
.product-card .price.old i.icon-rub,
.product-page .price.old,
.product-page .price.old i.icon-rub{font-size:15px;color:var(--color-9);position:relative}
.product-card .price.old:after,
.product-page .price.old:after{position:absolute;content:'';width:calc(100% + 10px);left:50%;height:2px;top:50%;opacity:0.6;background:var(--bs-danger);transform:rotate(3deg) translate(-50%,-50%)}
.product-card .price.old span{border:none}
.product-page .price-title{font-weight:normal;font-size:14px;position:absolute;top:0;left:0;transform:translateY(-120%)}
.product-page .price{margin:25px 0;font-size:18px;line-height:1;font-weight:900;position:relative}
.product-page .price span{font-size:32px}
.product-page .price.old,
.product-page .price.old span{font-size:22px}
.product-page .price.old .badge{position:absolute;top:0;left:0;font-size:10px;transform:translateY(-130%)}
.product-card .cart,
.product-page .cart{text-transform:uppercase;margin:0 0 15px 0;height:45px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--yellow-dark);cursor:pointer;font-weight:500;transition:0.3s;border-radius:0 0 12px 12px}
.product-card .cart.active,
.product-page .cart.active{background:var(--success-color);color:var(--white-color)}
.product-card .cart-btn,
.product-page .cart-btn{display:inline-flex;align-items:center;gap:5px}
.product-card .cart-btn span,
.product-page .cart-btn span{background:var(--white-color);color:var(--bs-success);font-size:11px;font-weight:900;padding:0 5px;min-width:20px;border-radius:15px;height:18px;display:flex;align-items:center;justify-content:center}
.product-card .cart.active:hover,
.product-page .cart.active:hover{background:var(--bs-success)}
.product-card .cart i.icon-bag,
.product-page .cart i.icon-bag{font-size:20px}
.product-card .cart:hover,
.product-page .cart:hover{background:var(--bs-yellow);transform:scale(1.05)}
.product-card .control{position:absolute;right:15px;top:15px}
.product-card .version,
.product-page .version{padding:5px 5px 5px 10px;border-radius:5px;border:solid 1px var(--blue-color);display:flex;align-items:center;gap:5px;cursor:pointer;position:relative}
.product-card .version-select,
.product-page .version-select{display:none;padding:10px 2px;background:var(--white-color);border-radius:6px;position:absolute;min-width:100px;min-height:40px;bottom:calc(100% - 10px);right:0;box-shadow:0 3px 12px rgba(0,0,0,0.2);user-select:none}
.product-card .version-select.left,
.product-page .version-select.left{right:auto;left:0}
.product-card .version-select.show,
.product-page .version-select.show{display:block}
.product-page .version-select{left:0;bottom:auto;top:100%;z-index:12}
.product-card .version-select li,
.product-page .version-select li{list-style:none;padding:5px 15px;border-radius:5px;white-space:nowrap;cursor:pointer;text-overflow:ellipsis;overflow:hidden}
.product-card .version-select li:hover,
.product-page .version-select li:hover{background:var(--f0-color)}
.product-card .version-select li.active,
.product-page .version-select li.active{background:var(--link-color);color:var(--white-color)}
.product-card .version i,
.product-page .version i{display:block;transform:rotate(90deg);color:var(--blue-color)}
.product-card .in_stock{color:var(--waiting-color);font-weight:900;font-size:12px}
.product-card .in_stock.active{color:var(--bs-success)}
.product-card .disabled,
.product-page .disabled{background:var(--color-c);color:var(--color-63);text-transform:uppercase;margin:0 0 15px 0;height:45px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;font-weight:500;transition:0.3s;border-radius:0 0 12px 12px}.product-page .product-version-select{padding:0;margin:10px 0;display:flex;gap:10px;flex-wrap:wrap}
.product-page .product-version-select li{padding:5px 15px;border:solid 1px var(--blue-color);border-radius:5px;color:var(--blue-color);list-style:none;cursor:pointer}
.product-page .product-version-select li.active{background:var(--blue-color);color:var(--white-color)}
.product-page .product-version-select li.not-available,
.product-page .product-version-select li.not-available.active{border:dashed 1px var(--color-c);color:var(--color-c);background:none}#productToolbox{border-radius:10px;margin-top:15px}
#productToolbox .filter-list{margin:0;padding:0;display:flex;align-items:center;gap:10px;font-size:12px;flex-wrap:wrap}
#productToolbox .filter-list li{list-style:none;background:var(--max-muted-waiting-color);padding:6px 14px;display:flex;gap:5px;flex-wrap:nowrap;align-items:center;border-radius:20px;cursor:pointer}
#productToolbox .filter-list li:hover{background:var(--blue-color);color:var(--white-color)}
#filtersButton{display:flex;align-items:center;gap:8px;text-transform:uppercase}.filter-select{position:relative;z-index:6}
.filter-select .select-value{padding:5px 12px;display:inline-flex;justify-content:space-between;align-items:center;gap:8px;cursor:pointer;border-radius:5px;border:solid 1px var(--blue-color);position:relative;z-index:8;background:var(--white-color);max-width:100%}
.filter-select .select-value span{overflow:hidden;white-space:nowrap;max-width:100%;text-overflow:ellipsis}
.filter-select i.dropdown-btn{display:block;transform:rotate(90deg);font-size:11px}
.filter-select .select-found{position:absolute;left:0;top:100%;z-index:7;padding:0;background:var(--white-color);box-shadow:5px 5px 15px rgba(0,0,0,0.1);max-height:400px;overflow:hidden;height:0;transition:0.3s;border-radius:5px}
.filter-select .select-found.active{overflow:auto}
.filter-select .select-found li{padding:5px 15px;list-style:none;cursor:pointer;white-space:nowrap;max-width:100%;text-overflow:ellipsis}
.filter-select .select-found li.active,
.filter-select .select-found li.active:hover{background:var(--main-blue);color:var(--white-color);font-weight:bold}
.filter-select .select-found li:hover{background:var(--f0-color);color:var(--text-color)}.product-page{}
.product-page .product-h1{font-size:36px;margin-bottom:24px;font-weight:900}
.product-image-slider{margin-bottom:40px}
.product-image-slider figure{height:450px;width:90%;margin:auto}
.product-image-slider figure img{width:100%;height:100%;object-fit:contain}
.product-sale-box{border:solid 1px var(--color-c);border-radius:5px;padding:20px 30px;margin-bottom:20px}
.product-page article h1{font-size:4rem;font-weight:900;text-transform:uppercase;line-height:1.2;margin-bottom:30px;color:var(--color-63)}
.product-page .in_stock{color:var(--waiting-color);font-weight:900;font-size:16px}
.product-page .in_stock.active{color:var(--bs-success)}
.product-page .cart,
.product-page .disabled{border-radius:5px;margin:20px 0 10px 0}
.product-page .product-volume{margin:5px 0 12px 0}.product-page article h2{margin-bottom:30px;font-size:2.5rem;font-weight:900;color:var(--main-blue)}.product-page article h3{margin:20px 0;font-size:2rem;font-weight:bold;color:var(--color-63)}
.product-content-tabs{padding:0;margin:20px 0 30px 0;display:flex;gap:25px;overflow:auto}
.product-content-tabs li{list-style:none;cursor:pointer;border-bottom:solid 3px var(--color-c);padding:5px;text-transform:uppercase;font-weight:bold;position:relative;transition:color 0.3s;user-select:none}
.product-content-tabs li.active{border-color:var(--yellow-dark);color:var(--yellow-dark)}
.product-content-tabs li.active:after{display:none}
.product-content-tabs li:not(.active):hover{color:var(--blue-color)}
.product-content-tabs li:after{position:absolute;left:50%;height:3px;width:0;bottom:-3px;z-index:7;transform:translateX(-50%);background:var(--blue-color);content:'';transition:0.3s;visibility:hidden}
.product-content-tabs li:not(.active):hover:after{width:100%;visibility:visible}
.product-content-tab-items .product-content-tab{display:none}
.product-content-tab-items .product-content-tab.active{display:block}.info-download{display:flex;align-items:center;margin:2rem 0}
.info-download img{width:100px}
.info-download-text a{font-size:1.2rem;text-transform:uppercase;display:block;color:var(--link-color);text-decoration:none;font-weight:bold;line-height:1}.info-download-text small{color:var(--color-6)}@media screen and (max-width:786px){.filter-select .select-value{display:flex}}
@media screen and (max-width:510px){#productSorting .select-found{left:auto;right:0}.product-image-slider figure{height:350px}.filter-select .select-value{display:flex}}