.product-grid{grid-template-columns:repeat(auto-fill,minmax(295px,1fr));align-items:stretch;gap:20px;display:grid}@media (max-width:991px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.product-slider .swiper-wrapper{align-items:stretch}.product-slider .swiper-slide{height:auto;display:flex}.product-card{border:1px solid var(--border);cursor:pointer;width:100%;height:100%;color:inherit;background-color:#fff;border-radius:8px;flex-direction:column;padding:12px;text-decoration:none;transition:all .3s;display:flex}.product-card:hover{transform:translateY(-4px)}.product-card .image-wrapper{background:#edeef2;border-radius:8px;justify-content:center;align-items:center;padding:20px 11px;display:flex;position:relative}@media (max-width:767px){.product-card .image-wrapper{padding:10px}}.product-card .image-wrapper .card-img{width:100%;height:120px;position:relative}@media (max-width:767px){.product-card .image-wrapper .card-img{height:90px}}.product-card .image-wrapper .card-img img{object-fit:contain}.product-card .card-body{flex-direction:column;flex:1;margin-top:12px;padding:0;display:flex}.product-card .card-body .product-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}@media (max-width:767px){.product-card .card-body .product-title{flex-direction:column;align-items:flex-start;gap:5px}}.product-card .card-body .product-title h4{color:var(--text);min-height:40px;margin-bottom:0;font-size:16px;font-weight:600;line-height:normal}@media (max-width:767px){.product-card .card-body .product-title h4{min-height:40px}}.product-card .card-body .product-title h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card .card-body .product-title .rating{align-items:center;gap:6px;margin-bottom:0;display:flex}.product-card .card-body .product-title .rating span{color:var(--text);font-size:14px;font-weight:500}.product-card .card-body .product-title .rating img{width:16px;height:16px}.product-card .card-body .card-description{color:#91949a;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin-bottom:6px;font-size:12px;line-height:1.4;display:-webkit-box;overflow:hidden}.product-card .card-body .card-specs{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:13px;overflow:hidden}.product-card .card-body .card-stock{color:var(--text);margin-bottom:10px;font-size:13px;font-weight:500}.product-card .card-body .card-stock .in-stock{color:#16a34a}.product-card .card-body .card-stock .out-of-stock{color:#dc2626}.product-card .card-body .price-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.product-card .card-body .price-row .left-price{flex-direction:column;gap:4px;display:flex}.product-card .card-body .price-row .left-price .price{color:var(--text);font-size:20px;font-weight:700}@media (max-width:767px){.product-card .card-body .price-row .left-price .price{font-size:18px}}.product-card .card-body .price-row .left-price .old-price{color:var(--primary);font-size:14px;font-weight:500;text-decoration:line-through}.product-card .card-body .price-row .cart-btn{border:1px solid var(--primary);width:40px;height:40px;color:var(--primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .35s;display:flex}@media (max-width:767px){.product-card .card-body .price-row .cart-btn{width:32px;height:32px}}.product-card .card-body .price-row .cart-btn:hover{background:var(--primary)}.product-card .card-body .price-row .cart-btn:hover svg path{fill:#fff}.product-card .card-body .price-row .cart-btn svg path{fill:var(--primary)}.product-card .part-type-badge{z-index:2;border:1px solid var(--border);width:28px;height:28px;color:var(--primary);background:#fff;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 1px 4px #10182814}@media (max-width:767px){.product-card .part-type-badge{width:24px;height:24px}.product-card .part-type-badge svg{width:13px;height:13px}}.grid-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.view-toggle{border:1px solid var(--border);background:#fff;border-radius:8px;display:inline-flex;overflow:hidden}.view-toggle button{cursor:pointer;color:#91949a;background:0 0;border:none;align-items:center;padding:7px 12px;font-size:16px;line-height:1;transition:all .2s;display:flex}.view-toggle button+button{border-left:1px solid var(--border)}.view-toggle button:hover{color:var(--text)}.view-toggle button.active{background:var(--primary);color:#fff}.product-grid.product-grid--list{grid-template-columns:1fr;gap:12px}@media (max-width:991px){.product-grid.product-grid--list{grid-template-columns:1fr}}@media (max-width:767px){.product-grid.product-grid--list{grid-template-columns:1fr;gap:10px}}.product-grid.product-grid--list .product-card{flex-direction:row}.product-grid.product-grid--list .product-card:hover{border-color:var(--primary);transform:none}.product-grid.product-grid--list .product-card .image-wrapper{flex-shrink:0;width:180px;padding:12px}.product-grid.product-grid--list .product-card .image-wrapper .card-img{height:110px}.product-grid.product-grid--list .product-card .card-body{min-width:0;margin-top:0;margin-left:16px}.product-grid.product-grid--list .product-card .card-body .product-title h4{min-height:0}@media (max-width:767px){.product-grid.product-grid--list .product-card .image-wrapper{width:104px;padding:8px}.product-grid.product-grid--list .product-card .image-wrapper .card-img{height:76px}.product-grid.product-grid--list .product-card .card-body{margin-left:10px}}.product-card mark.text-highlight{color:var(--primary);background:0 0;padding:0;font-weight:700}.product-card .left-price .and-up{color:var(--light-text);font-size:12px;font-weight:500}
:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) ::slotted(svg),:is(.swiper-button-prev,.swiper-button-next) svg{object-fit:contain;transform-origin:50%;fill:currentColor;pointer-events:none;width:100%;height:100%}.swiper-button-lock{display:none}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-button-prev ::slotted(.swiper-navigation-icon),.swiper-button-prev .swiper-navigation-icon{transform:rotate(180deg)}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0;right:auto}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto}:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto}:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) ::slotted(.swiper-navigation-icon),:is(.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next) .swiper-navigation-icon{transform:rotate(90deg)}