/* WolverClothes product display components: isolated from themes and old carousel plugins. */
.wc26-products {color:#111;width:100%;font-family:inherit}
.wc26-products,.wc26-products *{box-sizing:border-box}
.wc26-products__topbar{display:flex;justify-content:space-between;align-items:center;min-height:40px;margin-bottom:15px}
.wc26-products__count{font-size:11px;font-weight:700;letter-spacing:.17em;color:#666}
.wc26-products__controls{display:flex;gap:9px;align-items:center}
.wc26-products__arrow{all:unset;box-sizing:border-box!important;display:flex!important;align-items:center;justify-content:center;cursor:pointer!important;width:40px!important;height:40px!important;border:1px solid #161616!important;border-radius:0!important;background:#fff!important;color:#161616!important;font-family:Arial,sans-serif!important;font-size:21px!important;line-height:1!important;transition:background .15s,color .15s,opacity .15s}
.wc26-products__arrow:hover:not(:disabled){color:#fff!important;background:#111!important}
.wc26-products__arrow:disabled{opacity:.3;cursor:not-allowed!important}
.wc26-products__track--carousel{display:flex;flex-wrap:nowrap!important;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;padding:0 0 5px;scroll-behavior:smooth}
.wc26-products__track--carousel::-webkit-scrollbar{display:none}
.wc26-products__track--carousel>.wc26-product{flex:0 0 36%;min-width:0;scroll-snap-align:start}
.wc26-products__track--grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;overflow:visible}
.wc26-product{min-width:0;margin:0}
.wc26-product__photo-link{position:relative;display:block;overflow:hidden;aspect-ratio:4/5;background:#eeeef0;text-decoration:none!important;border-radius:0}
.wc26-product__photo{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center center;transition:transform .5s cubic-bezier(.22,.65,.2,1);}
.wc26-product__photo-link:hover .wc26-product__photo{transform:scale(1.045)}
.wc26-product__sale{position:absolute;top:12px;left:12px;background:#111;color:#fff;padding:6px 9px;font-size:10px;letter-spacing:.1em;font-weight:800}
.wc26-product__hover{position:absolute;left:12px;right:12px;bottom:12px;background:#fff;color:#111;text-align:center;padding:11px 4px;font-size:10px;letter-spacing:.12em;font-weight:800;opacity:0;transform:translateY(10px);transition:transform .2s,opacity .2s}
.wc26-product__photo-link:focus-visible .wc26-product__hover,.wc26-product__photo-link:hover .wc26-product__hover{opacity:1;transform:none}
.wc26-product__details{padding:13px 1px 0;min-width:0}
.wc26-product__name{display:block;color:#151515!important;font-family:inherit;font-size:14px;font-weight:750;line-height:1.35;text-decoration:none!important}
.wc26-product__name:hover{text-decoration:underline!important}
.wc26-product__price{font-size:13px;color:#333;font-weight:600;margin-top:6px}
.wc26-product__price ins{text-decoration:none}
.wc26-product__price del{color:#777;margin-right:8px}
.wc26-notice{font:14px/1.5 Arial,sans-serif;color:#777;margin:20px 0}
/* Elementor classic / v3 responsive settings already hide these containers;
   extra CSS guarantees the requested device split even when template visibility settings vary. */
@media(min-width:768px){.wolver26-only-mobile{display:none!important}}
@media(max-width:767px){
 .wolver26-only-desktop{display:none!important}
 .wc26-products__track--grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:19px 10px}
 .wc26-products__topbar{margin-bottom:12px;min-height:20px}
 .wc26-products__count{font-size:10px}
 .wc26-product__photo-link{aspect-ratio:3/4}
 .wc26-product__name{font-size:12px!important}
 .wc26-product__price{font-size:12px}
 .wc26-product__details{padding-top:9px}
 .wc26-product__hover{display:none}
 /* In case the desktop carousel template is previewed on mobile in Elementor's editor */
 .wc26-products__track--carousel>.wc26-product{flex-basis:72%}
}
@media (min-width:768px) and (max-width:1024px){.wc26-products__track--carousel>.wc26-product{flex-basis:45%}}
@media(prefers-reduced-motion:reduce){.wc26-products__track--carousel{scroll-behavior:auto}.wc26-product__photo,.wc26-product__hover{transition:none}}