/**
 * WW ElectricalXShop v4.3.0 — Premium International Design System
 * Locked identity preserved: brand red #EE0B27, blue #004CA2, existing header/footer markup.
 * Frozen typography floor: 12px.
 */

:root{
  --wwx-pi-layout-max:1440px;
  --wwx-pi-prose:760px;
  --wwx-pi-gutter:clamp(16px,2.2vw,32px);

  --wwx-pi-s1:4px;
  --wwx-pi-s2:8px;
  --wwx-pi-s3:12px;
  --wwx-pi-s4:16px;
  --wwx-pi-s5:24px;
  --wwx-pi-s6:32px;
  --wwx-pi-s7:40px;
  --wwx-pi-s8:48px;
  --wwx-pi-s9:64px;

  --wwx-pi-red:#EE0B27;
  --wwx-pi-blue:#004CA2;
  --wwx-pi-navy:#061833;
  --wwx-pi-ink:#111827;
  --wwx-pi-copy:#475467;
  --wwx-pi-muted:#667085;
  --wwx-pi-line:#DCE3EC;
  --wwx-pi-surface:#FFFFFF;
  --wwx-pi-soft:#F7F9FC;
  --wwx-pi-success:#14753A;
  --wwx-pi-warning:#8A6100;
  --wwx-pi-danger:#A12822;

  --wwx-pi-radius-sm:8px;
  --wwx-pi-radius:12px;
  --wwx-pi-radius-lg:16px;
  --wwx-pi-shadow-1:0 1px 2px rgba(16,24,40,.04);
  --wwx-pi-shadow-2:0 8px 24px rgba(16,24,40,.07);

  --wwx-pi-h1:clamp(30px,3.2vw,46px);
  --wwx-pi-h2:clamp(24px,2.3vw,34px);
  --wwx-pi-h3:clamp(19px,1.7vw,24px);
  --wwx-pi-body:15px;
  --wwx-pi-small:13px;

  /* v4.3.2 — authoritative type and icon scale */
  --wwx-pi-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --wwx-pi-text-xs:12px;
  --wwx-pi-text-sm:13px;
  --wwx-pi-text-md:15px;
  --wwx-pi-text-lg:17px;
  --wwx-pi-text-xl:20px;
  --wwx-pi-line-tight:1.2;
  --wwx-pi-line-body:1.6;
  --wwx-pi-icon-sm:16px;
  --wwx-pi-icon-md:20px;
  --wwx-pi-icon-lg:24px;
  --wwx-pi-control:48px;
}

/* ---------- Global rhythm; intentionally excludes the locked header/footer ---------- */
.wwt-main,
.wwx-system-render,
.woocommerce-page main,
.woocommerce-account .site-main{
  color:var(--wwx-pi-ink);
}

.wwt-main > .wwt-shell,
.wwx-system-render > .wwt-shell,
.wwx-category-commerce > .wwt-shell,
.wwx-single-product-page > .wwt-shell{
  width:min(var(--wwx-pi-layout-max),calc(100% - (var(--wwx-pi-gutter) * 2)))!important;
  margin-inline:auto!important;
}

.wwt-main h1,
.wwx-category-commerce h1,
.wwx-single-product-page h1,
.woocommerce-account .woocommerce-MyAccount-content h1{
  font-size:var(--wwx-pi-h1);
  line-height:1.08;
  letter-spacing:-.025em;
}

.wwt-main h2,
.wwx-category-commerce h2,
.wwx-single-product-page h2,
.woocommerce-account .woocommerce-MyAccount-content h2{
  font-size:var(--wwx-pi-h2);
  line-height:1.15;
  letter-spacing:-.018em;
}

.wwt-main h3,
.wwx-category-commerce h3,
.wwx-single-product-page h3{
  font-size:var(--wwx-pi-h3);
  line-height:1.22;
}

.wwt-main p,
.wwx-category-description,
.wwx-single-product-page p,
.woocommerce-account .woocommerce-MyAccount-content p{
  line-height:1.65;
}

.wwx-category-description,
.wwx-enterprise-page > header p,
.wwx-supplier-hero p,
.wwx-panel-heading p{
  max-width:var(--wwx-pi-prose);
  color:var(--wwx-pi-copy);
}

/* ---------- One card language ---------- */
.wwx-b2b-panel,
.wwx-enterprise-product,
.wwx-enterprise-empty,
.wwx-enterprise-login,
.wwx-supplier-benefits article,
.wwx-supplier-registration-card,
.wwx-product-submit-card,
.wwx-invoice-submit,
.wwx-supplier-panel,
.woocommerce-account .woocommerce-MyAccount-content,
.woocommerce-cart .cart_totals,
.woocommerce-checkout #order_review,
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register{
  border:1px solid var(--wwx-pi-line)!important;
  border-radius:var(--wwx-pi-radius)!important;
  background:var(--wwx-pi-surface)!important;
  box-shadow:var(--wwx-pi-shadow-1)!important;
}

.wwx-supplier-benefits article:hover,
.wwx-enterprise-product:hover{
  border-color:#C7D3E1!important;
  box-shadow:var(--wwx-pi-shadow-2)!important;
}

/* ---------- CTA hierarchy ---------- */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.wwx-btn,
.wwx-filter-actions button,
.wwx-enterprise-product-buttons .button,
.wwx-enterprise-product-buttons button{
  min-height:46px;
  border-radius:var(--wwx-pi-radius-sm)!important;
  font-weight:750!important;
  line-height:1.2!important;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease;
}

.woocommerce button.button.alt,
.woocommerce a.button.alt,
.woocommerce #payment #place_order,
.woocommerce .checkout-button,
.single_add_to_cart_button,
.wwx-btn-red{
  border:1px solid var(--wwx-pi-red)!important;
  background:var(--wwx-pi-red)!important;
  color:#fff!important;
  box-shadow:0 4px 12px rgba(238,11,39,.18)!important;
}

.woocommerce button.button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce #payment #place_order:hover,
.woocommerce .checkout-button:hover,
.single_add_to_cart_button:hover,
.wwx-btn-red:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(238,11,39,.22)!important;
}

.wwx-btn-outline,
.wwx-filter-actions a,
.woocommerce .button:not(.alt):not(.checkout-button){
  border:1px solid #B8C5D6!important;
  background:#fff!important;
  color:var(--wwx-pi-navy)!important;
}

a:not(.button):focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline:3px solid rgba(0,76,162,.22)!important;
  outline-offset:2px!important;
}

/* ---------- Forms ---------- */
.woocommerce form .form-row,
.wwx-supplier-grid label,
.wwx-partner-form label{
  margin-bottom:var(--wwx-pi-s4);
}

.woocommerce form .form-row label,
.wwx-supplier-grid label,
.wwx-partner-form label{
  color:#344054;
  font-size:13px;
  font-weight:700;
}

.woocommerce input.input-text,
.woocommerce textarea,
.woocommerce select,
.wwx-supplier-grid input,
.wwx-supplier-grid select,
.wwx-supplier-grid textarea,
.wwx-partner-form input,
.wwx-partner-form select,
.wwx-partner-form textarea{
  min-height:48px;
  border:1px solid #B8C5D6!important;
  border-radius:var(--wwx-pi-radius-sm)!important;
  background:#fff!important;
  color:var(--wwx-pi-ink)!important;
  box-shadow:none!important;
}

.woocommerce textarea,
.wwx-supplier-grid textarea,
.wwx-partner-form textarea{
  padding:12px 14px!important;
}

.woocommerce input.input-text:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.wwx-supplier-grid input:focus,
.wwx-supplier-grid select:focus,
.wwx-supplier-grid textarea:focus{
  border-color:var(--wwx-pi-blue)!important;
  box-shadow:0 0 0 3px rgba(0,76,162,.11)!important;
}

/* ---------- Category density ---------- */
.wwx-category-heading{
  padding-block:var(--wwx-pi-s5)!important;
  border-bottom:1px solid var(--wwx-pi-line)!important;
}

.wwx-category-layout{
  gap:var(--wwx-pi-s5)!important;
}

.wwx-intelligent-filters{
  border:1px solid var(--wwx-pi-line)!important;
  border-radius:var(--wwx-pi-radius)!important;
  padding:var(--wwx-pi-s4)!important;
  background:#fff!important;
}

.wwx-filter-form section{
  padding:var(--wwx-pi-s4) 0!important;
  border-bottom:1px solid #E8EDF3!important;
}

.wwx-filter-form h3{
  margin-bottom:var(--wwx-pi-s3)!important;
  color:var(--wwx-pi-navy)!important;
  font-size:14px!important;
  font-weight:800!important;
}

.wwx-filter-form label{
  margin:8px 0!important;
  color:#475467!important;
}

.wwx-category-toolbar{
  min-height:52px!important;
  margin:var(--wwx-pi-s4) 0!important;
  padding:8px 12px!important;
  border:1px solid var(--wwx-pi-line)!important;
  border-radius:var(--wwx-pi-radius-sm)!important;
  background:var(--wwx-pi-soft)!important;
}

.wwx-narrow-search{
  padding:0 0 var(--wwx-pi-s4)!important;
  margin-bottom:var(--wwx-pi-s4)!important;
}

.wwx-narrow-search a{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  padding:0 12px!important;
  border-color:#D5DEE9!important;
  background:#fff!important;
}

/* ---------- Product cards: consistent vertical anatomy ---------- */
.woocommerce ul.products li.product{
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  height:100%;
  padding:16px!important;
  border:1px solid var(--wwx-pi-line)!important;
  border-radius:var(--wwx-pi-radius)!important;
  background:#fff!important;
  box-shadow:var(--wwx-pi-shadow-1)!important;
}

.woocommerce ul.products li.product:hover{
  border-color:#C5D1DF!important;
  box-shadow:var(--wwx-pi-shadow-2)!important;
}

.woocommerce ul.products li.product a img{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1/1;
  object-fit:contain!important;
  margin:0 0 14px!important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
  min-height:2.95em;
  margin:0 0 8px!important;
  font-size:15px!important;
  line-height:1.45!important;
  font-weight:750!important;
  color:var(--wwx-pi-ink)!important;
}

.woocommerce ul.products li.product .star-rating,
.wwx-card-reviews{
  margin-bottom:8px!important;
}

.wwx-card-price-wrap,
.woocommerce ul.products li.product .price{
  margin-top:auto!important;
}

.wwx-card-offer-price,
.woocommerce ul.products li.product .price{
  color:var(--wwx-pi-navy)!important;
  font-weight:850!important;
}

.wwx-card-delivery{
  min-height:38px;
  margin-top:8px!important;
  color:var(--wwx-pi-muted)!important;
}

.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .wwx-card-tools{
  margin-top:12px!important;
}

/* ---------- PDP hierarchy ---------- */
.wwx-single-product-page .summary,
.wwx-pdp-buy-card{
  min-width:0;
}

.wwx-pdp-buy-card{
  border:1px solid #CBD5E1!important;
  border-radius:var(--wwx-pi-radius-lg)!important;
  box-shadow:0 12px 28px rgba(16,24,40,.08)!important;
}

.wwx-pdp-buy-card .price,
.single-product .summary .price{
  color:var(--wwx-pi-navy)!important;
  font-weight:850!important;
}

.wwx-pdp-secondary-actions{
  gap:var(--wwx-pi-s3)!important;
}

/* ---------- Supplier onboarding: reduce perceived length ---------- */
.wwx-supplier-registration-card fieldset{
  margin-bottom:var(--wwx-pi-s5)!important;
  padding:var(--wwx-pi-s5)!important;
  border:1px solid var(--wwx-pi-line)!important;
  border-radius:var(--wwx-pi-radius)!important;
  background:#FCFDFE!important;
}

.wwx-supplier-registration-card legend{
  padding-inline:8px!important;
  color:var(--wwx-pi-navy)!important;
}

.wwx-supplier-process{
  border-radius:var(--wwx-pi-radius-lg)!important;
}

.wwx-supplier-process article{
  border-color:rgba(255,255,255,.16)!important;
}

/* ---------- My Electrical Xpress ---------- */
.woocommerce-account .woocommerce{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:var(--wwx-pi-s5)!important;
  align-items:start!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul{
  padding:8px!important;
  border:1px solid var(--wwx-pi-line)!important;
  border-radius:var(--wwx-pi-radius)!important;
  background:#fff!important;
  box-shadow:var(--wwx-pi-shadow-1)!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation a{
  min-height:44px!important;
  padding:10px 12px!important;
  border-radius:8px!important;
  color:#475467!important;
  font-size:13px!important;
  font-weight:700!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation .is-active a{
  background:#EDF4FF!important;
  color:var(--wwx-pi-blue)!important;
}

.woocommerce-account .woocommerce-MyAccount-content{
  padding:var(--wwx-pi-s5)!important;
}

.wwx-myex-welcome{
  padding:0 0 var(--wwx-pi-s5);
  border-bottom:1px solid var(--wwx-pi-line);
}

.wwx-myex-welcome span{
  color:var(--wwx-pi-blue);
  font-size:12px;
  font-weight:850;
  letter-spacing:.08em;
}

.wwx-myex-welcome h2{
  margin:6px 0 8px!important;
}

.wwx-myex-welcome p{
  max-width:720px;
  margin:0;
  color:var(--wwx-pi-copy);
}

.wwx-myex-quick{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:24px 0 8px;
}

.wwx-myex-quick a{
  min-height:104px;
  padding:18px;
  border:1px solid var(--wwx-pi-line);
  border-radius:var(--wwx-pi-radius);
  background:#fff;
  color:var(--wwx-pi-ink);
  text-decoration:none;
  box-shadow:var(--wwx-pi-shadow-1);
}

.wwx-myex-quick a:hover{
  border-color:#B7C8DB;
  box-shadow:var(--wwx-pi-shadow-2);
}

.wwx-myex-quick strong,
.wwx-myex-quick span{
  display:block;
}

.wwx-myex-quick strong{
  margin-bottom:5px;
  color:var(--wwx-pi-navy);
  font-size:15px;
}

.wwx-myex-quick span{
  color:var(--wwx-pi-muted);
  font-size:13px;
  line-height:1.45;
}

/* ---------- Tables, statuses, messages ---------- */
.woocommerce table.shop_table,
.wwx-supplier-table-wrap{
  border:1px solid var(--wwx-pi-line)!important;
  border-radius:var(--wwx-pi-radius)!important;
  overflow:hidden;
  background:#fff;
}

.woocommerce table.shop_table th,
.wwx-supplier-table-wrap th{
  background:var(--wwx-pi-soft)!important;
  color:#475467!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.02em;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wwx-supplier-notice{
  border-radius:var(--wwx-pi-radius)!important;
  box-shadow:none!important;
}

.wwx-status{
  min-height:28px!important;
  padding:0 10px!important;
  font-size:12px!important;
  font-weight:800!important;
}

/* ---------- Responsive certification rules ---------- */
@media(max-width:1180px){
  .woocommerce-account .woocommerce{
    grid-template-columns:220px minmax(0,1fr)!important;
  }
}

@media(max-width:900px){
  .wwx-category-layout{
    grid-template-columns:1fr!important;
  }
  .wwx-myex-quick{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:767px){
  .wwt-main > .wwt-shell,
  .wwx-system-render > .wwt-shell,
  .wwx-category-commerce > .wwt-shell,
  .wwx-single-product-page > .wwt-shell{
    width:calc(100% - 32px)!important;
  }

  .woocommerce-account .woocommerce{
    display:block!important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation{
    margin-bottom:16px!important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul{
    display:flex!important;
    gap:8px!important;
    overflow-x:auto!important;
    scroll-snap-type:x proximity;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation li{
    flex:0 0 auto!important;
    scroll-snap-align:start;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation a{
    min-height:48px!important;
    white-space:nowrap;
  }

  .woocommerce-account .woocommerce-MyAccount-content{
    padding:18px!important;
  }

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

  .wwx-supplier-registration-card fieldset{
    padding:18px!important;
  }

  .wwx-category-toolbar{
    align-items:stretch!important;
    flex-wrap:wrap!important;
  }
}

@media(max-width:430px){
  .wwt-main > .wwt-shell,
  .wwx-system-render > .wwt-shell,
  .wwx-category-commerce > .wwt-shell,
  .wwx-single-product-page > .wwt-shell{
    width:calc(100% - 28px)!important;
  }

  .woocommerce ul.products li.product{
    padding:14px!important;
  }

  .wwx-myex-quick a{
    min-height:92px;
    padding:16px;
  }
}

@media(max-width:390px){
  .wwx-category-toolbar select,
  .wwx-filter-open{
    width:100%;
  }
}

@media(max-width:375px){
  .woocommerce-account .woocommerce-MyAccount-content{
    padding:16px!important;
  }
}

@media(max-width:320px){
  .wwt-main > .wwt-shell,
  .wwx-system-render > .wwt-shell,
  .wwx-category-commerce > .wwt-shell,
  .wwx-single-product-page > .wwt-shell{
    width:calc(100% - 24px)!important;
  }
  .woocommerce ul.products li.product{
    padding:12px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    transition-duration:.01ms!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}


/* ==========================================================================
   v4.3.2 — Premium International Mobile, Typography & Layout Certification
   This section deliberately refines layout behaviour while keeping the locked
   header/footer identity, brand colours and approved component language.
   ========================================================================== */

/* Global sizing safety */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overflow-x:hidden;
}

body{
  font-family:var(--wwx-pi-font);
  overflow-x:hidden;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

img,
svg,
video,
canvas,
iframe{
  max-width:100%;
}

img,
video{
  height:auto;
}

.wwt-main,
.wwx-system-render,
.woocommerce,
.woocommerce-page,
.wwx-category-commerce,
.wwx-single-product-page,
.wwx-enterprise-page,
.wwx-supplier-page{
  min-width:0;
}

/* Type consistency outside the frozen header/footer geometry */
.wwt-main,
.wwx-system-render,
.woocommerce-page main,
.woocommerce-account .site-main,
.wwx-enterprise-page,
.wwx-supplier-page{
  font-family:var(--wwx-pi-font);
  font-size:var(--wwx-pi-body);
  line-height:var(--wwx-pi-line-body);
  color:var(--wwx-pi-ink);
}

.wwt-main small,
.wwx-system-render small,
.woocommerce small,
.wwx-meta,
.wwx-card-meta,
.wwx-status,
.wwx-filter-form label{
  font-size:var(--wwx-pi-text-sm);
  line-height:1.45;
}

.wwt-main h1,
.wwt-main h2,
.wwt-main h3,
.wwt-main h4,
.wwx-system-render h1,
.wwx-system-render h2,
.wwx-system-render h3,
.woocommerce h1,
.woocommerce h2,
.woocommerce h3,
.woocommerce h4{
  text-wrap:balance;
}

.wwt-main p,
.wwx-system-render p,
.woocommerce p{
  text-wrap:pretty;
}

/* Unified interactive sizing */
.wwt-main button,
.wwt-main .button,
.wwx-system-render button,
.wwx-system-render .button,
.woocommerce button,
.woocommerce .button,
.woocommerce input[type="submit"],
.wwx-btn{
  min-height:var(--wwx-pi-control);
}

.wwt-main input:not([type="checkbox"]):not([type="radio"]),
.wwt-main select,
.wwx-system-render input:not([type="checkbox"]):not([type="radio"]),
.wwx-system-render select,
.woocommerce input:not([type="checkbox"]):not([type="radio"]),
.woocommerce select{
  min-height:var(--wwx-pi-control);
}

/* Never allow long commerce text/URLs to force horizontal overflow. */
.wwt-main,
.wwx-system-render,
.woocommerce,
.wwx-supplier-panel,
.wwx-enterprise-page,
.wwx-product-card{
  overflow-wrap:anywhere;
}

.woocommerce table,
.wwx-supplier-table-wrap table,
.wwx-enterprise-table{
  max-width:100%;
}

/* Product-card anatomy: stable image, title, rating, price, delivery, actions. */
.woocommerce ul.products,
.wwx-products-grid,
.wwx-product-grid{
  align-items:stretch;
}

.woocommerce ul.products li.product,
.wwx-product-card{
  min-width:0;
  height:100%;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link{
  display:flex;
  flex-direction:column;
  min-width:0;
  flex:1 1 auto;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wwx-product-card .wwx-product-title,
.wwx-card-title{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}

.woocommerce ul.products li.product .price,
.wwx-card-price-wrap{
  min-height:2.2em;
}

.wwx-card-delivery{
  min-height:3em;
}

.wwx-card-actions,
.wwx-enterprise-product-buttons{
  margin-top:auto;
}

/* Empty/success/error state hierarchy */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.wwx-enterprise-empty,
.wwx-supplier-notice{
  padding:16px 18px!important;
  line-height:1.55;
}

.woocommerce-error{
  border-left-color:var(--wwx-pi-danger)!important;
}

.woocommerce-message{
  border-left-color:var(--wwx-pi-success)!important;
}

/* Forms: keep labels and controls readable at all widths. */
.woocommerce form .form-row,
.wwx-supplier-grid,
.wwx-partner-form{
  min-width:0;
}

.woocommerce form .form-row-first,
.woocommerce form .form-row-last{
  min-width:0;
}

.woocommerce textarea,
.wwx-supplier-grid textarea,
.wwx-partner-form textarea{
  min-height:120px;
  resize:vertical;
}

/* Mobile tables become scrollable instead of breaking the page. */
.woocommerce table.shop_table,
.wwx-supplier-table-wrap,
.wwx-enterprise-table-wrap{
  width:100%;
}

.wwx-supplier-table-wrap,
.wwx-enterprise-table-wrap{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* ---------- Responsive tablet ---------- */
@media(max-width:1024px){
  :root{
    --wwx-pi-gutter:24px;
    --wwx-pi-h1:clamp(28px,4.4vw,40px);
    --wwx-pi-h2:clamp(22px,3.4vw,30px);
    --wwx-pi-h3:clamp(18px,2.5vw,23px);
  }

  .wwx-category-layout,
  .wwx-pdp-layout,
  .wwx-enterprise-layout,
  .wwx-supplier-layout{
    min-width:0;
  }

  .wwx-category-sidebar,
  .wwx-pdp-buy-card,
  .wwx-enterprise-sidebar{
    min-width:0;
  }

  .woocommerce ul.products.columns-5,
  .woocommerce ul.products.columns-6{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

/* ---------- Mobile foundation ---------- */
@media(max-width:767px){
  :root{
    --wwx-pi-gutter:16px;
    --wwx-pi-s5:20px;
    --wwx-pi-s6:24px;
    --wwx-pi-s7:32px;
    --wwx-pi-s8:40px;
    --wwx-pi-s9:48px;
    --wwx-pi-h1:clamp(26px,8vw,34px);
    --wwx-pi-h2:clamp(21px,6.4vw,28px);
    --wwx-pi-h3:clamp(18px,5vw,22px);
    --wwx-pi-body:15px;
  }

  body{
    width:100%;
    min-width:0;
  }

  .wwt-shell,
  .wwt-main > .wwt-shell,
  .wwx-system-render > .wwt-shell,
  .wwx-category-commerce > .wwt-shell,
  .wwx-single-product-page > .wwt-shell{
    width:auto!important;
    max-width:none!important;
    margin-inline:16px!important;
    padding-inline:0!important;
  }

  /* Locked header identity preserved; only mobile fitting is corrected. */
  .wwx-locked-header,
  .wwx-locked-utility,
  .wwx-locked-main,
  .wwx-locked-nav{
    max-width:100vw;
    overflow-x:clip;
  }

  .wwx-locked-shell,
  .wwx-locked-main-inner,
  .wwx-locked-nav-inner,
  .wwx-locked-utility-inner{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .wwx-locked-main-inner{
    gap:10px!important;
    padding-inline:14px!important;
  }

  .wwx-locked-logo{
    min-width:0!important;
    max-width:170px!important;
  }

  .wwx-locked-logo img{
    max-width:100%!important;
    height:auto!important;
  }

  .wwx-locked-search-area,
  .wwx-locked-search,
  .wwx-smart-search{
    min-width:0!important;
    max-width:100%!important;
  }

  .wwx-locked-actions{
    min-width:0!important;
  }

  .wwx-side-drawer,
  .wwx-mobile-menu,
  .wwx-drawer,
  .wwx-modal,
  .wwx-location-modal,
  .wwx-elysia-drawer{
    max-width:100vw;
  }

  .wwx-side-drawer-card,
  .wwx-mobile-menu-card,
  .wwx-drawer-card,
  .wwx-modal-card{
    width:min(94vw,440px)!important;
    max-width:94vw!important;
  }

  /* Footer must stack cleanly and never force lateral scrolling. */
  .wwt-footer-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }

  .wwx-footer-brand,
  .wwx-footer-contact,
  .wwx-footer-trade-links{
    min-width:0!important;
  }

  .wwx-footer-logo{
    max-width:220px!important;
    height:auto!important;
  }

  /* Main commerce grids */
  .woocommerce ul.products,
  .woocommerce ul.products.columns-3,
  .woocommerce ul.products.columns-4,
  .woocommerce ul.products.columns-5,
  .woocommerce ul.products.columns-6,
  .wwx-products-grid,
  .wwx-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .woocommerce ul.products li.product{
    width:auto!important;
    float:none!important;
    margin:0!important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    min-height:4.25em;
    font-size:14px!important;
    line-height:1.42!important;
  }

  .woocommerce ul.products li.product .price{
    font-size:15px!important;
  }

  .woocommerce ul.products li.product .button{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  /* Category/filter system */
  .wwx-category-layout{
    display:block!important;
  }

  .wwx-category-sidebar{
    width:100%!important;
  }

  .wwx-category-toolbar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  .wwx-category-toolbar > *{
    width:100%;
    min-width:0;
  }

  .wwx-filter-drawer,
  .wwx-category-filter-drawer{
    width:min(94vw,420px)!important;
    max-width:94vw!important;
  }

  .wwx-filter-actions{
    position:sticky;
    bottom:0;
    z-index:2;
    padding:12px 0;
    background:#fff;
  }

  /* PDP */
  .wwx-pdp-layout,
  .single-product div.product{
    min-width:0;
  }

  .single-product div.product .images,
  .single-product div.product .summary{
    width:100%!important;
    float:none!important;
    clear:both!important;
  }

  .wwx-pdp-buy-card{
    position:static!important;
    width:100%!important;
    max-width:none!important;
  }

  .single-product form.cart,
  .single-product .variations,
  .single-product .variations tbody,
  .single-product .variations tr,
  .single-product .variations th,
  .single-product .variations td{
    max-width:100%;
  }

  .single-product .variations select{
    width:100%;
    max-width:100%;
  }

  /* Cart and checkout */
  .woocommerce-cart .cart-collaterals,
  .woocommerce-checkout .col2-set,
  .woocommerce-checkout #customer_details{
    display:block!important;
    width:100%!important;
  }

  .woocommerce-cart .cart_totals,
  .woocommerce-checkout #order_review,
  .woocommerce-checkout #payment{
    width:100%!important;
    float:none!important;
  }

  .woocommerce-checkout .col-1,
  .woocommerce-checkout .col-2{
    width:100%!important;
    float:none!important;
  }

  .woocommerce table.shop_table_responsive,
  .woocommerce-page table.shop_table_responsive{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  /* My Electrical Xpress */
  .woocommerce-account .woocommerce{
    display:block!important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation{
    width:100%!important;
    float:none!important;
  }

  .woocommerce-account .woocommerce-MyAccount-content{
    width:100%!important;
    float:none!important;
    min-width:0!important;
  }

  .wwx-myex-quick{
    grid-template-columns:1fr!important;
  }

  /* Supplier and operational forms */
  .wwx-supplier-grid,
  .wwx-partner-grid,
  .wwx-form-grid{
    grid-template-columns:1fr!important;
  }

  .wwx-supplier-registration-card,
  .wwx-supplier-panel,
  .wwx-enterprise-page{
    max-width:100%!important;
    min-width:0!important;
  }

  /* Floating tools stay reachable without covering checkout/account content. */
  .wwx-floating-dock{
    right:8px!important;
    max-width:calc(100vw - 16px)!important;
  }

  .wwx-chat-bubble{
    right:12px!important;
    bottom:12px!important;
    max-width:calc(100vw - 24px)!important;
  }

  .wwx-elysia-drawer{
    width:min(100vw,430px)!important;
  }

  /* Touch targets */
  .wwx-mobile-menu-open,
  .wwx-cart-open,
  .wwx-account-toggle,
  .wwx-search-ai,
  .wwx-floating-toggle,
  .wwx-drawer-close,
  .wwx-modal-close,
  .wwx-mobile-menu-close{
    min-width:44px;
    min-height:44px;
  }
}

/* ---------- Narrow phones ---------- */
@media(max-width:430px){
  :root{
    --wwx-pi-gutter:14px;
  }

  .wwt-shell,
  .wwt-main > .wwt-shell,
  .wwx-system-render > .wwt-shell,
  .wwx-category-commerce > .wwt-shell,
  .wwx-single-product-page > .wwt-shell{
    margin-inline:14px!important;
  }

  .woocommerce ul.products,
  .woocommerce ul.products.columns-3,
  .woocommerce ul.products.columns-4,
  .woocommerce ul.products.columns-5,
  .woocommerce ul.products.columns-6,
  .wwx-products-grid,
  .wwx-product-grid{
    gap:10px!important;
  }

  .woocommerce ul.products li.product,
  .wwx-product-card{
    padding:12px!important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:13px!important;
  }

  .wwx-locked-logo{
    max-width:150px!important;
  }

  .wwx-myex-quick a{
    min-height:88px;
  }
}

@media(max-width:390px){
  .woocommerce ul.products li.product,
  .wwx-product-card{
    padding:10px!important;
  }

  .woocommerce ul.products li.product .price{
    font-size:14px!important;
  }

  .wwx-locked-main-inner{
    padding-inline:10px!important;
  }
}

@media(max-width:375px){
  .wwt-shell,
  .wwt-main > .wwt-shell,
  .wwx-system-render > .wwt-shell,
  .wwx-category-commerce > .wwt-shell,
  .wwx-single-product-page > .wwt-shell{
    margin-inline:12px!important;
  }

  .wwx-floating-dock{
    right:6px!important;
  }
}

@media(max-width:340px){
  /* On very narrow devices use a single product column instead of squeezing cards. */
  .woocommerce ul.products,
  .woocommerce ul.products.columns-2,
  .woocommerce ul.products.columns-3,
  .woocommerce ul.products.columns-4,
  .woocommerce ul.products.columns-5,
  .woocommerce ul.products.columns-6,
  .wwx-products-grid,
  .wwx-product-grid{
    grid-template-columns:1fr!important;
  }

  .woocommerce ul.products li.product .woocommerce-loop-product__title{
    min-height:auto;
    font-size:14px!important;
  }
}

@media(max-width:320px){
  .wwt-shell,
  .wwt-main > .wwt-shell,
  .wwx-system-render > .wwt-shell,
  .wwx-category-commerce > .wwt-shell,
  .wwx-single-product-page > .wwt-shell{
    margin-inline:10px!important;
  }

  .wwx-side-drawer-card,
  .wwx-mobile-menu-card,
  .wwx-drawer-card,
  .wwx-modal-card{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
  }
}

/* Mobile landscape: avoid over-tall overlays. */
@media(max-width:900px) and (orientation:landscape){
  .wwx-mobile-menu-card,
  .wwx-side-drawer-card,
  .wwx-modal-card,
  .wwx-elysia-drawer{
    max-height:92vh!important;
    overflow-y:auto!important;
  }
}

/* Accessibility motion preference */
@media(prefers-reduced-motion:reduce){
  html:focus-within{
    scroll-behavior:auto;
  }
}


/* v4.3.3 — exact frozen menu behaviour; visual identity unchanged. */
.wwx-frozen-mobile-menu{
  list-style:none;
  margin:0;
  padding:0;
}

.wwx-frozen-mobile-menu li{
  margin:0;
  padding:0;
}

.wwx-frozen-mobile-menu a{
  display:flex;
  align-items:center;
  min-height:44px;
  width:100%;
}

@media(max-width:480px){
  .wwx-frozen-mobile-menu a{
    white-space:normal;
    overflow-wrap:anywhere;
  }
}


/* ==========================================================================
   v4.3.7 — Owner-approved professional frontend corrections
   ========================================================================== */

/* Product images must stay fully visible inside their card media region. */
.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!important;
  width:100%!important;
  height:clamp(180px,15vw,240px)!important;
  max-height:240px!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0 auto 14px!important;
}

@media(max-width:767px){
  .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{
    height:160px!important;
    max-height:160px!important;
  }
}

@media(max-width:390px){
  .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{
    height:145px!important;
    max-height:145px!important;
  }
}

/* Card footer: only slim Wishlist and Compare icons. */
.woocommerce ul.products li.product .wwx-card-tools{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center!important;
  gap:8px!important;
  margin:10px 0 0!important;
}

.woocommerce ul.products li.product .wwx-card-tools .wwx-card-icon-action{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  min-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid #dce3ec!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#004ca2!important;
  box-shadow:none!important;
}

.woocommerce ul.products li.product .wwx-card-tools .wwx-card-icon-action svg{
  width:19px!important;
  height:19px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}

.woocommerce ul.products li.product .wwx-card-tools .wwx-card-icon-action:hover,
.woocommerce ul.products li.product .wwx-card-tools .wwx-card-icon-action:focus-visible,
.woocommerce ul.products li.product .wwx-card-tools .wwx-card-icon-action.is-active{
  border-color:#004ca2!important;
  background:#f5f8fc!important;
}

/* Clickable real brand cards. */
.wwx-brand-row{
  align-items:stretch;
}
.wwx-brand-card{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:82px;
  padding:14px 12px;
  border:1px solid #e0e5eb;
  border-radius:10px;
  background:#fff;
  color:#071426;
  text-align:center;
  text-decoration:none!important;
}
.wwx-brand-card strong{
  font-size:14px;
  line-height:1.35;
}
.wwx-brand-card small{
  color:#637083;
  font-size:12px;
}
.wwx-brand-card:hover,
.wwx-brand-card:focus-visible{
  border-color:#004ca2;
  box-shadow:0 8px 20px rgba(10,35,65,.08);
}

/* All Categories directory. */
.wwx-directory-page{
  width:min(1440px,calc(100% - 40px));
  margin:0 auto;
  padding:42px 0 64px;
}
.wwx-directory-head{
  max-width:780px;
  margin-bottom:30px;
}
.wwx-directory-head>span{
  display:block;
  color:#ee0b27;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
.wwx-directory-head h1{
  margin:6px 0 10px;
}
.wwx-directory-head p{
  margin:0;
  color:#637083;
}
.wwx-category-directory-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.wwx-category-directory-card{
  min-width:0;
  padding:16px;
  border:1px solid #e0e5eb;
  border-radius:12px;
  background:#fff;
}
.wwx-category-directory-main{
  display:flex;
  gap:12px;
  align-items:center;
  color:#071426;
  text-decoration:none!important;
}
.wwx-category-directory-image{
  display:grid;
  place-items:center;
  flex:0 0 72px;
  width:72px;
  height:72px;
  border-radius:10px;
  background:#f5f7fa;
  overflow:hidden;
}
.wwx-category-directory-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.wwx-category-directory-copy{
  display:grid;
  gap:4px;
}
.wwx-category-directory-copy strong{
  font-size:15px;
  line-height:1.35;
}
.wwx-category-directory-copy small{
  color:#637083;
  font-size:12px;
}
.wwx-category-directory-children{
  display:grid;
  gap:7px;
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #edf0f3;
}
.wwx-category-directory-children a{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:#2c3b4d;
  text-decoration:none!important;
  font-size:13px;
}
.wwx-category-directory-children a:hover{
  color:#004ca2;
}

/* Vlogs. */
.wwx-vlog-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.wwx-vlog-card{
  min-width:0;
  overflow:hidden;
  border:1px solid #e0e5eb;
  border-radius:12px;
  background:#fff;
}
.wwx-vlog-image{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#f4f7fb;
  color:#004ca2;
  text-decoration:none!important;
}
.wwx-vlog-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.wwx-vlog-image>span{
  font-size:34px;
}
.wwx-vlog-copy{
  padding:16px;
}
.wwx-vlog-copy small{
  color:#637083;
  font-size:12px;
}
.wwx-vlog-copy h2,
.wwx-vlog-copy h3{
  margin:6px 0 8px;
  font-size:18px;
  line-height:1.35;
}
.wwx-vlog-copy h2 a,
.wwx-vlog-copy h3 a{
  color:#071426;
  text-decoration:none!important;
}
.wwx-vlog-copy p{
  margin:0 0 12px;
  color:#637083;
}
.wwx-vlog-read{
  color:#004ca2;
  font-weight:700;
  text-decoration:none!important;
}

/* Footer actions and alignment. */
.wwx-footer-trade-actions{
  display:grid;
  gap:9px;
  margin-top:14px;
}
.wwx-footer-action{
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  padding:10px 14px!important;
  border-radius:7px!important;
  text-decoration:none!important;
  font-weight:700!important;
  cursor:pointer;
}
button.wwx-footer-action.wwx-quote-open{
  border:1px solid #fff!important;
  background:#fff!important;
  color:#071426!important;
}
a.wwx-footer-action.wwx-footer-advertise{
  border:1px solid #ee0b27!important;
  background:#ee0b27!important;
  color:#fff!important;
}

.wwt-footer-bottom{
  display:grid!important;
  grid-template-columns:1fr auto 1fr!important;
  align-items:center!important;
  gap:18px!important;
}
.wwx-footer-trust{
  justify-self:center;
  text-align:center;
}
.wwx-footer-powered{
  justify-self:end;
  text-align:right;
}
.wwx-footer-powered a{
  color:inherit!important;
  text-decoration:underline!important;
}

/* Smaller floating Elysia control; subtitle intentionally removed. */
.wwx-chat-bubble{
  width:auto!important;
  min-width:0!important;
  max-width:190px!important;
  min-height:42px!important;
  height:auto!important;
  padding:9px 13px!important;
  gap:7px!important;
  border-radius:999px!important;
}
.wwx-chat-bubble>b{
  font-size:13px!important;
  line-height:1.2!important;
}
.wwx-chat-bubble>span{
  font-size:14px!important;
}

@media(max-width:1024px){
  .wwx-category-directory-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .wwx-vlog-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:767px){
  .wwx-directory-page{
    width:calc(100% - 28px);
    padding:30px 0 46px;
  }
  .wwx-category-directory-grid,
  .wwx-vlog-grid{
    grid-template-columns:1fr;
  }
  .wwt-footer-bottom{
    grid-template-columns:1fr!important;
    text-align:center!important;
  }
  .wwt-footer-bottom>span,
  .wwx-footer-trust,
  .wwx-footer-powered{
    justify-self:center!important;
    text-align:center!important;
  }
  .wwx-chat-bubble{
    max-width:165px!important;
    padding:8px 11px!important;
  }
}


/* ==========================================================================
   v4.3.8 — navigation, brands, quick tools and mandatory content edge safety
   ========================================================================== */

:root{
  --wwx-safe-edge:clamp(16px,2.25vw,32px);
}

/* Mandatory thumb rule: customer content must not touch viewport edges. */
body:not(.wp-admin) main.wwt-main,
body:not(.wp-admin) .wwx-system-render,
body:not(.wp-admin) .wwx-department-page,
body:not(.wp-admin) .wwx-brand-products-page{
  min-width:0;
}

body:not(.wp-admin) .wwx-page-safe-shell{
  width:min(1440px,calc(100% - (var(--wwx-safe-edge) * 2)));
  margin-inline:auto;
}

body:not(.wp-admin) .wwt-main > .wwt-shell,
body:not(.wp-admin) .wwx-system-render > .wwt-shell{
  width:min(var(--wwx-pi-layout-max,1440px),calc(100% - (var(--wwx-safe-edge) * 2)))!important;
  margin-inline:auto!important;
}

/* The separate bottom Elysia bubble is retired; Quick Tools is the only launcher. */
.wwx-chat-bubble{
  display:none!important;
}

/* Quick Tools: five consistent tools, including WhatsApp and Social Media. */
.wwx-floating-tools-scroll>a,
.wwx-floating-tools-scroll>button{
  min-height:96px;
}
.wwx-floating-tools-scroll .wwx-whatsapp-quick>span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:2px solid currentColor;
  border-radius:50%;
  font-size:12px;
  font-weight:800;
}
.wwx-social-card{
  max-width:520px;
}
.wwx-social-links{
  display:grid;
  gap:10px;
  margin-top:18px;
}
.wwx-social-links>a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:48px;
  padding:12px 14px;
  border:1px solid #dce3ec;
  border-radius:8px;
  color:#004ca2;
  text-decoration:none!important;
  font-weight:700;
}
.wwx-social-empty{
  color:#637083;
  margin:0;
}

/* Popular Brands: preserve approved 5 × 2 minimalist cards. */
.wwx-brands .wwx-brand-row{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px!important;
}
.wwx-brands .wwx-brand-card{
  display:grid!important;
  place-items:center!important;
  min-height:72px!important;
  padding:14px!important;
  border:1px solid #e0e5eb!important;
  border-radius:9px!important;
  background:#fff!important;
  box-shadow:none!important;
  color:#4a5566!important;
  text-decoration:none!important;
}
.wwx-brands .wwx-brand-card strong{
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:700!important;
}
.wwx-brands .wwx-brand-card:hover,
.wwx-brands .wwx-brand-card:focus-visible{
  border-color:#004ca2!important;
  color:#004ca2!important;
  box-shadow:0 7px 18px rgba(10,35,65,.07)!important;
}

.wwx-brands-directory-approved{
  padding-top:42px;
  padding-bottom:60px;
}

/* Department landing pages */
.wwx-department-page,
.wwx-brand-products-page{
  padding:40px 0 64px;
}
.wwx-department-hero,
.wwx-brand-products-head{
  max-width:860px;
  margin-bottom:30px;
}
.wwx-department-hero>span,
.wwx-brand-products-head>span{
  display:block;
  color:#ee0b27;
  font-size:12px;
  font-weight:800;
  letter-spacing:.12em;
}
.wwx-department-hero h1,
.wwx-brand-products-head h1{
  margin:6px 0 10px;
}
.wwx-department-hero p,
.wwx-brand-products-head p{
  margin:0;
  color:#637083;
  max-width:72ch;
}
.wwx-department-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:30px 0 16px;
}
.wwx-department-section-head h2{
  margin:0;
}
.wwx-department-subcat-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.wwx-department-subcat-card{
  display:grid;
  grid-template-columns:68px 1fr;
  align-items:center;
  gap:12px;
  min-height:96px;
  padding:13px;
  border:1px solid #e0e5eb;
  border-radius:10px;
  background:#fff;
  color:#071426;
  text-decoration:none!important;
}
.wwx-department-subcat-media{
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  overflow:hidden;
  border-radius:9px;
  background:#f5f7fa;
  color:#071426;
  font-size:28px;
}
.wwx-department-subcat-media img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.wwx-department-subcat-card strong{
  font-size:14px;
  line-height:1.35;
}
.wwx-department-subcat-card:hover,
.wwx-department-subcat-card:focus-visible{
  border-color:#004ca2;
}

/* Brand products page pagination */
.wwx-brand-pagination{
  margin-top:28px;
}
.wwx-brand-pagination ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  list-style:none;
  margin:0;
  padding:0;
}
.wwx-brand-pagination a,
.wwx-brand-pagination span{
  display:grid;
  place-items:center;
  min-width:40px;
  min-height:40px;
  padding:6px 10px;
  border:1px solid #dce3ec;
  border-radius:7px;
  text-decoration:none!important;
}
.wwx-brand-pagination .current{
  background:#004ca2;
  color:#fff;
  border-color:#004ca2;
}

@media(max-width:1100px){
  .wwx-brands .wwx-brand-row{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
  .wwx-department-subcat-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}
@media(max-width:767px){
  :root{
    --wwx-safe-edge:16px;
  }
  .wwx-brands .wwx-brand-row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .wwx-department-subcat-grid{
    grid-template-columns:1fr 1fr;
  }
  .wwx-department-subcat-card{
    grid-template-columns:52px 1fr;
    min-height:82px;
    padding:10px;
  }
  .wwx-department-subcat-media{
    width:52px;
    height:52px;
    font-size:23px;
  }
}
@media(max-width:390px){
  :root{
    --wwx-safe-edge:14px;
  }
  .wwx-department-subcat-grid{
    grid-template-columns:1fr;
  }
}


/* ==========================================================================
   v4.3.10 — approved #003570 card/icon outline refinement ONLY
   No layout, typography, sizing, content, functionality or spacing changes.
   ========================================================================== */

/* General customer-facing cards/panels */
.wwx-account-card,
.wwx-account-review-card,
.wwx-advice-card,
.wwx-basic-card,
.wwx-brand-card,
.wwx-buy-again-card,
.wwx-buy-business-card,
.wwx-cat-card,
.wwx-category-card,
.wwx-category-directory-card,
.wwx-department-subcat-card,
.wwx-drawer-card,
.wwx-help-card,
.wwx-history-card,
.wwx-location-card,
.wwx-maintenance-card,
.wwx-mobile-menu-card,
.wwx-modal-card,
.wwx-notfound-card,
.wwx-offline-card,
.wwx-order-card,
.wwx-pdp-buy-card,
.wwx-pdp-help-card,
.wwx-pdp-trade-card,
.wwx-product-help-card,
.wwx-product-submit-card,
.wwx-promo-card,
.wwx-return-card,
.wwx-review-card,
.wwx-rewards-card,
.wwx-side-drawer-card,
.wwx-social-card,
.wwx-supplier-registration-card,
.wwx-vlog-card{
  border-color:#003570!important;
  box-shadow:0 7px 18px rgba(0,53,112,.10)!important;
}

/* WooCommerce / Electrical Xpress product cards */
.wwx-product-card,
.woocommerce ul.products li.product{
  border-color:#003570!important;
  box-shadow:0 7px 18px rgba(0,53,112,.12)!important;
}

/* Icon containers/actions: same approved blue, restrained shadow */
.wwx-card-icon-action,
.wwx-department-subcat-media,
.wwx-category-directory-image,
.wwx-cat-card .wwx-cat-icon,
.wwx-category-card .wwx-category-icon{
  border-color:#003570!important;
  color:#003570;
  box-shadow:0 4px 10px rgba(0,53,112,.08);
}