/* =========================================================================
   Uniwasher Design System  v0.1
   Palette scaled from the existing brand globals (#016FAE / #B7F0F7).
   Mobile-first. Breakpoints: phone <768, tablet 768-1023, desktop >=1024.
   ========================================================================= */

:root{
  /* --- Brand palette (existing, kept) --- */
  --uw-primary:#016FAE;       /* brand blue */
  --uw-cyan:#B7F0F7;          /* light cyan */
  --uw-text:#7A7A7A;          /* body gray */
  --uw-muted:#C5C5C5;         /* light accent */

  /* --- Scaled extensions (same family, added depth/contrast) --- */
  --uw-navy:#013A5C;          /* dark navy: headers/footer/hero overlay */
  --uw-navy-900:#012A43;
  --uw-teal:#0FA0C0;          /* saturated CTA teal (pops on light) */
  --uw-teal-600:#0B86A1;
  --uw-ink:#14202B;           /* near-black headings */
  --uw-band:#F4F8FB;          /* off-white section band */
  --uw-band-2:#E9F1F6;
  --uw-line:#DfE7Ec;          /* hairlines/borders */
  --uw-white:#FFFFFF;

  /* --- Typography (Overlock brand font + clean body sans) --- */
  --uw-font-head:"Overlock",system-ui,sans-serif;
  --uw-font-body:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;

  /* Fluid type scale (clamp: mobile -> desktop) */
  --uw-fs-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);
  --uw-fs-sm:clamp(0.8125rem,0.78rem + 0.15vw,0.875rem);
  --uw-h1:clamp(2rem,1.4rem + 3vw,3.75rem);
  --uw-h2:clamp(1.6rem,1.2rem + 2vw,2.75rem);
  --uw-h3:clamp(1.25rem,1.05rem + 1vw,1.75rem);

  /* Spacing / rhythm (fluid section padding) */
  --uw-section-y:clamp(1.75rem,1rem + 2.2vw,3.25rem);
  --uw-gap:clamp(1rem,0.6rem + 1.5vw,2rem);
  --uw-radius:10px;
  --uw-radius-lg:16px;
  --uw-shadow:0 6px 24px rgba(1,42,67,.08);
  --uw-shadow-lg:0 14px 40px rgba(1,42,67,.14);
  --uw-container:1200px;
}

/* --- Map design tokens onto Elementor global colors so the editor stays in sync --- */
:root{
  --e-global-color-primary:var(--uw-primary);
  --e-global-color-secondary:var(--uw-cyan);
  --e-global-color-text:var(--uw-text);
  --e-global-color-accent:var(--uw-teal);
}

/* ---------------------------- Base ---------------------------- */
.uw body, body.uw-redesign{font-family:var(--uw-font-body);font-size:var(--uw-fs-base);color:var(--uw-text);}
.uw-redesign h1,.uw-redesign h2,.uw-redesign h3,.uw-redesign h4{font-family:var(--uw-font-head);color:var(--uw-ink);line-height:1.12;}
.uw-redesign img{max-width:100%;height:auto;}

/* --------------------- Layout helpers --------------------- */
.uw-container{width:100%;max-width:var(--uw-container);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem);}
.uw-section{padding-block:var(--uw-section-y);}
.uw-band{background:var(--uw-band);}
.uw-navy-band{background:var(--uw-navy);color:#dCEaf2;}
.uw-navy-band h1,.uw-navy-band h2,.uw-navy-band h3{color:#fff;}

/* Responsive auto-grid: cards reflow 1 -> 2 -> 3/4 cols by width, no media queries needed */
.uw-grid{display:grid;gap:var(--uw-gap);grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));}
.uw-grid--2{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));}

/* --------------------- Buttons --------------------- */
.uw-btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--uw-font-head);font-weight:700;
  padding:.85em 1.5em;border-radius:var(--uw-radius);text-decoration:none;line-height:1;cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,background .15s ease;min-height:48px;/* tap target */}
.uw-btn--primary{background:var(--uw-teal);color:#fff;}
.uw-btn--primary:hover{background:var(--uw-teal-600);transform:translateY(-2px);box-shadow:var(--uw-shadow);}
.uw-btn--ghost{background:transparent;color:var(--uw-primary);border:2px solid var(--uw-primary);}
.uw-btn--ghost:hover{background:var(--uw-primary);color:#fff;}
.uw-btn--lg{font-size:1.05rem;padding:1em 1.8em;}

/* --------------------- Cards --------------------- */
.uw-card{background:#fff;border:1px solid var(--uw-line);border-radius:var(--uw-radius-lg);overflow:hidden;
  box-shadow:var(--uw-shadow);transition:transform .18s ease,box-shadow .18s ease;}
.uw-card:hover{transform:translateY(-4px);box-shadow:var(--uw-shadow-lg);}
.uw-card__body{padding:clamp(1rem,3vw,1.5rem);}
.uw-chip{display:inline-block;font-size:var(--uw-fs-sm);font-weight:600;color:var(--uw-teal-600);
  background:var(--uw-band-2);border-radius:999px;padding:.25em .75em;}

/* --- Reliable responsive grid for Elementor card rows (overrides inline flex) --- */
/* Reflows 1 col (phone) -> 2 (tablet) -> 3-4 (desktop) automatically. */
.uw-elgrid{display:grid !important;gap:var(--uw-gap) !important;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));align-items:stretch;}
.uw-elgrid--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));}
.uw-elgrid > .e-con, .uw-elgrid > .elementor-element{width:auto !important;max-width:none !important;margin:0 !important;}

/* --- Hero --- */
.uw-hero{min-height:clamp(420px,58vh,640px);display:flex;align-items:center;}
/* Premium navy hero: real photo background + dark gradient overlay (readable text) */
.uw-redesign .uw-hero.uw-navy-band{
  position:relative;overflow:hidden;background-color:#012A43;
  background-image:var(--uw-hero-img,url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-showroom.jpg"));
  background-size:cover;background-position:center;}
.uw-redesign .uw-hero.uw-navy-band::before{content:"";position:absolute;inset:0;z-index:0;
  background:linear-gradient(118deg, rgba(1,24,38,.90) 0%, rgba(1,33,52,.80) 50%, rgba(2,52,82,.62) 100%);}
/* Hero text: force white headline + light subtext (readable on the lighter photo) */
.uw-redesign .uw-hero h1,.uw-redesign .uw-hero h1 .elementor-heading-title,.uw-redesign .uw-hero .uw-boxed h1{color:#fff !important;text-shadow:0 2px 22px rgba(0,0,0,.5);}
.uw-redesign .uw-hero .uw-eyebrow,.uw-redesign .uw-hero .uw-eyebrow .elementor-heading-title{color:var(--uw-cyan) !important;}
.uw-redesign .uw-hero .uw-lead,.uw-redesign .uw-hero p{text-shadow:0 1px 14px rgba(0,0,0,.45);}
.uw-redesign .uw-hero.uw-navy-band::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;z-index:0;
  background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);
  background-size:46px 46px;}
.uw-redesign .uw-hero .uw-boxed{position:relative;z-index:1;}
.uw-redesign .uw-hero h1{text-shadow:0 2px 28px rgba(0,0,0,.4);}
/* Navy CTA bands (financing/final) — photo treatment; NOT the footer (solid navy) */
.uw-redesign .uw-navy-band:not(.uw-hero):not(.uw-footer){position:relative;overflow:hidden;
  background-image:linear-gradient(118deg, rgba(1,24,38,.90), rgba(2,52,82,.7)),var(--uw-hero-img,url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-industrial.jpg"));
  background-size:cover;background-position:center;}
.uw-redesign .uw-navy-band:not(.uw-hero):not(.uw-footer) > *{position:relative;z-index:1;}
/* Footer: solid navy, no background photo */
.uw-redesign .uw-footer{background-image:none !important;background-color:#012A43 !important;}

/* 5-up grid for desktop (featured equipment) */
.uw-elgrid--5{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));}
@media (min-width:1100px){.uw-elgrid--5{grid-template-columns:repeat(5,1fr);}}

/* Infinite auto-scrolling marquee row (equipment) — ~5 cards visible on desktop */
.uw-redesign .uw-marquee{overflow:hidden;position:relative;width:100%;}
.uw-redesign .uw-marquee__track,.uw-redesign .uw-marquee__track > .e-con-inner{
  display:flex !important;flex-wrap:nowrap !important;width:max-content !important;gap:var(--uw-gap);align-items:stretch;}
.uw-redesign .uw-marquee__track{animation:uw-scroll 45s linear infinite;}
.uw-redesign .uw-marquee:hover .uw-marquee__track{animation-play-state:paused;}
.uw-redesign .uw-marquee .uw-card{flex:0 0 clamp(240px,18vw,290px) !important;width:clamp(240px,18vw,290px) !important;max-width:none !important;align-self:stretch;}
/* Uniform product image box so portrait + landscape shots look consistent */
.uw-redesign .uw-marquee .uw-card .elementor-widget-image{background:transparent;}
.uw-redesign .uw-marquee .uw-card img{height:185px !important;width:100% !important;object-fit:contain !important;padding:14px !important;display:block;}
.uw-redesign .uw-marquee .uw-card__body{padding:1rem 1.1rem 1.25rem !important;}
@keyframes uw-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Dark (photo/navy) sections: body text must be light, not the gray body color */
.uw-redesign .uw-navy-band,.uw-redesign .uw-hero{color:#e9f0f6;}
.uw-redesign .uw-navy-band p,.uw-redesign .uw-navy-band li,.uw-redesign .uw-navy-band .uw-lead,
.uw-redesign .uw-navy-band .elementor-widget-text-editor,.uw-redesign .uw-navy-band .elementor-widget-text-editor *,
.uw-redesign .uw-hero p,.uw-redesign .uw-hero .uw-lead,.uw-redesign .uw-hero .elementor-widget-text-editor *{color:#e9f0f6 !important;}
.uw-redesign .uw-navy-band .uw-eyebrow,.uw-redesign .uw-hero .uw-eyebrow{color:var(--uw-cyan) !important;}
.uw-redesign .uw-navy-band .uw-checklist li::before{background:var(--uw-cyan);}
.uw-eyebrow{display:inline-block;font-family:var(--uw-font-head);font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;font-size:var(--uw-fs-sm);color:var(--uw-cyan);margin-bottom:.5rem;}
.uw-lead{font-size:clamp(1.05rem,1rem + .4vw,1.3rem);line-height:1.5;}

/* --- Value / segment card inner --- */
.uw-feature{display:flex;flex-direction:column;gap:.4rem;height:100%;}
.uw-feature__title{font-family:var(--uw-font-head);font-weight:700;color:var(--uw-ink);font-size:1.15rem;}
.uw-card a.uw-card__link{color:var(--uw-teal-600);font-weight:700;text-decoration:none;}
.uw-card a.uw-card__link:hover{text-decoration:underline;}

/* --------------------- Spec table (model pages) --------------------- */
.uw-specs{width:100%;border-collapse:collapse;}
.uw-specs th,.uw-specs td{text-align:left;padding:.7em 1em;border-bottom:1px solid var(--uw-line);font-size:var(--uw-fs-sm);}
.uw-specs th{width:42%;color:var(--uw-ink);font-weight:600;}

/* --------------------- Brand trust strip --------------------- */
.uw-brandstrip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1.5rem,5vw,3.5rem);}
.uw-brandstrip img{max-height:42px;width:auto;filter:grayscale(1);opacity:.7;transition:.2s;}
.uw-brandstrip img:hover{filter:none;opacity:1;}

/* --------------------- Sticky mobile action bar (call/whatsapp/quote) --------------------- */
.uw-mobilebar{display:none;}
@media (max-width:767px){
  .uw-mobilebar{display:grid;grid-template-columns:1fr 1fr 1fr;position:fixed;left:0;right:0;bottom:0;z-index:999;
    background:var(--uw-navy);box-shadow:0 -4px 18px rgba(0,0,0,.25);}
  .uw-mobilebar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
    padding:.55rem;color:#fff;text-decoration:none;font-size:.72rem;min-height:56px;border-right:1px solid rgba(255,255,255,.12);}
  .uw-mobilebar a:last-child{border-right:0;background:var(--uw-teal);}
  body{padding-bottom:56px;} /* clear the bar */
}

/* --------------------- Responsive tuning --------------------- */
/* Tablet */
@media (min-width:768px) and (max-width:1023px){
  .uw-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));}
}
/* Phone: tighten section rhythm, stack hero text */
@media (max-width:767px){
  .uw-hero__cta{flex-direction:column;align-items:stretch;}
  .uw-hero__cta .uw-btn{width:100%;justify-content:center;}
  .uw-specs th{width:50%;}
}

/* --------------------- Elementor native widget theming (redesign only) --------------------- */
.uw-redesign .elementor-button{font-family:var(--uw-font-head);font-weight:700;border-radius:var(--uw-radius);
  padding:.95em 1.7em;min-height:48px;background:var(--uw-teal) !important;color:#fff !important;transition:background .15s,transform .15s;}
.uw-redesign .elementor-button:hover{background:var(--uw-teal-600) !important;transform:translateY(-2px);}
.uw-redesign .uw-btnwrap--ghost .elementor-button{background:transparent !important;border:2px solid #fff !important;color:#fff !important;}
.uw-redesign .uw-btnwrap--ghost .elementor-button:hover{background:#fff !important;color:var(--uw-navy) !important;}
.uw-redesign .uw-btnwrap--ghost .elementor-button:hover{background:#fff;color:var(--uw-navy);}
.uw-redesign .uw-section{padding-block:var(--uw-section-y);}
.uw-redesign .uw-heading-accent{color:var(--uw-primary);}
/* Content wrappers: wide / near-full-width on desktop (header, footer & sections all aligned) */
.uw-redesign .uw-boxed{max-width:min(1640px,92vw) !important;width:100%;margin-inline:auto;padding-inline:clamp(1rem,2vw,1.5rem);}
.uw-redesign .uw-boxed > .e-con-inner{max-width:100% !important;}   /* remove Elementor's inner ~1140px cap */
/* Astra wraps page content in .ast-container (1200px) — remove on redesign pages so sections go edge-to-edge */
body.uw-redesign .ast-container{max-width:100% !important;padding-left:0 !important;padding-right:0 !important;}
body.uw-redesign #primary,body.uw-redesign .entry-content,body.uw-redesign .ast-article-single{max-width:100% !important;padding:0 !important;margin:0 !important;}
body.uw-redesign .site-content{padding:64px 0 0 0 !important;}  /* offset for fixed header */
/* Sections + header + footer backgrounds span FULL WIDTH; content centered via .uw-boxed */
.uw-redesign .uw-section,.uw-redesign .uw-header,.uw-redesign .uw-navy-band,.uw-redesign .elementor-141 > .e-con{max-width:none !important;width:100% !important;margin-left:0 !important;margin-right:0 !important;}
.uw-redesign .uw-section > .e-con-inner,.uw-redesign .uw-header > .e-con-inner{max-width:none !important;}

/* ========================== CONVERSION COMPONENTS ========================== */
/* Section intro (lead paragraph under an H2) */
.uw-intro{max-width:760px;}
.uw-intro p{font-size:clamp(1.02rem,0.98rem + .35vw,1.2rem);line-height:1.6;color:#52606D;}
.uw-center{text-align:center;margin-inline:auto;}

/* Trust / stats band — row of proof points */
.uw-stats{display:grid;gap:var(--uw-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));text-align:center;}
.uw-stat{padding:1rem;}
.uw-stat__num{font-family:var(--uw-font-head);font-weight:900;font-size:clamp(1.6rem,1.2rem+1.6vw,2.4rem);color:var(--uw-cyan);line-height:1;}
.uw-navy-band .uw-stat__label,.uw-stat__label{display:block;margin-top:.4rem;font-size:var(--uw-fs-sm);letter-spacing:.02em;}
.uw-navy-band .uw-stat__num{color:var(--uw-cyan);}

/* How-it-works steps */
.uw-steps{display:grid;gap:var(--uw-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));counter-reset:uwstep;}
.uw-step{position:relative;background:#fff;border:1px solid var(--uw-line);border-radius:var(--uw-radius-lg);padding:1.5rem 1.25rem 1.25rem;box-shadow:var(--uw-shadow);}
.uw-step::before{counter-increment:uwstep;content:counter(uwstep);display:flex;align-items:center;justify-content:center;
  width:42px;height:42px;border-radius:50%;background:var(--uw-teal);color:#fff;font-family:var(--uw-font-head);font-weight:900;font-size:1.2rem;margin-bottom:.75rem;}
.uw-step__title{font-family:var(--uw-font-head);font-weight:700;color:var(--uw-ink);margin-bottom:.25rem;}

/* Checklist (benefit bullets) — balanced multi-column, centered (no left-hugging) */
.uw-checklist{list-style:none;margin-inline:auto;padding:0;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:.65rem 2.5rem;max-width:1000px;width:100%;}
.uw-checklist li{position:relative;padding-left:1.9rem;line-height:1.5;}
.uw-checklist li::before{content:"";position:absolute;left:0;top:.15em;width:1.2rem;height:1.2rem;border-radius:50%;
  background:var(--uw-teal);
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/72% no-repeat;
          mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='white' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/></svg>") center/72% no-repeat;}

/* Two-column split (text + media), stacks on mobile */
.uw-split{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:1fr 1fr;align-items:center;}
@media (max-width:860px){.uw-split{grid-template-columns:1fr;}}

/* Testimonial / quote */
.uw-quote{background:var(--uw-band);border-left:4px solid var(--uw-teal);border-radius:var(--uw-radius);
  padding:clamp(1.25rem,3vw,2rem);font-size:1.1rem;line-height:1.6;color:#3E4C59;}
.uw-quote cite{display:block;margin-top:.75rem;font-style:normal;font-weight:700;color:var(--uw-ink);font-size:.95rem;}

/* FAQ — styles Elementor's native accordion/toggle widget */
.uw-faq .elementor-accordion .elementor-accordion-item{border:1px solid var(--uw-line);border-radius:var(--uw-radius);margin-bottom:.6rem;overflow:hidden;background:#fff;}
.uw-faq .elementor-tab-title{font-family:var(--uw-font-head);font-weight:700;color:var(--uw-ink);padding:1rem 1.1rem;cursor:pointer;}
.uw-faq .elementor-tab-title.elementor-active{color:var(--uw-primary);}
.uw-faq .elementor-tab-content{padding:0 1.1rem 1rem;line-height:1.6;color:#52606D;}

/* Pill / eyebrow accent for section tops */
.uw-pill{display:inline-block;font-family:var(--uw-font-head);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  font-size:.72rem;color:var(--uw-teal-600);background:var(--uw-band-2);border-radius:999px;padding:.3em .9em;margin-bottom:.6rem;}

/* ===== HEADER: full-width bar, logo left / nav / actions spread across ===== */
.uw-redesign .uw-header{width:100% !important;}
.uw-redesign .uw-header__bar{max-width:min(1700px,94vw) !important;width:100% !important;padding-block:.55rem;}
.uw-redesign .uw-header__bar > .e-con-inner{display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important;
  align-items:center !important;justify-content:space-between !important;gap:clamp(1rem,3vw,2.5rem) !important;max-width:none !important;width:100% !important;}
.uw-redesign .uw-header__actions{display:flex !important;flex-direction:row !important;align-items:center !important;gap:.7rem !important;flex-shrink:0 !important;}
.uw-redesign .uw-header__nav{flex:0 1 auto;}

/* ===== FOOTER: link columns in a horizontal grid (not stacked) ===== */
.uw-redesign .uw-footer__cols{display:grid !important;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr !important;
  gap:clamp(1.5rem,3vw,3rem) !important;width:100% !important;align-items:start;}
.uw-redesign .uw-footer__col{width:auto !important;min-width:0 !important;flex:initial !important;}
@media (max-width:900px){.uw-redesign .uw-footer__cols{grid-template-columns:1fr 1fr !important;}}
@media (max-width:540px){.uw-redesign .uw-footer__cols{grid-template-columns:1fr !important;}}

/* ===== Per-page hero / dark-band INDUSTRIAL banners (commercial equipment, not domestic) ===== */
body.page-id-103 {--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-showroom.jpg");}   /* home: all brands */
body.page-id-1266{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-industrial.jpg");} /* solutions */
body.page-id-1267{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-opl.jpg");}        /* OPL */
body.page-id-1268{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-washers.jpg");}    /* coin/vended */
body.page-id-1269{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-washers.jpg");}    /* multi-housing */
body.page-id-1270{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-industrial.jpg");} /* industrial */
body.page-id-1278{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-opl.jpg");}        /* industries hub */
body.page-id-1279{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-opl.jpg");}        /* hotel */
body.page-id-1280{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-opl.jpg");}        /* healthcare */
body.page-id-1281{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-opl.jpg");}        /* senior living */
body.page-id-1282{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-industrial.jpg");} /* fire/ems */
body.page-id-1283{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-industrial.jpg");} /* corrections */
body.page-id-1284{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-washers.jpg");}    /* gym/spa */
body.page-id-970 {--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-parts.jpg");}      /* parts */
body.page-id-1285{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-parts.jpg");}      /* chemicals */
body.page-id-1271{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-partnership.jpg");}/* financing */
body.page-id-172 {--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-partnership.jpg");}/* about */
body.page-id-189 {--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-showroom.jpg");}   /* contact */
body.post-type-archive-equipment,body.single-equipment{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-industrial.jpg");}
/* Service-area / location pages */
body.page-id-1296,body.page-id-1297{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-showroom.jpg");}    /* locations hub + Miami */
body.page-id-1298{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-industrial.jpg");}                    /* Hialeah (HQ/industrial) */
body.page-id-1299,body.page-id-1300,body.page-id-1301{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-opl.jpg");} /* Ft Lauderdale, Doral, Miami Beach (hospitality) */
/* Guides / resources pages */
body.page-id-1302,body.page-id-1305{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-showroom.jpg");} /* guides hub + brands compare */
body.page-id-1303,body.page-id-1306{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-opl.jpg");}      /* sizing OPL + OPL vs coin */
body.page-id-1304{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-banner-washers.jpg");}                    /* washer buying guide */

/* ===== MOBILE-ONLY hero banners (portrait crops — landscape banners cut off on phones) ===== */
@media (max-width:767px){
  /* showroom (all brand logos) — home + contact */
  body.page-id-103,body.page-id-189{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-showroom.jpg");}
  /* industrial plant — solutions hub, industrial, fire/ems, corrections, equipment */
  body.page-id-1266,body.page-id-1270,body.page-id-1282,body.page-id-1283,
  body.post-type-archive-equipment,body.single-equipment{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-industrial.jpg");}
  /* hotel/OPL laundry room — OPL, industries hub + hospitality/care industries, coin/multi-housing/gym */
  body.page-id-1267,body.page-id-1278,body.page-id-1279,body.page-id-1280,body.page-id-1281,
  body.page-id-1268,body.page-id-1269,body.page-id-1284{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-opl.jpg");}
  /* warehouse + parts/chemicals laid out — parts + chemicals */
  body.page-id-970,body.page-id-1285{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-parts.jpg");}
  /* handshake/partnership — financing + about */
  body.page-id-1271,body.page-id-172{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-partnership.jpg");}
  /* service-area pages */
  body.page-id-1296,body.page-id-1297{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-showroom.jpg");}
  body.page-id-1298{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-industrial.jpg");}
  body.page-id-1299,body.page-id-1300,body.page-id-1301{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-opl.jpg");}
  /* guides pages */
  body.page-id-1302,body.page-id-1305{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-showroom.jpg");}
  body.page-id-1303,body.page-id-1304,body.page-id-1306{--uw-hero-img:url("https://uniwasher.com/wp-content/uploads/2026/06/uw-mobile-opl.jpg");}
  /* portrait images read better top-anchored on tall hero */
  .uw-redesign .uw-hero.uw-navy-band{background-position:center top;}
}

/* ===== Dark band headings forced white (were rendering blue / low contrast) ===== */
.uw-redesign .uw-navy-band h1,.uw-redesign .uw-navy-band h2,.uw-redesign .uw-navy-band h3,
.uw-redesign .uw-navy-band .elementor-heading-title,
.uw-redesign .uw-hero h2,.uw-redesign .uw-hero h2 .elementor-heading-title{color:#fff !important;}

/* ===== Fix step number badge overlapping the title (force vertical layout) ===== */
.uw-redesign .uw-step{display:flex !important;flex-direction:column !important;align-items:flex-start !important;padding:1.5rem 1.35rem 1.35rem !important;}
.uw-redesign .uw-step::before{position:static !important;flex:0 0 auto;margin:0 0 .7rem 0 !important;}
.uw-redesign .uw-step .uw-step__title{display:block;margin-top:0;}

/* ===== Footer: align brand/logo to the LEFT ===== */
.uw-redesign .uw-footer__brand{align-items:flex-start !important;text-align:left !important;}
.uw-redesign .uw-footer__brand .elementor-widget-image,.uw-redesign .uw-footer__brand img{margin-left:0 !important;margin-right:auto !important;}

/* ===== Catalog archive cards: uniform image + no huge empty space ===== */
body.post-type-archive-equipment .uw-card .elementor-widget-image,body.single-equipment .uw-card .elementor-widget-image{background:transparent;}
body.post-type-archive-equipment .uw-card img{height:210px !important;width:100% !important;object-fit:contain !important;padding:14px !important;}
body.post-type-archive-equipment .e-loop-item,body.post-type-archive-equipment .uw-card{height:auto !important;}

/* ===== Contact page: compact (not full-width) ===== */
body.page-id-189 .uw-split{max-width:1140px;margin-inline:auto;align-items:stretch;gap:2rem;}
body.page-id-189 .uw-section .uw-boxed{max-width:1200px;}
body.page-id-189 .uw-map{width:100%;border:0;border-radius:12px;display:block;margin-top:1rem;min-height:260px;}

/* ===== Per-brand carousel showcase ===== */
.uw-redesign .uw-brandhead{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem;}
.uw-redesign .uw-brandhead__logo img{height:50px !important;width:auto !important;max-height:none !important;object-fit:contain;}
.uw-redesign .uw-export-wrap{margin:0;}
.uw-redesign .uw-export-badge{display:inline-block;font-family:var(--uw-font-head);font-weight:700;font-size:.7rem;
  letter-spacing:.05em;text-transform:uppercase;color:var(--uw-teal-600);background:var(--uw-band-2);
  border:1px solid var(--uw-line);border-radius:999px;padding:.3em .8em;white-space:nowrap;}
.uw-redesign .uw-brandscroll .uw-card{flex:0 0 clamp(220px,20vw,300px) !important;width:clamp(220px,20vw,300px) !important;}
.uw-redesign .uw-brandscroll .uw-card img{height:175px !important;width:100% !important;object-fit:contain !important;padding:12px !important;background:transparent;}
@media (max-width:600px){.uw-redesign .uw-brandscroll .uw-card{flex-basis:72vw !important;width:72vw !important;}}

/* ===== Carousel cards: natural height (kill empty-space stretch) + narrower on mobile ===== */
.uw-redesign .uw-marquee__track{align-items:flex-start !important;}
.uw-redesign .uw-marquee .uw-card{align-self:flex-start !important;}
@media (max-width:780px){
  .uw-redesign .uw-marquee .uw-card,.uw-redesign .uw-brandscroll .uw-card{flex:0 0 80vw !important;width:80vw !important;}
}

/* ===== Kill the white gap after the footer (give plain sections explicit bg; body navy below) ===== */
body.uw-redesign{background:#012A43;}
.uw-redesign .uw-section:not(.uw-navy-band):not(.uw-band):not(.uw-hero){background:#fff;}
.uw-redesign .uw-footer{background:#012A43 !important;}
body.uw-redesign .site-content{padding-bottom:0 !important;margin-bottom:0 !important;}

/* ===== Image lightbox (click any content image -> black overlay) ===== */
.uw-lb{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.93);display:none;align-items:center;justify-content:center;padding:4vw;cursor:zoom-out;}
.uw-lb.is-open{display:flex;}
.uw-lb__img{max-width:94vw;max-height:90vh;object-fit:contain;box-shadow:0 12px 60px rgba(0,0,0,.6);border-radius:6px;background:#fff;}
.uw-lb__close{position:absolute;top:14px;right:24px;color:#fff;font-size:2.6rem;line-height:1;cursor:pointer;font-family:sans-serif;}
.uw-redesign .site-content img:not(.uwh__logo):not([class*="footer"]){cursor:zoom-in;}

/* Respect reduced motion */
@media (prefers-reduced-motion:reduce){
  .uw-btn,.uw-card{transition:none;}
  .uw-btn--primary:hover,.uw-card:hover{transform:none;}
}