/* WW ElectricalXShop v2.1.7 — Phase 1 reusable product-card / carousel framework */
.wwx-product-carousel{
position:relative;
margin:30px 0 34px;
color:var(--wwx-ink)}
.wwx-carousel-header{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:18px;
margin-bottom:14px}
.wwx-carousel-heading h2{
margin:0;
color:var(--wwx-navy);
font-size:clamp(20px,2vw,28px);
line-height:1.15}
.wwx-carousel-heading p{
margin:5px 0 0;
color:var(--wwx-muted);
font-size:14px}
.wwx-carousel-controls{
display:flex;
align-items:center;
gap:8px;
flex:0 0 auto}
.wwx-carousel-position{
min-width:48px;
text-align:center;
color:var(--wwx-muted);
font-size:14px;
font-weight:800}
.wwx-carousel-prev,.wwx-carousel-next{
width:40px;
height:40px;
display:grid;
place-items:center;
border:1px solid #dfe5ec;
border-radius:9px;
background:#fff;
color:var(--wwx-blue);
font-size:28px;
line-height:1;
cursor:pointer;
transition:.16s}
.wwx-carousel-prev:hover,.wwx-carousel-next:hover{
border-color:var(--wwx-blue);
background:#f4f8fd}
.wwx-carousel-prev:disabled,.wwx-carousel-next:disabled{
opacity:.35;
cursor:not-allowed}
.wwx-product-carousel:focus-visible{
outline:3px solid rgba(0,76,162,.24);
outline-offset:5px;
border-radius:12px}
.wwx-carousel-viewport{
--wwx-carousel-gap:14px;
--wwx-carousel-cols:4;
overflow-x:auto;
overflow-y:hidden;
scroll-behavior:smooth;
scroll-snap-type:x mandatory;
scrollbar-width:thin;
overscroll-behavior-inline:contain;
padding:2px 0 9px;
max-width:100%;
min-width:0;
width:100%;
box-sizing:border-box}
.wwx-product-carousel ul.products.wwx-carousel-track{
display:flex!important;
grid-template-columns:none!important;
gap:var(--wwx-carousel-gap)!important;
margin:0!important;
padding:0!important;
width:100%!important;
min-width:100%!important;
list-style:none!important;
box-sizing:border-box;
overflow:visible}
.wwx-product-carousel ul.products.wwx-carousel-track::before,.wwx-product-carousel ul.products.wwx-carousel-track::after{
display:none!important}
.wwx-product-carousel ul.products.wwx-carousel-track li.product{
flex:0 0 calc((100% - (var(--wwx-carousel-gap) * (var(--wwx-carousel-cols) - 1))) / var(--wwx-carousel-cols))!important;
width:calc((100% - (var(--wwx-carousel-gap) * (var(--wwx-carousel-cols) - 1))) / var(--wwx-carousel-cols))!important;
min-width:0!important;
max-width:none!important;
box-sizing:border-box!important;
scroll-snap-align:start;
scroll-snap-stop:normal}
.wwx-phase1-preview{
padding-bottom:45px}
.wwx-phase1-preview-head{
padding:30px 0 10px;
border-bottom:1px solid var(--wwx-line);
margin-bottom:8px}
.wwx-phase1-preview-head>span{
font-size:14px;
font-weight:950;
letter-spacing:.12em;
color:var(--wwx-red)}
.wwx-phase1-preview-head h1{
margin:5px 0 8px;
font-size:clamp(30px,3vw,44px)}
.wwx-phase1-preview-head p{
max-width:760px;
margin:0;
color:var(--wwx-muted);
font-size:14px;
line-height:1.6}
html[data-wwx-theme="dark"] .wwx-carousel-prev,html[data-wwx-theme="dark"] .wwx-carousel-next,html.wwx-dark .wwx-carousel-prev,html.wwx-dark .wwx-carousel-next{
background:#111b29;
color:#eef3f9;
border-color:#30435d}
@media(max-width:1100px){
.wwx-carousel-viewport{
--wwx-carousel-cols:3;
--wwx-carousel-gap:12px}
}
@media(max-width:760px){
.wwx-carousel-header{
align-items:center}
.wwx-carousel-heading h2{
font-size:20px}
.wwx-carousel-position{
display:none}
.wwx-carousel-prev,.wwx-carousel-next{
width:38px;
height:38px}
.wwx-carousel-viewport{
--wwx-carousel-cols:2;
--wwx-carousel-gap:10px}
}
@media(max-width:480px){
.wwx-product-carousel{
margin:24px 0 28px}
.wwx-carousel-heading h2{
font-size:18px}
.wwx-carousel-viewport{
--wwx-carousel-cols:1;
--wwx-carousel-gap:0px}
}
@media(prefers-reduced-motion:reduce){
.wwx-carousel-viewport{
scroll-behavior:auto}
.wwx-carousel-prev,.wwx-carousel-next{
transition:none}
}

.wwx-product-carousel{
width:100%;
max-width:100%;
min-width:0;
overflow:hidden}
.wwx-product-carousel ul.products.wwx-carousel-track li.product *{
box-sizing:border-box}

/* v4.3.16 — product-card image containment correction ONLY */
.wwx-product-card img,
.wwx-product-card .attachment-woocommerce_thumbnail,
.woocommerce ul.products li.product .wwx-product-card img{
  max-width:100%!important;
  max-height:100%!important;
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}