:root{
--wwx-red:#f20d22;
--wwx-red-dark:#bf0015;
--wwx-blue:#0054b8;
--wwx-blue2:#0b67d5;
--wwx-navy:#07162e;
--wwx-black:#0a0b0e;
--wwx-ink:#11151a;
--wwx-muted:#69727d;
--wwx-line:#e6e8ec;
--wwx-soft:#f6f7f9;
--wwx-white:#fff;
--wwx-shadow:0 20px 55px rgba(5,23,52,.14);
--wwx-radius:14px}
*{
box-sizing:border-box}
html{
scroll-behavior:smooth}
body{
margin:0;
color:var(--wwx-ink);
background:#fff;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
line-height:1.5}
body.wwx-lock{
overflow:hidden}
a{
color:inherit;
text-decoration:none}
img{
max-width:100%;
height:auto;
display:block}
button,input,select,textarea{
font:inherit}
.wwt-shell{
width:min(1520px,calc(100% - 40px));
margin-inline:auto}
.screen-reader-text{
position:absolute!important;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0}
.wwx-topline{
background:#fff;
border-bottom:1px solid var(--wwx-line);
font-size:14px}
.wwx-topline-inner{
display:flex;
justify-content:space-between;
align-items:center;
min-height:34px;
gap:20px}
.wwx-topline-left,.wwx-topline-right{
display:flex;
align-items:center;
gap:18px}
.wwx-topline b{
color:var(--wwx-navy)}
.wwx-topline a:hover{
color:var(--wwx-red)}
.wwx-header{
background:#fff;
position:relative;
z-index:90}
.wwx-header-main{
display:grid;
grid-template-columns:285px minmax(470px,1fr) 195px auto;
gap:22px;
align-items:center;
padding:14px 0}
.wwx-brand-logo{
display:block;
max-width:270px}
.wwx-brand-logo img,.custom-logo{
width:auto;
max-width:270px;
max-height:76px;
object-fit:contain}
.wwx-search-wrap{
position:relative}
.wwx-smart-search{
display:grid;
grid-template-columns:minmax(0,1fr) 150px 56px;
height:52px;
border:1px solid #d9dee6;
border-radius:12px;
overflow:hidden;
background:#fff;
box-shadow:0 5px 18px rgba(5,23,52,.04)}
.wwx-smart-search input{
min-width:0;
border:0;
padding:0 17px;
outline:none}
.wwx-smart-search select{
border:0;
border-left:1px solid var(--wwx-line);
background:#fff;
padding:0 10px;
color:#56606b;
outline:none}
.wwx-smart-search button{
border:0;
background:var(--wwx-red);
color:#fff;
cursor:pointer;
font-size:28px;
transition:.2s}
.wwx-smart-search button:hover{
background:var(--wwx-red-dark)}
.wwx-trending{
display:flex;
align-items:center;
gap:8px;
margin-top:7px;
font-size:14px;
color:#707985;
white-space:nowrap;
overflow:hidden}
.wwx-trending a{
padding:3px 8px;
border-radius:999px;
background:#f3f5f7}
.wwx-trending a:hover{
background:#edf3ff;
color:var(--wwx-blue)}
.wwx-search-popover{
position:absolute;
z-index:150;
left:0;
right:0;
top:63px;
background:#fff;
border:1px solid var(--wwx-line);
border-radius:14px;
box-shadow:var(--wwx-shadow);
padding:16px}
.wwx-search-popover-head{
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
padding-bottom:10px;
border-bottom:1px solid var(--wwx-line)}
.wwx-search-popover-head strong,.wwx-search-popover-head span{
display:block}
.wwx-search-popover-head span{
font-size:14px;
color:var(--wwx-muted)}
.wwx-search-ai{
border:1px solid #d7e5fb;
background:#f1f6ff;
color:var(--wwx-blue);
font-weight:800;
border-radius:8px;
padding:8px 10px;
cursor:pointer}
.wwx-search-results{
padding-top:8px;
max-height:420px;
overflow:auto}
.wwx-search-empty{
padding:18px;
color:var(--wwx-muted);
font-size:14px}
.wwx-search-product{
display:grid;
grid-template-columns:56px minmax(0,1fr) auto;
gap:12px;
align-items:center;
padding:8px;
border-radius:9px}
.wwx-search-product:hover{
background:#f6f8fb}
.wwx-search-product img{
width:56px;
height:56px;
object-fit:contain;
border-radius:7px;
background:#f8f9fa}
.wwx-search-product span b,.wwx-search-product span small{
display:block}
.wwx-search-product span small{
font-size:14px;
color:var(--wwx-muted)}
.wwx-search-product strong{
color:var(--wwx-blue);
font-size:14px}
.wwx-search-cat{
display:inline-flex;
margin:4px 5px 4px 0;
border:1px solid var(--wwx-line);
padding:6px 9px;
border-radius:7px;
font-size:14px}
.wwx-support{
display:flex;
gap:9px;
align-items:center}
.wwx-support-icon{
font-size:30px;
color:var(--wwx-red)}
.wwx-support small,.wwx-support em{
display:block;
font-size:14px;
color:var(--wwx-muted);
font-style:normal}
.wwx-support strong{
display:block;
font-size:16px;
color:var(--wwx-navy)}
.wwx-actions{
display:flex;
align-items:center;
gap:14px}
.wwx-actions>a,.wwx-action-btn{
position:relative;
border:0;
background:transparent;
padding:0;
display:flex;
flex-direction:column;
align-items:center;
gap:2px;
cursor:pointer;
color:var(--wwx-ink)}
.wwx-actions span{
font-size:22px}
.wwx-actions small{
font-size:14px;
white-space:nowrap}
.wwx-actions i{
position:absolute;
top:-8px;
right:-8px;
background:var(--wwx-red);
color:#fff;
min-width:18px;
height:18px;
border-radius:999px;
display:grid;
place-items:center;
font-size:14px;
font-style:normal}
.wwx-mobile-menu-open{
display:none;
border:0;
background:var(--wwx-navy);
color:#fff;
width:42px;
height:42px;
border-radius:8px;
font-size:20px}
.wwx-navrow{
border-top:1px solid var(--wwx-line);
border-bottom:1px solid var(--wwx-line);
background:#fff;
box-shadow:0 4px 16px rgba(4,20,48,.035)}
.wwx-nav-inner{
display:grid;
grid-template-columns:250px minmax(0,1fr) auto;
align-items:center;
position:relative}
.wwx-departments{
position:relative}
.wwx-dept-button{
width:100%;
height:48px;
margin:7px 0;
border:0;
border-radius:9px;
background:linear-gradient(135deg,var(--wwx-blue),#063d8f);
color:#fff;
display:flex;
align-items:center;
gap:10px;
padding:0 15px;
font-weight:850;
cursor:pointer}
.wwx-dept-button b{
margin-left:auto}
.wwx-main-nav>.menu,.wwx-main-nav>ul{
list-style:none;
margin:0;
padding:0;
display:flex;
align-items:center}
.wwx-main-nav li{
position:relative}
.wwx-main-nav a{
display:block;
padding:17px 14px;
font-size:14px;
font-weight:800}
.wwx-main-nav li:hover>a,.wwx-main-nav .current-menu-item>a{
color:var(--wwx-red)}
.wwx-main-nav .sub-menu{
display:none;
position:absolute;
z-index:100;
top:100%;
left:0;
min-width:220px;
background:#fff;
border:1px solid var(--wwx-line);
box-shadow:var(--wwx-shadow);
list-style:none;
margin:0;
padding:8px;
border-radius:10px}
.wwx-main-nav li:hover>.sub-menu{
display:block}
.wwx-main-nav .sub-menu a{
padding:9px 11px}
.wwx-nav-tools{
display:flex;
align-items:center;
gap:8px}
.wwx-nav-tools a,.wwx-nav-tools button{
border-radius:8px;
padding:10px 12px;
font-size:14px;
font-weight:850;
cursor:pointer;
white-space:nowrap}
.wwx-trade-login{
background:var(--wwx-red);
color:#fff}
.wwx-quote-open{
border:1px solid var(--wwx-blue);
background:var(--wwx-blue);
color:#fff}
.wwx-mega-menu{
position:absolute;
top:62px;
left:0;
width:min(1180px,calc(100vw - 60px));
display:grid;
grid-template-columns:260px minmax(0,1fr);
background:#fff;
border:1px solid var(--wwx-line);
border-radius:12px;
box-shadow:var(--wwx-shadow);
overflow:hidden;
z-index:140}
.wwx-mega-rail{
padding:9px;
border-right:1px solid var(--wwx-line);
background:#fafbfc}
.wwx-mega-rail a{
display:flex;
align-items:center;
gap:9px;
padding:9px;
border-radius:8px;
font-size:14px}
.wwx-mega-rail a:hover{
background:#eef4ff;
color:var(--wwx-blue)}
.wwx-mega-rail span{
width:22px;
text-align:center}
.wwx-mega-rail em{
margin-left:auto;
font-style:normal}
.wwx-mega-rail .wwx-view-all{
margin-top:5px;
border-top:1px solid var(--wwx-line);
border-radius:0;
padding-top:12px;
color:var(--wwx-red)}
.wwx-mega-content{
padding:22px}
.wwx-mega-intro{
display:flex;
justify-content:space-between;
align-items:center;
gap:24px;
padding-bottom:16px;
border-bottom:1px solid var(--wwx-line)}
.wwx-mega-intro h3{
margin:4px 0;
font-size:22px}
.wwx-mega-intro p{
margin:0;
color:var(--wwx-muted);
font-size:14px}
.wwx-chip{
font-size:14px;
font-weight:900;
color:var(--wwx-blue);
letter-spacing:.09em}
.wwx-mega-intro button{
border:1px solid #d9e6fb;
background:#f4f8ff;
color:var(--wwx-blue);
padding:10px 12px;
border-radius:8px;
font-weight:850;
cursor:pointer}
.wwx-mega-columns{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
padding:18px 0}
.wwx-mega-columns h4{
margin:0 0 8px;
font-size:14px;
color:var(--wwx-navy)}
.wwx-mega-columns a{
display:block;
padding:4px 0;
color:#5f6872;
font-size:14px}
.wwx-mega-columns a:hover{
color:var(--wwx-red)}
.wwx-mega-bottom{
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
background:linear-gradient(90deg,#07162e,#0b2855);
color:#fff;
padding:13px 15px;
border-radius:9px}
.wwx-mega-bottom span,.wwx-mega-bottom b{
display:block}
.wwx-mega-bottom span{
color:#ffb5bd;
font-size:14px;
font-weight:900}
.wwx-mega-bottom b{
font-size:14px}
.wwx-mega-bottom button{
border:0;
background:var(--wwx-red);
color:#fff;
border-radius:7px;
padding:9px 12px;
font-weight:850;
cursor:pointer}
.wwx-home{
background:#fff}
.wwx-hero-area{
background:#f7f8fa;
padding:18px 0 0}
.wwx-hero-grid{
display:grid;
grid-template-columns:235px minmax(0,1fr) 350px;
gap:14px;
align-items:stretch}
.wwx-dept-static{
background:#fff;
border:1px solid var(--wwx-line);
border-radius:12px;
overflow:hidden}
.wwx-dept-static-title{
height:50px;
display:flex;
align-items:center;
gap:10px;
padding:0 14px;
background:linear-gradient(135deg,var(--wwx-blue),#063d8f);
color:#fff}
.wwx-dept-static>a{
display:flex;
align-items:center;
gap:9px;
min-height:39px;
padding:0 12px;
border-bottom:1px solid #f0f1f3;
font-size:14px}
.wwx-dept-static>a:hover{
background:#f4f7fc;
color:var(--wwx-blue)}
.wwx-dept-static>a span{
width:21px;
text-align:center}
.wwx-dept-static>a i{
margin-left:auto;
font-style:normal}
.wwx-dept-static .wwx-dept-viewall{
font-weight:900;
color:var(--wwx-red);
border-bottom:0}
.wwx-hero-slider{
height:470px;
position:relative;
overflow:hidden;
border-radius:13px;
background:var(--wwx-black)}
.wwx-hero-slide{
position:absolute;
inset:0;
opacity:0;
visibility:hidden;
transition:opacity .45s;
overflow:hidden}
.wwx-hero-slide.is-active{
opacity:1;
visibility:visible}
.wwx-hero-redblue{
background:radial-gradient(circle at 75% 45%,rgba(0,84,184,.48),transparent 34%),linear-gradient(118deg,#05070c 0,#07162e 58%,#16080c 100%)}
.wwx-hero-blue{
background:radial-gradient(circle at 80% 48%,#164b99 0,#0c2d64 30%,#07162e 64%,#05070c 100%)}
.wwx-hero-black{
background:radial-gradient(circle at 78% 48%,#4b1018 0,#1a1014 34%,#08090c 68%)}
.wwx-hero-copy{
position:relative;
z-index:5;
width:58%;
padding:48px 0 0 46px;
color:#fff}
.wwx-hero-kicker{
font-size:14px;
font-weight:950;
letter-spacing:.09em;
color:#ff3345}
.wwx-hero-copy h1{
font-size:clamp(39px,3.6vw,61px);
line-height:1.04;
letter-spacing:-.045em;
margin:12px 0 13px}
.wwx-hero-copy h1 em{
font-style:normal;
color:var(--wwx-red)}
.wwx-hero-copy p{
max-width:520px;
color:#d6dbe4;
font-size:15px}
.wwx-hero-badges{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px 15px;
margin-top:20px;
font-size:14px;
color:#dfe5ed}
.wwx-hero-badges span::first-letter{
color:var(--wwx-red)}
.wwx-hero-actions{
display:flex;
gap:10px;
margin-top:24px}
.wwx-btn{
display:inline-flex;
min-height:43px;
align-items:center;
justify-content:center;
border-radius:7px;
padding:0 17px;
border:0;
font-weight:850;
cursor:pointer}
.wwx-btn-red{
background:var(--wwx-red);
color:#fff}
.wwx-btn-blue{
background:var(--wwx-blue);
color:#fff}
.wwx-btn-light{
background:#fff;
color:var(--wwx-navy)}
.wwx-btn-outline{
background:transparent;
color:#fff;
border:1px solid rgba(255,255,255,.55)}
.wwx-btn-outline-light{
background:transparent;
color:#fff;
border:1px solid rgba(255,255,255,.65)}
.wwx-hero-visual{
position:absolute;
right:0;
top:0;
width:49%;
height:100%;
overflow:hidden}
.wwx-hero-visual img{
position:absolute;
right:-7%;
bottom:-3%;
width:110%;
height:84%;
object-fit:cover;
object-position:65% center;
mix-blend-mode:screen;
filter:saturate(1.25) contrast(1.08);
mask-image:linear-gradient(90deg,transparent 0,#000 18%,#000 100%)}
.wwx-electric-orbit{
position:absolute;
width:360px;
height:360px;
border-radius:50%;
right:8%;
top:10%;
background:radial-gradient(circle,transparent 0 42%,rgba(0,84,184,.3) 43% 46%,transparent 47%),conic-gradient(from 20deg,transparent,rgba(242,13,34,.8),transparent 35%,rgba(0,84,184,.9),transparent 70%);
filter:blur(.2px);
opacity:.9}
.wwx-hero-symbol{
position:absolute;
right:9%;
top:15%;
font-size:170px;
filter:drop-shadow(0 0 40px rgba(0,84,184,.8));
opacity:.72}
.wwx-slider-prev,.wwx-slider-next{
position:absolute;
z-index:10;
top:50%;
transform:translateY(-50%);
width:36px;
height:36px;
border-radius:50%;
border:0;
background:#fff;
color:var(--wwx-red);
font-size:24px;
cursor:pointer}
.wwx-slider-prev{
left:12px}
.wwx-slider-next{
right:12px}
.wwx-slider-dots{
position:absolute;
z-index:10;
bottom:15px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:6px}
.wwx-slider-dots button{
width:9px;
height:9px;
border:0;
border-radius:50%;
background:#fff;
opacity:.5}
.wwx-slider-dots button.is-active{
background:var(--wwx-red);
opacity:1}
.wwx-promo-stack{
display:grid;
grid-template-rows:repeat(3,1fr);
gap:10px}
.wwx-promo-card{
position:relative;
overflow:hidden;
border-radius:12px;
padding:23px;
color:#fff;
display:flex;
align-items:center}
.wwx-promo-card>div:first-child{
position:relative;
z-index:2}
.wwx-promo-card span{
font-size:14px;
font-weight:950;
letter-spacing:.05em}
.wwx-promo-card h2{
font-size:22px;
line-height:1.1;
margin:6px 0}
.wwx-promo-card b{
font-size:14px;
background:#fff;
color:var(--wwx-ink);
display:inline-flex;
padding:7px 9px;
border-radius:6px}
.wwx-promo-black{
background:linear-gradient(125deg,#0a0b0e,#212733)}
.wwx-promo-blue{
background:linear-gradient(125deg,#063d8f,#0b67d5)}
.wwx-promo-red{
background:linear-gradient(125deg,#b40014,var(--wwx-red))}
.wwx-promo-glyph{
position:absolute!important;
right:18px;
bottom:4px;
font-size:82px;
opacity:.28;
filter:drop-shadow(0 8px 12px rgba(0,0,0,.25))}
.wwx-benefits{
background:#fff;
padding:15px 0}
.wwx-benefits-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
border:1px solid var(--wwx-line);
border-radius:12px;
overflow:hidden}
.wwx-benefits-grid>div{
display:flex;
align-items:center;
gap:10px;
padding:14px;
border-right:1px solid var(--wwx-line)}
.wwx-benefits-grid>div:last-child{
border-right:0}
.wwx-benefits-grid>div>span{
font-size:20px;
color:var(--wwx-red)}
.wwx-benefits-grid p{
margin:0}
.wwx-benefits-grid b,.wwx-benefits-grid small{
display:block}
.wwx-benefits-grid b{
font-size:14px;
color:var(--wwx-blue)}
.wwx-benefits-grid small{
font-size:14px;
color:var(--wwx-muted)}
.wwx-section{
padding:54px 0}
.wwx-section-head,.wwx-products-head,.wwx-panel-head{
display:flex;
justify-content:space-between;
align-items:end;
gap:20px}
.wwx-section-head span,.wwx-panel-head span{
font-size:14px;
font-weight:950;
letter-spacing:.1em;
color:var(--wwx-red)}
.wwx-section-head h2,.wwx-panel-head h2{
margin:3px 0 0;
font-size:31px;
letter-spacing:-.03em}
.wwx-section-head>a,.wwx-products-head>a,.wwx-panel-head>a{
font-size:14px;
color:var(--wwx-blue);
font-weight:850}
.wwx-category-row{
display:grid;
grid-template-columns:repeat(10,1fr);
gap:10px;
margin-top:20px}
.wwx-cat-card{
min-width:0;
text-align:center}
.wwx-cat-image,.wwx-cat-icon{
height:115px;
border-radius:11px;
background:#f5f6f8;
display:grid;
place-items:center;
overflow:hidden;
border:1px solid #eff0f2}
.wwx-cat-image img{
width:100%;
height:100%;
object-fit:contain;
padding:12px}
.wwx-cat-icon{
font-size:43px}
.wwx-cat-card strong,.wwx-cat-card small{
display:block}
.wwx-cat-card strong{
font-size:14px;
margin-top:8px}
.wwx-cat-card small{
font-size:14px;
color:var(--wwx-muted)}
.wwx-cat-card:hover .wwx-cat-image,.wwx-cat-card:hover .wwx-cat-icon{
border-color:#c8d8ef;
box-shadow:0 8px 24px rgba(0,84,184,.08)}
.wwx-commerce-panels{
background:#f7f8fa}
.wwx-three-panels{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:14px}
.wwx-panel{
background:#fff;
border:1px solid var(--wwx-line);
border-radius:13px;
padding:18px;
min-width:0}
.wwx-panel-head{
align-items:center}
.wwx-panel-head h2{
font-size:21px}
.wwx-countdown{
display:flex;
align-items:center;
gap:4px}
.wwx-countdown b{
background:var(--wwx-navy);
color:#fff;
border-radius:5px;
padding:6px 7px;
font-size:14px}
.wwx-countdown i{
font-style:normal}
.wwx-empty-panel{
min-height:190px;
display:grid;
place-items:center;
text-align:center;
color:var(--wwx-muted);
font-size:14px}
.wwx-panel .woocommerce ul.products,.wwx-panel .woocommerce .products ul{
grid-template-columns:repeat(2,1fr)!important;
gap:12px!important;
margin-top:15px!important}
.wwx-panel .woocommerce ul.products li.product{
padding:10px!important}
.wwx-brand-offers{
padding:28px 0}
.wwx-offer-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px}
.wwx-brand-offer{
min-height:220px;
border-radius:14px;
padding:30px;
color:#fff;
position:relative;
overflow:hidden}
.wwx-brand-offer:after{
content:"";
position:absolute;
right:-50px;
bottom:-80px;
width:230px;
height:230px;
border-radius:50%;
border:26px solid rgba(255,255,255,.08)}
.wwx-brand-offer span{
font-size:14px;
font-weight:950;
letter-spacing:.1em}
.wwx-brand-offer h2{
font-size:30px;
line-height:1.05;
margin:9px 0}
.wwx-brand-offer p{
max-width:360px;
font-size:14px;
opacity:.82}
.wwx-brand-offer b{
font-size:14px}
.wwx-brand-offer-blue{
background:linear-gradient(135deg,#063d8f,#0b67d5)}
.wwx-brand-offer-red{
background:linear-gradient(135deg,#bd0016,var(--wwx-red))}
.wwx-brand-offer-dark{
background:linear-gradient(135deg,#0a0b0e,#222936)}
.wwx-products-section{
background:#fff}
.wwx-products-head{
align-items:center}
.wwx-product-tabs{
display:flex;
gap:20px}
.wwx-product-tabs button{
border:0;
background:transparent;
font-size:14px;
font-weight:900;
padding:10px 0;
cursor:pointer;
color:#68717c;
border-bottom:2px solid transparent}
.wwx-product-tabs button.is-active{
color:var(--wwx-blue);
border-color:var(--wwx-red)}
.wwx-product-tab-content{
display:none;
margin-top:24px}
.wwx-product-tab-content.is-active{
display:block}
.wwx-placeholder-products{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:12px;
margin-top:22px}
.wwx-placeholder-products>div{
min-height:250px;
border:1px solid var(--wwx-line);
border-radius:12px;
padding:18px;
display:flex;
flex-direction:column;
justify-content:flex-end}
.wwx-placeholder-products span{
font-size:14px;
color:var(--wwx-red);
font-weight:900}
.wwx-placeholder-products b{
margin:5px 0}
.wwx-placeholder-products small{
font-size:14px;
color:var(--wwx-muted)}
.wwx-advantages{
background:#f7f8fa}
.wwx-adv-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:12px;
margin-top:20px}
.wwx-adv-grid>div{
display:flex;
align-items:center;
gap:13px;
background:#fff;
border:1px solid var(--wwx-line);
border-radius:11px;
padding:17px}
.wwx-adv-grid>div>span{
font-size:24px;
color:var(--wwx-red);
width:32px;
text-align:center}
.wwx-adv-grid p{
margin:0}
.wwx-adv-grid b,.wwx-adv-grid small{
display:block}
.wwx-adv-grid b{
font-size:14px}
.wwx-adv-grid small{
font-size:14px;
color:var(--wwx-muted)}
.wwx-brand-row{
display:grid;
grid-template-columns:repeat(10,1fr);
gap:10px;
margin-top:20px}
.wwx-brand-row span{
min-height:72px;
display:grid;
place-items:center;
text-align:center;
border:1px solid var(--wwx-line);
border-radius:10px;
background:#fff;
font-size:14px;
font-weight:850;
color:#59616b}
.wwx-brand-row span:hover{
border-color:#bbd1ee;
color:var(--wwx-blue)}
.wwx-trade-banner{
background:linear-gradient(110deg,#06152e 0,#073b80 65%,#b50016 130%);
color:#fff;
padding:42px 0}
.wwx-trade-banner .wwt-shell{
display:flex;
align-items:center;
justify-content:space-between;
gap:30px}
.wwx-trade-banner span{
font-size:14px;
color:#ffb9c0;
font-weight:950;
letter-spacing:.1em}
.wwx-trade-banner h2{
max-width:800px;
font-size:31px;
line-height:1.1;
margin:6px 0}
.wwx-trade-banner p{
margin:0;
color:#c8d6e9}
.wwx-trade-actions{
display:flex;
gap:9px;
flex-wrap:wrap}
.woocommerce ul.products,.woocommerce .products ul{
display:grid!important;
grid-template-columns:repeat(5,1fr)!important;
gap:16px!important}
.woocommerce ul.products::before,.woocommerce ul.products::after{
display:none!important}
.woocommerce ul.products li.product{
width:auto!important;
float:none!important;
margin:0!important;
border:1px solid var(--wwx-line);
border-radius:12px;
padding:13px!important;
background:#fff;
transition:.2s}
.woocommerce ul.products li.product:hover{
box-shadow:0 13px 34px rgba(5,23,52,.09);
transform:translateY(-2px)}
.woocommerce ul.products li.product img{
border-radius:9px;
background:#f7f8fa;
aspect-ratio:1/1;
object-fit:contain}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:14px!important;
color:var(--wwx-ink);
min-height:38px}
.woocommerce ul.products li.product .price{
font-size:14px!important;
color:var(--wwx-blue)!important;
font-weight:900!important}
.woocommerce span.onsale{
background:var(--wwx-red)!important}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{
background:var(--wwx-blue)!important;
color:#fff!important;
border-radius:7px!important;
font-size:14px!important}
.woocommerce a.button:hover,.woocommerce button.button:hover{
background:var(--wwx-red)!important}
.wwx-floating-tools{
position:fixed;
right:12px;
top:42%;
z-index:180;
display:flex;
flex-direction:column;
gap:6px}
.wwx-floating-tools button,.wwx-floating-tools a{
width:74px;
min-height:66px;
border:1px solid var(--wwx-line);
background:#fff;
border-radius:10px;
box-shadow:0 10px 28px rgba(5,23,52,.13);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:3px;
font-size:14px;
font-weight:850;
cursor:pointer}
.wwx-floating-tools span{
font-size:19px;
color:var(--wwx-blue)}
.wwx-floating-tools button:first-child{
background:var(--wwx-blue);
color:#fff;
border-color:var(--wwx-blue)}
.wwx-floating-tools button:first-child span{
color:#fff}
.wwx-chat-bubble{
position:fixed;
right:20px;
bottom:22px;
z-index:180;
border:0;
border-radius:999px;
background:linear-gradient(90deg,var(--wwx-blue),#063d8f);
color:#fff;
box-shadow:0 14px 32px rgba(0,84,184,.25);
padding:11px 18px;
display:grid;
grid-template-columns:auto auto;
column-gap:9px;
align-items:center;
cursor:pointer}
.wwx-chat-bubble>span{
grid-row:1/3;
font-size:21px}
.wwx-chat-bubble b,.wwx-chat-bubble small{
text-align:left}
.wwx-chat-bubble small{
font-size:14px;
opacity:.8}
.wwx-drawer{
position:fixed;
inset:0;
background:rgba(3,10,22,.48);
z-index:400;
opacity:0;
visibility:hidden;
transition:.25s}
.wwx-drawer.is-open{
opacity:1;
visibility:visible}
.wwx-drawer-card{
position:absolute;
right:18px;
top:15vh;
width:min(403px,calc(100% - 36px));
height:84vh;
background:#fff;
padding:24px;
overflow:auto;
transform:translateX(calc(100% + 36px));
transition:.3s;
border-radius:16px;
box-shadow:0 20px 60px rgba(3,10,22,.24)}
.wwx-drawer.is-open .wwx-drawer-card{
transform:none}
.wwx-drawer-close,.wwx-modal-close{
position:absolute;
right:18px;
top:15px;
width:35px;
height:35px;
border:1px solid var(--wwx-line);
background:#fff;
border-radius:50%;
font-size:22px;
cursor:pointer}
.wwx-ai-badge,.wwx-modal-kicker{
font-size:14px;
color:var(--wwx-blue);
font-weight:950;
letter-spacing:.09em}
.wwx-drawer-card h2{
font-size:22px;
margin:8px 0 10px;
line-height:1.2}
.wwx-modal-card h2{
font-size:31px;
margin:8px 0 10px}
.wwx-drawer-card>p,.wwx-modal-card>p{
color:var(--wwx-muted);
font-size:14px}
.wwx-ai-chips{
display:flex;
gap:7px;
flex-wrap:wrap;
margin:18px 0}
.wwx-ai-chips button{
border:1px solid #d8e4f6;
background:#f5f9ff;
color:var(--wwx-blue);
border-radius:999px;
padding:7px 10px;
font-size:14px;
cursor:pointer}
.wwx-ai-form textarea,#wwx-ai-form textarea,#wwx-quick-skus,.wwx-quote-form textarea{
width:100%;
min-height:125px;
border:1px solid #d9dee6;
border-radius:10px;
padding:12px;
resize:vertical;
outline:none}
.wwx-ai-form button,#wwx-ai-form>button{
width:100%;
border:0;
background:var(--wwx-red);
color:#fff;
border-radius:8px;
padding:12px;
margin-top:9px;
font-weight:900;
cursor:pointer}
.wwx-ai-result{
display:grid;
grid-template-columns:55px 1fr;
gap:10px;
padding:9px;
border:1px solid var(--wwx-line);
border-radius:9px;
margin-top:8px}
.wwx-ai-result img{
width:55px;
height:55px;
object-fit:contain}
.wwx-ai-result small{
display:block;
font-size:14px;
color:var(--wwx-muted)}
.wwx-modal{
position:fixed;
inset:0;
background:rgba(3,10,22,.55);
z-index:410;
display:grid;
place-items:center;
padding:20px;
opacity:0;
visibility:hidden;
transition:.22s}
.wwx-modal.is-open{
opacity:1;
visibility:visible}
.wwx-modal-card{
position:relative;
background:#fff;
border-radius:14px;
width:min(620px,100%);
max-height:90vh;
overflow:auto;
padding:34px;
box-shadow:var(--wwx-shadow)}
.wwx-quote-form{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:16px}
.wwx-quote-form input{
height:44px;
border:1px solid #d9dee6;
border-radius:8px;
padding:0 11px}
.wwx-quote-form textarea,.wwx-quote-form button{
grid-column:1/-1}
.wwx-form-note{
display:block;
margin-top:10px;
color:var(--wwx-muted)}
.wwx-mini-cart ul{
list-style:none;
padding:0}
.wwx-mini-cart img{
width:62px!important}
.wwx-news-popup{
position:fixed;
left:18px;
bottom:18px;
z-index:300;
width:340px;
background:#fff;
border:1px solid var(--wwx-line);
border-top:4px solid var(--wwx-red);
border-radius:12px;
padding:20px;
box-shadow:var(--wwx-shadow)}
.wwx-news-popup>span{
font-size:14px;
color:var(--wwx-red);
font-weight:950}
.wwx-news-popup h3{
margin:5px 0}
.wwx-news-popup p,.wwx-news-popup label{
font-size:14px;
color:var(--wwx-muted)}
.wwx-news-popup form{
display:grid;
grid-template-columns:1fr auto;
margin:12px 0}
.wwx-news-popup input{
min-width:0;
border:1px solid var(--wwx-line);
padding:10px}
.wwx-news-popup form button{
border:0;
background:var(--wwx-blue);
color:#fff;
padding:0 12px}
.wwx-news-close{
position:absolute;
right:10px;
top:8px;
border:0;
background:none;
font-size:20px}
.wwx-mobile-menu{
position:fixed;
inset:0;
background:rgba(3,10,22,.55);
z-index:500;
opacity:0;
visibility:hidden}
.wwx-mobile-menu.is-open{
opacity:1;
visibility:visible}
.wwx-mobile-menu-card{
width:min(390px,90%);
height:100%;
background:#fff;
padding:25px;
transform:translateX(-100%);
transition:.25s;
overflow:auto}
.wwx-mobile-menu.is-open .wwx-mobile-menu-card{
transform:none}
.wwx-mobile-menu-card>img{
max-width:220px}
.wwx-mobile-menu-close{
float:right;
border:0;
background:none;
font-size:28px}
.wwx-mobile-menu ul{
list-style:none;
padding:15px 0;
margin:0}
.wwx-mobile-menu li a{
display:block;
padding:10px;
border-bottom:1px solid var(--wwx-line);
font-weight:800}
.wwx-mobile-menu .sub-menu{
padding-left:12px}
.wwx-mobile-menu-card>button:not(.wwx-mobile-menu-close){
width:100%;
margin-top:8px;
border:0;
padding:11px;
border-radius:8px;
background:var(--wwx-blue);
color:#fff;
font-weight:850}
.wwt-footer{
background:#080d17;
color:#c8d0da;
padding:54px 0 0}
.wwt-footer-grid{
display:grid;
grid-template-columns:1.5fr repeat(3,1fr);
gap:34px}
.wwt-footer h3{
color:#fff;
font-size:14px}
.wwt-footer p,.wwt-footer li,.wwt-footer a{
font-size:14px}
.wwt-footer ul{
list-style:none;
margin:0;
padding:0}
.wwt-footer li{
margin:8px 0}
.wwt-footer a:hover{
color:#fff}
.wwt-footer-bottom{
border-top:1px solid rgba(255,255,255,.1);
margin-top:35px;
padding:17px 0;
display:flex;
justify-content:space-between;
font-size:14px}
.wwt-main{
padding:40px 0}
.wwt-content{
max-width:960px}
.wwt-trade-panel{
padding:14px;
background:#f4f7fb;
border-left:4px solid var(--wwx-blue);
margin:15px 0}
.woocommerce-breadcrumb{
font-size:14px;
color:var(--wwx-muted)}
@media(max-width:1320px){
.wwx-header-main{
grid-template-columns:245px minmax(420px,1fr) 180px auto}
.wwx-brand-logo img,.custom-logo{
max-width:235px}
.wwx-hero-grid{
grid-template-columns:210px minmax(0,1fr) 300px}
.wwx-hero-copy{
width:62%;
padding-left:40px}
.wwx-category-row{
grid-template-columns:repeat(8,1fr)}
.wwx-category-row>a:nth-child(n+9){
display:none}
.wwx-brand-row{
grid-template-columns:repeat(5,1fr)}
.wwx-nav-inner{
grid-template-columns:230px minmax(0,1fr)}
.wwx-nav-tools{
display:none}
}
@media(max-width:1050px){
.wwx-topline-right,.wwx-support{
display:none}
.wwx-header-main{
grid-template-columns:230px minmax(0,1fr) auto}
.wwx-actions .wwx-action-btn:not(.wwx-cart-open){
display:none}
.wwx-navrow{
display:none}
.wwx-mobile-menu-open{
display:block}
.wwx-hero-grid{
grid-template-columns:1fr}
.wwx-dept-static{
display:none}
.wwx-promo-stack{
grid-template-columns:repeat(3,1fr);
grid-template-rows:auto}
.wwx-promo-card{
min-height:155px}
.wwx-benefits-grid{
grid-template-columns:repeat(3,1fr)}
.wwx-benefits-grid>div:nth-child(3n){
border-right:0}
.wwx-category-row{
grid-template-columns:repeat(5,1fr)}
.wwx-category-row>a:nth-child(n+6){
display:none}
.wwx-three-panels{
grid-template-columns:1fr}
.wwx-offer-grid{
grid-template-columns:1fr 1fr}
.wwx-brand-offer:last-child{
grid-column:1/-1}
.wwx-adv-grid{
grid-template-columns:repeat(2,1fr)}
.woocommerce ul.products,.woocommerce .products ul{
grid-template-columns:repeat(3,1fr)!important}
.wwx-floating-tools{
display:none}
}
@media(max-width:720px){
.wwt-shell{
width:min(100% - 24px,1520px)}
.wwx-topline-left span:not(:first-child){
display:none}
.wwx-header-main{
grid-template-columns:1fr auto;
gap:10px;
padding:10px 0}
.wwx-brand-logo img,.custom-logo{
max-width:185px;
max-height:60px}
.wwx-search-wrap{
grid-column:1/-1;
grid-row:2}
.wwx-smart-search{
grid-template-columns:1fr 48px;
height:48px}
.wwx-smart-search select,.wwx-trending{
display:none}
.wwx-actions>a,.wwx-actions .wwx-cart-open{
display:none}
.wwx-hero-area{
padding-top:10px}
.wwx-hero-slider{
height:520px}
.wwx-hero-copy{
width:100%;
padding:38px 27px}
.wwx-hero-copy h1{
font-size:42px}
.wwx-hero-copy p{
font-size:14px}
.wwx-hero-badges{
grid-template-columns:1fr}
.wwx-hero-visual{
width:100%;
height:46%;
top:auto;
bottom:0;
opacity:.52}
.wwx-hero-symbol{
right:12%;
top:auto;
bottom:8%;
font-size:110px}
.wwx-promo-stack{
grid-template-columns:1fr}
.wwx-benefits-grid{
grid-template-columns:1fr 1fr}
.wwx-benefits-grid>div{
border-right:1px solid var(--wwx-line)}
.wwx-benefits-grid>div:nth-child(2n){
border-right:0}
.wwx-category-row{
grid-template-columns:repeat(2,1fr)}
.wwx-category-row>a:nth-child(n){
display:block}
.wwx-section{
padding:42px 0}
.wwx-section-head h2{
font-size:27px}
.wwx-offer-grid{
grid-template-columns:1fr}
.wwx-brand-offer:last-child{
grid-column:auto}
.wwx-products-head{
align-items:flex-start;
flex-direction:column}
.wwx-product-tabs{
width:100%;
overflow:auto}
.wwx-adv-grid{
grid-template-columns:1fr}
.wwx-brand-row{
grid-template-columns:repeat(2,1fr)}
.wwx-trade-banner .wwt-shell{
align-items:flex-start;
flex-direction:column}
.wwx-trade-banner h2{
font-size:27px}
.woocommerce ul.products,.woocommerce .products ul,.wwx-panel .woocommerce ul.products{
grid-template-columns:repeat(2,1fr)!important}
.wwx-chat-bubble{
right:12px;
bottom:12px}
.wwx-chat-bubble b,.wwx-chat-bubble small{
display:none}
.wwx-chat-bubble{
width:52px;
height:52px;
padding:0;
display:grid;
place-items:center}
.wwx-chat-bubble>span{
grid-row:auto;
font-size:22px}
.wwx-news-popup{
left:12px;
bottom:12px;
width:calc(100% - 24px)}
.wwx-quote-form{
grid-template-columns:1fr}
.wwx-quote-form textarea,.wwx-quote-form button{
grid-column:auto}
}
@media(max-width:460px){
.wwx-hero-copy h1{
font-size:35px}
.wwx-benefits-grid{
grid-template-columns:1fr}
.wwx-benefits-grid>div{
border-right:0}
.woocommerce ul.products,.woocommerce .products ul,.wwx-panel .woocommerce ul.products{
grid-template-columns:1fr!important}
.wwx-category-row{
grid-template-columns:1fr 1fr}
}
.wwx-footer-brand img{
max-width:260px;
max-height:92px;
object-fit:contain;
background:#ffffff00;
border-radius:10px;
padding:8px;
margin-bottom:12px}
.wwt-footer .wwx-quote-open{
border:0;
padding:10px 12px;
border-radius:7px;
background:var(--wwx-red);
color:#fff;
font-weight:850;
cursor:pointer}

/* v1.0.1 — department dropdown + restored premium hero/display area */
@media(min-width:1051px){
  .wwx-hero-area{
padding:20px 0 0;
background:linear-gradient(#f7f8fa,#fff)}
  .wwx-hero-grid{
grid-template-columns:minmax(0,1fr) 350px;
gap:14px;
align-items:stretch}
  .wwx-hero-slider{
height:520px;
min-width:0;
box-shadow:0 14px 36px rgba(7,22,46,.12)}
  .wwx-promo-stack{
height:520px}
  .wwx-hero-copy{
width:55%;
padding:56px 0 0 52px}
  .wwx-hero-copy h1{
font-size:clamp(42px,3.3vw,64px)}
  .wwx-hero-visual{
width:52%}
  .wwx-mega-menu{
top:calc(100% + 2px);
left:0;
width:min(1180px,calc(100vw - 48px));
transform-origin:top left}
  .wwx-departments.is-open .wwx-dept-button{
background:linear-gradient(135deg,#073f93,#0054b8)}
}
.wwx-dept-button b{
transition:transform .2s ease}
.wwx-dept-button[aria-expanded="true"] b{
transform:rotate(180deg)}
.wwx-mega-menu{
animation:wwxDrop .18s ease-out}
.wwx-mega-menu[hidden]{
display:none!important}
@keyframes wwxDrop{
from{
opacity:0;
transform:translateY(-7px)}
to{
opacity:1;
transform:translateY(0)}
}
.wwx-promo-image{
background-size:cover;
background-position:center}
.wwx-promo-image:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(4,12,25,.86) 0,rgba(4,12,25,.5) 48%,rgba(4,12,25,.06) 78%);
z-index:0}
.wwx-promo-image>div{
z-index:2}
.wwx-promo-tools{
background-image:url('../images/promo-tools.jpg')}
.wwx-promo-smart{
background-image:url('../images/promo-smart.jpg')}
.wwx-promo-cable{
background:linear-gradient(135deg,#9d0012 0,#f20d22 52%,#073f93 100%)}
.wwx-cable-art{
position:absolute!important;
right:20px;
bottom:18px;
width:118px;
height:80px;
opacity:.8}
.wwx-cable-art i{
position:absolute;
border:12px solid currentColor;
border-radius:50%;
width:66px;
height:66px}
.wwx-cable-art i:nth-child(1){
color:#f20d22;
right:0;
bottom:0}
.wwx-cable-art i:nth-child(2){
color:#0054b8;
right:28px;
bottom:4px}
.wwx-cable-art i:nth-child(3){
color:#f5c400;
right:56px;
bottom:8px}
.wwx-hero-redblue .wwx-hero-visual:after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,#07162e 0,transparent 34%);
pointer-events:none}
.wwx-hero-visual img{
mix-blend-mode:normal;
filter:saturate(1.12) contrast(1.05) brightness(.92);
mask-image:linear-gradient(90deg,transparent 0,#000 24%,#000 100%)}
@media(max-width:1320px) and (min-width:1051px){
.wwx-hero-grid{
grid-template-columns:minmax(0,1fr) 300px}
.wwx-hero-slider,.wwx-promo-stack{
height:490px}
.wwx-hero-copy{
width:59%;
padding-left:42px}
.wwx-hero-copy h1{
font-size:46px}
}
@media(max-width:1050px){
.wwx-hero-grid{
grid-template-columns:1fr}
.wwx-promo-stack{
height:auto}
}

/* v1.0.2 brand/account/contact refinements */
@media(min-width:1321px){
.wwx-header-main{
grid-template-columns:370px minmax(470px,1fr) 215px auto}
.wwx-brand-logo{
max-width:351px}
.wwx-brand-logo img,.custom-logo{
max-width:351px;
max-height:99px}
.wwx-brand{
min-width:0}
}
.wwx-account-link small{
display:flex!important;
align-items:baseline;
gap:2px}
.wwx-account-link small b{
font-weight:900}
.wwx-account-link small em{
font-style:normal;
color:var(--wwx-blue);
font-weight:800}
.wwx-support a{
color:inherit}
.wwx-support em a{
color:var(--wwx-blue);
font-weight:800}
.wwx-footer-contact a{
color:#fff}
.wwx-footer-contact p{
margin:7px 0}
.wwx-floating-tools{
top:auto;
bottom:112px;
right:16px}
.wwx-chat-bubble{
right:16px;
bottom:24px;
z-index:181}
.wwx-ai-badge{
background:linear-gradient(90deg,#eef4ff,#fff0f2);
border-color:#d7e5fb;
color:var(--wwx-blue)}
@media(max-width:1320px) and (min-width:1051px){
.wwx-header-main{
grid-template-columns:305px minmax(390px,1fr) 185px auto}
.wwx-brand-logo img,.custom-logo{
max-width:305px;
max-height:88px}
}
@media(max-width:1050px){
.wwx-brand-logo img,.custom-logo{
max-width:270px;
max-height:80px}
}
@media(max-width:720px){
.wwx-brand-logo img,.custom-logo{
max-width:240px;
max-height:72px}
.wwx-chat-bubble{
right:12px;
bottom:12px}
}


/* v1.0.3 — live WooCommerce category driven navigation */
.wwx-main-nav .wwx-catalog-menu{
gap:0}
.wwx-main-nav .wwx-nav-chevron{
font-size:14px;
margin-left:6px;
opacity:.7}
.wwx-main-nav .sub-menu .menu-item-has-children{
position:relative}
.wwx-main-nav .sub-menu .sub-menu{
top:-9px;
left:calc(100% + 7px);
display:none;
min-width:235px}
.wwx-main-nav .sub-menu li:hover>.sub-menu{
display:block}
.wwx-main-nav .sub-menu .wwx-nav-chevron{
float:right;
margin-left:18px}
.wwx-mega-columns{
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:start;
max-height:390px;
overflow:auto}
.wwx-mega-col h4{
margin:0 0 9px}
.wwx-mega-col h4 a{
padding:0;
color:var(--wwx-navy);
font-size:14px;
font-weight:900}
.wwx-mega-col>a{
display:block;
padding:5px 0;
font-size:14px;
color:#526071}
.wwx-mega-col>a:hover{
color:var(--wwx-red);
transform:translateX(2px)}
.wwx-mega-col .wwx-mega-viewall{
color:var(--wwx-blue);
font-weight:850;
margin-top:5px}
@media(max-width:1280px){
.wwx-main-nav a{
padding-left:10px;
padding-right:10px;
font-size:14px}
.wwx-mega-columns{
grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1050px){
.wwx-main-nav .sub-menu .sub-menu{
position:static;
display:block!important;
box-shadow:none;
border:0;
padding-left:12px}
.wwx-mega-columns{
grid-template-columns:repeat(2,minmax(0,1fr));
max-height:none}
}


/* ===== v1.1.0 premium department mega menu + finishing ===== */
:root{
--wwx-soft:#f6f8fb;
--wwx-ink:#071326;
--wwx-red2:#ff1830;
--wwx-blue2:#0756c9}
.wwx-header{
background:#fff}
.wwx-header-main{
min-height:102px}
.wwx-brand-logo img,.wwx-brand img{
filter:drop-shadow(0 3px 5px rgba(7,19,38,.08))}
.wwx-navrow{
box-shadow:0 8px 28px rgba(7,19,38,.055)}
.wwx-dept-button{
height:50px;
margin:6px 0;
border-radius:10px;
box-shadow:0 6px 16px rgba(7,76,174,.18);
font-size:14px;
letter-spacing:-.01em}
.wwx-dept-button:hover{
transform:translateY(-1px);
box-shadow:0 9px 22px rgba(7,76,174,.24)}
.wwx-main-nav a{
transition:color .16s ease,background .16s ease}
.wwx-main-nav>ul>li>a,.wwx-main-nav>.menu>li>a{
position:relative}
.wwx-main-nav>ul>li>a:after,.wwx-main-nav>.menu>li>a:after{
content:"";
position:absolute;
left:14px;
right:14px;
bottom:9px;
height:2px;
background:var(--wwx-red);
transform:scaleX(0);
transform-origin:left;
transition:.18s}
.wwx-main-nav>ul>li:hover>a:after,.wwx-main-nav>.menu>li:hover>a:after{
transform:scaleX(1)}
.wwx-main-nav .sub-menu{
padding:10px;
border-radius:12px;
border-color:#e6eaf0;
box-shadow:0 18px 48px rgba(7,19,38,.16)}
.wwx-main-nav .sub-menu a{
border-radius:7px}
.wwx-main-nav .sub-menu a:hover{
background:#f7f9fc}
.wwx-mega-menu{
top:calc(100% + 1px);
width:min(1220px,calc(100vw - 46px));
grid-template-columns:240px minmax(0,1fr);
border-radius:0 0 15px 15px;
border-top:3px solid var(--wwx-blue);
box-shadow:0 24px 70px rgba(4,18,43,.20);
min-height:455px;
max-height:min(610px,calc(100vh - 180px));
overflow:hidden;
background:#fff}
.wwx-mega-rail{
padding:7px 6px 8px 7px;
background:#fff;
border-right:1px solid #e9edf2;
overflow:auto}
.wwx-mega-rail a{
position:relative;
min-height:35px;
padding:8px 9px;
border-radius:6px;
color:#273344;
transition:.14s ease}
.wwx-mega-rail a span{
font-size:14px;
color:#69778a}
.wwx-mega-rail a b{
font-size:14px;
font-weight:750;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis}
.wwx-mega-rail a em{
font-size:17px;
color:#9aa4b1;
transition:.14s}
.wwx-mega-rail a:hover,.wwx-mega-rail a.is-active{
background:linear-gradient(90deg,#eef4ff,#f9fbff);
color:var(--wwx-blue)}
.wwx-mega-rail a.is-active:before{
content:"";
position:absolute;
left:-7px;
top:6px;
bottom:6px;
width:3px;
border-radius:3px;
background:var(--wwx-blue)}
.wwx-mega-rail a.is-active em{
transform:translateX(2px);
color:var(--wwx-blue)}
.wwx-mega-rail .wwx-view-all{
position:sticky;
bottom:0;
background:#fff;
color:var(--wwx-red);
font-weight:900;
border-top:1px solid #e9edf2;
padding-top:11px;
margin-top:7px}
.wwx-mega-stage{
position:relative;
display:flex;
flex-direction:column;
min-width:0;
background:#fff;
overflow:hidden}
.wwx-mega-panel{
flex:1;
padding:20px 22px 14px;
overflow:auto;
animation:wwxPanelIn .18s ease}
.wwx-mega-panel[hidden]{
display:none!important}
@keyframes wwxPanelIn{
from{
opacity:.35;
transform:translateX(8px)}
to{
opacity:1;
transform:none}
}
.wwx-mega-panel-head{
display:flex;
justify-content:space-between;
align-items:flex-start;
gap:22px;
padding-bottom:12px;
border-bottom:1px solid #edf0f4}
.wwx-mega-panel-head h3{
margin:3px 0 3px;
font-size:20px;
letter-spacing:-.025em;
color:var(--wwx-ink)}
.wwx-mega-panel-head p{
margin:0;
color:#707b89;
font-size:14px}
.wwx-mega-panel-head>a{
white-space:nowrap;
margin-top:7px;
color:var(--wwx-blue);
font-size:14px;
font-weight:900}
.wwx-mega-panel-head>a:hover{
color:var(--wwx-red)}
.wwx-mega-story-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:13px;
padding:15px 0}
.wwx-mega-story{
min-width:0;
border:1px solid #e9edf2;
border-radius:10px;
overflow:hidden;
background:#fff;
transition:.18s;
box-shadow:0 3px 12px rgba(7,19,38,.035)}
.wwx-mega-story:hover{
transform:translateY(-2px);
box-shadow:0 10px 24px rgba(7,19,38,.09);
border-color:#dbe3ef}
.wwx-mega-story>img,.wwx-mega-story-placeholder{
display:grid;
place-items:center;
width:100%;
height:108px;
object-fit:cover;
background:linear-gradient(135deg,#f5f7fa,#eef2f7);
font-size:35px}
.wwx-mega-story>span:last-child{
display:block;
padding:10px 11px}
.wwx-mega-story small{
display:block;
color:var(--wwx-red);
font-size:14px;
font-weight:900;
letter-spacing:.07em}
.wwx-mega-story b{
display:block;
margin:3px 0;
font-size:14px;
color:var(--wwx-ink)}
.wwx-mega-story em{
font-style:normal;
color:#818b99;
font-size:14px}
.wwx-mega-linkband{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:6px}
.wwx-mega-linkband a{
display:flex;
justify-content:space-between;
gap:10px;
padding:8px 9px;
border-radius:7px;
background:#f7f9fb;
color:#3b4655;
font-size:14px}
.wwx-mega-linkband a:hover{
background:#edf4ff;
color:var(--wwx-blue)}
.wwx-mega-deals-grid{
display:grid;
grid-template-columns:210px minmax(0,1fr);
gap:18px;
padding-top:16px}
.wwx-mega-deal-copy{
border-radius:11px;
padding:17px;
background:linear-gradient(145deg,#08162c,#102f65);
color:#fff}
.wwx-sale-pill{
display:inline-block;
padding:4px 7px;
border-radius:4px;
background:var(--wwx-red);
font-size:14px;
font-weight:950}
.wwx-mega-deal-copy h4{
font-size:16px;
margin:10px 0}
.wwx-mega-deal-copy ul{
padding-left:16px;
margin:0 0 12px;
font-size:14px;
color:#dbe5f3;
line-height:1.8}
.wwx-mega-deal-copy>a{
color:#fff;
font-size:14px;
font-weight:900}
.wwx-mega-product-row{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
align-content:start}
.wwx-mega-product{
display:grid;
grid-template-rows:104px auto;
border:1px solid #e8edf3;
border-radius:9px;
overflow:hidden;
min-width:0;
transition:.16s;
background:#fff}
.wwx-mega-product:hover{
transform:translateY(-2px);
box-shadow:0 9px 20px rgba(7,19,38,.08)}
.wwx-mega-product-img{
display:grid;
place-items:center;
background:#f8f9fb;
padding:7px}
.wwx-mega-product-img img{
max-width:100%;
max-height:92px;
object-fit:contain}
.wwx-mega-product-copy{
padding:8px}
.wwx-mega-product-copy small{
display:block;
color:#8a94a1;
font-size:14px}
.wwx-mega-product-copy b{
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
color:#182334;
font-size:14px;
line-height:1.35;
margin:3px 0}
.wwx-mega-product-copy em{
font-style:normal;
color:var(--wwx-red);
font-size:14px;
font-weight:900}
.wwx-mega-feature-grid{
display:grid;
grid-template-columns:215px minmax(0,1fr) 245px;
gap:17px;
padding-top:15px}
.wwx-mega-feature-hero{
position:relative;
min-height:265px;
border-radius:11px;
overflow:hidden;
background:linear-gradient(160deg,#eaf1fb,#dce8f8)}
.wwx-mega-feature-hero img{
width:100%;
height:100%;
object-fit:cover}
.wwx-mega-feature-symbol{
display:grid;
place-items:center;
height:190px;
font-size:70px}
.wwx-mega-feature-hero>span:last-child{
position:absolute;
left:0;
right:0;
bottom:0;
padding:28px 13px 13px;
background:linear-gradient(transparent,rgba(3,13,29,.86));
color:#fff}
.wwx-mega-feature-hero small,.wwx-mega-feature-hero b,.wwx-mega-feature-hero em{
display:block}
.wwx-mega-feature-hero small{
font-size:14px;
color:#ffadb5;
font-weight:900}
.wwx-mega-feature-hero b{
font-size:16px}
.wwx-mega-feature-hero em{
font-size:14px;
font-style:normal;
color:#d8e0ec}
.wwx-mega-feature-lists{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px}
.wwx-mega-feature-lists h4,.wwx-mega-trending h4{
margin:0 0 9px;
font-size:14px}
.wwx-mega-feature-lists a{
display:block;
padding:4px 0;
color:#596575;
font-size:14px}
.wwx-mega-feature-lists a:hover{
color:var(--wwx-red)}
.wwx-mega-trending{
border-left:1px solid #edf0f4;
padding-left:14px}
.wwx-mega-trending .wwx-mega-product{
grid-template-columns:66px 1fr;
grid-template-rows:auto;
margin-bottom:8px}
.wwx-mega-trending .wwx-mega-product-img{
height:70px}
.wwx-mega-columns-pro{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr)) 210px;
gap:19px;
padding-top:16px}
.wwx-mega-pro-col{
min-width:0}
.wwx-mega-pro-col h4{
margin:0 0 8px;
padding-bottom:7px;
border-bottom:1px solid #edf0f4}
.wwx-mega-pro-col h4 a{
font-size:14px;
color:var(--wwx-ink);
font-weight:900}
.wwx-mega-pro-col>a{
display:block;
padding:4px 0;
color:#5e6978;
font-size:14px}
.wwx-mega-pro-col>a:hover{
color:var(--wwx-red)}
.wwx-mega-pro-col .wwx-mega-viewall{
margin-top:5px;
color:var(--wwx-blue);
font-weight:900}
.wwx-mega-promo-pro{
border-radius:11px;
padding:16px;
background:linear-gradient(145deg,#f3f6fb,#e9eff9);
align-self:stretch}
.wwx-mega-promo-pro>span{
font-size:14px;
color:var(--wwx-red);
font-weight:950}
.wwx-mega-promo-pro h4{
font-size:17px;
line-height:1.1;
margin:8px 0;
color:var(--wwx-ink)}
.wwx-mega-promo-pro p{
font-size:14px;
color:#6d7785}
.wwx-mega-promo-pro button{
border:0;
border-radius:7px;
background:var(--wwx-blue);
color:#fff;
padding:9px 10px;
font-size:14px;
font-weight:900;
cursor:pointer}
.wwx-mega-footer{
margin-top:auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:15px;
padding:10px 14px;
border-top:1px solid #e9edf2;
background:#fafbfd}
.wwx-mega-footer span,.wwx-mega-footer b{
display:block}
.wwx-mega-footer span{
font-size:14px;
color:var(--wwx-blue);
font-weight:950;
letter-spacing:.07em}
.wwx-mega-footer b{
font-size:14px;
color:#44505e}
.wwx-mega-footer>div:last-child{
display:flex;
gap:7px}
.wwx-mega-footer button{
border:1px solid #dce3ec;
background:#fff;
color:#273344;
border-radius:7px;
padding:8px 10px;
font-size:14px;
font-weight:900;
cursor:pointer}
.wwx-mega-footer button:last-child{
background:var(--wwx-red);
border-color:var(--wwx-red);
color:#fff}
/* finishing */
.wwx-hero-slider,.wwx-promo-card,.wwx-benefits,.wwx-category-card,.wwx-three-panels>section,.wwx-brand-offer{
border-radius:12px}
.wwx-hero-slider{
box-shadow:0 14px 36px rgba(6,18,41,.13)}
.wwx-category-card,.woocommerce ul.products li.product{
transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.wwx-category-card:hover,.woocommerce ul.products li.product:hover{
transform:translateY(-3px);
box-shadow:0 12px 28px rgba(7,19,38,.09);
border-color:#dce3ed}
.wwx-btn{
transition:transform .15s ease,box-shadow .15s ease}
.wwx-btn:hover{
transform:translateY(-1px);
box-shadow:0 8px 18px rgba(7,19,38,.14)}
@media(max-width:1280px){
.wwx-mega-menu{
width:min(1080px,calc(100vw - 28px));
grid-template-columns:215px 1fr}
.wwx-mega-columns-pro{
grid-template-columns:repeat(3,minmax(0,1fr)) 190px}
.wwx-mega-columns-pro .wwx-mega-pro-col:nth-child(4){
display:none}
.wwx-mega-feature-grid{
grid-template-columns:190px minmax(0,1fr) 220px}
.wwx-mega-feature-lists{
grid-template-columns:repeat(2,1fr)}
.wwx-mega-feature-lists>div:nth-child(3){
display:none}
}
@media(max-width:1050px){
.wwx-mega-menu{
display:none!important}
}

@media(max-width:680px){
.wwx-drawer-card{
right:10px;
top:5vh;
width:calc(100% - 20px);
height:90vh;
padding:20px}
.wwx-drawer-card h2{
font-size:22px}
}


/* ==========================================================================
   v1.1.4 — Sliding quick-tools rail, header utility typography, Elysia actions
   ========================================================================== */

.wwx-topline,
.wwx-topline a,
.wwx-topline span,
.wwx-topline b {
    font-size: 14px;
}

.wwx-support small {
    font-size: 14px;
    line-height: 1.25;
}

.wwx-actions small,
.wwx-account-link small,
.wwx-account-link small b,
.wwx-account-link small em {
    font-size: 14px;
}

.wwx-topline-left,
.wwx-topline-right {
    gap: 16px;
}

.wwx-topline-left a,
.wwx-topline-right a {
    white-space: nowrap;
}

.wwx-floating-tools {
    position: fixed;
    top: 42%;
    right: 0;
    bottom: auto;
    z-index: 180;
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 8px 8px 8px 10px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid var(--wwx-line);
    border-right: 0;
    border-radius: 14px 0 0 14px;
    box-shadow: 0 16px 36px rgba(5, 23, 52, 0.16);
    transform: translateX(calc(100% - 28px));
    transition: transform 0.28s ease;
    will-change: transform;
}

.wwx-floating-tools.is-open {
    transform: translateX(0);
}

.wwx-floating-tools .wwx-floating-toggle {
    position: absolute;
    top: 50%;
    left: -30px;
    width: 30px;
    min-height: 94px;
    transform: translateY(-50%);
    padding: 8px 4px;
    border: 0;
    border-radius: 10px 0 0 10px;
    background: var(--wwx-blue);
    color: var(--wwx-white);
    box-shadow: -5px 8px 18px rgba(5, 23, 52, 0.14);
    writing-mode: vertical-rl;
    text-orientation: mixed;
    cursor: pointer;
}

.wwx-floating-tools .wwx-floating-toggle span {
    color: var(--wwx-white);
    font-size: 20px;
    line-height: 1;
    transition: transform 0.2s ease;
}

.wwx-floating-tools .wwx-floating-toggle small {
    color: var(--wwx-white);
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.wwx-floating-tools.is-open .wwx-floating-toggle span {
    transform: rotate(180deg);
}

.wwx-floating-tools > button:not(.wwx-floating-toggle),
.wwx-floating-tools > a {
    width: 82px;
    min-height: 72px;
}

#wwx-ai-form .wwx-ai-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    margin-top: 10px;
}

#wwx-ai-form .wwx-ai-actions > button {
    width: 100%;
    margin-top: 0;
}

.wwx-ai-whatsapp {
    min-width: 118px;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 14px;
    border-radius: 8px;
    background: #25d366;
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.wwx-ai-whatsapp:hover {
    background: #1fb95a;
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(37, 211, 102, 0.22);
}

.wwx-ai-whatsapp span {
    font-size: 17px;
}

@media (max-width: 1050px) {
    .wwx-floating-tools {
        display: flex;
        top: 44%;
    }
}

@media (max-width: 720px) {
    .wwx-topline,
    .wwx-topline a,
    .wwx-topline span,
    .wwx-topline b {
        font-size: 14px;
    }

    .wwx-floating-tools {
        top: auto;
        bottom: 82px;
    }

    #wwx-ai-form .wwx-ai-actions {
        grid-template-columns: 1fr;
    }

    .wwx-ai-whatsapp {
        width: 100%;
    }
}


/* ==========================================================================
   v1.1.5 — Professional commerce header, Amazon-inspired utility patterns
   ========================================================================== */

/* Top utility bar */
.wwx-topline {
    background: #ffffff;
    border-bottom: 1px solid var(--wwx-line);
}

.wwx-topline-inner {
    min-height: 38px;
}

.wwx-topline,
.wwx-topline a,
.wwx-topline button,
.wwx-topline span,
.wwx-topline b {
    font-size: 14px;
}

.wwx-utility-button,
.wwx-utility-menu-toggle {
    border: 0;
    background: transparent;
    color: var(--wwx-ink);
    padding: 0;
    cursor: pointer;
    font-weight: 700;
}

.wwx-utility-menu {
    position: relative;
}

.wwx-utility-menu-toggle {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.wwx-utility-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    left: -12px;
    z-index: 310;
    width: 230px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid var(--wwx-line);
    border-radius: 10px;
    box-shadow: 0 18px 42px rgba(5, 23, 52, 0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-5px);
    transition: 0.18s ease;
}

.wwx-utility-dropdown-right {
    left: auto;
    right: -12px;
}

.wwx-utility-menu.is-open .wwx-utility-dropdown,
.wwx-utility-menu:hover .wwx-utility-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wwx-utility-dropdown a {
    display: block;
    padding: 9px 10px;
    border-radius: 7px;
    color: #273344;
}

.wwx-utility-dropdown a:hover {
    background: #f4f7fb;
    color: var(--wwx-blue);
}

.wwx-support-top {
    display: inline-grid;
    grid-template-columns: auto auto;
    column-gap: 6px;
    align-items: center;
    color: var(--wwx-navy);
}

.wwx-support-top > span {
    grid-row: 1 / 3;
    color: var(--wwx-red);
    font-size: 18px;
}

.wwx-support-top b {
    font-size: 14px;
    color: var(--wwx-muted);
    line-height: 1;
}

.wwx-support-top strong {
    font-size: 14px;
    line-height: 1.15;
}

/* Main header: give Smart catalogue search 15% more usable space */
.wwx-header-main {
    grid-template-columns: 310px minmax(620px, 1.15fr) minmax(330px, auto);
    gap: 24px;
    padding: 13px 0;
}

.wwx-search-wrap {
    min-width: 0;
    width: 115%;
    max-width: calc(100% + 135px);
}

.wwx-smart-search {
    grid-template-columns: 110px minmax(0, 1fr) 64px;
    height: 56px;
    border: 2px solid #f0a21a;
    border-radius: 10px;
    box-shadow: 0 5px 18px rgba(5, 23, 52, 0.05);
}

.wwx-smart-search select {
    grid-column: 1;
    grid-row: 1;
    border-left: 0;
    border-right: 1px solid var(--wwx-line);
    background: #f4f5f6;
    padding: 0 12px;
    font-size: 14px;
}

.wwx-smart-search input {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    border: 0;
    padding: 0 18px;
    outline: none;
    font-size: 16px;
}

.wwx-smart-search button {
    grid-column: 3;
    grid-row: 1;
    background: #ffb94d;
    color: #1f2a37;
    font-size: 30px;
}

.wwx-smart-search button:hover {
    background: #ffa928;
}

.wwx-search-popover {
    width: 115%;
    right: auto;
    max-width: 980px;
}

.wwx-search-popover-head strong {
    font-size: 15px;
}

.wwx-actions {
    justify-content: flex-end;
    gap: 18px;
}

.wwx-actions small {
    font-size: 14px;
}

/* Account & Lists */
.wwx-account-menu {
    position: relative;
}

.wwx-account-toggle {
    display: grid;
    grid-template-columns: 27px auto;
    grid-template-rows: auto auto;
    column-gap: 7px;
    align-items: center;
    border: 0;
    background: transparent;
    color: var(--wwx-ink);
    padding: 3px 0;
    cursor: pointer;
    text-align: left;
}

.wwx-account-icon {
    grid-row: 1 / 3;
    font-size: 25px;
    color: var(--wwx-navy);
}

.wwx-account-toggle small {
    font-size: 14px;
    line-height: 1.05;
    color: var(--wwx-muted);
}

.wwx-account-toggle b {
    font-size: 14px;
    color: var(--wwx-navy);
    white-space: nowrap;
}

.wwx-account-toggle i {
    font-style: normal;
    color: #7d8795;
}

.wwx-account-dropdown {
    position: absolute;
    top: calc(100% + 13px);
    right: -75px;
    z-index: 330;
    width: 470px;
    padding: 18px;
    background: #ffffff;
    border: 1px solid var(--wwx-line);
    border-radius: 12px;
    box-shadow: 0 22px 58px rgba(5, 23, 52, 0.18);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: 0.18s ease;
}

.wwx-account-menu.is-open .wwx-account-dropdown,
.wwx-account-menu:hover .wwx-account-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wwx-account-signin {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    background: #ffd814;
    border-radius: 999px;
    font-weight: 850;
    color: #111827;
}

.wwx-account-dropdown > p {
    margin: 6px 0 15px;
    text-align: center;
    font-size: 14px;
    color: var(--wwx-muted);
    border-bottom: 1px solid var(--wwx-line);
    padding-bottom: 13px;
}

.wwx-account-dropdown > p a {
    color: var(--wwx-blue);
    text-decoration: underline;
}

.wwx-account-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

.wwx-account-columns > div {
    padding: 0 16px;
}

.wwx-account-columns > div + div {
    border-left: 1px solid var(--wwx-line);
}

.wwx-account-columns h4 {
    margin: 0 0 7px;
    font-size: 14px;
    color: var(--wwx-navy);
}

.wwx-account-columns a {
    display: block;
    padding: 4px 0;
    font-size: 14px;
    color: #4f5967;
}

.wwx-account-columns a:hover {
    color: var(--wwx-red);
}

/* Dark professional menu bar */
.wwx-amazon-nav {
    background: #17283b;
    border: 0;
    box-shadow: none;
}

.wwx-amazon-nav-inner {
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 2px;
    overflow-x: auto;
    scrollbar-width: none;
}

.wwx-amazon-nav-inner::-webkit-scrollbar {
    display: none;
}

.wwx-amazon-nav-inner > a,
.wwx-all-open {
    flex: 0 0 auto;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid transparent;
    background: transparent;
    color: #ffffff;
    padding: 0 11px;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.wwx-amazon-nav-inner > a:hover,
.wwx-all-open:hover {
    border-color: rgba(255, 255, 255, 0.9);
}

.wwx-all-open span {
    font-size: 20px;
}

/* Sliding All Departments drawer */
.wwx-side-drawer {
    position: fixed;
    inset: 0;
    z-index: 700;
    visibility: hidden;
    pointer-events: none;
}

.wwx-side-drawer.is-open {
    visibility: visible;
    pointer-events: auto;
}

.wwx-side-drawer-overlay {
    position: absolute;
    inset: 0;
    background: rgba(5, 14, 25, 0.72);
    opacity: 0;
    transition: opacity 0.24s ease;
}

.wwx-side-drawer.is-open .wwx-side-drawer-overlay {
    opacity: 1;
}

.wwx-side-drawer-card {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: min(390px, 88vw);
    background: #ffffff;
    box-shadow: 18px 0 48px rgba(0, 0, 0, 0.26);
    overflow-y: auto;
    overflow-x: hidden;
    transform: translateX(-102%);
    transition: transform 0.28s cubic-bezier(.2,.75,.25,1);
}

.wwx-side-drawer.is-open .wwx-side-drawer-card {
    transform: translateX(0);
}

.wwx-side-userbar {
    position: sticky;
    top: 0;
    z-index: 3;
    min-height: 58px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    background: #17283b;
    color: #ffffff;
}

.wwx-side-userbar a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
}

.wwx-side-userbar span {
    font-size: 24px;
}

.wwx-side-userbar button {
    border: 0;
    background: transparent;
    color: #ffffff;
    font-size: 32px;
    cursor: pointer;
}

.wwx-side-panels {
    position: relative;
}

.wwx-side-panel {
    display: none;
    min-height: calc(100vh - 58px);
    background: #ffffff;
}

.wwx-side-panel.is-active {
    display: block;
    animation: wwxSidePanelIn 0.2s ease;
}

@keyframes wwxSidePanelIn {
    from { opacity: 0.25; transform: translateX(22px); }
    to { opacity: 1; transform: translateX(0); }
}

.wwx-side-section {
    padding: 18px 0;
    border-bottom: 1px solid #e9edf2;
}

.wwx-side-section h3 {
    margin: 0;
    padding: 0 24px 10px;
    font-size: 17px;
    color: #17202d;
}

.wwx-side-section > a,
.wwx-side-next,
.wwx-side-location,
.wwx-side-back {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border: 0;
    background: #ffffff;
    padding: 7px 24px;
    color: #343d49;
    font-size: 14px;
    text-align: left;
    cursor: pointer;
}

.wwx-side-section > a:hover,
.wwx-side-next:hover,
.wwx-side-location:hover {
    background: #f1f3f5;
}

.wwx-side-next b {
    font-size: 22px;
    color: #8a94a1;
}

.wwx-side-seeall,
.wwx-side-viewall {
    font-weight: 800;
    color: var(--wwx-blue) !important;
}

.wwx-side-back {
    justify-content: flex-start;
    border-bottom: 1px solid var(--wwx-line);
    font-size: 14px;
    font-weight: 850;
    color: #354052;
}

/* Location dialog */
.wwx-location-modal {
    position: fixed;
    inset: 0;
    z-index: 760;
    display: grid;
    place-items: center;
    padding: 18px;
    visibility: hidden;
    pointer-events: none;
}

.wwx-location-modal.is-open {
    visibility: visible;
    pointer-events: auto;
}

.wwx-location-overlay {
    position: absolute;
    inset: 0;
    background: rgba(2, 9, 18, 0.68);
    opacity: 0;
    transition: opacity 0.2s ease;
}

.wwx-location-modal.is-open .wwx-location-overlay {
    opacity: 1;
}

.wwx-location-card {
    position: relative;
    width: min(520px, 100%);
    background: #ffffff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
    transform: translateY(12px) scale(0.98);
    opacity: 0;
    transition: 0.2s ease;
}

.wwx-location-modal.is-open .wwx-location-card {
    transform: none;
    opacity: 1;
}

.wwx-location-head {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    background: #f3f4f5;
    border-bottom: 1px solid var(--wwx-line);
}

.wwx-location-head h2 {
    margin: 0;
    font-size: 20px;
}

.wwx-location-head button {
    border: 0;
    background: transparent;
    font-size: 30px;
    cursor: pointer;
}

.wwx-location-body {
    padding: 26px 24px 24px;
}

.wwx-location-body p {
    color: #66717d;
    font-size: 14px;
}

.wwx-location-signin {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 14px 0 18px;
    border-radius: 999px;
    background: #ffd814;
    color: #111827;
    font-weight: 800;
}

.wwx-location-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #7a8490;
    font-size: 14px;
    margin-bottom: 16px;
}

.wwx-location-divider::before,
.wwx-location-divider::after {
    content: "";
    height: 1px;
    flex: 1;
    background: var(--wwx-line);
}

#wwx-location-form {
    display: grid;
    grid-template-columns: 1fr 128px;
    gap: 10px;
}

#wwx-location-form input {
    height: 44px;
    border: 1px solid #b9c1cb;
    border-radius: 9px;
    padding: 0 12px;
    outline: none;
}

#wwx-location-form button {
    border: 1px solid #aeb6c0;
    border-radius: 999px;
    background: #ffffff;
    font-weight: 800;
    cursor: pointer;
}

#wwx-location-status {
    display: block;
    min-height: 18px;
    margin-top: 9px;
    color: #14833b;
}

/* Sliding quick tools: follow viewport, independently scrollable, no Elysia overlap */
.wwx-floating-tools {
    top: 110px;
    bottom: 118px;
    max-height: calc(100vh - 228px);
    height: max-content;
    overflow-y: auto;
    overflow-x: visible;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.wwx-floating-tools.is-open {
    right: 0;
}

.wwx-chat-bubble {
    z-index: 190;
}

/* Responsive */
@media (max-width: 1380px) {
    .wwx-header-main {
        grid-template-columns: 260px minmax(520px, 1.15fr) minmax(300px, auto);
        gap: 16px;
    }

    .wwx-search-wrap {
        width: 110%;
        max-width: calc(100% + 80px);
    }

    .wwx-amazon-nav-inner > a,
    .wwx-all-open {
        padding-inline: 8px;
        font-size: 14px;
    }
}

@media (max-width: 1050px) {
    .wwx-topline-right .wwx-support-top,
    .wwx-business-benefits {
        display: none;
    }

    .wwx-header-main {
        grid-template-columns: 240px minmax(0, 1fr) auto;
    }

    .wwx-search-wrap {
        width: 100%;
        max-width: none;
    }

    .wwx-account-menu,
    .wwx-actions > .wwx-action-btn:not(.wwx-cart-open) {
        display: none;
    }

    .wwx-amazon-nav-inner > a:nth-of-type(n+7) {
        display: none;
    }

    .wwx-floating-tools {
        top: 100px;
        bottom: 88px;
        max-height: calc(100vh - 188px);
    }
}

@media (max-width: 720px) {
    .wwx-topline-inner {
        min-height: 36px;
    }

    .wwx-topline-left .wwx-utility-menu,
    .wwx-topline-right .wwx-utility-menu,
    .wwx-topline-right > a:not(:last-of-type) {
        display: none;
    }

    .wwx-header-main {
        grid-template-columns: 1fr auto;
    }

    .wwx-search-wrap {
        grid-column: 1 / -1;
    }

    .wwx-smart-search {
        grid-template-columns: 76px minmax(0, 1fr) 52px;
        height: 50px;
    }

    .wwx-smart-search input {
        font-size: 14px;
        padding-inline: 10px;
    }

    .wwx-amazon-nav-inner > a {
        display: none !important;
    }

    .wwx-amazon-nav-inner {
        min-height: 42px;
    }

    .wwx-all-open {
        min-height: 34px;
    }

    .wwx-side-drawer-card {
        width: min(355px, 91vw);
    }

    #wwx-location-form {
        grid-template-columns: 1fr;
    }

    .wwx-floating-tools {
        top: 84px;
        bottom: 76px;
        max-height: calc(100vh - 160px);
    }
}


/* ==========================================================================
   v1.1.6 — Delivery postcode service, My Order, compact search, rail repair
   ========================================================================== */

/* Brand palette only: Electrical Xpress red / blue / navy / monochrome */
.wwx-smart-search {
    border-color: var(--wwx-blue);
}

.wwx-smart-search select {
    background: #f4f7fb;
}

.wwx-smart-search button {
    background: var(--wwx-red);
    color: #ffffff;
}

.wwx-smart-search button:hover {
    background: var(--wwx-red-dark);
}

.wwx-account-signin,
.wwx-location-signin {
    background: var(--wwx-red);
    color: #ffffff;
}

.wwx-location-signin:hover {
    background: var(--wwx-red-dark);
    color: #ffffff;
}

/* Smart catalogue search: 7% shorter than v1.1.5 */
.wwx-search-wrap {
    width: 107%;
    max-width: calc(100% + 92px);
}

.wwx-search-popover {
    width: 107%;
    max-width: 920px;
}

/* Location button beside My Order */
.wwx-location-top {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
}

.wwx-location-top > span {
    color: var(--wwx-red);
    font-size: 15px;
}

/* Postcode service results */
.wwx-location-result {
    min-height: 22px;
    margin-top: 14px;
    padding: 0;
    font-size: 14px;
}

.wwx-location-result.is-loading,
.wwx-location-result.is-error,
.wwx-location-result.is-success,
.wwx-location-result.is-unavailable {
    padding: 12px 14px;
    border-radius: 9px;
}

.wwx-location-result.is-loading {
    background: #f4f7fb;
    color: var(--wwx-blue);
}

.wwx-location-result.is-success {
    border: 1px solid rgba(0, 84, 184, 0.22);
    background: #f2f7ff;
    color: var(--wwx-navy);
}

.wwx-location-result.is-unavailable,
.wwx-location-result.is-error {
    border: 1px solid rgba(242, 13, 34, 0.22);
    background: #fff4f5;
    color: #8c0010;
}

.wwx-location-result strong,
.wwx-location-result span,
.wwx-location-result small {
    display: block;
}

.wwx-location-result strong {
    font-size: 14px;
}

.wwx-location-result span {
    margin-top: 2px;
    font-size: 14px;
    font-weight: 800;
}

.wwx-location-result small {
    margin-top: 3px;
    color: var(--wwx-muted);
}

#wwx-location-form button {
    border-color: var(--wwx-blue);
    background: var(--wwx-blue);
    color: #ffffff;
}

#wwx-location-form button:hover {
    background: #063d8f;
}

/* Repaired sliding rail:
   handle remains visible; scroll is confined to inner tools, so it cannot clip. */
.wwx-floating-tools {
    display: none !important;
}

.wwx-floating-dock {
    position: fixed;
    right: 0;
    top: 118px;
    bottom: 118px;
    z-index: 185;
    width: 102px;
    display: flex;
    align-items: stretch;
    transform: translateX(100%);
    transition: transform 0.28s cubic-bezier(.2,.75,.25,1);
    pointer-events: none;
}

.wwx-floating-dock.is-open {
    transform: translateX(0);
}

.wwx-floating-dock .wwx-floating-toggle {
    position: absolute;
    top: 50%;
    left: -30px;
    width: 30px;
    min-height: 106px;
    transform: translateY(-50%);
    border: 0;
    border-radius: 10px 0 0 10px;
    background: var(--wwx-red);
    color: #ffffff;
    cursor: pointer;
    pointer-events: auto;
    box-shadow: -6px 10px 20px rgba(7, 19, 38, 0.17);
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.wwx-floating-dock .wwx-floating-toggle span {
    display: block;
    color: #ffffff;
    font-size: 21px;
    transition: transform 0.2s ease;
}

.wwx-floating-dock .wwx-floating-toggle small {
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
}

.wwx-floating-dock.is-open .wwx-floating-toggle span {
    transform: rotate(180deg);
}

.wwx-floating-tools-scroll {
    width: 102px;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 8px;
    background: rgba(255, 255, 255, 0.97);
    border: 1px solid var(--wwx-line);
    border-right: 0;
    border-radius: 14px 0 0 14px;
    box-shadow: 0 16px 38px rgba(5, 23, 52, 0.16);
}

.wwx-floating-tools-scroll > button,
.wwx-floating-tools-scroll > a {
    flex: 0 0 auto;
    width: 84px;
    min-height: 74px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid var(--wwx-line);
    border-radius: 10px;
    background: #ffffff;
    color: var(--wwx-ink);
    box-shadow: 0 7px 18px rgba(5, 23, 52, 0.08);
    font-size: 14px;
    font-weight: 850;
    cursor: pointer;
}

.wwx-floating-tools-scroll > button:first-child {
    background: var(--wwx-blue);
    border-color: var(--wwx-blue);
    color: #ffffff;
}

.wwx-floating-tools-scroll > button span,
.wwx-floating-tools-scroll > a span {
    color: var(--wwx-blue);
    font-size: 20px;
}

.wwx-floating-tools-scroll > button:first-child span {
    color: #ffffff;
}

/* Leave the Elysia pill unobstructed */
.wwx-chat-bubble {
    right: 16px;
    bottom: 24px;
    z-index: 190;
}

/* Elysia Find Product + icon-only WhatsApp */
#wwx-ai-form .wwx-ai-actions {
    grid-template-columns: minmax(0, 1fr) 48px;
}

#wwx-ai-form .wwx-ai-actions > button {
    background: var(--wwx-red);
    color: #ffffff;
}

#wwx-ai-form .wwx-ai-actions > button:hover {
    background: var(--wwx-red-dark);
}

.wwx-ai-whatsapp {
    min-width: 48px;
    width: 48px;
    min-height: 44px;
    padding: 0;
    border: 2px solid var(--wwx-blue);
    border-radius: 8px;
    background: #ffffff;
    color: var(--wwx-blue);
}

.wwx-ai-whatsapp:hover {
    background: var(--wwx-blue);
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(0, 84, 184, 0.20);
}

.wwx-ai-whatsapp svg {
    width: 24px;
    height: 24px;
}

/* Smart-match linked query + comparison table */
.wwx-smart-query {
    margin: 14px 0 10px;
    font-size: 14px;
}

.wwx-smart-query a {
    color: var(--wwx-blue);
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.wwx-compare-wrap {
    width: 100%;
    overflow-x: auto;
    border: 1px solid var(--wwx-line);
    border-radius: 10px;
    background: #ffffff;
}

.wwx-compare-table {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
    font-size: 14px;
}

.wwx-compare-table th,
.wwx-compare-table td {
    padding: 9px 10px;
    border-bottom: 1px solid var(--wwx-line);
    border-right: 1px solid #f0f2f5;
    vertical-align: middle;
    text-align: left;
}

.wwx-compare-table th {
    background: #f4f7fb;
    color: var(--wwx-navy);
    font-size: 14px;
    font-weight: 900;
    white-space: nowrap;
}

.wwx-compare-table tr:last-child td {
    border-bottom: 0;
}

.wwx-compare-product img {
    width: 58px;
    height: 58px;
    object-fit: contain;
    border-radius: 7px;
    background: #f7f8fa;
}

.wwx-compare-name {
    display: block;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 850;
    line-height: 1.3;
}

.wwx-compare-table small {
    display: block;
    margin-top: 3px;
    color: var(--wwx-muted);
    font-size: 14px;
}

.wwx-offer-badge {
    display: inline-block;
    padding: 4px 7px;
    border-radius: 5px;
    background: var(--wwx-red);
    color: #ffffff;
    font-size: 14px;
    font-weight: 900;
}

/* Remove remaining v1.1.5 gold/yellow visual tokens in these interface elements */
.wwx-account-signin:focus,
.wwx-account-signin:hover {
    background: var(--wwx-red-dark);
    color: #ffffff;
}

/* Responsive rail + search */
@media (max-width: 1380px) {
    .wwx-search-wrap {
        width: 104%;
        max-width: calc(100% + 52px);
    }

    .wwx-search-popover {
        width: 104%;
    }
}

@media (max-width: 1050px) {
    .wwx-search-wrap {
        width: 100%;
        max-width: none;
    }

    .wwx-floating-dock {
        top: 96px;
        bottom: 86px;
    }
}

@media (max-width: 720px) {
    .wwx-floating-dock {
        top: 76px;
        bottom: 74px;
        width: 92px;
    }

    .wwx-floating-tools-scroll {
        width: 92px;
    }

    .wwx-floating-tools-scroll > button,
    .wwx-floating-tools-scroll > a {
        width: 74px;
        min-height: 66px;
    }

    #wwx-ai-form .wwx-ai-actions {
        grid-template-columns: minmax(0, 1fr) 48px;
    }
}


/* ==========================================================================
   v1.1.7 — Responsive navigation density + verified sliding quick-tools rail
   ========================================================================== */

/*
 * Smart Catalogue Search
 * v1.1.6 = 107%; v1.1.7 = 102% (5 percentage points shorter).
 * The search remains the dominant header control without colliding with
 * Account & Lists / Compare / Wishlist / Cart.
 */
.wwx-search-wrap {
    width: 102%;
    max-width: calc(100% + 32px);
}

.wwx-search-popover {
    width: 102%;
    max-width: 880px;
}

/* Compact All Departments side drawer */
.wwx-side-drawer-card {
    width: min(330px, 82vw);
}

.wwx-side-userbar {
    min-height: 50px;
    padding: 0 15px;
}

.wwx-side-userbar a {
    gap: 8px;
    font-size: 14px;
}

.wwx-side-userbar span {
    font-size: 20px;
}

.wwx-side-userbar button {
    font-size: 27px;
}

.wwx-side-panel {
    min-height: calc(100vh - 50px);
}

.wwx-side-section {
    padding: 10px 0;
}

.wwx-side-section h3 {
    padding: 0 16px 6px;
    font-size: 14px;
    line-height: 1.25;
}

.wwx-side-section > a,
.wwx-side-next,
.wwx-side-location,
.wwx-side-back {
    min-height: 34px;
    padding: 5px 16px;
    gap: 10px;
    font-size: 14px;
    line-height: 1.25;
}

.wwx-side-next b {
    font-size: 18px;
}

.wwx-side-back {
    min-height: 38px;
    font-size: 14px;
}

.wwx-side-drawer-card {
    scrollbar-width: thin;
    overscroll-behavior: contain;
}

/*
 * Verified Quick Tools rail.
 * Handle is outside the hidden rail, so it remains visible at all times.
 * The internal list scrolls independently between header and Elysia.
 */
.wwx-floating-dock {
    position: fixed !important;
    right: 0 !important;
    top: 112px !important;
    bottom: 112px !important;
    z-index: 620 !important;
    width: 100px !important;
    transform: translateX(100%) !important;
    transition: transform 0.28s cubic-bezier(.2, .75, .25, 1) !important;
    pointer-events: none;
    overflow: visible !important;
}

.wwx-floating-dock.is-open {
    transform: translateX(0) !important;
}

.wwx-floating-dock .wwx-floating-toggle {
    position: absolute !important;
    left: -32px !important;
    top: 50% !important;
    width: 32px !important;
    min-height: 104px !important;
    transform: translateY(-50%) !important;
    z-index: 2;
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 8px 3px !important;
    border: 0 !important;
    border-radius: 10px 0 0 10px !important;
    background: var(--wwx-red) !important;
    color: #ffffff !important;
    box-shadow: -6px 9px 20px rgba(7, 19, 38, 0.18);
    cursor: pointer;
    pointer-events: auto !important;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.wwx-floating-dock .wwx-floating-toggle span,
.wwx-floating-dock .wwx-floating-toggle small {
    color: #ffffff !important;
}

.wwx-floating-dock .wwx-floating-toggle small {
    font-size: 14px !important;
    font-weight: 900;
}

.wwx-floating-dock .wwx-floating-toggle span {
    font-size: 21px !important;
    line-height: 1;
    transition: transform 0.2s ease;
}

.wwx-floating-dock.is-open .wwx-floating-toggle span {
    transform: rotate(180deg);
}

.wwx-floating-tools-scroll {
    width: 100px !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    pointer-events: auto;
    display: flex !important;
    flex-direction: column;
    gap: 6px;
    padding: 7px !important;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid var(--wwx-line);
    border-right: 0;
    border-radius: 13px 0 0 13px;
    box-shadow: 0 15px 36px rgba(5, 23, 52, 0.16);
}

.wwx-floating-tools-scroll > button,
.wwx-floating-tools-scroll > a {
    flex: 0 0 auto;
    width: 84px !important;
    min-height: 68px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    margin: 0 !important;
    padding: 6px !important;
    border: 1px solid var(--wwx-line) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    color: var(--wwx-ink) !important;
    box-shadow: 0 6px 15px rgba(5, 23, 52, 0.08);
    font-size: 14px !important;
    font-weight: 850;
    line-height: 1.15;
    text-align: center;
    cursor: pointer;
}

.wwx-floating-tools-scroll > button:first-child {
    background: var(--wwx-blue) !important;
    border-color: var(--wwx-blue) !important;
    color: #ffffff !important;
}

.wwx-floating-tools-scroll > button span,
.wwx-floating-tools-scroll > a span {
    color: var(--wwx-blue) !important;
    font-size: 19px !important;
}

.wwx-floating-tools-scroll > button:first-child span {
    color: #ffffff !important;
}

.wwx-floating-tools-scroll b {
    font-size: 14px;
    font-weight: 850;
}

/* Chat with Elysia always remains clear of the rail. */
.wwx-chat-bubble {
    right: 16px !important;
    bottom: 22px !important;
    z-index: 610 !important;
}

/* Laptop */
@media (max-width: 1366px) {
    .wwx-search-wrap {
        width: 100%;
        max-width: none;
    }

    .wwx-search-popover {
        width: 100%;
    }

    .wwx-side-drawer-card {
        width: min(310px, 80vw);
    }

    .wwx-side-section {
        padding: 8px 0;
    }

    .wwx-side-section h3 {
        padding: 0 14px 5px;
        font-size: 14px;
    }

    .wwx-side-section > a,
    .wwx-side-next,
    .wwx-side-location,
    .wwx-side-back {
        min-height: 31px;
        padding: 4px 14px;
        font-size: 14px;
    }

    .wwx-floating-dock {
        top: 96px !important;
        bottom: 92px !important;
        width: 94px !important;
    }

    .wwx-floating-tools-scroll {
        width: 94px !important;
    }

    .wwx-floating-tools-scroll > button,
    .wwx-floating-tools-scroll > a {
        width: 78px !important;
        min-height: 62px !important;
    }
}

/* Tablet */
@media (max-width: 1050px) {
    .wwx-side-drawer-card {
        width: min(300px, 78vw);
    }

    .wwx-side-section h3 {
        font-size: 14px;
    }

    .wwx-side-section > a,
    .wwx-side-next,
    .wwx-side-location,
    .wwx-side-back {
        min-height: 32px;
        font-size: 14px;
    }

    .wwx-floating-dock {
        top: 82px !important;
        bottom: 80px !important;
        width: 90px !important;
    }

    .wwx-floating-tools-scroll {
        width: 90px !important;
    }

    .wwx-floating-tools-scroll > button,
    .wwx-floating-tools-scroll > a {
        width: 74px !important;
        min-height: 60px !important;
    }
}

/* Mobile */
@media (max-width: 720px) {
    .wwx-side-drawer-card {
        width: min(290px, 86vw);
    }

    .wwx-side-userbar {
        min-height: 46px;
        padding: 0 13px;
    }

    .wwx-side-panel {
        min-height: calc(100vh - 46px);
    }

    .wwx-side-section {
        padding: 7px 0;
    }

    .wwx-side-section h3 {
        padding: 0 13px 4px;
        font-size: 14px;
    }

    .wwx-side-section > a,
    .wwx-side-next,
    .wwx-side-location,
    .wwx-side-back {
        min-height: 30px;
        padding: 4px 13px;
        font-size: 14px;
    }

    .wwx-floating-dock {
        top: 70px !important;
        bottom: 70px !important;
        width: 86px !important;
    }

    .wwx-floating-tools-scroll {
        width: 86px !important;
        padding: 6px !important;
    }

    .wwx-floating-tools-scroll > button,
    .wwx-floating-tools-scroll > a {
        width: 72px !important;
        min-height: 56px !important;
    }

    .wwx-floating-dock .wwx-floating-toggle {
        left: -29px !important;
        width: 29px !important;
        min-height: 92px !important;
    }
}

/* Small phones */
@media (max-width: 460px) {
    .wwx-side-drawer-card {
        width: min(280px, 88vw);
    }

    .wwx-side-section > a,
    .wwx-side-next,
    .wwx-side-location,
    .wwx-side-back {
        min-height: 29px;
        font-size: 14px;
    }
}


/* ==========================================================================
   v1.1.8 — Utility order, Account alignment, compact responsive side drawer
   ========================================================================== */

/* Top utility order and spacing */
.wwx-topline-left {
    gap: 18px;
}

.wwx-business-benefits {
    order: 1;
    font-weight: 750;
}

.wwx-topline-left .wwx-utility-menu {
    order: 2;
}

/* Account & Lists aligns with Compare / Wishlist / Cart */
.wwx-account-menu {
    display: flex;
    align-items: center;
}

.wwx-account-toggle {
    min-height: 34px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    padding: 0;
}

.wwx-account-toggle small,
.wwx-account-toggle b,
.wwx-account-toggle .wwx-account-chevron {
    font-size: 14px;
}

.wwx-account-toggle small {
    color: var(--wwx-muted);
    line-height: 1.05;
}

.wwx-account-toggle b {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--wwx-navy);
    line-height: 1.1;
}

.wwx-account-chevron {
    position: static !important;
    display: inline-block !important;
    min-width: 0 !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--wwx-muted) !important;
    font-style: normal;
    line-height: 1;
}

/* Defensive rule: never render notification badges inside Account & Lists. */
.wwx-account-menu i,
.wwx-account-menu .wwx-account-toggle i {
    display: none !important;
}

/* Align all action groups on the same visual baseline. */
.wwx-actions {
    align-items: center;
}

.wwx-actions > .wwx-action-btn,
.wwx-account-menu {
    min-height: 58px;
    justify-content: center;
}

.wwx-actions > .wwx-action-btn {
    min-width: 58px;
}

.wwx-actions > .wwx-action-btn small {
    font-size: 14px;
    line-height: 1.1;
}

/* All Departments drawer: 15% shorter on desktop/laptop, denser content. */
.wwx-side-drawer-card {
    top: 7.5vh;
    bottom: 7.5vh;
    width: min(300px, 78vw);
    height: 85vh;
    border-radius: 0 12px 12px 0;
}

.wwx-side-userbar {
    min-height: 44px;
    padding: 0 12px;
}

.wwx-side-userbar a {
    font-size: 14px;
}

.wwx-side-userbar span {
    font-size: 18px;
}

.wwx-side-userbar button {
    font-size: 24px;
}

.wwx-side-panel {
    min-height: auto;
}

.wwx-side-section {
    padding: 6px 0;
}

.wwx-side-section h3 {
    padding: 0 12px 4px;
    font-size: 14px;
    line-height: 1.2;
}

.wwx-side-section > a,
.wwx-side-next,
.wwx-side-location,
.wwx-side-back {
    min-height: 27px;
    padding: 3px 12px;
    gap: 8px;
    font-size: 14px;
    line-height: 1.15;
}

.wwx-side-primary-category {
    font-weight: 700;
}

.wwx-side-primary-category b {
    color: #98a2af;
    font-size: 15px;
    font-weight: 500;
}

.wwx-side-seeall {
    margin-top: 3px;
    padding-top: 7px !important;
    border-top: 1px solid var(--wwx-line);
}

/* Laptop */
@media (max-width: 1366px) {
    .wwx-side-drawer-card {
        top: 6vh;
        bottom: 6vh;
        width: min(285px, 76vw);
        height: 88vh;
    }

    .wwx-side-section {
        padding: 5px 0;
    }

    .wwx-side-section h3 {
        padding-inline: 11px;
        font-size: 14px;
    }

    .wwx-side-section > a,
    .wwx-side-next,
    .wwx-side-location,
    .wwx-side-back {
        min-height: 25px;
        padding: 3px 11px;
        font-size: 14px;
    }
}

/* Tablet */
@media (max-width: 1050px) {
    .wwx-side-drawer-card {
        top: 4vh;
        bottom: 4vh;
        width: min(280px, 82vw);
        height: 92vh;
        border-radius: 0 10px 10px 0;
    }

    .wwx-side-section > a,
    .wwx-side-next,
    .wwx-side-location,
    .wwx-side-back {
        min-height: 28px;
        font-size: 14px;
    }
}

/* Mobile */
@media (max-width: 720px) {
    .wwx-side-drawer-card {
        top: 2.5vh;
        bottom: 2.5vh;
        width: min(275px, 88vw);
        height: 95vh;
        border-radius: 0 9px 9px 0;
    }

    .wwx-side-userbar {
        min-height: 42px;
    }

    .wwx-side-section {
        padding: 5px 0;
    }

    .wwx-side-section h3 {
        font-size: 14px;
    }

    .wwx-side-section > a,
    .wwx-side-next,
    .wwx-side-location,
    .wwx-side-back {
        min-height: 29px;
        font-size: 14px;
        padding-inline: 11px;
    }
}

/* Small mobile */
@media (max-width: 460px) {
    .wwx-side-drawer-card {
        width: min(268px, 90vw);
    }

    .wwx-side-section > a,
    .wwx-side-next,
    .wwx-side-location,
    .wwx-side-back {
        font-size: 14px;
    }
}


/* v1.1.9 — compact Account & Lists control */
.wwx-account-toggle .wwx-account-icon,
.wwx-account-icon {
    display: none !important;
}


/* ==========================================================================
   v1.2.0 — Final homepage category campaign slider + visual polish
   Scope: homepage visual finishing only. Existing functionality preserved.
   ========================================================================== */

/* Homepage rhythm */
.wwx-home .wwx-section {
    padding-top: 44px;
    padding-bottom: 44px;
}

.wwx-home .wwx-section-head,
.wwx-home .wwx-products-head,
.wwx-home .wwx-panel-head {
    gap: 16px;
}

.wwx-home .wwx-section-head h2,
.wwx-home .wwx-panel-head h2 {
    letter-spacing: -0.025em;
}

.wwx-home .wwx-section-head h2 {
    font-size: clamp(26px, 2vw, 31px);
}

/* Final category campaign slider */
.wwx-category-hero-slider {
    isolation: isolate;
    background: #06152d;
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow:
        0 18px 46px rgba(7, 22, 46, 0.16),
        0 2px 8px rgba(7, 22, 46, 0.08);
}

.wwx-category-slide {
    background:
        radial-gradient(circle at 79% 44%, rgba(11, 103, 213, 0.46), transparent 29%),
        radial-gradient(circle at 66% 65%, rgba(239, 22, 40, 0.18), transparent 23%),
        linear-gradient(118deg, #050c18 0%, #07182d 48%, #0a397b 100%);
}

.wwx-category-slide:nth-child(3n + 2) {
    background:
        radial-gradient(circle at 79% 44%, rgba(239, 22, 40, 0.26), transparent 27%),
        radial-gradient(circle at 68% 65%, rgba(11, 103, 213, 0.32), transparent 25%),
        linear-gradient(118deg, #07182d 0%, #082652 55%, #091322 100%);
}

.wwx-category-slide:nth-child(3n + 3) {
    background:
        radial-gradient(circle at 80% 46%, rgba(11, 103, 213, 0.36), transparent 30%),
        linear-gradient(118deg, #070a10 0%, #08172c 52%, #2a0a12 118%);
}

.wwx-category-slide-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(3, 11, 25, 0.96) 0%, rgba(3, 11, 25, 0.79) 42%, rgba(3, 11, 25, 0.12) 72%, transparent 100%),
        repeating-linear-gradient(135deg, transparent 0 62px, rgba(255, 255, 255, 0.018) 63px 64px);
}

.wwx-category-slide .wwx-hero-copy {
    width: 55%;
    padding-top: 52px;
}

.wwx-category-slide .wwx-hero-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid rgba(89, 163, 255, 0.38);
    border-radius: 5px;
    background: rgba(6, 39, 82, 0.46);
    color: #ddecff;
    backdrop-filter: blur(7px);
}

.wwx-category-slide .wwx-hero-copy h1 {
    max-width: 650px;
    margin-top: 15px;
    margin-bottom: 13px;
    font-size: clamp(38px, 3.1vw, 58px);
    letter-spacing: -0.045em;
    text-shadow: 0 4px 18px rgba(0, 0, 0, 0.24);
}

.wwx-category-slide .wwx-hero-copy h1 em {
    color: #ff2338;
}

.wwx-category-slide .wwx-hero-copy p {
    max-width: 570px;
    margin: 0;
    color: #d6dfeb;
    font-size: 14px;
    line-height: 1.65;
}

.wwx-category-slide .wwx-hero-actions {
    margin-top: 22px;
}

.wwx-category-slide .wwx-btn {
    min-height: 42px;
    padding-inline: 16px;
    border-radius: 7px;
    font-size: 14px;
}

.wwx-category-art {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 51%;
    height: 100%;
    display: grid;
    place-items: center;
    overflow: hidden;
    pointer-events: none;
}

.wwx-category-art::before {
    content: "";
    position: absolute;
    width: 62%;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 0 0 34px rgba(11, 79, 174, 0.05),
        0 0 0 70px rgba(239, 22, 40, 0.025);
}

.wwx-category-art img {
    position: relative;
    z-index: 2;
    width: 94%;
    height: 94%;
    object-fit: contain;
    filter: drop-shadow(0 28px 34px rgba(0, 0, 0, 0.32));
    transform: translateX(3%);
}

.wwx-category-hero-slider .wwx-slider-prev,
.wwx-category-hero-slider .wwx-slider-next {
    width: 34px;
    height: 34px;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 7px 18px rgba(0, 0, 0, 0.18);
}

.wwx-category-hero-slider .wwx-slider-dots {
    bottom: 14px;
    max-width: 72%;
    padding: 5px 8px;
    gap: 5px;
    border-radius: 999px;
    background: rgba(3, 11, 25, 0.32);
    backdrop-filter: blur(7px);
}

.wwx-category-hero-slider .wwx-slider-dots button {
    width: 7px;
    height: 7px;
    padding: 0;
    cursor: pointer;
}

.wwx-category-hero-slider .wwx-slider-dots button.is-active {
    width: 18px;
    border-radius: 999px;
}

/* Existing homepage components: beautification only */
.wwx-home .wwx-promo-card {
    box-shadow: 0 10px 28px rgba(7, 22, 46, 0.11);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wwx-home .wwx-promo-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(7, 22, 46, 0.15);
}

.wwx-home .wwx-benefits-grid {
    box-shadow: 0 8px 24px rgba(7, 22, 46, 0.055);
}

.wwx-home .wwx-cat-image,
.wwx-home .wwx-cat-icon {
    box-shadow: 0 5px 16px rgba(7, 22, 46, 0.045);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.wwx-home .wwx-cat-card:hover .wwx-cat-image,
.wwx-home .wwx-cat-card:hover .wwx-cat-icon {
    transform: translateY(-2px);
    box-shadow: 0 13px 26px rgba(7, 22, 46, 0.10);
}

.wwx-home .wwx-panel {
    box-shadow: 0 9px 26px rgba(7, 22, 46, 0.06);
}

.wwx-home .wwx-brand-offer {
    box-shadow: 0 12px 30px rgba(7, 22, 46, 0.09);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.wwx-home .wwx-brand-offer:hover {
    transform: translateY(-2px);
    box-shadow: 0 17px 36px rgba(7, 22, 46, 0.13);
}

.wwx-home .woocommerce ul.products li.product {
    box-shadow: 0 5px 18px rgba(7, 22, 46, 0.045);
}

.wwx-home .woocommerce ul.products li.product:hover {
    box-shadow: 0 14px 32px rgba(7, 22, 46, 0.10);
}

/* Laptop */
@media (max-width: 1320px) and (min-width: 1051px) {
    .wwx-category-slide .wwx-hero-copy {
        width: 58%;
        padding-top: 44px;
    }

    .wwx-category-slide .wwx-hero-copy h1 {
        font-size: clamp(36px, 3.2vw, 48px);
    }

    .wwx-category-art {
        width: 48%;
    }
}

/* Tablet */
@media (max-width: 1050px) {
    .wwx-category-slide .wwx-hero-copy {
        width: 58%;
        padding: 44px 0 0 38px;
    }

    .wwx-category-art {
        width: 48%;
        opacity: 0.88;
    }
}

/* Mobile */
@media (max-width: 720px) {
    .wwx-category-hero-slider {
        height: 520px;
    }

    .wwx-category-slide .wwx-hero-copy {
        width: 100%;
        padding: 30px 24px 0;
    }

    .wwx-category-slide .wwx-hero-copy h1 {
        max-width: 100%;
        font-size: clamp(32px, 10vw, 42px);
    }

    .wwx-category-slide .wwx-hero-copy p {
        max-width: 96%;
        font-size: 14px;
        line-height: 1.55;
    }

    .wwx-category-slide .wwx-hero-actions {
        margin-top: 17px;
    }

    .wwx-category-art {
        top: auto;
        bottom: 0;
        width: 100%;
        height: 45%;
        opacity: 0.54;
    }

    .wwx-category-art img {
        width: 88%;
        height: 100%;
        transform: none;
    }

    .wwx-category-slide-bg {
        background:
            linear-gradient(180deg, rgba(3, 11, 25, 0.97) 0%, rgba(3, 11, 25, 0.85) 56%, rgba(3, 11, 25, 0.26) 100%);
    }

    .wwx-category-hero-slider .wwx-slider-prev,
    .wwx-category-hero-slider .wwx-slider-next {
        top: 60%;
    }

    .wwx-category-hero-slider .wwx-slider-dots {
        max-width: calc(100% - 84px);
        overflow: hidden;
    }

    .wwx-home .wwx-section {
        padding-top: 36px;
        padding-bottom: 36px;
    }
}

/* Small phones */
@media (max-width: 460px) {
    .wwx-category-slide .wwx-hero-copy {
        padding-inline: 20px;
    }

    .wwx-category-slide .wwx-hero-copy h1 {
        font-size: 32px;
    }

    .wwx-category-slide .wwx-btn {
        min-height: 40px;
        padding-inline: 13px;
        font-size: 14px;
    }
}


/* ==========================================================================
   v1.2.0 FINAL — Day / Night View
   Persists user choice, honours system preference on first visit.
   Brand colours remain Electrical Xpress red / blue / navy.
   ========================================================================== */

:root {
    color-scheme: light;
}

html[data-wwx-theme="dark"] {
    color-scheme: dark;

    --wwx-text: #e9eef7;
    --wwx-muted: #a9b5c6;
    --wwx-line: #26364c;
    --wwx-soft: #111c2c;
    --wwx-shadow: 0 14px 34px rgba(0, 0, 0, 0.28);
}

/* Toggle */
.wwx-theme-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px;
    padding: 3px 8px;
    border: 1px solid var(--wwx-line);
    border-radius: 999px;
    background: #ffffff;
    color: var(--wwx-navy);
    font-size: 14px;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: background .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.wwx-theme-toggle:hover {
    border-color: rgba(11, 79, 174, .45);
    box-shadow: 0 5px 14px rgba(7, 24, 45, .08);
}

.wwx-theme-toggle-icon {
    width: 15px;
    height: 15px;
    display: grid;
    place-items: center;
    font-size: 14px;
}

.wwx-theme-moon {
    display: none;
}

html[data-wwx-theme="dark"] .wwx-theme-toggle {
    background: #101d30;
    color: #ffffff;
    border-color: #30435d;
}

html[data-wwx-theme="dark"] .wwx-theme-sun {
    display: none;
}

html[data-wwx-theme="dark"] .wwx-theme-moon {
    display: grid;
}

/* Global surfaces */
html[data-wwx-theme="dark"] body {
    background: #091321;
    color: #e9eef7;
}

html[data-wwx-theme="dark"] .wwx-topline,
html[data-wwx-theme="dark"] .wwx-header,
html[data-wwx-theme="dark"] .wwx-navrow,
html[data-wwx-theme="dark"] .wwx-search-popover,
html[data-wwx-theme="dark"] .wwx-account-dropdown,
html[data-wwx-theme="dark"] .wwx-utility-dropdown,
html[data-wwx-theme="dark"] .wwx-side-drawer-card,
html[data-wwx-theme="dark"] .wwx-side-panel,
html[data-wwx-theme="dark"] .wwx-side-section > a,
html[data-wwx-theme="dark"] .wwx-side-next,
html[data-wwx-theme="dark"] .wwx-side-location,
html[data-wwx-theme="dark"] .wwx-side-back,
html[data-wwx-theme="dark"] .wwx-location-card,
html[data-wwx-theme="dark"] .wwx-drawer-card,
html[data-wwx-theme="dark"] .wwx-modal-card,
html[data-wwx-theme="dark"] .wwx-mini-cart,
html[data-wwx-theme="dark"] .wwx-panel,
html[data-wwx-theme="dark"] .wwx-product-panel,
html[data-wwx-theme="dark"] .wwx-newsletter,
html[data-wwx-theme="dark"] .wwx-floating-tools-scroll {
    background: #101b2b;
    color: #e9eef7;
    border-color: #26364c;
}

html[data-wwx-theme="dark"] .wwx-topline {
    border-bottom-color: #26364c;
}

html[data-wwx-theme="dark"] .wwx-header {
    box-shadow: 0 10px 28px rgba(0,0,0,.18);
}

html[data-wwx-theme="dark"] .wwx-smart-search {
    background: #0d1725;
    border-color: var(--wwx-blue);
    box-shadow: 0 8px 22px rgba(0,0,0,.18);
}

html[data-wwx-theme="dark"] .wwx-smart-search input,
html[data-wwx-theme="dark"] .wwx-smart-search select {
    background: #0d1725;
    color: #eef3fa;
    border-color: #26364c;
}

html[data-wwx-theme="dark"] .wwx-smart-search input::placeholder {
    color: #8897aa;
}

html[data-wwx-theme="dark"] .wwx-trending {
    color: #9aa8ba;
}

html[data-wwx-theme="dark"] .wwx-trending a {
    background: #17243a;
    color: #d7e2f1;
}

html[data-wwx-theme="dark"] .wwx-account-toggle,
html[data-wwx-theme="dark"] .wwx-account-toggle b,
html[data-wwx-theme="dark"] .wwx-action-btn,
html[data-wwx-theme="dark"] .wwx-business-benefits,
html[data-wwx-theme="dark"] .wwx-topline a,
html[data-wwx-theme="dark"] .wwx-topline button,
html[data-wwx-theme="dark"] .wwx-support-top {
    color: #e9eef7;
}

html[data-wwx-theme="dark"] .wwx-account-toggle small,
html[data-wwx-theme="dark"] .wwx-support-top b,
html[data-wwx-theme="dark"] .wwx-support-top strong,
html[data-wwx-theme="dark"] .wwx-account-chevron {
    color: #a9b5c6 !important;
}

html[data-wwx-theme="dark"] .wwx-account-columns a,
html[data-wwx-theme="dark"] .wwx-utility-dropdown a,
html[data-wwx-theme="dark"] .wwx-side-section > a,
html[data-wwx-theme="dark"] .wwx-side-next,
html[data-wwx-theme="dark"] .wwx-side-location,
html[data-wwx-theme="dark"] .wwx-side-back {
    color: #dce5f1;
}

html[data-wwx-theme="dark"] .wwx-account-columns > div + div,
html[data-wwx-theme="dark"] .wwx-side-section,
html[data-wwx-theme="dark"] .wwx-search-product,
html[data-wwx-theme="dark"] .wwx-account-dropdown > p {
    border-color: #26364c;
}

html[data-wwx-theme="dark"] .wwx-utility-dropdown a:hover,
html[data-wwx-theme="dark"] .wwx-side-section > a:hover,
html[data-wwx-theme="dark"] .wwx-side-next:hover,
html[data-wwx-theme="dark"] .wwx-side-location:hover {
    background: #18263a;
}

html[data-wwx-theme="dark"] .wwx-location-head {
    background: #152236;
    border-color: #26364c;
}

html[data-wwx-theme="dark"] .wwx-location-body p {
    color: #a9b5c6;
}

html[data-wwx-theme="dark"] #wwx-location-form input,
html[data-wwx-theme="dark"] .wwx-modal-card input,
html[data-wwx-theme="dark"] .wwx-modal-card textarea,
html[data-wwx-theme="dark"] #wwx-ai-form textarea {
    background: #0b1523;
    color: #eef3fa;
    border-color: #30435d;
}

html[data-wwx-theme="dark"] .wwx-location-result.is-loading {
    background: #15243a;
    color: #b9d5ff;
}

html[data-wwx-theme="dark"] .wwx-location-result.is-success {
    background: #0e2341;
    color: #e5f0ff;
    border-color: #245b9d;
}

html[data-wwx-theme="dark"] .wwx-location-result.is-unavailable,
html[data-wwx-theme="dark"] .wwx-location-result.is-error {
    background: #2b1118;
    color: #ffc9d0;
    border-color: #79303b;
}

/* Homepage cards and merchandising */
html[data-wwx-theme="dark"] .wwx-home {
    background: #091321;
}

html[data-wwx-theme="dark"] .wwx-home .wwx-cat-card,
html[data-wwx-theme="dark"] .wwx-home .wwx-cat-image,
html[data-wwx-theme="dark"] .wwx-home .wwx-cat-icon,
html[data-wwx-theme="dark"] .wwx-home .wwx-benefits-grid,
html[data-wwx-theme="dark"] .wwx-home .wwx-benefit,
html[data-wwx-theme="dark"] .wwx-home .wwx-brand-offer,
html[data-wwx-theme="dark"] .wwx-home .woocommerce ul.products li.product {
    background: #101b2b;
    color: #e9eef7;
    border-color: #26364c;
}

html[data-wwx-theme="dark"] .wwx-home .wwx-cat-card strong,
html[data-wwx-theme="dark"] .wwx-home .wwx-section-head h2,
html[data-wwx-theme="dark"] .wwx-home .wwx-panel-head h2,
html[data-wwx-theme="dark"] .wwx-home .woocommerce ul.products li.product .woocommerce-loop-product__title {
    color: #eef3fa;
}

html[data-wwx-theme="dark"] .wwx-home .wwx-cat-card small,
html[data-wwx-theme="dark"] .wwx-home .wwx-benefit small,
html[data-wwx-theme="dark"] .wwx-home .woocommerce ul.products li.product .price {
    color: #a9b5c6;
}

html[data-wwx-theme="dark"] .wwx-home .wwx-panel,
html[data-wwx-theme="dark"] .wwx-home .wwx-product-panel {
    box-shadow: 0 12px 34px rgba(0,0,0,.18);
}

/* WooCommerce / content surfaces */
html[data-wwx-theme="dark"] .woocommerce,
html[data-wwx-theme="dark"] .woocommerce-page,
html[data-wwx-theme="dark"] .wwt-main,
html[data-wwx-theme="dark"] .wwt-content,
html[data-wwx-theme="dark"] article,
html[data-wwx-theme="dark"] .site-main {
    color: #e9eef7;
}

html[data-wwx-theme="dark"] .woocommerce table.shop_table,
html[data-wwx-theme="dark"] .woocommerce form.checkout,
html[data-wwx-theme="dark"] .woocommerce form.login,
html[data-wwx-theme="dark"] .woocommerce form.register,
html[data-wwx-theme="dark"] .woocommerce .cart-collaterals .cart_totals,
html[data-wwx-theme="dark"] .woocommerce-checkout-review-order,
html[data-wwx-theme="dark"] .woocommerce-MyAccount-navigation,
html[data-wwx-theme="dark"] .woocommerce-MyAccount-content {
    background: #101b2b;
    color: #e9eef7;
    border-color: #26364c;
}

html[data-wwx-theme="dark"] .woocommerce input.input-text,
html[data-wwx-theme="dark"] .woocommerce textarea,
html[data-wwx-theme="dark"] .woocommerce select {
    background: #0b1523;
    color: #eef3fa;
    border-color: #30435d;
}

/* Footer stays intentionally navy in both modes */
html[data-wwx-theme="dark"] .wwt-footer {
    background: #050d18;
}

/* System-level smooth theme transition without animating layout */
@media (prefers-reduced-motion: no-preference) {
    body,
    .wwx-topline,
    .wwx-header,
    .wwx-panel,
    .wwx-product-panel,
    .wwx-cat-card,
    .wwx-account-dropdown,
    .wwx-utility-dropdown,
    .wwx-side-drawer-card,
    .wwx-location-card {
        transition:
            background-color .22s ease,
            color .22s ease,
            border-color .22s ease,
            box-shadow .22s ease;
    }
}

/* Compact mobile toggle */
@media (max-width: 720px) {
    .wwx-theme-toggle {
        min-height: 27px;
        padding: 3px 7px;
    }

    .wwx-theme-toggle-label {
        display: none;
    }
}


/* ==========================================================================
   v1.2.0 FINAL LOCK — Electrical Xpress identity + dependable Day/Night mode
   Dominant logo colours sampled from bundled Electrical Xpress artwork:
   Red #EE0B27 | Blue #004CA2
   ========================================================================== */

:root {
    --wwx-logo-red: #ee0b27;
    --wwx-logo-blue: #004ca2;
    --wwx-red: #ee0b27;
    --wwx-red-dark: #b9081e;
    --wwx-blue: #004ca2;
    --wwx-navy: #00336d;
    color-scheme: light;
}

/* Remove legacy yellow / gold interface accents. */
.wwx-smart-search {
    border-color: var(--wwx-blue) !important;
}

.wwx-smart-search button,
.wwx-account-signin,
.wwx-location-signin,
#wwx-location-form button,
#wwx-ai-form .wwx-ai-actions > button,
.wwx-floating-dock .wwx-floating-toggle {
    background: var(--wwx-red) !important;
    color: #fff !important;
    border-color: var(--wwx-red) !important;
}

.wwx-smart-search button:hover,
.wwx-account-signin:hover,
.wwx-location-signin:hover,
#wwx-location-form button:hover,
#wwx-ai-form .wwx-ai-actions > button:hover {
    background: var(--wwx-red-dark) !important;
}

/* Day / Night and system clock */
.wwx-view-tools {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex: 0 0 auto;
}

.wwx-theme-toggle {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 4px 9px;
    border: 1px solid #d9e1eb;
    border-radius: 999px;
    background: #fff;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
}

.wwx-theme-toggle-icon {
    width: 15px;
    display: inline-grid;
    place-items: center;
    color: var(--wwx-red);
    font-size: 14px;
}

.wwx-system-clock {
    min-width: 64px;
    color: var(--wwx-blue);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    font-weight: 850;
    letter-spacing: .015em;
}

/*
 * Night mode deliberately uses neutral near-black surfaces with ONLY
 * Electrical Xpress red and blue as chromatic accents.
 */
html[data-wwx-theme="dark"],
html.wwx-dark {
    color-scheme: dark;
    --wwx-text: #eef3f9;
    --wwx-muted: #9ba9bb;
    --wwx-line: #26364b;
    --wwx-soft: #121c2a;
    --wwx-shadow: 0 15px 38px rgba(0, 0, 0, .34);
}

html[data-wwx-theme="dark"] body,
html.wwx-dark body {
    background: #080d14 !important;
    color: #eef3f9 !important;
}

html[data-wwx-theme="dark"] .wwx-topline,
html[data-wwx-theme="dark"] .wwx-header,
html[data-wwx-theme="dark"] .wwx-navrow,
html[data-wwx-theme="dark"] .wwx-search-popover,
html[data-wwx-theme="dark"] .wwx-account-dropdown,
html[data-wwx-theme="dark"] .wwx-utility-dropdown,
html[data-wwx-theme="dark"] .wwx-side-drawer-card,
html[data-wwx-theme="dark"] .wwx-side-panel,
html[data-wwx-theme="dark"] .wwx-side-section > a,
html[data-wwx-theme="dark"] .wwx-side-next,
html[data-wwx-theme="dark"] .wwx-side-location,
html[data-wwx-theme="dark"] .wwx-side-back,
html[data-wwx-theme="dark"] .wwx-location-card,
html[data-wwx-theme="dark"] .wwx-drawer-card,
html[data-wwx-theme="dark"] .wwx-modal-card,
html[data-wwx-theme="dark"] .wwx-mini-cart,
html[data-wwx-theme="dark"] .wwx-panel,
html[data-wwx-theme="dark"] .wwx-product-panel,
html[data-wwx-theme="dark"] .wwx-floating-tools-scroll,
html[data-wwx-theme="dark"] .wwx-home .wwx-cat-card,
html[data-wwx-theme="dark"] .wwx-home .wwx-cat-image,
html[data-wwx-theme="dark"] .wwx-home .wwx-cat-icon,
html[data-wwx-theme="dark"] .wwx-home .wwx-benefits-grid,
html[data-wwx-theme="dark"] .wwx-home .wwx-benefit,
html[data-wwx-theme="dark"] .wwx-home .wwx-brand-offer,
html[data-wwx-theme="dark"] .wwx-home .woocommerce ul.products li.product,
html.wwx-dark .wwx-topline,
html.wwx-dark .wwx-header,
html.wwx-dark .wwx-navrow,
html.wwx-dark .wwx-search-popover,
html.wwx-dark .wwx-account-dropdown,
html.wwx-dark .wwx-utility-dropdown,
html.wwx-dark .wwx-side-drawer-card,
html.wwx-dark .wwx-side-panel,
html.wwx-dark .wwx-location-card,
html.wwx-dark .wwx-drawer-card,
html.wwx-dark .wwx-modal-card,
html.wwx-dark .wwx-panel,
html.wwx-dark .wwx-product-panel,
html.wwx-dark .wwx-floating-tools-scroll {
    background: #101721 !important;
    color: #eef3f9 !important;
    border-color: #26364b !important;
}

html[data-wwx-theme="dark"] .wwx-home,
html.wwx-dark .wwx-home,
html[data-wwx-theme="dark"] .wwt-main,
html.wwx-dark .wwt-main {
    background: #080d14 !important;
    color: #eef3f9 !important;
}

html[data-wwx-theme="dark"] .wwx-smart-search,
html.wwx-dark .wwx-smart-search {
    background: #0b111a !important;
    border-color: var(--wwx-blue) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .32);
}

html[data-wwx-theme="dark"] .wwx-smart-search input,
html[data-wwx-theme="dark"] .wwx-smart-search select,
html.wwx-dark .wwx-smart-search input,
html.wwx-dark .wwx-smart-search select {
    background: #0b111a !important;
    color: #f2f5f9 !important;
    border-color: #26364b !important;
}

html[data-wwx-theme="dark"] .wwx-smart-search input::placeholder,
html.wwx-dark .wwx-smart-search input::placeholder {
    color: #8b99aa !important;
}

html[data-wwx-theme="dark"] .wwx-trending a,
html.wwx-dark .wwx-trending a {
    background: #172131 !important;
    color: #dbe4ef !important;
}

html[data-wwx-theme="dark"] .wwx-topline a,
html[data-wwx-theme="dark"] .wwx-topline button,
html[data-wwx-theme="dark"] .wwx-account-toggle,
html[data-wwx-theme="dark"] .wwx-account-toggle b,
html[data-wwx-theme="dark"] .wwx-action-btn,
html[data-wwx-theme="dark"] .wwx-system-clock,
html.wwx-dark .wwx-topline a,
html.wwx-dark .wwx-topline button,
html.wwx-dark .wwx-account-toggle,
html.wwx-dark .wwx-account-toggle b,
html.wwx-dark .wwx-action-btn,
html.wwx-dark .wwx-system-clock {
    color: #eef3f9 !important;
}

html[data-wwx-theme="dark"] .wwx-account-toggle small,
html[data-wwx-theme="dark"] .wwx-account-chevron,
html[data-wwx-theme="dark"] .wwx-support-top b,
html[data-wwx-theme="dark"] .wwx-support-top strong,
html.wwx-dark .wwx-account-toggle small,
html.wwx-dark .wwx-account-chevron,
html.wwx-dark .wwx-support-top b,
html.wwx-dark .wwx-support-top strong {
    color: #9ba9bb !important;
}

html[data-wwx-theme="dark"] .wwx-theme-toggle,
html.wwx-dark .wwx-theme-toggle {
    background: #111a27 !important;
    color: #fff !important;
    border-color: #30445f !important;
}

html[data-wwx-theme="dark"] .wwx-theme-toggle-icon,
html.wwx-dark .wwx-theme-toggle-icon {
    color: var(--wwx-logo-red) !important;
}

/* Generic WordPress / WooCommerce surfaces in Night mode. */
html[data-wwx-theme="dark"] .woocommerce table.shop_table,
html[data-wwx-theme="dark"] .woocommerce form.checkout,
html[data-wwx-theme="dark"] .woocommerce form.login,
html[data-wwx-theme="dark"] .woocommerce form.register,
html[data-wwx-theme="dark"] .woocommerce .cart-collaterals .cart_totals,
html[data-wwx-theme="dark"] .woocommerce-checkout-review-order,
html[data-wwx-theme="dark"] .woocommerce-MyAccount-navigation,
html[data-wwx-theme="dark"] .woocommerce-MyAccount-content,
html.wwx-dark .woocommerce table.shop_table,
html.wwx-dark .woocommerce form.checkout,
html.wwx-dark .woocommerce form.login,
html.wwx-dark .woocommerce form.register,
html.wwx-dark .woocommerce .cart-collaterals .cart_totals,
html.wwx-dark .woocommerce-checkout-review-order,
html.wwx-dark .woocommerce-MyAccount-navigation,
html.wwx-dark .woocommerce-MyAccount-content {
    background: #101721 !important;
    color: #eef3f9 !important;
    border-color: #26364b !important;
}

html[data-wwx-theme="dark"] input,
html[data-wwx-theme="dark"] textarea,
html[data-wwx-theme="dark"] select,
html.wwx-dark input,
html.wwx-dark textarea,
html.wwx-dark select {
    color-scheme: dark;
}

html[data-wwx-theme="dark"] .woocommerce input.input-text,
html[data-wwx-theme="dark"] .woocommerce textarea,
html[data-wwx-theme="dark"] .woocommerce select,
html.wwx-dark .woocommerce input.input-text,
html.wwx-dark .woocommerce textarea,
html.wwx-dark .woocommerce select {
    background: #0b111a !important;
    color: #eef3f9 !important;
    border-color: #30445f !important;
}

/* Footer stays deep blue/black in both modes and remains brand-consistent. */
.wwt-footer {
    background: #06152e;
}

html[data-wwx-theme="dark"] .wwt-footer,
html.wwx-dark .wwt-footer {
    background: #04080d !important;
}

/* Responsive utility controls */
@media (max-width: 1050px) {
    .wwx-view-tools {
        gap: 5px;
    }

    .wwx-system-clock {
        min-width: 58px;
        font-size: 14px;
    }

    .wwx-theme-toggle {
        padding-inline: 7px;
    }
}

@media (max-width: 720px) {
    .wwx-theme-toggle-label {
        display: none;
    }

    .wwx-theme-toggle {
        width: 30px;
        min-width: 30px;
        padding: 0;
    }

    .wwx-system-clock {
        display: none;
    }
}

/* ==========================================================================
   v1.2.1 FINAL — Commerce homepage enhancements and night-mode contrast
   ========================================================================== */
.wwx-logo-night{
display:none!important}
html[data-wwx-theme="dark"] .wwx-logo-day,html.wwx-dark .wwx-logo-day{
display:none!important}
html[data-wwx-theme="dark"] .wwx-logo-night,html.wwx-dark .wwx-logo-night{
display:block!important}
.wwx-brand-logo .wwx-logo-day,.wwx-brand-logo .wwx-logo-night{
width:auto;
max-width:270px;
max-height:76px;
object-fit:contain}
.wwx-footer-brand .wwx-footer-logo{
max-width:250px}

.wwx-mini-campaigns{
padding:24px 0 10px;
background:#fff}
.wwx-mini-campaign-slider{
position:relative;
height:250px;
overflow:hidden;
border-radius:15px;
box-shadow:0 13px 34px rgba(6,24,48,.10)}
.wwx-mini-campaign{
position:absolute;
inset:0;
display:grid;
grid-template-columns:54% 46%;
align-items:center;
opacity:0;
visibility:hidden;
transform:translateX(16px);
transition:opacity .35s ease,transform .35s ease,visibility .35s ease;
overflow:hidden}
.wwx-mini-campaign.is-active{
opacity:1;
visibility:visible;
transform:none}
.wwx-mini-campaign-bg{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover}
.wwx-mini-campaign-copy{
position:relative;
z-index:2;
padding:34px 0 34px 58px;
color:#fff}
.wwx-mini-campaign-copy>span{
display:block;
margin-bottom:6px;
color:#b9d7ff;
font-size:14px;
font-weight:900;
letter-spacing:.09em;
text-transform:uppercase}
.wwx-mini-campaign-copy h2{
max-width:510px;
margin:0 0 8px;
color:#fff;
font-size:clamp(27px,2.2vw,36px);
line-height:1.05;
letter-spacing:-.035em}
.wwx-mini-campaign-copy p{
max-width:490px;
margin:0 0 16px;
color:#dbe6f5;
font-size:14px}
.wwx-mini-campaign-copy a{
display:inline-flex;
align-items:center;
min-height:35px;
padding:0 12px;
border-radius:6px;
background:#fff;
color:var(--wwx-blue);
font-size:14px;
font-weight:900}
.wwx-mini-campaign-art{
position:relative;
z-index:1;
justify-self:center;
width:82%;
height:220px;
object-fit:contain;
filter:drop-shadow(0 20px 26px rgba(0,0,0,.28))}
.wwx-mini-prev,.wwx-mini-next{
position:absolute;
z-index:5;
top:50%;
width:32px;
height:32px;
transform:translateY(-50%);
border:0;
border-radius:50%;
background:rgba(255,255,255,.92);
color:var(--wwx-blue);
box-shadow:0 5px 16px rgba(0,0,0,.18);
cursor:pointer}
.wwx-mini-prev{
left:12px}
.wwx-mini-next{
right:12px}
.wwx-mini-dots{
position:absolute;
z-index:6;
bottom:11px;
left:50%;
display:flex;
gap:5px;
transform:translateX(-50%)}
.wwx-mini-dots button{
width:7px;
height:7px;
padding:0;
border:0;
border-radius:999px;
background:rgba(255,255,255,.52);
cursor:pointer}
.wwx-mini-dots button.is-active{
width:18px;
background:var(--wwx-red)}

.wwx-product-showcase{
display:grid;
grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);
gap:16px;
align-items:stretch}
.wwx-showcase-products{
min-width:0;
overflow:hidden;
border:1px solid var(--wwx-line);
border-radius:14px;
background:#fff;
box-shadow:0 9px 28px rgba(6,24,48,.055)}
.wwx-showcase-products .woocommerce ul.products{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:0!important;
margin:0!important}
.wwx-showcase-products .woocommerce ul.products li.product{
width:auto!important;
margin:0!important;
padding:14px!important;
border:0!important;
border-right:1px solid var(--wwx-line)!important;
border-bottom:1px solid var(--wwx-line)!important;
border-radius:0!important;
box-shadow:none!important;
background:#fff}
.wwx-showcase-products .woocommerce ul.products li.product:nth-child(4n){
border-right:0!important}
.wwx-showcase-products .woocommerce ul.products li.product img{
aspect-ratio:1/1;
object-fit:contain;
margin-bottom:10px}
.wwx-showcase-products .woocommerce-loop-product__title{
min-height:38px;
font-size:14px!important;
line-height:1.3}
.wwx-showcase-products .price{
font-size:14px!important}
.wwx-showcase-promo{
position:relative;
min-height:100%;
overflow:hidden;
display:flex;
align-items:flex-end;
border-radius:14px;
background:linear-gradient(145deg,#06152e,#004ca2);
color:#fff;
box-shadow:0 13px 32px rgba(6,24,48,.14)}
.wwx-showcase-promo>img{
position:absolute;
inset:0;
width:100%;
height:72%;
object-fit:contain;
opacity:.92;
transform:translateY(-2%)}
.wwx-showcase-promo::after{
content:"";
position:absolute;
inset:38% 0 0;
background:linear-gradient(180deg,transparent,rgba(3,10,22,.93))}
.wwx-showcase-promo>div{
position:relative;
z-index:2;
padding:26px}
.wwx-showcase-promo span{
color:#c8ddff;
font-size:14px;
font-weight:900;
letter-spacing:.12em}
.wwx-showcase-promo h3{
margin:5px 0 8px;
color:#fff;
font-size:25px;
line-height:1.08}
.wwx-showcase-promo p{
margin:0 0 12px;
color:#d9e4f1;
font-size:14px}
.wwx-showcase-promo b{
color:#fff;
font-size:14px}

.wwx-deal-centre-grid{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:16px;
align-items:stretch}
.wwx-deal-main{
min-height:470px}
.wwx-deal-offers{
display:grid;
grid-template-columns:1fr 1fr;
grid-template-rows:1fr 1fr;
gap:14px}
.wwx-deal-feature{
position:relative;
overflow:hidden;
min-height:220px;
display:flex;
align-items:flex-end;
border-radius:14px;
color:#fff;
box-shadow:0 11px 28px rgba(6,24,48,.12)}
.wwx-deal-special{
grid-column:1/-1;
background:linear-gradient(120deg,#eef2f6,#bcc7d3);
color:#07182d}
.wwx-deal-today{
background:linear-gradient(145deg,#00336d,#004ca2)}
.wwx-deal-saving{
background:linear-gradient(145deg,#090c12,#222936)}
.wwx-deal-feature>img{
position:absolute;
right:-4%;
top:0;
width:58%;
height:100%;
object-fit:contain;
opacity:.9}
.wwx-deal-feature::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,rgba(3,9,18,.74),rgba(3,9,18,.08))}
.wwx-deal-special::after{
background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.08))}
.wwx-deal-feature>div{
position:relative;
z-index:2;
width:59%;
padding:22px}
.wwx-deal-feature span{
font-size:14px;
font-weight:900;
letter-spacing:.11em}
.wwx-deal-feature h3{
margin:5px 0 6px;
color:inherit;
font-size:21px;
line-height:1.08}
.wwx-deal-feature p{
margin:0 0 10px;
color:inherit;
opacity:.82;
font-size:14px}
.wwx-deal-feature b{
font-size:14px}
.wwx-preserved-product-panels{
display:grid;
grid-template-columns:1fr 1fr;
gap:16px;
margin-top:16px}

/* Night mode contrast repair */
html[data-wwx-theme="dark"] h1,html[data-wwx-theme="dark"] h2,html[data-wwx-theme="dark"] h3,html[data-wwx-theme="dark"] h4,html[data-wwx-theme="dark"] p,html[data-wwx-theme="dark"] label,html[data-wwx-theme="dark"] li,html[data-wwx-theme="dark"] td,html[data-wwx-theme="dark"] th,html[data-wwx-theme="dark"] strong,
html.wwx-dark h1,html.wwx-dark h2,html.wwx-dark h3,html.wwx-dark h4,html.wwx-dark p,html.wwx-dark label,html.wwx-dark li,html.wwx-dark td,html.wwx-dark th,html.wwx-dark strong{
color:#eef3f9}
html[data-wwx-theme="dark"] small,html[data-wwx-theme="dark"] .price,html[data-wwx-theme="dark"] .woocommerce-result-count,
html.wwx-dark small,html.wwx-dark .price,html.wwx-dark .woocommerce-result-count{
color:#aab7c8!important}
html[data-wwx-theme="dark"] .wwx-section-head>a,html[data-wwx-theme="dark"] .wwx-panel-head>a,html.wwx-dark .wwx-section-head>a,html.wwx-dark .wwx-panel-head>a{
color:#72aef7!important}
html[data-wwx-theme="dark"] .wwx-mini-campaigns,html[data-wwx-theme="dark"] .wwx-product-showcase-section,html[data-wwx-theme="dark"] .wwx-deal-centre,
html.wwx-dark .wwx-mini-campaigns,html.wwx-dark .wwx-product-showcase-section,html.wwx-dark .wwx-deal-centre{
background:#080d14!important}
html[data-wwx-theme="dark"] .wwx-showcase-products,html[data-wwx-theme="dark"] .wwx-showcase-products .woocommerce ul.products li.product,html[data-wwx-theme="dark"] .wwx-preserved-product-panels .wwx-panel,
html.wwx-dark .wwx-showcase-products,html.wwx-dark .wwx-showcase-products .woocommerce ul.products li.product,html.wwx-dark .wwx-preserved-product-panels .wwx-panel{
background:#101721!important;
border-color:#26364b!important}
html[data-wwx-theme="dark"] .wwx-deal-special,html.wwx-dark .wwx-deal-special{
background:linear-gradient(120deg,#172332,#223249);
color:#fff}
html[data-wwx-theme="dark"] .wwx-deal-special::after,html.wwx-dark .wwx-deal-special::after{
background:linear-gradient(90deg,rgba(8,13,20,.95),rgba(8,13,20,.15))}
.wwx-category-slide h1,.wwx-category-slide p,.wwx-category-slide .wwx-hero-kicker,.wwx-mini-campaign h2,.wwx-mini-campaign p,.wwx-mini-campaign span,.wwx-deal-today *,.wwx-deal-saving *,.wwx-showcase-promo *{
color:#fff}

@media(max-width:1050px){
  .wwx-mini-campaign-slider{
height:225px}
.wwx-mini-campaign-copy{
padding-left:42px}
  .wwx-product-showcase{
grid-template-columns:1fr}
.wwx-showcase-promo{
min-height:300px}
  .wwx-showcase-products .woocommerce ul.products{
grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .wwx-deal-centre-grid{
grid-template-columns:1fr}
}
@media(max-width:720px){
  .wwx-mini-campaign-slider{
height:340px}
.wwx-mini-campaign{
grid-template-columns:1fr}
.wwx-mini-campaign-copy{
align-self:start;
padding:30px 34px}
.wwx-mini-campaign-copy h2{
font-size:27px}
.wwx-mini-campaign-art{
position:absolute;
right:0;
bottom:-10px;
width:58%;
height:180px;
opacity:.60}
  .wwx-showcase-products .woocommerce ul.products{
grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wwx-deal-offers{
grid-template-columns:1fr;
grid-template-rows:auto}
.wwx-deal-special{
grid-column:1}
.wwx-deal-feature{
min-height:220px}
.wwx-preserved-product-panels{
grid-template-columns:1fr}
}
@media(max-width:460px){
  .wwx-mini-campaign-copy{
padding-inline:28px}
.wwx-product-showcase-section .wwx-section-head,.wwx-deal-centre .wwx-section-head{
align-items:flex-start;
flex-direction:column}
.wwx-showcase-products .woocommerce ul.products li.product{
padding:10px!important}
.wwx-deal-feature>div{
width:67%;
padding:18px}
}





/* ==========================================================================
   v1.2.4 FINAL LOCK — Night mode text contrast correction
   ========================================================================== */

html[data-wwx-theme="dark"] body,
html[data-wwx-theme="dark"] p,
html[data-wwx-theme="dark"] span,
html[data-wwx-theme="dark"] li,
html[data-wwx-theme="dark"] label,
html[data-wwx-theme="dark"] td,
html[data-wwx-theme="dark"] th,
html[data-wwx-theme="dark"] strong,
html[data-wwx-theme="dark"] small,
html[data-wwx-theme="dark"] .wwx-muted,
html[data-wwx-theme="dark"] .woocommerce,
html[data-wwx-theme="dark"] .woocommerce-page,
html.wwx-dark body,
html.wwx-dark p,
html.wwx-dark span,
html.wwx-dark li,
html.wwx-dark label,
html.wwx-dark td,
html.wwx-dark th,
html.wwx-dark strong,
html.wwx-dark small,
html.wwx-dark .wwx-muted,
html.wwx-dark .woocommerce,
html.wwx-dark .woocommerce-page {
    color: #eef3f9;
}

/* Preserve intentional blue/red links and buttons. */
html[data-wwx-theme="dark"] a,
html.wwx-dark a {
    text-decoration-color: currentColor;
}



/* ==========================================================================
   v1.3.0 — Core Commerce System
   ========================================================================== */
.wwx-shop-hero,.wwx-service-hero,.wwx-account-welcome{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
padding:28px 0 22px;
border-bottom:1px solid var(--wwx-line)}
.wwx-shop-hero span,.wwx-service-hero span,.wwx-account-welcome>span{
font-size:14px;
font-weight:950;
letter-spacing:.13em;
color:var(--wwx-red)}
.wwx-shop-hero h1,.wwx-service-hero h1,.wwx-account-welcome h2{
margin:5px 0 6px;
font-size:clamp(30px,3vw,44px);
line-height:1.05}
.wwx-shop-toolbar{
display:grid;
grid-template-columns:auto 1fr auto auto;
align-items:center;
gap:14px;
padding:18px 0}
.wwx-filter-open,.wwx-view-switch button{
border:1px solid var(--wwx-line);
background:#fff;
color:var(--wwx-navy);
height:40px;
border-radius:8px;
padding:0 12px}
.wwx-view-switch{
display:flex;
gap:5px}
.wwx-view-switch button{
width:40px;
padding:0}
.wwx-view-switch button.is-active{
background:var(--wwx-blue);
color:#fff}
.wwx-shop-layout{
display:grid;
grid-template-columns:260px minmax(0,1fr);
gap:24px}
.wwx-shop-filters{
align-self:start;
border:1px solid var(--wwx-line);
border-radius:12px;
background:#fff;
overflow:hidden}
.wwx-filter-head{
display:flex;
justify-content:space-between;
align-items:center;
padding:14px 16px;
border-bottom:1px solid var(--wwx-line)}
.wwx-filter-close{
display:none;
border:0;
background:transparent;
font-size:24px}
.wwx-filter-widget{
padding:15px 16px;
border-bottom:1px solid var(--wwx-line)}
.wwx-filter-title{
font-size:14px;
margin:0 0 10px}
.wwx-filter-widget ul{
list-style:none;
padding:0;
margin:0}
.wwx-filter-widget li,.wwx-filter-widget>a{
display:block;
padding:5px 0;
font-size:14px}
.wwx-shop-products .products{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px!important}
.woocommerce ul.products li.product{
position:relative;
border:1px solid var(--wwx-line);
border-radius:12px;
background:#fff;
padding:13px!important;
margin:0!important;
width:auto!important;
box-shadow:0 6px 18px rgba(7,24,45,.045);
transition:.18s}
.woocommerce ul.products li.product:hover{
transform:translateY(-2px);
box-shadow:0 13px 30px rgba(7,24,45,.10)}
.wwx-card-badges{
position:absolute;
top:10px;
left:10px;
z-index:2;
display:flex;
gap:5px}
.wwx-badge{
padding:4px 7px;
border-radius:5px;
font-size:14px;
font-weight:900}
.wwx-badge-sale{
background:var(--wwx-red);
color:#fff}
.wwx-badge-featured{
background:var(--wwx-blue);
color:#fff}
.wwx-card-brand{
font-size:14px;
color:var(--wwx-blue);
font-weight:850;
text-transform:uppercase;
letter-spacing:.04em}
.wwx-card-identifiers{
display:flex;
flex-wrap:wrap;
gap:6px;
margin:5px 0;
color:var(--wwx-muted);
font-size:14px}
.wwx-card-stock{
font-size:14px;
font-weight:850;
margin:5px 0}
.wwx-card-stock.is-in{
color:#15803d}
.wwx-card-stock.is-out{
color:var(--wwx-red)}
.wwx-vat-note{
display:block;
font-size:14px!important;
color:var(--wwx-muted);
font-weight:500}
.wwx-card-tools{
display:flex;
gap:6px;
margin-top:8px}
.wwx-card-tools button,.wwx-card-tools a{
min-height:31px;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid var(--wwx-line);
border-radius:7px;
background:#fff;
padding:0 9px;
font-size:14px;
font-weight:800;
color:var(--wwx-navy)}
.wwx-single-identifiers{
display:flex;
flex-wrap:wrap;
gap:12px;
margin:8px 0 12px;
font-size:14px;
color:var(--wwx-muted)}
.wwx-product-service-box{
display:grid;
grid-template-columns:1fr auto auto;
align-items:center;
gap:10px;
padding:13px;
margin-top:15px;
border:1px solid var(--wwx-line);
border-radius:10px;
background:var(--wwx-soft)}
.wwx-product-service-box strong,.wwx-product-service-box span{
grid-column:1}
.wwx-product-service-box button,.wwx-product-service-box a{
grid-row:1/3;
min-height:38px;
display:flex;
align-items:center;
padding:0 12px;
border-radius:7px;
border:0;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:850}
.wwx-product-service-box a{
background:var(--wwx-red)}
.wwx-tech-table{
width:100%;
border-collapse:collapse}
.wwx-tech-table th,.wwx-tech-table td{
padding:10px;
border-bottom:1px solid var(--wwx-line);
text-align:left;
font-size:14px}
.wwx-account-cards{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px;
padding:22px 0}
.wwx-account-card{
display:grid;
grid-template-columns:42px 1fr;
gap:2px 10px;
align-items:center;
padding:16px;
border:1px solid var(--wwx-line);
border-radius:11px;
background:#fff}
.wwx-account-card>span{
grid-row:1/3;
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:10px;
background:#edf4ff;
color:var(--wwx-blue);
font-size:20px}
.wwx-account-card strong{
font-size:14px}
.wwx-account-card small{
font-size:14px;
color:var(--wwx-muted)}
.wwx-service-content{
margin:24px 0;
padding:22px;
border:1px solid var(--wwx-line);
border-radius:12px;
background:#fff}
.wwx-commerce-empty{
padding:60px 20px;
text-align:center;
border:1px dashed var(--wwx-line);
border-radius:12px}
html[data-wwx-theme="dark"] .wwx-shop-filters,html[data-wwx-theme="dark"] .woocommerce ul.products li.product,html[data-wwx-theme="dark"] .wwx-account-card,html[data-wwx-theme="dark"] .wwx-service-content,html[data-wwx-theme="dark"] .wwx-filter-open,html[data-wwx-theme="dark"] .wwx-view-switch button,html.wwx-dark .wwx-shop-filters,html.wwx-dark .woocommerce ul.products li.product,html.wwx-dark .wwx-account-card,html.wwx-dark .wwx-service-content{
background:#101721!important;
border-color:#26364b!important;
color:#eef3f9!important}
html[data-wwx-theme="dark"] .wwx-card-tools button,html[data-wwx-theme="dark"] .wwx-card-tools a{
background:#111b29;
color:#eef3f9;
border-color:#30435d}
@media(max-width:1200px){
.wwx-shop-products .products{
grid-template-columns:repeat(3,minmax(0,1fr))}
.wwx-account-cards{
grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
.wwx-shop-layout{
grid-template-columns:1fr}
.wwx-shop-filters{
position:fixed;
z-index:800;
inset:0 auto 0 0;
width:min(330px,88vw);
transform:translateX(-102%);
transition:.22s;
overflow:auto;
box-shadow:18px 0 44px rgba(0,0,0,.22)}
.wwx-shop-filters.is-open{
transform:none}
.wwx-filter-close{
display:block}
.wwx-shop-products .products{
grid-template-columns:repeat(2,minmax(0,1fr))}
.wwx-account-cards{
grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
.wwx-shop-toolbar{
grid-template-columns:1fr auto}
.wwx-shop-result{
grid-column:1/-1}
.wwx-shop-order{
grid-column:1/-1}
.wwx-shop-products .products{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:9px!important}
.woocommerce ul.products li.product{
padding:9px!important}
.wwx-product-service-box{
grid-template-columns:1fr}
.wwx-product-service-box strong,.wwx-product-service-box span,.wwx-product-service-box button,.wwx-product-service-box a{
grid-column:1;
grid-row:auto}
.wwx-account-cards{
grid-template-columns:1fr}
}

.wwx-shop-products.is-list .products{
grid-template-columns:1fr!important}
.wwx-shop-products.is-list .products li.product{
display:grid;
grid-template-columns:180px 1fr auto;
gap:14px;
align-items:center}
.wwx-shop-products.is-list .products li.product>a:first-of-type{
display:contents}
@media(max-width:680px){
.wwx-shop-products.is-list .products li.product{
grid-template-columns:110px 1fr}
.wwx-shop-products.is-list .wwx-card-tools{
grid-column:1/-1}
}


/* ==========================================================================
   v1.4.0 — Checkout, Cart, Account & Post-Purchase
   ========================================================================== */
.wwx-commerce-page-intro,.wwx-checkout-intro,.wwx-search-page-head{
margin:22px 0 20px;
padding:22px 0;
border-bottom:1px solid var(--wwx-line)}
.wwx-commerce-page-intro>span,.wwx-checkout-intro span,.wwx-search-page-head>span{
display:block;
color:var(--wwx-red);
font-size:14px;
font-weight:950;
letter-spacing:.13em}
.wwx-commerce-page-intro h1,.wwx-checkout-intro h1,.wwx-search-page-head h1{
margin:5px 0 7px;
font-size:clamp(30px,3vw,44px);
line-height:1.05}
.wwx-checkout-intro{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px}
.wwx-checkout-trust{
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
gap:8px}
.wwx-checkout-trust b{
padding:7px 9px;
border:1px solid var(--wwx-line);
border-radius:999px;
font-size:14px;
color:var(--wwx-blue);
background:#fff}
.woocommerce-cart-form,.cart_totals,.woocommerce-checkout-review-order,.woocommerce-checkout .col2-set,.woocommerce-order-details,.woocommerce-customer-details{
border:1px solid var(--wwx-line);
border-radius:12px;
background:#fff}
.woocommerce-cart-form{
overflow:hidden}
.woocommerce table.shop_table{
border-collapse:collapse;
border:0;
margin:0}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{
padding:13px;
border-color:var(--wwx-line)}
.cart_totals,.woocommerce-checkout-review-order{
padding:16px}
.wwx-cart-service-note{
margin:0 0 12px;
padding:12px;
border-radius:9px;
background:#f3f7fd;
border:1px solid #d9e6f6}
.wwx-cart-service-note strong,.wwx-cart-service-note span{
display:block}
.wwx-cart-service-note strong{
font-size:14px;
color:var(--wwx-navy)}
.wwx-cart-service-note span{
margin-top:3px;
font-size:14px;
color:var(--wwx-muted)}
.wwx-cart-extra-actions{
display:grid;
gap:7px;
margin-top:10px}
.wwx-commerce-secondary{
min-height:38px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid var(--wwx-blue);
border-radius:7px;
background:#fff;
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.woocommerce-checkout .col2-set{
padding:18px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.wwx-postpurchase-form input,.wwx-postpurchase-form textarea{
min-height:44px;
border:1px solid #cbd4df;
border-radius:8px;
padding:9px 11px;
background:#fff}
.wwx-checkout-business{
margin-top:16px;
padding:15px;
border:1px solid var(--wwx-line);
border-radius:10px;
background:var(--wwx-soft)}
.wwx-checkout-business h3{
margin:0 0 4px;
font-size:14px}
.wwx-checkout-business>p{
margin:0 0 12px;
font-size:14px;
color:var(--wwx-muted)}
#place_order,.wc-proceed-to-checkout .checkout-button{
min-height:48px;
border-radius:8px!important;
background:var(--wwx-red)!important;
color:#fff!important;
font-weight:900!important}
.wwx-thankyou-actions{
display:grid;
grid-template-columns:1fr auto;
gap:24px;
margin:22px 0;
padding:20px;
border:1px solid var(--wwx-line);
border-radius:12px;
background:var(--wwx-soft)}
.wwx-thankyou-actions span{
font-size:14px;
font-weight:950;
color:var(--wwx-red);
letter-spacing:.12em}
.wwx-thankyou-actions h2{
margin:4px 0 5px}
.wwx-thankyou-links{
display:grid;
gap:7px;
min-width:180px}
.wwx-thankyou-links a,.wwx-order-support-actions a,.wwx-order-support-actions button{
min-height:36px;
display:flex;
align-items:center;
justify-content:center;
padding:0 10px;
border:1px solid var(--wwx-line);
border-radius:7px;
background:#fff;
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.wwx-order-support-actions{
display:flex;
flex-wrap:wrap;
gap:8px;
align-items:center;
margin:16px 0;
padding:14px;
border:1px solid var(--wwx-line);
border-radius:10px}
.wwx-order-support-actions h3{
width:100%;
margin:0 0 3px;
font-size:14px}
.woocommerce-MyAccount-navigation{
border:1px solid var(--wwx-line);
border-radius:11px;
overflow:hidden;
background:#fff}
.woocommerce-MyAccount-navigation ul{
list-style:none;
margin:0;
padding:0}
.woocommerce-MyAccount-navigation a{
display:block;
padding:11px 13px;
border-bottom:1px solid var(--wwx-line);
font-size:14px;
font-weight:750}
.woocommerce-MyAccount-navigation .is-active a{
background:#edf4ff;
color:var(--wwx-blue)}
.woocommerce-orders-table .button{
margin:2px;
font-size:14px!important}
.wwx-search-page-head .wwx-ai-open{
min-height:38px;
border:0;
border-radius:7px;
padding:0 12px;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:850}
.wwx-search-product-grid .products{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px!important}
.wwx-search-content-results{
display:grid;
gap:12px}
.wwx-search-article{
padding:16px;
border:1px solid var(--wwx-line);
border-radius:10px;
background:#fff}
.wwx-empty-actions{
display:flex;
justify-content:center;
gap:8px;
margin-top:12px}
.wwx-empty-actions button,.wwx-empty-actions a{
min-height:38px;
display:inline-flex;
align-items:center;
padding:0 12px;
border:0;
border-radius:7px;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:850}
.wwx-postpurchase-form{
display:grid;
gap:14px}
.wwx-form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px}
.wwx-postpurchase-form label{
display:grid;
gap:5px;
font-size:14px;
font-weight:750}
.wwx-postpurchase-note{
padding:12px;
border-radius:8px;
background:#f3f7fd;
border:1px solid #d9e6f6}
.wwx-postpurchase-note strong,.wwx-postpurchase-note span{
display:block}
.wwx-postpurchase-note span{
margin-top:3px;
font-size:14px;
color:var(--wwx-muted)}
.wwx-postpurchase-form button[disabled]{
opacity:.62;
cursor:not-allowed}
.wwx-mini-cart-note{
margin:8px 0;
color:var(--wwx-muted);
font-size:14px}
html[data-wwx-theme="dark"] .woocommerce-cart-form,html[data-wwx-theme="dark"] .cart_totals,html[data-wwx-theme="dark"] .woocommerce-checkout-review-order,html[data-wwx-theme="dark"] .woocommerce-checkout .col2-set,html[data-wwx-theme="dark"] .woocommerce-order-details,html[data-wwx-theme="dark"] .woocommerce-customer-details,html[data-wwx-theme="dark"] .woocommerce-MyAccount-navigation,html[data-wwx-theme="dark"] .wwx-search-article,html.wwx-dark .woocommerce-cart-form,html.wwx-dark .cart_totals,html.wwx-dark .woocommerce-checkout-review-order,html.wwx-dark .woocommerce-checkout .col2-set,html.wwx-dark .woocommerce-order-details,html.wwx-dark .woocommerce-customer-details,html.wwx-dark .woocommerce-MyAccount-navigation,html.wwx-dark .wwx-search-article{
background:#101721!important;
border-color:#26364b!important;
color:#eef3f9!important}
html[data-wwx-theme="dark"] .wwx-cart-service-note,html[data-wwx-theme="dark"] .wwx-postpurchase-note,html[data-wwx-theme="dark"] .wwx-checkout-business,html[data-wwx-theme="dark"] .wwx-thankyou-actions,html.wwx-dark .wwx-cart-service-note,html.wwx-dark .wwx-postpurchase-note,html.wwx-dark .wwx-checkout-business,html.wwx-dark .wwx-thankyou-actions{
background:#121d2b!important;
border-color:#30435d!important}
html[data-wwx-theme="dark"] .woocommerce form .form-row input.input-text,html[data-wwx-theme="dark"] .woocommerce form .form-row textarea,html[data-wwx-theme="dark"] .wwx-postpurchase-form input,html[data-wwx-theme="dark"] .wwx-postpurchase-form textarea{
background:#0b111a!important;
color:#eef3f9!important;
border-color:#30435d!important}
@media(max-width:1050px){
.wwx-search-product-grid .products{
grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
.wwx-checkout-intro,.wwx-thankyou-actions{
grid-template-columns:1fr;
display:grid}
.wwx-checkout-trust{
justify-content:flex-start}
.wwx-form-grid{
grid-template-columns:1fr}
.wwx-search-product-grid .products{
grid-template-columns:repeat(2,minmax(0,1fr))}
.woocommerce table.shop_table_responsive tr td,.woocommerce-page table.shop_table_responsive tr td{
padding:9px 10px}
}


/* ==========================================================================
   v1.5.0 — B2B / Wholesale
   ========================================================================== */
.wwx-b2b-hero{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:24px;
padding:28px 0 22px;
border-bottom:1px solid var(--wwx-line)}
.wwx-b2b-hero>div>span,.wwx-b2b-panel-head span{
display:block;
color:var(--wwx-red);
font-size:14px;
font-weight:950;
letter-spacing:.13em}
.wwx-b2b-hero h1{
margin:5px 0 7px;
font-size:clamp(32px,3.2vw,48px);
line-height:1.02}
.wwx-b2b-hero p{
max-width:720px;
margin:0;
color:var(--wwx-muted);
font-size:14px}
.wwx-b2b-hero>a,.wwx-b2b-hero>button{
min-height:42px;
display:inline-flex;
align-items:center;
padding:0 14px;
border:0;
border-radius:8px;
background:var(--wwx-red);
color:#fff;
font-size:14px;
font-weight:900;
white-space:nowrap}
.wwx-b2b-panel{
margin:22px 0;
padding:20px;
border:1px solid var(--wwx-line);
border-radius:13px;
background:#fff;
box-shadow:0 7px 22px rgba(6,24,48,.045)}
.wwx-b2b-panel-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:15px;
margin-bottom:15px}
.wwx-b2b-panel-head h2{
margin:4px 0 0;
font-size:22px}
.wwx-b2b-actions{
display:flex;
gap:7px}
.wwx-b2b-actions button{
min-height:34px;
padding:0 10px;
border:1px solid var(--wwx-line);
border-radius:7px;
background:#fff;
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.wwx-quick-order-table{
border:1px solid var(--wwx-line);
border-radius:10px;
overflow:visible}
.wwx-quick-row{
position:relative;
display:grid;
grid-template-columns:minmax(0,1fr) 90px 120px;
gap:8px;
align-items:start;
padding:8px;
border-bottom:1px solid var(--wwx-line)}
.wwx-quick-row:last-child{
border-bottom:0}
.wwx-quick-head{
background:#f5f8fc;
color:var(--wwx-muted);
font-size:14px;
font-weight:900}
.wwx-quick-search-cell{
position:relative}
.wwx-quick-row input{
width:100%;
min-height:38px;
border:1px solid #cbd4df;
border-radius:7px;
padding:0 10px}
.wwx-quick-add-cart{
min-height:38px;
border:0;
border-radius:7px;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:900}
.wwx-quick-add-cart:disabled{
opacity:.45;
cursor:not-allowed}
.wwx-quick-results{
position:absolute;
z-index:35;
left:0;
right:0;
top:42px;
background:#fff;
border:1px solid var(--wwx-line);
border-radius:8px;
box-shadow:0 14px 32px rgba(0,0,0,.14);
overflow:hidden}
.wwx-quick-results button{
width:100%;
display:grid;
grid-template-columns:42px 1fr;
gap:8px;
align-items:center;
padding:8px;
border:0;
border-bottom:1px solid var(--wwx-line);
background:#fff;
text-align:left}
.wwx-quick-results button:hover{
background:#f5f8fc}
.wwx-quick-results img,.wwx-quick-selected img{
width:42px;
height:42px;
object-fit:contain}
.wwx-quick-results strong,.wwx-quick-selected strong{
display:block;
font-size:14px}
.wwx-quick-results small,.wwx-quick-selected small{
display:block;
color:var(--wwx-muted);
font-size:14px}
.wwx-quick-selected{
display:grid;
grid-template-columns:42px 1fr;
gap:8px;
align-items:center;
margin-top:5px;
padding:5px;
border-radius:7px;
background:#f5f8fc}
.wwx-quick-loading,.wwx-quick-noresult{
display:block;
padding:10px;
font-size:14px;
color:var(--wwx-muted)}
.wwx-b2b-note{
margin-top:14px;
padding:12px;
border:1px solid #d9e6f6;
border-radius:9px;
background:#f3f7fd}
.wwx-b2b-note strong,.wwx-b2b-note span{
display:block}
.wwx-b2b-note strong{
font-size:14px;
color:var(--wwx-blue)}
.wwx-b2b-note span{
margin-top:3px;
color:var(--wwx-muted);
font-size:14px;
line-height:1.5}
.wwx-b2b-grid,.wwx-business-benefit-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:14px;
margin:22px 0}
.wwx-b2b-grid article,.wwx-business-benefit-grid article{
padding:18px;
border:1px solid var(--wwx-line);
border-radius:11px;
background:#fff}
.wwx-b2b-grid article>span,.wwx-business-benefit-grid article>span{
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:9px;
background:#edf4ff;
color:var(--wwx-blue);
font-size:14px;
font-weight:900}
.wwx-b2b-grid h3,.wwx-business-benefit-grid h3{
margin:10px 0 5px;
font-size:14px}
.wwx-b2b-grid p,.wwx-business-benefit-grid p{
margin:0;
color:var(--wwx-muted);
font-size:14px;
line-height:1.5}
.wwx-b2b-grid a,.wwx-business-benefit-grid a{
display:inline-block;
margin-top:9px;
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.wwx-rfq-form,.wwx-business-application,.wwx-partner-form{
display:grid;
gap:14px}
.wwx-rfq-form label,.wwx-business-application label,.wwx-partner-form label{
display:grid;
gap:5px;
font-size:14px;
font-weight:750}
.wwx-rfq-form input,.wwx-rfq-form textarea,.wwx-business-application input,.wwx-business-application textarea,.wwx-business-application select,.wwx-partner-form input,.wwx-partner-form textarea{
min-height:42px;
border:1px solid #cbd4df;
border-radius:7px;
padding:9px 10px;
background:#fff}
.wwx-rfq-product{
display:grid;
grid-template-columns:70px 1fr 90px;
gap:10px;
align-items:center;
padding:10px;
border:1px solid var(--wwx-line);
border-radius:9px}
.wwx-rfq-product img{
width:70px;
height:70px;
object-fit:contain}
.wwx-rfq-product strong,.wwx-rfq-product span{
display:block}
.wwx-rfq-product span{
font-size:14px;
color:var(--wwx-muted)}
.wwx-rfq-actions{
display:flex;
gap:8px}
.wwx-rfq-actions button{
min-height:40px;
border:1px solid var(--wwx-blue);
border-radius:7px;
padding:0 12px;
background:#fff;
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.wwx-rfq-actions button:last-child{
background:var(--wwx-red);
border-color:var(--wwx-red);
color:#fff}
.wwx-rfq-actions button:disabled{
opacity:.55}
.wwx-business-path{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:0;
margin:22px 0;
border:1px solid var(--wwx-line);
border-radius:12px;
overflow:hidden}
.wwx-business-path>div{
padding:18px;
background:#fff;
border-right:1px solid var(--wwx-line)}
.wwx-business-path>div:last-child{
border-right:0}
.wwx-business-path span{
color:var(--wwx-red);
font-size:14px;
font-weight:950}
.wwx-business-path h3{
margin:5px 0}
.wwx-business-path p{
margin:0;
color:var(--wwx-muted);
font-size:14px}
.wwx-capability-list{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px}
.wwx-capability-list>span{
padding:12px;
border:1px solid var(--wwx-line);
border-radius:8px;
font-size:14px}
.wwx-capability-list b{
display:block;
margin-top:4px;
color:var(--wwx-blue)}
.wwx-empty-business-state{
text-align:center;
padding:42px 20px}
.wwx-empty-business-state>span{
width:54px;
height:54px;
display:grid;
place-items:center;
margin:0 auto 12px;
border-radius:12px;
background:#edf4ff;
color:var(--wwx-blue);
font-size:24px}
.wwx-empty-business-state h2{
margin:0 0 7px}
.wwx-empty-business-state p{
max-width:620px;
margin:0 auto;
color:var(--wwx-muted);
font-size:14px}
.wwx-empty-business-state a{
display:inline-flex;
align-items:center;
min-height:38px;
margin-top:12px;
padding:0 12px;
border-radius:7px;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:850}
.wwx-trade-price{
margin-top:4px;
color:var(--wwx-red);
font-size:14px;
font-weight:900}
.wwx-trade-price-note{
margin-top:4px;
color:var(--wwx-muted);
font-size:14px}
.wwx-single-trade-box{
display:grid;
gap:5px;
margin:10px 0;
padding:12px;
border:1px solid #d9e6f6;
border-radius:9px;
background:#f3f7fd}
.wwx-single-trade-box span{
color:var(--wwx-blue);
font-size:14px;
font-weight:900}
.wwx-single-trade-box strong{
font-size:14px}
.wwx-single-trade-box a{
font-size:14px;
color:var(--wwx-blue);
font-weight:850}
.wwx-quantity-label{
display:inline-block;
margin-right:7px;
font-size:14px;
font-weight:850}
.wwx-order-again{
display:inline-flex;
align-items:center;
min-height:36px;
margin:10px 0;
padding:0 11px;
border-radius:7px;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:850}
html[data-wwx-theme="dark"] .wwx-b2b-panel,html[data-wwx-theme="dark"] .wwx-b2b-grid article,html[data-wwx-theme="dark"] .wwx-business-benefit-grid article,html[data-wwx-theme="dark"] .wwx-business-path>div,html[data-wwx-theme="dark"] .wwx-quick-results,html[data-wwx-theme="dark"] .wwx-quick-results button,html[data-wwx-theme="dark"] .wwx-quick-selected,html.wwx-dark .wwx-b2b-panel,html.wwx-dark .wwx-b2b-grid article,html.wwx-dark .wwx-business-benefit-grid article,html.wwx-dark .wwx-business-path>div{
background:#101721!important;
border-color:#26364b!important;
color:#eef3f9!important}
html[data-wwx-theme="dark"] .wwx-b2b-note,html[data-wwx-theme="dark"] .wwx-single-trade-box,html.wwx-dark .wwx-b2b-note,html.wwx-dark .wwx-single-trade-box{
background:#121d2b!important;
border-color:#30435d!important}
html[data-wwx-theme="dark"] .wwx-rfq-form input,html[data-wwx-theme="dark"] .wwx-rfq-form textarea,html[data-wwx-theme="dark"] .wwx-business-application input,html[data-wwx-theme="dark"] .wwx-business-application textarea,html[data-wwx-theme="dark"] .wwx-business-application select,html[data-wwx-theme="dark"] .wwx-partner-form input,html[data-wwx-theme="dark"] .wwx-partner-form textarea,html[data-wwx-theme="dark"] .wwx-quick-row input{
background:#0b111a!important;
color:#eef3f9!important;
border-color:#30435d!important}
@media(max-width:1050px){
.wwx-b2b-grid,.wwx-business-benefit-grid{
grid-template-columns:repeat(2,1fr)}
.wwx-capability-list{
grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
.wwx-b2b-hero{
display:grid;
align-items:start}
.wwx-quick-row{
grid-template-columns:1fr 72px}
.wwx-quick-head span:last-child{
display:none}
.wwx-quick-add-cart{
grid-column:1/-1}
.wwx-b2b-grid,.wwx-business-benefit-grid,.wwx-business-path,.wwx-capability-list{
grid-template-columns:1fr}
.wwx-business-path>div{
border-right:0;
border-bottom:1px solid var(--wwx-line)}
.wwx-business-path>div:last-child{
border-bottom:0}
.wwx-rfq-actions{
display:grid}
.wwx-rfq-product{
grid-template-columns:54px 1fr}
.wwx-rfq-product input{
grid-column:1/-1}
.wwx-rfq-product img{
width:54px;
height:54px}
}


/* ==========================================================================
   v1.6.0 — Merchandising
   ========================================================================== */
.wwx-merch-hero{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:22px;
padding:28px 0 22px;
border-bottom:1px solid var(--wwx-line)}
.wwx-merch-hero>div>span,.wwx-merch-heading span,.wwx-merch-promo-grid article>span{
display:block;
color:var(--wwx-red);
font-size:14px;
font-weight:950;
letter-spacing:.13em}
.wwx-merch-hero h1{
margin:5px 0 7px;
font-size:clamp(32px,3.2vw,48px);
line-height:1.03}
.wwx-merch-hero p{
max-width:760px;
margin:0;
color:var(--wwx-muted);
font-size:14px;
line-height:1.55}
.wwx-merch-hero button{
min-height:40px;
padding:0 13px;
border:0;
border-radius:8px;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:900;
white-space:nowrap}
.wwx-offer-tabs{
display:flex;
gap:7px;
overflow:auto;
padding:14px 0}
.wwx-offer-tabs a{
min-height:34px;
display:flex;
align-items:center;
padding:0 11px;
border:1px solid var(--wwx-line);
border-radius:999px;
background:#fff;
color:var(--wwx-navy);
font-size:14px;
font-weight:850;
white-space:nowrap}
.wwx-offer-tabs a:first-child{
background:var(--wwx-red);
border-color:var(--wwx-red);
color:#fff}
.wwx-merch-section{
padding:18px 0 25px}
.wwx-merch-heading{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:15px;
margin-bottom:13px}
.wwx-merch-heading h2{
margin:4px 0 0;
font-size:22px}
.wwx-merch-heading>a{
font-size:14px;
font-weight:850;
color:var(--wwx-blue)}
.wwx-merch-products.products{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:14px!important}
.wwx-merch-promo-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin:10px 0 28px}
.wwx-merch-promo-grid article{
min-height:190px;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-end;
padding:18px;
border:1px solid var(--wwx-line);
border-radius:12px;
background:linear-gradient(145deg,#f7f9fc,#edf3fa)}
.wwx-merch-promo-grid h2{
margin:5px 0;
font-size:18px}
.wwx-merch-promo-grid p{
margin:0;
max-width:360px;
color:var(--wwx-muted);
font-size:14px}
.wwx-merch-promo-grid a,.wwx-merch-promo-grid button{
margin-top:10px;
min-height:34px;
display:inline-flex;
align-items:center;
padding:0 10px;
border:0;
border-radius:7px;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:850}
.wwx-brand-search{
max-width:560px;
margin:20px 0}
.wwx-brand-search label{
display:block;
margin-bottom:5px;
font-size:14px;
font-weight:850}
.wwx-brand-search input{
width:100%;
min-height:43px;
border:1px solid #cbd4df;
border-radius:8px;
padding:0 12px}
.wwx-brand-directory{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:10px;
margin:0 0 28px}
.wwx-brand-directory>a{
display:grid;
grid-template-columns:42px 1fr;
gap:8px;
align-items:center;
padding:12px;
border:1px solid var(--wwx-line);
border-radius:10px;
background:#fff}
.wwx-brand-directory>a>span{
grid-row:1/3;
width:42px;
height:42px;
display:grid;
place-items:center;
border-radius:9px;
background:#edf4ff;
color:var(--wwx-blue);
font-size:16px;
font-weight:950}
.wwx-brand-directory strong{
align-self:end;
font-size:14px}
.wwx-brand-directory small{
align-self:start;
color:var(--wwx-muted);
font-size:14px}
.wwx-merch-empty{
padding:36px 18px;
margin:18px 0;
border:1px dashed #cbd4df;
border-radius:11px;
text-align:center}
.wwx-merch-empty strong,.wwx-merch-empty span{
display:block}
.wwx-merch-empty span{
margin-top:4px;
color:var(--wwx-muted);
font-size:14px}
.wwx-product-brand-line{
display:flex;
align-items:center;
gap:7px;
margin:4px 0 7px;
font-size:14px}
.wwx-product-brand-line span{
font-weight:850;
color:var(--wwx-muted)}
.wwx-product-brand-line a{
color:var(--wwx-blue);
font-weight:850}
.wwx-campaign-content{
padding:20px 0}
.wwx-term-description{
max-width:760px;
color:var(--wwx-muted);
font-size:14px}
html[data-wwx-theme="dark"] .wwx-offer-tabs a,html[data-wwx-theme="dark"] .wwx-brand-directory>a,html[data-wwx-theme="dark"] .wwx-merch-promo-grid article,html.wwx-dark .wwx-offer-tabs a,html.wwx-dark .wwx-brand-directory>a,html.wwx-dark .wwx-merch-promo-grid article{
background:#101721!important;
border-color:#26364b!important;
color:#eef3f9!important}
html[data-wwx-theme="dark"] .wwx-brand-search input,html.wwx-dark .wwx-brand-search input{
background:#0b111a!important;
border-color:#30435d!important;
color:#eef3f9!important}
@media(max-width:1050px){
.wwx-merch-products.products{
grid-template-columns:repeat(3,1fr)}
.wwx-brand-directory{
grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
.wwx-merch-hero{
display:grid;
align-items:start}
.wwx-merch-products.products{
grid-template-columns:repeat(2,1fr)}
.wwx-merch-promo-grid{
grid-template-columns:1fr}
.wwx-brand-directory{
grid-template-columns:repeat(2,1fr)}
}


/* ==========================================================================
   v1.7.0 — Customer Service & Order Experience
   ========================================================================== */
.wwx-order-timeline{
margin:16px 0;
padding:15px;
border:1px solid var(--wwx-line);
border-radius:10px;
background:#fff}
.wwx-order-timeline-head span{
color:var(--wwx-red);
font-size:14px;
font-weight:950;
letter-spacing:.12em}
.wwx-order-timeline-head h3{
margin:4px 0 12px}
.wwx-order-steps{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:0}
.wwx-order-step{
position:relative;
padding-top:24px;
color:var(--wwx-muted);
font-size:14px;
text-align:center}
.wwx-order-step::before{
content:"";
position:absolute;
top:8px;
left:0;
right:0;
height:2px;
background:var(--wwx-line)}
.wwx-order-step:first-child::before{
left:50%}
.wwx-order-step:last-child::before{
right:50%}
.wwx-order-step i{
position:absolute;
z-index:2;
top:2px;
left:50%;
width:14px;
height:14px;
margin-left:-7px;
border:3px solid #fff;
border-radius:50%;
background:#cbd4df;
box-shadow:0 0 0 1px var(--wwx-line)}
.wwx-order-step.is-complete i{
background:var(--wwx-blue)}
.wwx-order-step.is-current i{
background:var(--wwx-red)}
.wwx-order-step.is-complete{
color:var(--wwx-navy);
font-weight:800}
.wwx-order-steps-large{
margin:24px 0}
.wwx-order-summary-strip{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:8px;
margin-bottom:18px}
.wwx-order-summary-strip>span{
padding:11px;
border:1px solid var(--wwx-line);
border-radius:8px;
font-size:14px}
.wwx-order-summary-strip b{
display:block;
margin-bottom:3px;
color:var(--wwx-muted);
font-size:14px}
.wwx-support-inline{
display:flex;
gap:8px;
flex-wrap:wrap;
margin-top:18px}
.wwx-support-inline a,.wwx-support-inline button{
min-height:36px;
display:inline-flex;
align-items:center;
padding:0 11px;
border:1px solid var(--wwx-line);
border-radius:7px;
background:#fff;
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.wwx-help-search{
max-width:620px;
margin:20px 0}
.wwx-help-search label{
display:block;
margin-bottom:5px;
font-size:14px;
font-weight:850}
.wwx-help-search input{
width:100%;
min-height:44px;
border:1px solid #cbd4df;
border-radius:8px;
padding:0 12px}
.wwx-help-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px}
.wwx-help-card{
display:grid;
grid-template-columns:38px 1fr;
gap:2px 9px;
align-items:center;
padding:15px;
border:1px solid var(--wwx-line);
border-radius:10px;
background:#fff}
.wwx-help-card>span{
grid-row:1/3;
width:38px;
height:38px;
display:grid;
place-items:center;
border-radius:9px;
background:#edf4ff;
color:var(--wwx-blue);
font-size:15px}
.wwx-help-card strong{
font-size:14px}
.wwx-help-card small{
color:var(--wwx-muted);
font-size:14px;
line-height:1.4}
.wwx-support-contact-band{
display:grid;
grid-template-columns:1fr auto;
gap:20px;
align-items:center;
margin:24px 0;
padding:20px;
border-radius:12px;
background:linear-gradient(135deg,#06152e,#004ca2);
color:#fff}
.wwx-support-contact-band span{
font-size:14px;
font-weight:950;
letter-spacing:.12em}
.wwx-support-contact-band h2{
margin:4px 0;
color:#fff}
.wwx-support-contact-band p{
margin:0;
color:#d9e4f1;
font-size:14px}
.wwx-support-contact-band>div:last-child{
display:grid;
gap:6px}
.wwx-support-contact-band a{
min-height:36px;
display:flex;
align-items:center;
justify-content:center;
padding:0 11px;
border-radius:7px;
background:#fff;
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.wwx-delivery-check-panel{
padding:18px;
border:1px solid var(--wwx-line);
border-radius:11px;
background:#f7f9fc}
.wwx-delivery-check-panel>div:first-child>span{
color:var(--wwx-red);
font-size:14px;
font-weight:950;
letter-spacing:.12em}
.wwx-delivery-check-panel h2{
margin:4px 0}
.wwx-delivery-check-panel p{
margin:0;
color:var(--wwx-muted);
font-size:14px}
.wwx-delivery-check-panel form{
display:grid;
grid-template-columns:1fr auto;
gap:8px;
max-width:560px;
margin-top:14px}
.wwx-delivery-check-panel input{
min-height:42px;
border:1px solid #cbd4df;
border-radius:7px;
padding:0 10px}
.wwx-delivery-check-panel button{
border:0;
border-radius:7px;
background:var(--wwx-red);
color:#fff;
padding:0 13px;
font-size:14px;
font-weight:900}
.wwx-delivery-page-result{
margin-top:10px}
.wwx-delivery-page-result.is-loading,.wwx-delivery-page-result.is-success,.wwx-delivery-page-result.is-unavailable,.wwx-delivery-page-result.is-error{
padding:10px;
border-radius:8px}
.wwx-delivery-page-result.is-success{
background:#edf6ff;
border:1px solid #bad6f5}
.wwx-delivery-page-result.is-unavailable,.wwx-delivery-page-result.is-error{
background:#fff1f3;
border:1px solid #f0c1c7}
.wwx-delivery-page-result strong,.wwx-delivery-page-result span,.wwx-delivery-page-result small{
display:block}
.wwx-delivery-page-result span{
font-weight:850}
.wwx-delivery-page-result small{
color:var(--wwx-muted)}
.wwx-info-grid,.wwx-contact-grid,.wwx-contact-routing{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:12px;
margin:18px 0}
.wwx-contact-grid{
grid-template-columns:repeat(4,1fr)}
.wwx-info-grid article,.wwx-contact-grid article,.wwx-contact-routing>div{
padding:16px;
border:1px solid var(--wwx-line);
border-radius:10px;
background:#fff}
.wwx-info-grid span,.wwx-contact-grid article>span,.wwx-contact-routing>div>span{
color:var(--wwx-red);
font-size:14px;
font-weight:950}
.wwx-info-grid h3,.wwx-contact-grid h3,.wwx-contact-routing h3{
margin:6px 0}
.wwx-info-grid p,.wwx-contact-grid p,.wwx-contact-routing p{
margin:0;
color:var(--wwx-muted);
font-size:14px;
line-height:1.5}
.wwx-contact-grid a,.wwx-contact-routing a,.wwx-contact-routing button{
display:inline-flex;
margin-top:8px;
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.wwx-policy-note,.wwx-policy-placeholder{
margin-top:16px;
padding:13px;
border:1px solid var(--wwx-line);
border-radius:8px;
background:#f7f9fc}
.wwx-policy-note p,.wwx-policy-placeholder p{
margin:4px 0 0;
color:var(--wwx-muted);
font-size:14px}
.wwx-service-cta{
display:inline-flex;
min-height:38px;
align-items:center;
margin-top:12px;
padding:0 12px;
border-radius:7px;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:850}
.wwx-faq-list{
display:grid;
gap:8px;
margin:20px 0}
.wwx-faq-item{
border:1px solid var(--wwx-line);
border-radius:9px;
background:#fff;
overflow:hidden}
.wwx-faq-item summary{
cursor:pointer;
padding:13px 15px;
font-size:14px;
font-weight:850}
.wwx-faq-item p{
margin:0;
padding:0 15px 14px;
color:var(--wwx-muted);
font-size:14px;
line-height:1.55}
html[data-wwx-theme="dark"] .wwx-order-timeline,html[data-wwx-theme="dark"] .wwx-support-inline a,html[data-wwx-theme="dark"] .wwx-support-inline button,html[data-wwx-theme="dark"] .wwx-help-card,html[data-wwx-theme="dark"] .wwx-info-grid article,html[data-wwx-theme="dark"] .wwx-contact-grid article,html[data-wwx-theme="dark"] .wwx-contact-routing>div,html[data-wwx-theme="dark"] .wwx-faq-item,html.wwx-dark .wwx-order-timeline,html.wwx-dark .wwx-help-card,html.wwx-dark .wwx-info-grid article,html.wwx-dark .wwx-contact-grid article,html.wwx-dark .wwx-contact-routing>div,html.wwx-dark .wwx-faq-item{
background:#101721!important;
border-color:#26364b!important;
color:#eef3f9!important}
html[data-wwx-theme="dark"] .wwx-help-search input,html[data-wwx-theme="dark"] .wwx-delivery-check-panel input,html.wwx-dark .wwx-help-search input,html.wwx-dark .wwx-delivery-check-panel input{
background:#0b111a!important;
border-color:#30435d!important;
color:#eef3f9!important}
html[data-wwx-theme="dark"] .wwx-delivery-check-panel,html[data-wwx-theme="dark"] .wwx-policy-note,html[data-wwx-theme="dark"] .wwx-policy-placeholder,html.wwx-dark .wwx-delivery-check-panel,html.wwx-dark .wwx-policy-note,html.wwx-dark .wwx-policy-placeholder{
background:#121d2b!important;
border-color:#30435d!important}
@media(max-width:1050px){
.wwx-help-grid{
grid-template-columns:repeat(2,1fr)}
.wwx-contact-grid{
grid-template-columns:repeat(2,1fr)}
.wwx-info-grid,.wwx-contact-routing{
grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
.wwx-order-summary-strip{
grid-template-columns:repeat(2,1fr)}
.wwx-help-grid,.wwx-contact-grid,.wwx-info-grid,.wwx-contact-routing{
grid-template-columns:1fr}
.wwx-support-contact-band{
grid-template-columns:1fr}
.wwx-delivery-check-panel form{
grid-template-columns:1fr}
.wwx-order-steps{
gap:4px}
.wwx-order-step{
font-size:14px}
}


/* ==========================================================================
   v2.0.0 — Corporate, Legal, Advice Hub, PWA & Accessibility
   ========================================================================== */
.wwx-skip-link{
position:fixed;
z-index:99999;
left:10px;
top:10px;
transform:translateY(-180%);
padding:9px 12px;
border-radius:7px;
background:#fff;
color:#00336d;
font-size:14px;
font-weight:900;
box-shadow:0 8px 22px rgba(0,0,0,.2)}
.wwx-skip-link:focus{
transform:none}
:focus-visible{
outline:3px solid #ee0b27;
outline-offset:3px}
.wwx-content-breadcrumb{
display:flex;
align-items:center;
gap:7px;
flex-wrap:wrap;
padding:12px 0;
color:var(--wwx-muted);
font-size:14px}
.wwx-content-breadcrumb a{
color:var(--wwx-blue);
font-weight:800}
.wwx-corporate-hero,.wwx-advice-hero{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:20px;
padding:28px 0 22px;
border-bottom:1px solid var(--wwx-line)}
.wwx-corporate-hero span,.wwx-advice-hero span,.wwx-legal-head span,.wwx-article-head>span{
display:block;
color:var(--wwx-red);
font-size:14px;
font-weight:950;
letter-spacing:.12em}
.wwx-corporate-hero h1,.wwx-advice-hero h1,.wwx-legal-head h1,.wwx-article-head h1{
margin:5px 0 7px;
font-size:clamp(31px,3.2vw,48px);
line-height:1.04}
.wwx-corporate-hero p,.wwx-advice-hero p,.wwx-legal-head p{
max-width:760px;
margin:0;
color:var(--wwx-muted);
font-size:14px;
line-height:1.55}
.wwx-corporate-hero>a{
min-height:40px;
display:inline-flex;
align-items:center;
padding:0 12px;
border-radius:7px;
background:var(--wwx-red);
color:#fff;
font-size:14px;
font-weight:900}
.wwx-corporate-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:13px;
margin:22px 0}
.wwx-corporate-grid article{
padding:18px;
border:1px solid var(--wwx-line);
border-radius:10px;
background:#fff}
.wwx-corporate-grid article>span{
width:40px;
height:40px;
display:grid;
place-items:center;
border-radius:9px;
background:#edf4ff;
color:var(--wwx-blue);
font-size:14px;
font-weight:950}
.wwx-corporate-grid h2{
margin:10px 0 5px;
font-size:15px}
.wwx-corporate-grid p{
margin:0;
color:var(--wwx-muted);
font-size:14px;
line-height:1.5}
.wwx-corporate-grid a{
display:inline-flex;
margin-top:8px;
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.wwx-corporate-content{
padding:18px 0 30px}
.wwx-legal-shell,.wwx-article-shell{
max-width:980px}
.wwx-legal-head{
padding:24px 0 18px;
border-bottom:1px solid var(--wwx-line)}
.wwx-legal-content{
margin:20px 0 35px;
padding:22px;
border:1px solid var(--wwx-line);
border-radius:11px;
background:#fff;
font-size:14px;
line-height:1.7}
.wwx-legal-content h2,.wwx-legal-content h3{
margin-top:1.5em}
.wwx-policy-admin-note,.wwx-cookie-status{
margin-top:22px;
padding:13px;
border-radius:8px;
background:#f4f7fb;
border:1px solid #d9e4ef}
.wwx-policy-admin-note p,.wwx-cookie-status p{
margin:4px 0 0;
color:var(--wwx-muted);
font-size:14px}
.wwx-advice-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:15px;
margin:22px 0}
.wwx-advice-card{
overflow:hidden;
border:1px solid var(--wwx-line);
border-radius:11px;
background:#fff}
.wwx-advice-image{
display:block;
aspect-ratio:16/9;
background:#edf2f7}
.wwx-advice-image img{
width:100%;
height:100%;
object-fit:cover}
.wwx-advice-card>div{
padding:14px}
.wwx-advice-card span{
color:var(--wwx-muted);
font-size:14px}
.wwx-advice-card h2{
margin:5px 0;
font-size:15px;
line-height:1.25}
.wwx-advice-card p{
color:var(--wwx-muted);
font-size:14px;
line-height:1.5}
.wwx-read-more{
color:var(--wwx-blue);
font-size:14px;
font-weight:850}
.wwx-article{
padding:20px 0 35px}
.wwx-article-head{
padding:20px 0}
.wwx-article-meta{
color:var(--wwx-muted);
font-size:14px}
.wwx-article-featured{
margin:0 0 22px}
.wwx-article-featured img{
width:100%;
height:auto;
border-radius:12px}
.wwx-article-content{
font-size:14px;
line-height:1.8}
.wwx-article-content h2{
margin-top:1.6em}
.wwx-article-content img{
max-width:100%;
height:auto}
.wwx-article-tags{
display:flex;
gap:6px;
flex-wrap:wrap;
margin-top:22px}
.wwx-article-tags a{
padding:5px 8px;
border-radius:999px;
background:#edf4ff;
color:var(--wwx-blue);
font-size:14px}
.wwx-notfound-card,.wwx-maintenance-card,.wwx-offline-card{
max-width:760px;
margin:70px auto;
padding:42px 28px;
border:1px solid var(--wwx-line);
border-radius:15px;
background:#fff;
text-align:center;
box-shadow:0 14px 36px rgba(6,24,48,.08)}
.wwx-notfound-card>span,.wwx-maintenance-card>span,.wwx-offline-card>span{
color:var(--wwx-red);
font-size:14px;
font-weight:950;
letter-spacing:.13em}
.wwx-notfound-card h1,.wwx-maintenance-card h1,.wwx-offline-card h1{
margin:7px 0;
font-size:clamp(30px,4vw,46px)}
.wwx-notfound-card p,.wwx-maintenance-card p,.wwx-offline-card p{
color:var(--wwx-muted);
font-size:14px}
.wwx-notfound-actions,.wwx-maintenance-card>div{
display:flex;
justify-content:center;
gap:8px;
flex-wrap:wrap;
margin-top:15px}
.wwx-notfound-actions a,.wwx-notfound-actions button,.wwx-maintenance-card a,.wwx-offline-card button{
min-height:38px;
display:inline-flex;
align-items:center;
padding:0 12px;
border:0;
border-radius:7px;
background:var(--wwx-blue);
color:#fff;
font-size:14px;
font-weight:850}
.wwx-pagination-nav{
margin:24px 0}
.wwx-pagination-nav .nav-links{
display:flex;
justify-content:center;
gap:5px;
flex-wrap:wrap}
.wwx-pagination-nav .page-numbers{
min-width:34px;
height:34px;
display:grid;
place-items:center;
border:1px solid var(--wwx-line);
border-radius:7px;
background:#fff;
color:var(--wwx-blue);
font-size:14px}
.wwx-pagination-nav .current{
background:var(--wwx-blue);
color:#fff}
html[data-wwx-theme="dark"] .wwx-corporate-grid article,html[data-wwx-theme="dark"] .wwx-legal-content,html[data-wwx-theme="dark"] .wwx-advice-card,html[data-wwx-theme="dark"] .wwx-notfound-card,html[data-wwx-theme="dark"] .wwx-maintenance-card,html[data-wwx-theme="dark"] .wwx-offline-card,html.wwx-dark .wwx-corporate-grid article,html.wwx-dark .wwx-legal-content,html.wwx-dark .wwx-advice-card,html.wwx-dark .wwx-notfound-card,html.wwx-dark .wwx-maintenance-card,html.wwx-dark .wwx-offline-card{
background:#101721!important;
border-color:#26364b!important;
color:#eef3f9!important}
html[data-wwx-theme="dark"] .wwx-policy-admin-note,html[data-wwx-theme="dark"] .wwx-cookie-status,html.wwx-dark .wwx-policy-admin-note,html.wwx-dark .wwx-cookie-status{
background:#121d2b!important;
border-color:#30435d!important}
@media(max-width:1050px){
.wwx-corporate-grid,.wwx-advice-grid{
grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
.wwx-corporate-hero,.wwx-advice-hero{
display:grid;
align-items:start}
.wwx-corporate-grid,.wwx-advice-grid{
grid-template-columns:1fr}
.wwx-legal-content{
padding:16px}
.wwx-notfound-card,.wwx-maintenance-card,.wwx-offline-card{
margin:35px auto;
padding:30px 20px}
}


/* ==========================================================================
   v2.1.0 — Full Product Page
   Reference behaviour adapted into an original Electrical Xpress layout.
   ========================================================================== */

.wwx-single-product-page .woocommerce-breadcrumb {
    margin: 14px 0 18px;
    font-size: 14px;
    color: var(--wwx-muted);
}

.wwx-product-detail {
    position: relative;
}

.wwx-product-top {
    display: grid;
    grid-template-columns: minmax(380px, 1.08fr) minmax(390px, 1fr) minmax(285px, .72fr);
    gap: 26px;
    align-items: start;
    padding: 8px 0 22px;
}

.wwx-product-gallery-column {
    position: relative;
    min-width: 0;
}

.wwx-product-gallery-column .woocommerce-product-gallery {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.wwx-product-gallery-column .woocommerce-product-gallery__wrapper {
    border: 1px solid var(--wwx-line);
    border-radius: 13px;
    background: #fff;
    overflow: hidden;
}

.wwx-product-gallery-column .woocommerce-product-gallery__image {
    display: grid;
    place-items: center;
    min-height: 520px;
    background: #fff;
}

.wwx-product-gallery-column .woocommerce-product-gallery__image img {
    max-width: 100%;
    max-height: 510px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.wwx-product-gallery-column .flex-control-thumbs {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 7px;
    margin: 10px 0 0 !important;
    padding: 0 !important;
}

.wwx-product-gallery-column .flex-control-thumbs li {
    width: auto !important;
    float: none !important;
    border: 1px solid var(--wwx-line);
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
}

.wwx-product-gallery-column .flex-control-thumbs img {
    aspect-ratio: 1;
    width: 100%;
    object-fit: contain;
    padding: 4px;
}

.wwx-product-gallery-column .flex-control-thumbs img.flex-active {
    outline: 2px solid var(--wwx-blue);
    outline-offset: -2px;
}

.wwx-product-floating-actions {
    position: absolute;
    z-index: 4;
    top: 12px;
    left: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    gap: 7px;
    pointer-events: none;
}

.wwx-product-floating-actions > * {
    pointer-events: auto;
}

.wwx-product-discount-badge {
    margin-right: auto;
    padding: 6px 8px;
    border-radius: 6px;
    background: var(--wwx-red);
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

.wwx-product-floating-actions button {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid var(--wwx-line);
    border-radius: 50%;
    background: rgba(255,255,255,.96);
    color: var(--wwx-navy);
    font-size: 17px;
    box-shadow: 0 5px 14px rgba(8,24,45,.08);
}

.wwx-product-video-button {
    width: 100%;
    min-height: 38px;
    margin-top: 9px;
    border: 1px solid var(--wwx-line);
    border-radius: 8px;
    background: #fff;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 850;
}

.wwx-product-info-column {
    min-width: 0;
}

.wwx-product-brand {
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.wwx-product-info-column .product_title {
    margin: 5px 0 8px;
    color: var(--wwx-navy);
    font-size: clamp(25px, 2.2vw, 36px);
    line-height: 1.16;
    letter-spacing: -.025em;
}

.wwx-product-rating-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    min-height: 26px;
    padding-bottom: 11px;
    border-bottom: 1px solid var(--wwx-line);
}

.wwx-product-rating-line .woocommerce-product-rating {
    margin: 0 !important;
}

.wwx-product-id-line {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    color: var(--wwx-muted);
    font-size: 14px;
}

.wwx-product-id-line b {
    color: var(--wwx-navy);
}

.wwx-product-short-description {
    margin: 13px 0;
    color: #3e4b5d;
    font-size: 14px;
    line-height: 1.58;
}

.wwx-product-short-description p {
    margin: 0 0 8px;
}

.wwx-product-highlights {
    margin: 15px 0;
}

.wwx-product-highlights h2,
.wwx-product-offers h2 {
    margin: 0 0 9px;
    font-size: 14px;
}

.wwx-highlight-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.wwx-highlight-grid > div {
    min-height: 65px;
    padding: 9px;
    border: 1px solid var(--wwx-line);
    border-radius: 8px;
    background: #fafbfd;
}

.wwx-highlight-grid span,
.wwx-highlight-grid strong {
    display: block;
}

.wwx-highlight-grid span {
    color: var(--wwx-muted);
    font-size: 14px;
}

.wwx-highlight-grid strong {
    margin-top: 4px;
    color: var(--wwx-navy);
    font-size: 14px;
    line-height: 1.35;
}

.wwx-product-offers {
    margin-top: 16px;
    padding-top: 13px;
    border-top: 1px solid var(--wwx-line);
}

.wwx-product-offer-row {
    display: grid;
    grid-template-columns: 30px 1fr auto;
    gap: 8px;
    align-items: center;
    padding: 9px 0;
    border-bottom: 1px solid #edf0f4;
}

.wwx-product-offer-row > span {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #edf4ff;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 900;
}

.wwx-product-offer-row strong,
.wwx-product-offer-row small {
    display: block;
}

.wwx-product-offer-row strong {
    font-size: 14px;
}

.wwx-product-offer-row small {
    margin-top: 2px;
    color: var(--wwx-muted);
    font-size: 14px;
}

.wwx-product-offer-row a,
.wwx-product-offer-row button {
    border: 0;
    background: transparent;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 850;
}

.wwx-product-buy-column {
    min-width: 0;
}

.wwx-buy-box {
    position: sticky;
    top: 12px;
    padding: 17px;
    border: 1px solid var(--wwx-line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 9px 28px rgba(7,24,45,.08);
}

.wwx-buy-saving {
    display: inline-flex;
    margin-bottom: 5px;
    padding: 4px 7px;
    border-radius: 5px;
    background: #fff0f2;
    color: var(--wwx-red);
    font-size: 14px;
    font-weight: 950;
}

.wwx-buy-price .price {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0;
    color: var(--wwx-navy);
    font-size: 27px !important;
    font-weight: 900;
}

.wwx-buy-price .price del {
    color: var(--wwx-muted);
    font-size: 14px;
    opacity: 1;
}

.wwx-buy-price .price ins {
    color: var(--wwx-red);
    text-decoration: none;
}

.wwx-buy-price .wwx-vat-note {
    width: 100%;
    margin-top: 3px;
    font-size: 14px !important;
}

.wwx-buy-trade-price {
    margin: 8px 0;
    padding: 9px;
    border-radius: 8px;
    background: #eef5ff;
    border: 1px solid #d6e6fb;
}

.wwx-buy-trade-price span {
    display: block;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 850;
}

.wwx-buy-trade-price strong,
.wwx-buy-trade-price .amount {
    font-size: 15px;
    font-weight: 900;
}

.wwx-buy-stock {
    margin: 11px 0;
}

.wwx-buy-stock strong,
.wwx-buy-stock span {
    display: block;
}

.wwx-buy-stock strong {
    font-size: 14px;
}

.wwx-buy-stock.is-in strong {
    color: #17723b;
}

.wwx-buy-stock.is-out strong {
    color: var(--wwx-red);
}

.wwx-buy-stock span {
    color: var(--wwx-muted);
    font-size: 14px;
}

.wwx-buy-delivery {
    display: grid;
    grid-template-columns: 28px 1fr auto;
    gap: 7px;
    align-items: center;
    margin: 11px 0 13px;
    padding: 10px;
    border-radius: 8px;
    background: #f6f8fb;
}

.wwx-buy-delivery > span {
    color: var(--wwx-red);
    font-size: 16px;
}

.wwx-buy-delivery strong,
.wwx-buy-delivery small {
    display: block;
}

.wwx-buy-delivery strong {
    font-size: 14px;
}

.wwx-buy-delivery small {
    margin-top: 2px;
    color: var(--wwx-muted);
    font-size: 14px;
    line-height: 1.35;
}

.wwx-buy-delivery button {
    border: 0;
    background: transparent;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 900;
}

.wwx-product-cart-area form.cart {
    display: grid;
    gap: 8px;
    margin: 0 !important;
}

.wwx-product-cart-area .quantity {
    float: none !important;
    width: 100%;
}

.wwx-product-cart-area .quantity .qty {
    width: 100%;
    min-height: 43px;
    border: 1px solid #cbd4df;
    border-radius: 8px;
}

.wwx-product-cart-area .single_add_to_cart_button {
    width: 100%;
    min-height: 46px;
    float: none !important;
    border-radius: 8px !important;
    background: var(--wwx-red) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 950 !important;
}

.wwx-product-cart-area .variations {
    margin: 0 0 10px !important;
}

.wwx-product-cart-area .variations td,
.wwx-product-cart-area .variations th {
    display: block;
    width: 100%;
    padding: 3px 0 !important;
}

.wwx-product-cart-area .variations select {
    width: 100%;
    min-height: 40px;
    border: 1px solid #cbd4df;
    border-radius: 7px;
}

.wwx-buy-now-button {
    width: 100%;
    min-height: 44px;
    margin-top: 8px;
    border: 1px solid var(--wwx-blue);
    border-radius: 8px;
    background: var(--wwx-blue);
    color: #fff;
    font-size: 14px;
    font-weight: 950;
}

.wwx-buy-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
    margin-top: 8px;
}

.wwx-buy-actions button {
    min-height: 36px;
    border: 1px solid var(--wwx-line);
    border-radius: 7px;
    background: #fff;
    color: var(--wwx-navy);
    font-size: 14px;
    font-weight: 850;
}

.wwx-buy-security {
    display: grid;
    gap: 6px;
    margin-top: 14px;
    padding-top: 11px;
    border-top: 1px solid var(--wwx-line);
}

.wwx-buy-security > div {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--wwx-muted);
    font-size: 14px;
}

.wwx-buy-security span {
    width: 22px;
    text-align: center;
}

.wwx-buy-security strong {
    color: var(--wwx-navy);
}

.wwx-buy-business-card {
    margin-top: 10px;
    padding: 13px;
    border-radius: 10px;
    background: linear-gradient(135deg, #06152e, #004ca2);
    color: #fff;
}

.wwx-buy-business-card span,
.wwx-buy-business-card strong {
    display: block;
}

.wwx-buy-business-card span {
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .1em;
}

.wwx-buy-business-card strong {
    margin: 4px 0 8px;
    font-size: 14px;
    line-height: 1.4;
}

.wwx-buy-business-card a {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    padding: 0 9px;
    border-radius: 6px;
    background: #fff;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 900;
}

.wwx-product-service-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 14px 0 25px;
    border: 1px solid var(--wwx-line);
    border-radius: 11px;
    background: #fff;
    overflow: hidden;
}

.wwx-product-service-strip > div {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 2px 8px;
    align-items: center;
    padding: 12px 14px;
    border-right: 1px solid var(--wwx-line);
}

.wwx-product-service-strip > div:last-child {
    border-right: 0;
}

.wwx-product-service-strip > div > span {
    grid-row: 1 / 3;
    font-size: 19px;
}

.wwx-product-service-strip strong {
    font-size: 14px;
}

.wwx-product-service-strip small {
    color: var(--wwx-muted);
    font-size: 14px;
}

.wwx-product-details-area {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 290px;
    gap: 20px;
    margin: 0 0 28px;
}

.wwx-product-details-main {
    min-width: 0;
}

.wwx-product-detail-panel {
    border: 1px solid var(--wwx-line);
    border-radius: 10px;
    background: #fff;
    margin-bottom: 9px;
    overflow: hidden;
}

.wwx-product-detail-panel summary {
    position: relative;
    cursor: pointer;
    list-style: none;
    padding: 14px 42px 14px 15px;
    color: var(--wwx-navy);
    font-size: 14px;
    font-weight: 900;
}

.wwx-product-detail-panel summary::-webkit-details-marker {
    display: none;
}

.wwx-product-detail-panel summary::after {
    content: "+";
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--wwx-blue);
    font-size: 20px;
}

.wwx-product-detail-panel[open] summary::after {
    content: "−";
}

.wwx-detail-panel-content {
    padding: 0 15px 16px;
    color: #3d4b5e;
    font-size: 14px;
    line-height: 1.65;
}

.wwx-full-spec-table {
    width: 100%;
    border-collapse: collapse;
}

.wwx-full-spec-table th,
.wwx-full-spec-table td {
    padding: 9px 10px;
    border-bottom: 1px solid #edf0f4;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
}

.wwx-full-spec-table th {
    width: 32%;
    color: var(--wwx-muted);
    font-weight: 800;
}

.wwx-full-spec-table td {
    color: var(--wwx-navy);
    font-weight: 700;
}

.wwx-warranty-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.wwx-warranty-grid > div {
    padding: 11px;
    border-radius: 8px;
    background: #f7f9fc;
}

.wwx-warranty-grid p {
    margin: 5px 0;
}

.wwx-warranty-grid a {
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 850;
}

.wwx-product-documents {
    display: grid;
    gap: 7px;
}

.wwx-product-documents a {
    display: flex;
    min-height: 38px;
    align-items: center;
    padding: 0 10px;
    border: 1px solid var(--wwx-line);
    border-radius: 7px;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 850;
}

.wwx-product-details-side {
    display: grid;
    align-content: start;
    gap: 10px;
}

.wwx-product-help-card {
    padding: 16px;
    border: 1px solid var(--wwx-line);
    border-radius: 10px;
    background: #fff;
}

.wwx-product-help-card > span,
.wwx-product-help-card > strong {
    display: block;
}

.wwx-product-help-card > span {
    color: var(--wwx-red);
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .1em;
}

.wwx-product-help-card > strong {
    margin-top: 6px;
    font-size: 14px;
}

.wwx-product-help-card p {
    color: var(--wwx-muted);
    font-size: 14px;
    line-height: 1.5;
}

.wwx-product-help-card button,
.wwx-product-help-card a {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    background: var(--wwx-blue);
    color: #fff;
    font-size: 14px;
    font-weight: 850;
}

.wwx-product-recommendations {
    margin: 25px 0 30px;
}

.wwx-product-section-head {
    margin-bottom: 12px;
}

.wwx-product-section-head span {
    color: var(--wwx-red);
    font-size: 14px;
    font-weight: 950;
    letter-spacing: .12em;
}

.wwx-product-section-head h2 {
    margin: 4px 0 0;
    font-size: 20px;
}

.wwx-product-recommendations .products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px !important;
}

.wwx-product-video-modal {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: none;
    place-items: center;
    padding: 20px;
    background: rgba(3,12,25,.78);
}

.wwx-product-video-modal.is-open {
    display: grid;
}

.wwx-product-video-dialog {
    position: relative;
    width: min(920px, 94vw);
    border-radius: 12px;
    background: #000;
    overflow: hidden;
}

.wwx-product-video-close {
    position: absolute;
    z-index: 3;
    top: 8px;
    right: 8px;
    width: 36px;
    height: 36px;
    border: 0;
    border-radius: 50%;
    background: rgba(255,255,255,.93);
    color: #06152e;
    font-size: 24px;
}

.wwx-product-video-frame {
    aspect-ratio: 16/9;
}

.wwx-product-video-frame iframe,
.wwx-product-video-frame video {
    width: 100%;
    height: 100%;
    border: 0;
}

/* Dark mode */
html[data-wwx-theme="dark"] .wwx-product-gallery-column .woocommerce-product-gallery__wrapper,
html[data-wwx-theme="dark"] .wwx-product-gallery-column .flex-control-thumbs li,
html[data-wwx-theme="dark"] .wwx-product-floating-actions button,
html[data-wwx-theme="dark"] .wwx-product-video-button,
html[data-wwx-theme="dark"] .wwx-buy-box,
html[data-wwx-theme="dark"] .wwx-buy-actions button,
html[data-wwx-theme="dark"] .wwx-product-service-strip,
html[data-wwx-theme="dark"] .wwx-product-detail-panel,
html[data-wwx-theme="dark"] .wwx-product-help-card,
html.wwx-dark .wwx-product-gallery-column .woocommerce-product-gallery__wrapper,
html.wwx-dark .wwx-buy-box,
html.wwx-dark .wwx-product-service-strip,
html.wwx-dark .wwx-product-detail-panel,
html.wwx-dark .wwx-product-help-card {
    background: #101721 !important;
    border-color: #26364b !important;
    color: #eef3f9 !important;
}

html[data-wwx-theme="dark"] .wwx-product-info-column .product_title,
html[data-wwx-theme="dark"] .wwx-product-id-line b,
html[data-wwx-theme="dark"] .wwx-highlight-grid strong,
html[data-wwx-theme="dark"] .wwx-buy-price .price,
html[data-wwx-theme="dark"] .wwx-buy-security strong,
html[data-wwx-theme="dark"] .wwx-product-detail-panel summary,
html[data-wwx-theme="dark"] .wwx-full-spec-table td,
html.wwx-dark .wwx-product-info-column .product_title,
html.wwx-dark .wwx-highlight-grid strong,
html.wwx-dark .wwx-buy-price .price {
    color: #eef3f9 !important;
}

html[data-wwx-theme="dark"] .wwx-highlight-grid > div,
html[data-wwx-theme="dark"] .wwx-buy-delivery,
html[data-wwx-theme="dark"] .wwx-warranty-grid > div,
html[data-wwx-theme="dark"] .wwx-buy-trade-price,
html.wwx-dark .wwx-highlight-grid > div,
html.wwx-dark .wwx-buy-delivery,
html.wwx-dark .wwx-warranty-grid > div {
    background: #121d2b !important;
    border-color: #30435d !important;
}

/* Responsive */
@media (max-width: 1250px) {
    .wwx-product-top {
        grid-template-columns: minmax(320px, 1fr) minmax(340px, 1fr) 270px;
        gap: 18px;
    }

    .wwx-product-gallery-column .woocommerce-product-gallery__image {
        min-height: 430px;
    }

    .wwx-highlight-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1024px) {
    .wwx-product-top {
        grid-template-columns: minmax(330px, 1fr) minmax(0, 1fr);
    }

    .wwx-product-buy-column {
        grid-column: 1 / -1;
    }

    .wwx-buy-box {
        position: static;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px 16px;
    }

    .wwx-buy-price,
    .wwx-buy-stock,
    .wwx-buy-trade-price,
    .wwx-buy-delivery,
    .wwx-product-cart-area,
    .wwx-buy-now-button,
    .wwx-buy-actions,
    .wwx-buy-security {
        grid-column: auto;
    }

    .wwx-product-cart-area,
    .wwx-buy-security {
        grid-column: 1 / -1;
    }

    .wwx-product-details-area {
        grid-template-columns: 1fr;
    }

    .wwx-product-details-side {
        grid-template-columns: 1fr 1fr;
    }

    .wwx-product-recommendations .products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 760px) {
    .wwx-product-top {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .wwx-product-gallery-column {
        order: 1;
    }

    .wwx-product-info-column {
        order: 2;
    }

    .wwx-product-buy-column {
        order: 3;
    }

    .wwx-product-gallery-column .woocommerce-product-gallery__image {
        min-height: 340px;
    }

    .wwx-product-gallery-column .flex-control-thumbs {
        grid-template-columns: repeat(5, 1fr);
    }

    .wwx-buy-box {
        display: block;
    }

    .wwx-product-service-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .wwx-product-service-strip > div:nth-child(2) {
        border-right: 0;
    }

    .wwx-product-service-strip > div:nth-child(-n+2) {
        border-bottom: 1px solid var(--wwx-line);
    }

    .wwx-product-details-side {
        grid-template-columns: 1fr;
    }

    .wwx-warranty-grid {
        grid-template-columns: 1fr;
    }

    .wwx-product-recommendations .products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 430px) {
    .wwx-product-gallery-column .woocommerce-product-gallery__image {
        min-height: 300px;
    }

    .wwx-product-info-column .product_title {
        font-size: 25px;
    }

    .wwx-highlight-grid {
        grid-template-columns: 1fr 1fr;
        gap: 6px;
    }

    .wwx-product-service-strip {
        grid-template-columns: 1fr;
    }

    .wwx-product-service-strip > div {
        border-right: 0;
        border-bottom: 1px solid var(--wwx-line);
    }

    .wwx-product-service-strip > div:last-child {
        border-bottom: 0;
    }

    .wwx-product-recommendations .products {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px !important;
    }
}


/* ==========================================================================
   v2.1.2 — Approved compact marketplace product cards
   ========================================================================== */
.woocommerce ul.products li.product,
.wwx-merch-products.products li.product,
.wwx-search-product-grid .products li.product{
padding:11px!important}

.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.wwx-merch-products.products li.product .woocommerce-loop-product__link img,
.wwx-search-product-grid .products li.product .woocommerce-loop-product__link img{
    width:70%!important;
max-width:70%!important;
height:auto!important;
aspect-ratio:1/1;
    object-fit:contain;
margin:0 auto 9px!important;
display:block
}

.woocommerce ul.products li.product .wwx-card-identifiers,
.woocommerce ul.products li.product .wwx-card-stock,
.woocommerce ul.products li.product .wwx-vat-note,
.woocommerce ul.products li.product .wwx-trade-price-note{
display:none!important}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
    margin:4px 0 5px!important;
font-size:14px!important;
line-height:1.34!important;
    min-height:0!important;
color:var(--wwx-navy)
}

.wwx-card-reviews{
display:flex;
align-items:center;
gap:6px;
min-height:18px;
margin:3px 0 5px}
.wwx-card-reviews .star-rating{
margin:0!important;
font-size:14px!important;
width:5.4em!important}
.wwx-card-reviews a{
color:var(--wwx-blue);
font-size:14px;
font-weight:750}

.wwx-card-price-wrap{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:5px 7px;
margin:3px 0 4px}
.wwx-card-mrp{
color:var(--wwx-navy);
font-size:16px;
font-weight:850}
.wwx-card-offer-price{
color:var(--wwx-navy);
font-size:17px;
font-weight:950}
.wwx-card-mrp-old{
color:var(--wwx-muted);
font-size:14px}
.wwx-card-mrp-old>span{
margin-right:2px}
.wwx-card-mrp-old del{
color:var(--wwx-muted);
opacity:1}

.wwx-card-offer-line{
display:flex;
align-items:center;
flex-wrap:wrap;
gap:5px;
margin:4px 0 5px}
.wwx-card-offer-badge{
display:inline-flex;
min-height:24px;
align-items:center;
padding:0 7px;
border-radius:5px;
background:var(--wwx-red);
color:#fff;
font-size:14px;
font-weight:950}
.wwx-card-countdown-label{
color:var(--wwx-red);
font-size:14px;
font-weight:850}
.wwx-card-countdown{
color:var(--wwx-red);
font-size:14px;
font-weight:950;
font-variant-numeric:tabular-nums}

.wwx-card-delivery{
margin-top:5px;
color:#27384d;
font-size:14px;
line-height:1.4}
.wwx-card-delivery strong{
color:var(--wwx-navy)}
.wwx-card-free-delivery{
margin-top:3px;
color:#17723b;
font-size:14px;
font-weight:850}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button{
    min-height:36px!important;
padding:0 12px!important;
border-radius:7px!important;
    font-size:14px!important;
font-weight:900!important
}
.woocommerce ul.products li.product .wwx-card-tools{
margin-top:7px}

html[data-wwx-theme="dark"] .woocommerce ul.products li.product .woocommerce-loop-product__title,
html[data-wwx-theme="dark"] .wwx-card-mrp,
html[data-wwx-theme="dark"] .wwx-card-offer-price,
html[data-wwx-theme="dark"] .wwx-card-delivery strong,
html.wwx-dark .woocommerce ul.products li.product .woocommerce-loop-product__title,
html.wwx-dark .wwx-card-mrp,
html.wwx-dark .wwx-card-offer-price,
html.wwx-dark .wwx-card-delivery strong{
color:#eef3f9!important}

html[data-wwx-theme="dark"] .wwx-card-delivery,
html.wwx-dark .wwx-card-delivery{
color:#c7d3e0!important}

@media(max-width:600px){
    .woocommerce ul.products li.product .woocommerce-loop-product__link img,
    .wwx-merch-products.products li.product .woocommerce-loop-product__link img,
    .wwx-search-product-grid .products li.product .woocommerce-loop-product__link img{
        width:72%!important;
max-width:72%!important
    }
    .woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:14px!important}
    .wwx-card-offer-price,.wwx-card-mrp{
font-size:15px}
}

/* v2.1.3 — SKU / MPN intentionally omitted from catalogue product cards. */
.woocommerce ul.products li.product .sku_wrapper,
.woocommerce ul.products li.product [class*="product-sku"],
.woocommerce ul.products li.product [class*="product-mpn"],
.woocommerce ul.products li.product .wwx-card-identifiers {
    display: none !important;
}

/* v2.1.4: Product catalogue cards must never display SKU/MPN metadata. */
.woocommerce ul.products li.product .wwt-sku,
.woocommerce ul.products li.product .sku,
.woocommerce ul.products li.product .sku_wrapper,
.woocommerce ul.products li.product .product-sku,
.woocommerce ul.products li.product .product-mpn,
.woocommerce ul.products li.product .wwx-card-identifiers {
    display:none !important;
}


/* ==========================================================================
   v2.1.5 — Professional product-card Add to Cart CTA
   Scope intentionally limited to WooCommerce product-loop cards.
   ========================================================================== */

.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .button.product_type_variable,
.wwx-merch-products.products li.product .button.add_to_cart_button,
.wwx-search-product-grid .products li.product .button.add_to_cart_button {
    position: relative;
    width: 100% !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 9px 0 0 !important;
    padding: 0 14px 0 40px !important;
    border: 1px solid var(--wwx-red) !important;
    border-radius: 8px !important;
    background: var(--wwx-red) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .005em;
    text-align: center;
    box-shadow: 0 6px 14px rgba(238, 11, 39, .16);
    transition:
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.woocommerce ul.products li.product .button.add_to_cart_button::before,
.woocommerce ul.products li.product .button.product_type_simple::before,
.woocommerce ul.products li.product .button.product_type_variable::before,
.wwx-merch-products.products li.product .button.add_to_cart_button::before,
.wwx-search-product-grid .products li.product .button.add_to_cart_button::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 50%;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.6 10.4a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L21 8H7'/%3E%3C/svg%3E");
}

.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product .button.product_type_simple:hover,
.woocommerce ul.products li.product .button.product_type_variable:hover,
.wwx-merch-products.products li.product .button.add_to_cart_button:hover,
.wwx-search-product-grid .products li.product .button.add_to_cart_button:hover {
    background: #c90020 !important;
    border-color: #c90020 !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(238, 11, 39, .22);
}

.woocommerce ul.products li.product .button.add_to_cart_button:active,
.woocommerce ul.products li.product .button.product_type_simple:active,
.woocommerce ul.products li.product .button.product_type_variable:active {
    transform: translateY(0);
    box-shadow: 0 4px 10px rgba(238, 11, 39, .14);
}

.woocommerce ul.products li.product .button.add_to_cart_button.loading {
    color: rgba(255,255,255,.72) !important;
    pointer-events: none;
}

.woocommerce ul.products li.product .button.add_to_cart_button.loading::before {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,.42);
    border-top-color: #fff;
    border-radius: 50%;
    background-image: none;
    animation: wwx-card-cart-spin .7s linear infinite;
}

.woocommerce ul.products li.product .button.add_to_cart_button.added {
    background: var(--wwx-blue) !important;
    border-color: var(--wwx-blue) !important;
    box-shadow: 0 6px 14px rgba(0,76,162,.16);
}

.woocommerce ul.products li.product .button.add_to_cart_button.added::before {
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
}

.woocommerce ul.products li.product a.added_to_cart {
    width: 100%;
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 6px;
    border: 1px solid var(--wwx-blue);
    border-radius: 7px;
    background: #fff;
    color: var(--wwx-blue);
    font-size: 14px;
    font-weight: 850;
}

.woocommerce ul.products li.product a.added_to_cart:hover {
    background: #edf4ff;
}

/* Variable/external products keep the same CTA styling but receive a neutral action icon. */
.woocommerce ul.products li.product .button.product_type_variable::before,
.woocommerce ul.products li.product .button.product_type_external::before,
.woocommerce ul.products li.product .button.product_type_grouped::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E");
}

@keyframes wwx-card-cart-spin {
    to { transform: translateY(-50%) rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .woocommerce ul.products li.product .button.add_to_cart_button,
    .woocommerce ul.products li.product .button.product_type_simple,
    .woocommerce ul.products li.product .button.product_type_variable {
        transition: none;
    }

    .woocommerce ul.products li.product .button.add_to_cart_button:hover {
        transform: none;
    }
}

@media (max-width: 600px) {
    .woocommerce ul.products li.product .button.add_to_cart_button,
    .woocommerce ul.products li.product .button.product_type_simple,
    .woocommerce ul.products li.product .button.product_type_variable {
        min-height: 40px !important;
        padding-left: 36px !important;
        padding-right: 10px !important;
        font-size: 14px !important;
    }

    .woocommerce ul.products li.product .button.add_to_cart_button::before,
    .woocommerce ul.products li.product .button.product_type_simple::before,
    .woocommerce ul.products li.product .button.product_type_variable::before {
        left: 12px;
        width: 16px;
        height: 16px;
    }
}


/* ==========================================================================
   v2.1.6 — Exact Screenshot Product Card
   ========================================================================== */
.woocommerce ul.products li.product,
.wwx-merch-products.products li.product,
.wwx-search-product-grid .products li.product{
    position:relative;
display:flex!important;
flex-direction:column;
align-items:stretch;
    width:100%;
min-width:0;
padding:18px 20px 18px!important;
border:1px solid #e3e8ef!important;
    border-radius:12px!important;
background:#fff!important;
box-shadow:none!important;
overflow:hidden
}
.woocommerce ul.products li.product .woocommerce-loop-product__link,
.wwx-merch-products.products li.product .woocommerce-loop-product__link,
.wwx-search-product-grid .products li.product .woocommerce-loop-product__link{
display:block;
width:100%}
.woocommerce ul.products li.product .woocommerce-loop-product__link img,
.wwx-merch-products.products li.product .woocommerce-loop-product__link img,
.wwx-search-product-grid .products li.product .woocommerce-loop-product__link img{
    display:block;
width:72%!important;
max-width:220px!important;
height:210px!important;
object-fit:contain;
    margin:0 auto 18px!important
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wwx-merch-products.products li.product .woocommerce-loop-product__title,
.wwx-search-product-grid .products li.product .woocommerce-loop-product__title{
    display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
overflow:hidden;
    min-height:44px!important;
margin:0 0 4px!important;
padding:0!important;
color:#003b78!important;
    font-size:16px!important;
font-weight:800!important;
line-height:1.32!important;
letter-spacing:-.01em
}
.woocommerce ul.products li.product .wwt-sku,
.woocommerce ul.products li.product .sku,
.woocommerce ul.products li.product .sku_wrapper,
.woocommerce ul.products li.product .product-sku,
.woocommerce ul.products li.product .product-mpn,
.woocommerce ul.products li.product .wwx-card-identifiers,
.woocommerce ul.products li.product .wwx-card-stock,
.woocommerce ul.products li.product .stock,
.woocommerce ul.products li.product .out-of-stock,
.woocommerce ul.products li.product .wwx-vat-note,
.woocommerce ul.products li.product .wwx-trade-price-note{
display:none!important}
.wwx-card-reviews{
display:flex;
align-items:center;
gap:6px;
margin:1px 0 5px;
min-height:0}
.wwx-card-reviews .star-rating{
margin:0!important;
font-size:14px!important}
.wwx-card-reviews a{
color:#005eb8;
font-size:14px;
font-weight:700}
.woocommerce ul.products li.product .price{
display:block!important;
margin:0 0 4px!important}
.wwx-card-price-wrap{
display:flex;
align-items:baseline;
flex-wrap:wrap;
gap:4px 7px;
margin:0}
.wwx-card-mrp,.wwx-card-offer-price{
color:#003b78!important;
font-size:18px!important;
font-weight:900!important;
line-height:1.2}
.wwx-card-mrp-old{
color:#707b89!important;
font-size:14px!important}
.wwx-card-mrp-old del{
color:#707b89!important;
opacity:1!important}
.wwx-card-offer-line{
display:flex;
align-items:center;
gap:6px;
flex-wrap:wrap;
margin:2px 0 5px}
.wwx-card-offer-badge{
display:inline-flex;
min-height:22px;
align-items:center;
padding:0 7px;
border-radius:5px;
background:#ef102b;
color:#fff;
font-size:14px;
font-weight:900}
.wwx-card-countdown-label,.wwx-card-countdown{
color:#ef102b;
font-size:14px;
font-weight:850}
.wwx-card-delivery{
margin:3px 0 8px;
color:#2b3440!important;
font-size:14px!important;
line-height:1.35}
.wwx-card-delivery strong{
color:#003b78!important;
font-weight:900}
.wwx-card-free-delivery{
margin:-3px 0 7px;
color:#17723b;
font-size:14px;
font-weight:800}
.woocommerce ul.products li.product .button.add_to_cart_button,
.woocommerce ul.products li.product .button.product_type_simple,
.woocommerce ul.products li.product .button.product_type_variable,
.woocommerce ul.products li.product .button.product_type_grouped,
.woocommerce ul.products li.product .button.product_type_external,
.wwx-merch-products.products li.product .button.add_to_cart_button,
.wwx-search-product-grid .products li.product .button.add_to_cart_button{
    position:relative;
width:100%!important;
min-height:52px!important;
display:inline-flex!important;
    align-items:center;
justify-content:center;
margin:0!important;
padding:0 18px 0 50px!important;
    border:0!important;
border-radius:10px!important;
background:#ef102b!important;
color:#fff!important;
    font-size:15px!important;
font-weight:900!important;
line-height:1!important;
box-shadow:0 8px 18px rgba(239,16,43,.18)
}
.woocommerce ul.products li.product .button.add_to_cart_button::before,
.woocommerce ul.products li.product .button.product_type_simple::before,
.woocommerce ul.products li.product .button.product_type_variable::before,
.woocommerce ul.products li.product .button.product_type_grouped::before,
.woocommerce ul.products li.product .button.product_type_external::before{
    content:"";
position:absolute;
left:20px;
top:50%;
width:21px;
height:21px;
transform:translateY(-50%);
    background-repeat:no-repeat;
background-position:center;
background-size:contain;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1'/%3E%3Ccircle cx='19' cy='20' r='1'/%3E%3Cpath d='M3 4h2l2.6 10.4a2 2 0 0 0 2 1.6h7.8a2 2 0 0 0 2-1.6L21 8H7'/%3E%3C/svg%3E")
}
.woocommerce ul.products li.product .button.add_to_cart_button:hover,
.woocommerce ul.products li.product .button.product_type_simple:hover,
.woocommerce ul.products li.product .button.product_type_variable:hover{
background:#d90d26!important;
transform:none!important}
.woocommerce ul.products li.product .wwx-card-tools{
    display:grid!important;
grid-template-columns:52px 52px minmax(92px,auto);
gap:10px;
justify-content:start;
    align-items:center;
margin:10px 0 0!important
}
.woocommerce ul.products li.product .wwx-card-tools button,
.woocommerce ul.products li.product .wwx-card-tools a{
    min-width:0;
min-height:44px;
display:inline-flex;
align-items:center;
justify-content:center;
    border:1px solid #dfe5ec!important;
border-radius:9px!important;
background:#fff!important;
color:#0055a5!important;
    font-size:18px!important;
font-weight:850!important;
box-shadow:none!important
}
.woocommerce ul.products li.product .wwx-card-tools a:last-child,
.woocommerce ul.products li.product .wwx-card-tools button:last-child{
padding:0 15px!important;
font-size:14px!important}
html[data-wwx-theme="dark"] .woocommerce ul.products li.product,
html.wwx-dark .woocommerce ul.products li.product{
background:#101721!important;
border-color:#26364b!important}
html[data-wwx-theme="dark"] .woocommerce ul.products li.product .woocommerce-loop-product__title,
html[data-wwx-theme="dark"] .wwx-card-mrp,
html[data-wwx-theme="dark"] .wwx-card-offer-price,
html[data-wwx-theme="dark"] .wwx-card-delivery strong,
html.wwx-dark .woocommerce ul.products li.product .woocommerce-loop-product__title,
html.wwx-dark .wwx-card-mrp,
html.wwx-dark .wwx-card-offer-price,
html.wwx-dark .wwx-card-delivery strong{
color:#eef3f9!important}
html[data-wwx-theme="dark"] .wwx-card-delivery,
html.wwx-dark .wwx-card-delivery{
color:#c8d3df!important}
@media(max-width:1100px){
    .woocommerce ul.products li.product{
padding:15px!important}
    .woocommerce ul.products li.product .woocommerce-loop-product__link img{
max-width:190px!important;
height:180px!important}
    .woocommerce ul.products li.product .woocommerce-loop-product__title{
font-size:14px!important}
    .wwx-card-mrp,.wwx-card-offer-price{
font-size:16px!important}
    .woocommerce ul.products li.product .button.add_to_cart_button,
    .woocommerce ul.products li.product .button.product_type_simple,
    .woocommerce ul.products li.product .button.product_type_variable{
min-height:48px!important;
font-size:14px!important}
}
@media(max-width:600px){
    .woocommerce ul.products li.product{
padding:12px!important}
    .woocommerce ul.products li.product .woocommerce-loop-product__link img{
width:78%!important;
max-width:160px!important;
height:150px!important;
margin-bottom:12px!important}
    .woocommerce ul.products li.product .woocommerce-loop-product__title{
min-height:38px!important;
font-size:14px!important}
    .wwx-card-delivery{
font-size:14px!important}
    .woocommerce ul.products li.product .button.add_to_cart_button,
    .woocommerce ul.products li.product .button.product_type_simple,
    .woocommerce ul.products li.product .button.product_type_variable{
min-height:46px!important;
padding-left:42px!important;
font-size:14px!important}
    .woocommerce ul.products li.product .button.add_to_cart_button::before,
    .woocommerce ul.products li.product .button.product_type_simple::before,
    .woocommerce ul.products li.product .button.product_type_variable::before{
left:15px;
width:18px;
height:18px}
    .woocommerce ul.products li.product .wwx-card-tools{
grid-template-columns:46px 46px minmax(80px,auto);
gap:8px}
    .woocommerce ul.products li.product .wwx-card-tools button,
    .woocommerce ul.products li.product .wwx-card-tools a{
min-height:40px}
}


/* v4.3.5 — benefits strip uses only the five live cards; no unused grid column. */
@media(max-width:1100px){
.wwx-benefits-grid{
grid-template-columns:repeat(3,minmax(0,1fr))}
.wwx-benefits-grid>div{
border-bottom:1px solid var(--wwx-line)}
.wwx-benefits-grid>div:nth-child(3n){
border-right:0}
.wwx-benefits-grid>div:nth-last-child(-n+2){
border-bottom:0}
}

@media(max-width:767px){
.wwx-benefits-grid{
grid-template-columns:1fr}
.wwx-benefits-grid>div,
.wwx-benefits-grid>div:nth-child(3n){
border-right:0}
.wwx-benefits-grid>div{
border-bottom:1px solid var(--wwx-line)}
.wwx-benefits-grid>div:last-child{
border-bottom:0}
}

/* v4.3.16 — Blog refinement, preserving existing card language */
.wwx-blog-grid-home{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}
.wwx-blog-card{border-color:#003570!important;box-shadow:0 7px 18px rgba(0,53,112,.09)!important}
.wwx-blog-image img{width:100%!important;height:100%!important;object-fit:cover!important}
.wwx-blog-image-fallback{display:grid;place-items:center;width:100%;height:100%;min-height:160px;background:#f5f7fa;color:#003570;font-size:13px}
.wwx-blog-video-slot{margin:24px 0;padding:18px;border:1px solid rgba(0,53,112,.24);border-radius:10px;background:#f8fafc}
@media(max-width:1180px){.wwx-blog-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:767px){.wwx-blog-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:430px){.wwx-blog-grid-home{grid-template-columns:1fr!important}}