.elementor-608 .elementor-element.elementor-element-640ad7d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS *//* =========================================================
   ALARIONEX — WARNING LIGHTS & SIGNAL TOWERS
========================================================= */

/* =========================================================
   00 — SHARED
========================================================= */

:is(
  .wl-category-hero,
  .wl-product-paths,
  .wl-selection-guide,
  .wl-applications,
  .wl-related-categories,
  .wl-faq,
  .wl-inquiry
){
  --wl-primary:#075ac8;
  --wl-primary-dark:#064ba6;
  --wl-heading:#0b2347;
  --wl-text:#35465f;
  --wl-muted:#69798e;
  --wl-border:#d9e3ef;
  --wl-soft:#f6f8fb;
  --wl-soft-blue:#eef4fb;
  --wl-accent:#f4b400;
  --wl-danger:#d42323;
  --wl-radius:8px;
  --wl-shadow:0 7px 22px rgba(11,35,71,.04);
  --wl-shadow-hover:0 12px 28px rgba(11,35,71,.075);

  width:100%;
  color:var(--wl-text);
  font-family:inherit;
}

:is(
  .wl-category-hero,
  .wl-product-paths,
  .wl-selection-guide,
  .wl-applications,
  .wl-related-categories,
  .wl-faq,
  .wl-inquiry
) *,
:is(
  .wl-category-hero,
  .wl-product-paths,
  .wl-selection-guide,
  .wl-applications,
  .wl-related-categories,
  .wl-faq,
  .wl-inquiry
) *::before,
:is(
  .wl-category-hero,
  .wl-product-paths,
  .wl-selection-guide,
  .wl-applications,
  .wl-related-categories,
  .wl-faq,
  .wl-inquiry
) *::after{
  box-sizing:border-box;
}

:is(
  .wl-category-hero,
  .wl-product-paths,
  .wl-selection-guide,
  .wl-applications,
  .wl-related-categories,
  .wl-faq,
  .wl-inquiry
) :is(h1,h2,h3,h4,p){
  margin-top:0;
}

:is(
  .wl-category-hero,
  .wl-product-paths,
  .wl-applications,
  .wl-related-categories
) a{
  text-decoration:none;
}

:is(
  .wl-product-paths__container,
  .wl-selection-guide__container,
  .wl-applications__container,
  .wl-related-categories__container,
  .wl-inquiry__container
){
  width:min(1200px,calc(100% - 64px));
  margin-inline:auto;
}

.wl-faq__container{
  width:min(1000px,calc(100% - 64px));
  margin-inline:auto;
}

/* Headings */

:is(
  .wl-product-paths__heading h2,
  .wl-selection-guide__intro h2,
  .wl-applications__heading h2,
  .wl-related-categories__heading h2,
  .wl-faq__header h2,
  .wl-inquiry__side h2
){
  color:var(--wl-heading);
  font-size:clamp(35px,3vw,40px);
  font-weight:780;
  line-height:1.15;
  letter-spacing:-.028em;
}

:is(
  .wl-product-paths__eyebrow,
  .wl-selection-guide__eyebrow,
  .wl-applications__eyebrow,
  .wl-related-categories__eyebrow,
  .wl-faq__eyebrow,
  .wl-inquiry__eyebrow
){
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 10px;
  color:var(--wl-primary);
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.1em;
}

:is(
  .wl-product-paths__eyebrow,
  .wl-selection-guide__eyebrow,
  .wl-applications__eyebrow,
  .wl-related-categories__eyebrow,
  .wl-faq__eyebrow,
  .wl-inquiry__eyebrow
)::before{
  content:"";
  width:22px;
  height:3px;
  flex:0 0 auto;
  border-radius:99px;
  background:var(--wl-accent);
}

/* Links */

:is(
  .wl-product-card__link,
  .wl-beacon-option__link,
  .wl-product-paths__cross-link,
  .wl-application-card__link,
  .wl-applications__bridge-link,
  .wl-related-card__link
){
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:var(--wl-primary);
  font-size:13px;
  font-weight:750;
  transition:color .18s ease,gap .18s ease;
}

:is(
  .wl-product-card__link,
  .wl-beacon-option__link,
  .wl-product-paths__cross-link,
  .wl-application-card__link,
  .wl-applications__bridge-link,
  .wl-related-card__link
):hover{
  color:var(--wl-primary-dark);
  gap:10px;
}

/* =========================================================
   01 — HERO
========================================================= */

.wl-category-hero{
  --wl-pad:32px;
  overflow:hidden;
  background:linear-gradient(
    90deg,#fff,#fbfcfe 42%,#f4f8fc 70%,#edf4fb
  );
}

.wl-category-hero .wl-container{
  width:min(1200px,calc(100% - var(--wl-pad) * 2));
  margin-inline:auto;
}

.wl-hero-shell{
  padding:20px 0 70px;
}

.wl-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:0 0 28px;
  color:#738399;
  font-size:13px;
}

.wl-breadcrumb a{color:var(--wl-primary)}
.wl-breadcrumb a:hover{text-decoration:underline}
.wl-breadcrumb__separator{color:#a5b0bf}
.wl-breadcrumb__current{color:#53647b}

.wl-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,44%) minmax(0,56%);
  align-items:center;
  gap:46px;
}

.wl-hero-copy{
  min-width:0;
  max-width:560px;
}

.wl-hero-eyebrow{
  display:flex;
  align-items:center;
  gap:9px;
  margin:0 0 12px;
  color:var(--wl-primary);
  font-size:12px;
  font-weight:800;
  letter-spacing:.09em;
}

.wl-hero-eyebrow::before{
  content:"";
  width:23px;
  height:3px;
  border-radius:99px;
  background:var(--wl-accent);
}

.wl-hero-title{
  margin:0;
  color:var(--wl-heading);
  font-size:clamp(44px,3.4vw,52px);
  font-weight:780;
  line-height:1.06;
  letter-spacing:-.038em;
}

.wl-hero-description{
  max-width:545px;
  margin-top:19px;
}

.wl-hero-description p{
  margin:0;
  color:#465a73;
  font-size:16px;
  line-height:1.66;
}

.wl-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:25px;
}

.wl-category-hero .wl-btn{
  min-height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px !important;
  border:1px solid !important;
  border-radius:6px;
  font-size:14px;
  font-weight:700;
  white-space:nowrap;
  transform:none !important;
}

.wl-category-hero .wl-btn--primary{
  color:#fff !important;
  background:var(--wl-primary) !important;
  border-color:var(--wl-primary) !important;
}

.wl-category-hero .wl-btn--primary:hover{
  background:var(--wl-primary-dark) !important;
  border-color:var(--wl-primary-dark) !important;
}

.wl-category-hero .wl-btn--secondary{
  color:var(--wl-primary) !important;
  background:#fff !important;
  border-color:rgba(7,90,200,.36) !important;
}

/* Hero product families */

.wl-hero-family{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.wl-hero-product{
  min-width:0;
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  align-items:stretch;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  background:#fff;
  border:1px solid #dbe5f0;
  border-radius:7px;
  box-shadow:var(--wl-shadow);
  transition:
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease;
}

.wl-hero-product--tower{
  grid-column:1/-1;
}

.wl-hero-product:hover{
  border-color:#c4d7ea;
  box-shadow:var(--wl-shadow-hover);
  transform:translateY(-1px);
}

.wl-hero-product__media:not(.is-placeholder){
  min-height:98px;
  margin:7px 0 7px 7px;
  overflow:hidden;
  background:#fff;
  border-radius:5px;
}

.wl-hero-product__media:not(.is-placeholder) img{
  width:100%;
  height:100%;
  min-height:98px;
  display:block;
  padding:8px;
  object-fit:contain;
  object-position:center;
}

.wl-hero-product__media.is-placeholder{
  min-height:98px;
  margin:7px 0 7px 7px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px;
  color:#8092a8;
  background:linear-gradient(145deg,#edf3f9,#fafbfd 55%,#edf3f8);
  border:1px dashed #c0d0e1;
  border-radius:5px;
  font-size:10.5px;
  font-weight:700;
  text-align:center;
}

.wl-hero-product__label{
  min-width:0;
  min-height:112px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:12px 13px;
}

.wl-hero-product__type{
  margin:0 0 5px;
  color:var(--wl-primary);
  font-size:9px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.065em;
}

.wl-hero-product__label strong{
  display:block;
  color:var(--wl-heading);
  font-size:14.5px;
  line-height:1.28;
}

.wl-hero-product__label > span{
  display:block;
  margin-top:5px;
  color:var(--wl-muted);
  font-size:11.5px;
  line-height:1.4;
}

/* =========================================================
   02 — PRODUCT PATHS
========================================================= */

.wl-product-paths{
  padding:74px 0 78px;
  background:#fff;
}

.wl-product-paths__heading{
  max-width:800px;
  margin:0 auto 34px;
  text-align:center;
}

.wl-product-paths__eyebrow{
  justify-content:center;
}

.wl-product-paths__heading h2{
  margin:0 0 12px;
}

.wl-product-paths__heading > p:last-child{
  max-width:730px;
  margin:auto;
  color:var(--wl-muted);
  font-size:15px;
  line-height:1.66;
}

/* Decision groups */

.wl-product-group{
  display:grid;
  grid-template-columns:minmax(220px,27%) minmax(0,73%);
  gap:26px;
  padding:25px;
  border:1px solid var(--wl-border);
  border-radius:var(--wl-radius);
  background:#fff;
  box-shadow:var(--wl-shadow);
}

.wl-product-group + .wl-product-group{
  margin-top:18px;
}

.wl-product-group__intro{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:13px;
  align-content:start;
}

.wl-product-group__number{
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--wl-primary);
  background:var(--wl-soft-blue);
  border-radius:6px;
  font-size:11px;
  font-weight:800;
}

.wl-product-group__type{
  margin:0 0 6px;
  color:var(--wl-primary);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.08em;
}

.wl-product-group__intro h3{
  margin:0 0 8px;
  color:var(--wl-heading);
  font-size:21px;
  line-height:1.3;
}

.wl-product-group__intro p:last-child{
  margin:0;
  color:var(--wl-muted);
  font-size:14px;
  line-height:1.58;
}

/* Tower / Integrated card */

.wl-product-card{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(190px,34%) minmax(0,66%);
  overflow:hidden;
  background:var(--wl-soft);
  border:1px solid var(--wl-border);
  border-radius:7px;
}

.wl-product-card__media{
  padding:14px;
  border-right:1px solid var(--wl-border);
}

.wl-product-card__media > img{
  width:100%;
  height:100%;
  min-height:220px;
  display:block;
  object-fit:contain;
  object-position:center;
}

.wl-product-card__placeholder{
  height:100%;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:15px;
  color:#8193aa;
  background:linear-gradient(145deg,#edf3f8,#fafbfd 55%,#edf3f8);
  border:1px dashed #c2d1e1;
  border-radius:6px;
  font-size:12px;
  font-weight:700;
  text-align:center;
}

.wl-product-card__body{
  min-width:0;
  display:flex;
  flex-direction:column;
  padding:21px 22px;
}

.wl-product-card__series{
  margin:0 0 7px;
  color:var(--wl-primary);
  font-size:11px;
  font-weight:800;
  letter-spacing:.075em;
}

.wl-product-card__body > h3{
  margin:0 0 15px;
  color:var(--wl-heading);
  font-size:20px;
  line-height:1.3;
}

.wl-product-card__decision{
  padding-top:11px;
  border-top:1px solid #e3eaf2;
}

.wl-product-card__decision + .wl-product-card__decision{
  margin-top:11px;
}

.wl-product-card__decision strong{
  display:block;
  margin-bottom:4px;
  color:var(--wl-heading);
  font-size:12px;
}

.wl-product-card__decision p{
  margin:0;
  font-size:14px;
  line-height:1.58;
}

.wl-product-card__tags,
.wl-beacon-option__tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:15px 0 17px;
}

:is(
  .wl-product-card__tags,
  .wl-beacon-option__tags
) span{
  padding:5px 8px;
  color:#5f7188;
  background:#fff;
  border:1px solid #e0e8f0;
  border-radius:4px;
  font-size:10.5px;
  font-weight:600;
}

.wl-product-card__link{
  margin-top:auto;
}

/* Beacon 3-way selection */

.wl-beacon-options{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.wl-beacon-options__guide{
  grid-column:1/-1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  margin:0 0 2px;
  color:var(--wl-muted);
  font-size:12px;
  line-height:1.45;
}

.wl-beacon-options__guide strong{
  color:var(--wl-heading);
  font-size:12px;
}

.wl-beacon-options__guide span{
  padding:4px 7px;
  color:#5f7188;
  background:#f6f8fb;
  border:1px solid #e0e7ef;
  border-radius:4px;
  font-size:10.5px;
  font-weight:600;
}

.wl-beacon-option{
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid var(--wl-border);
  border-radius:7px;
  background:var(--wl-soft);
}

.wl-beacon-option__media{
  padding:10px 10px 0;
}

.wl-beacon-option__media > img{
  width:100%;
  height:125px;
  display:block;
  object-fit:contain;
  object-position:center;
}

.wl-beacon-option__placeholder{
  height:125px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px;
  color:#8193aa;
  background:#fff;
  border:1px dashed #c2d1e1;
  border-radius:5px;
  font-size:11px;
  font-weight:700;
  text-align:center;
}

.wl-beacon-option__body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:16px;
}

.wl-beacon-option__type{
  margin:0 0 6px;
  color:var(--wl-primary);
  font-size:10px;
  font-weight:800;
  letter-spacing:.07em;
}

.wl-beacon-option h4{
  margin:0 0 8px;
  color:var(--wl-heading);
  font-size:18px;
  line-height:1.3;
}

.wl-beacon-option__body > p{
  margin:0;
  font-size:14px;
  line-height:1.58;
}

.wl-beacon-option__link{
  margin-top:auto;
}

/* Solar cross */

.wl-product-paths__cross{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:35px;
  margin-top:20px;
  padding:20px 22px;
  background:#f7f9fc;
  border:1px solid var(--wl-border);
  border-left:3px solid var(--wl-primary);
}

.wl-product-paths__cross > div:first-child{
  max-width:760px;
}

.wl-product-paths__cross-kicker{
  margin:0 0 5px;
  color:var(--wl-primary);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.08em;
}

.wl-product-paths__cross h3{
  margin:0 0 5px;
  color:var(--wl-heading);
  font-size:19px;
}

.wl-product-paths__cross p{
  margin:0;
  color:var(--wl-muted);
  font-size:13.5px;
  line-height:1.58;
}

.wl-product-paths__cross-actions{
  display:grid;
  gap:7px;
  flex:0 0 auto;
}

.wl-product-paths__cross-link--secondary{
  color:#60738a;
  font-weight:650;
}

/* =========================================================
   03 — SELECTION GUIDE
========================================================= */

.wl-selection-guide{
  padding:76px 0 80px;
  background:var(--wl-soft);
}

.wl-selection-guide__layout{
  display:grid;
  grid-template-columns:minmax(280px,.78fr) minmax(0,1.55fr);
  gap:clamp(56px,7vw,96px);
  align-items:start;
}

.wl-selection-guide__intro{
  max-width:400px;
}

.wl-selection-guide__intro h2{
  margin:0;
}

.wl-selection-guide__lead{
  margin:17px 0 0;
  color:var(--wl-muted);
  font-size:15px;
  line-height:1.66;
}

.wl-selection-guide__tip{
  display:flex;
  gap:10px;
  margin-top:24px;
  padding-top:17px;
  border-top:1px solid var(--wl-border);
}

.wl-selection-guide__tip-mark{
  width:20px;
  height:20px;
  flex:0 0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--wl-primary);
  background:#fff;
  border:1px solid #cbdcef;
  border-radius:50%;
  font-size:10px;
  font-weight:800;
}

.wl-selection-guide__tip p{
  margin:0;
  color:#718096;
  font-size:12.5px;
  line-height:1.58;
}

.wl-selection-guide__factors{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.wl-selection-factor{
  min-width:0;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:15px;
  padding:22px;
  background:#fff;
  border:1px solid var(--wl-border);
  border-radius:7px;
}

.wl-selection-factor__number{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--wl-primary);
  background:var(--wl-soft-blue);
  border-radius:6px;
  font-size:11px;
  font-weight:800;
}

.wl-selection-factor__body h3{
  margin:0 0 8px;
  color:var(--wl-heading);
  font-size:18px;
  line-height:1.3;
}

.wl-selection-factor__body > p{
  margin:0;
  font-size:14px;
  line-height:1.58;
}

.wl-selection-factor__options{
  display:flex;
  flex-wrap:wrap;
  gap:5px;
  margin-top:13px;
}

.wl-selection-factor__options span{
  padding:5px 8px;
  color:#5f7188;
  background:#f6f8fb;
  border:1px solid #e0e7ef;
  border-radius:4px;
  font-size:10.5px;
}

/* =========================================================
   04 — APPLICATIONS
========================================================= */

.wl-applications{
  padding:76px 0 80px;
  background:#fff;
}

:is(
  .wl-applications__header,
  .wl-related-categories__header
){
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(350px,.75fr);
  gap:64px;
  align-items:end;
  margin-bottom:30px;
}

:is(
  .wl-applications__heading h2,
  .wl-related-categories__heading h2
){
  margin:0;
}

:is(
  .wl-applications__intro,
  .wl-related-categories__intro
){
  margin:0;
  color:var(--wl-muted);
  font-size:15px;
  line-height:1.66;
}

.wl-applications__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:17px;
}

.wl-application-card{
  min-width:0;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--wl-border);
  border-radius:var(--wl-radius);
}

.wl-application-card__media{
  position:relative;
  aspect-ratio:1.32/1;
  background:var(--wl-soft-blue);
  border-bottom:1px solid var(--wl-border);
}

.wl-application-card__media > img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.wl-application-card__placeholder{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  color:#8193aa;
  background:linear-gradient(145deg,#edf4fb,#f8fafc 55%,#e9f1f8);
  font-size:13px;
  font-weight:700;
  text-align:center;
}

.wl-application-card__index{
  position:absolute;
  top:13px;
  left:13px;
  min-width:30px;
  height:26px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  background:rgba(11,35,71,.88);
  border-radius:4px;
  font-size:10.5px;
  font-weight:800;
}

.wl-application-card__body{
  flex:1;
  display:flex;
  flex-direction:column;
  padding:20px;
}

.wl-application-card__body h3{
  min-height:48px;
  margin:0 0 9px;
  color:var(--wl-heading);
  font-size:18px;
  line-height:1.32;
}

.wl-application-card__body p{
  margin:0 0 17px;
  font-size:14px;
  line-height:1.58;
}

.wl-application-card__link{
  margin-top:auto;
}

.wl-applications__bridge{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  margin-top:22px;
  padding:20px 22px;
  background:var(--wl-soft);
  border:1px solid var(--wl-border);
  border-left:3px solid var(--wl-primary);
}

.wl-applications__bridge strong{
  display:block;
  margin-bottom:4px;
  color:var(--wl-heading);
  font-size:15px;
}

.wl-applications__bridge p{
  max-width:760px;
  margin:0;
  color:var(--wl-muted);
  font-size:13px;
  line-height:1.56;
}

/* =========================================================
   05 — RELATED CATEGORIES
========================================================= */

.wl-related-categories{
  padding:76px 0 80px;
  background:var(--wl-soft);
}

.wl-related-categories__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:17px;
}

.wl-related-card{
  min-width:0;
  padding:23px;
  background:#fff;
  border:1px solid var(--wl-border);
  border-radius:var(--wl-radius);
  box-shadow:var(--wl-shadow);
}

.wl-related-card__index{
  margin-bottom:23px;
  color:#91a0b2;
  font-size:10.5px;
  font-weight:800;
}

.wl-related-card__body{
  height:calc(100% - 33px);
  display:flex;
  flex-direction:column;
}

.wl-related-card__type{
  margin:0 0 7px;
  color:var(--wl-primary);
  font-size:10.5px;
  font-weight:800;
  letter-spacing:.08em;
}

.wl-related-card h3{
  margin:0;
  color:var(--wl-heading);
  font-size:20px;
  line-height:1.3;
}

.wl-related-card__prompt{
  display:block;
  margin:17px 0 6px;
  color:var(--wl-heading);
  font-size:12px;
}

.wl-related-card__body > p{
  margin:0;
  font-size:14px;
  line-height:1.58;
}

.wl-related-card__link{
  margin-top:auto;
  padding-top:19px;
}

.wl-related-categories__note{
  margin-top:20px;
  padding:18px 20px;
  background:#fff;
  border:1px solid var(--wl-border);
  border-left:3px solid var(--wl-primary);
}

.wl-related-categories__note strong{
  display:block;
  margin-bottom:4px;
  color:var(--wl-heading);
  font-size:14px;
}

.wl-related-categories__note p{
  margin:0;
  color:var(--wl-muted);
  font-size:13px;
  line-height:1.56;
}

/* =========================================================
   06 — FAQ
========================================================= */

.wl-faq{
  padding:72px 0 76px;
  background:#fff;
}

.wl-faq__header{
  max-width:720px;
  margin:0 auto 28px;
  text-align:center;
}

.wl-faq__eyebrow{
  justify-content:center;
}

.wl-faq__header h2{
  margin:0 0 11px;
}

.wl-faq__intro{
  margin:0;
  color:var(--wl-muted);
  font-size:15px;
}

.wl-faq__list{
  display:grid;
  gap:9px;
}

.wl-faq__item{
  overflow:hidden;
  background:#fff;
  border:1px solid var(--wl-border);
  border-radius:7px;
}

.wl-faq__item.is-open{
  border-color:#c4d5e8;
  box-shadow:var(--wl-shadow);
}

.wl-faq .wl-faq__question{
  appearance:none !important;
  width:100% !important;
  min-height:70px;
  display:grid !important;
  grid-template-columns:38px minmax(0,1fr) 32px !important;
  align-items:center;
  gap:14px !important;
  margin:0 !important;
  padding:18px 20px !important;
  color:var(--wl-heading) !important;
  background:#fff !important;
  border:0 !important;
  box-shadow:none !important;
  font-family:inherit !important;
  text-align:left !important;
  cursor:pointer;
}

.wl-faq__question-number{
  color:#8796aa;
  font-size:11.5px;
  font-weight:800;
}

.wl-faq__item.is-open .wl-faq__question-number{
  color:var(--wl-primary);
}

.wl-faq__question-text{
  min-width:0;
  font-size:16px;
  font-weight:720;
  line-height:1.42;
}

.wl-faq__toggle{
  position:relative;
  width:29px;
  height:29px;
  justify-self:end;
  background:#f7f9fc;
  border:1px solid #d7e1ec;
  border-radius:50%;
}

.wl-faq__toggle span{
  position:absolute;
  top:50%;
  left:50%;
  width:11px;
  height:1.5px;
  background:var(--wl-primary);
  transform:translate(-50%,-50%);
}

.wl-faq__toggle span:nth-child(2){
  transform:translate(-50%,-50%) rotate(90deg);
}

.wl-faq__item.is-open .wl-faq__toggle span:nth-child(2){
  transform:translate(-50%,-50%);
}

.wl-faq__answer[hidden]{
  display:none !important;
}

.wl-faq__answer-inner{
  margin-left:52px;
  padding:0 68px 21px 20px;
  border-left:2px solid #e3ebf4;
}

.wl-faq__answer-inner p{
  margin:0;
  font-size:14px;
  line-height:1.66;
}

/* =========================================================
   07 — INQUIRY
========================================================= */

.wl-inquiry{
  padding:68px 0 74px;
  background:linear-gradient(110deg,#edf5fd,#e7f1fb 45%,#eef6fd);
}

.wl-inquiry :is(button,input,select,textarea){
  font-family:inherit;
}

.wl-inquiry__layout{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.65fr);
  gap:clamp(38px,5vw,64px);
  align-items:start;
}

.wl-inquiry__side-inner{
  position:sticky;
  top:110px;
  max-width:340px;
}

.wl-inquiry__side h2{
  margin:0;
  line-height:1.1;
}

.wl-inquiry__lead{
  margin:16px 0 0;
  color:#596d85;
  font-size:14px;
  line-height:1.64;
}

.wl-inquiry__points{
  display:grid;
  gap:11px;
  margin:21px 0 0;
  padding:0;
  list-style:none;
}

.wl-inquiry__points li{
  display:grid;
  grid-template-columns:19px minmax(0,1fr);
  gap:9px;
}

.wl-inquiry__points li > span{
  width:17px;
  height:17px;
  margin-top:2px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--wl-primary);
  background:#fff;
  border:1px solid #d5e4f4;
  border-radius:50%;
  font-size:9px;
  font-weight:800;
}

.wl-inquiry__points p{
  margin:0;
  color:#53677f;
  font-size:12.5px;
  line-height:1.52;
}

.wl-inquiry__business{
  display:grid;
  gap:7px;
  margin-top:22px;
  padding-top:16px;
  border-top:1px solid #c8dbef;
}

.wl-inquiry__business > div{
  display:flex;
  flex-wrap:wrap;
  gap:5px 10px;
  color:#405673;
  font-size:11px;
}

.wl-inquiry__business strong{
  color:var(--wl-heading);
}

.wl-inquiry__business span::before{
  content:"•";
  margin-right:8px;
}

.wl-inquiry__cert-note{
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin-top:17px;
  padding:12px;
  background:rgba(255,255,255,.65);
  border:1px solid #cddff1;
  border-radius:7px;
}

.wl-inquiry__cert-icon{
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--wl-primary);
  background:#fff;
  border-radius:6px;
  font-size:10px;
}

.wl-inquiry__cert-note p{
  margin:0;
  color:#66798f;
  font-size:11px;
  line-height:1.48;
}

/* Form */

.wl-inquiry__form-card{
  min-width:0;
  padding:28px 30px 29px;
  background:#fff;
  border:1px solid #cbdceb;
  border-radius:var(--wl-radius);
  box-shadow:0 8px 25px rgba(11,35,71,.055);
}

.wl-inquiry__form{
  display:grid;
  gap:16px;
}

.wl-inquiry__grid{
  display:grid;
  gap:13px 14px;
}

.wl-inquiry__grid--3{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.wl-inquiry__grid--2{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.wl-inquiry__field{
  min-width:0;
}

.wl-inquiry__field > label{
  display:block;
  margin:0 0 6px;
  color:#10294b;
  font-size:12px;
  font-weight:750;
}

.wl-inquiry__field > label > span{
  color:var(--wl-danger);
}

.wl-inquiry__field :is(
  input:not([type="file"]),
  select,
  textarea
){
  appearance:none;
  width:100%;
  margin:0;
  color:#263c58;
  background:#fbfdff;
  border:1px solid #bfcfe0;
  border-radius:4px;
  outline:none;
  font-size:13px;
  line-height:1.45;
}

.wl-inquiry__field :is(input:not([type="file"]),select){
  height:45px;
  padding:0 11px;
}

.wl-inquiry__field textarea{
  min-height:96px;
  padding:10px 11px;
  resize:vertical;
}

.wl-inquiry__field :is(input,select,textarea):focus{
  background:#fff;
  border-color:var(--wl-primary);
  box-shadow:0 0 0 2px rgba(7,90,200,.08);
}

.wl-inquiry__field select{
  padding-right:42px;
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b2347' stroke-width='2.3'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 13px center !important;
}

.wl-inquiry__file-upload{
  min-height:96px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:12px;
  background:#fbfdff;
  border:1px dashed #aac3dc;
  border-radius:4px;
}

.wl-inquiry__file-control{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.wl-inquiry .wl-inquiry__file-button{
  min-height:33px;
  padding:6px 11px !important;
  color:#173a63 !important;
  background:#fff !important;
  border:1px solid #b9cadd !important;
  border-radius:3px !important;
  font-size:11px !important;
  font-weight:700 !important;
  cursor:pointer;
}

.wl-inquiry__upload-text{
  min-width:0;
  overflow:hidden;
  color:#657b95;
  font-size:11px;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.wl-inquiry__file-help{
  margin:7px 0 0;
  color:#8192a5;
  font-size:10px;
}

.wl-inquiry__footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.wl-inquiry__footer p{
  margin:0;
  color:#7c8da1;
  font-size:10.5px;
}

.wl-inquiry .wl-inquiry__submit{
  min-width:146px;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:11px 18px !important;
  color:#fff !important;
  background:var(--wl-primary) !important;
  border:1px solid var(--wl-primary) !important;
  border-radius:5px !important;
  font-size:12.5px;
  font-weight:750;
  cursor:pointer;
}

.wl-inquiry .wl-inquiry__submit:hover{
  background:var(--wl-primary-dark) !important;
}

.wl-inquiry .wl-inquiry__submit:disabled{
  opacity:.68;
  cursor:wait;
}

.wl-inquiry__status{
  padding:10px 12px;
  color:#405672;
  background:#f3f7fb;
  border:1px solid #d5e1ed;
  border-radius:4px;
  font-size:12.5px;
}

.wl-inquiry__status[hidden]{
  display:none !important;
}

.wl-inquiry__status.is-error{
  color:#942c2c;
  background:#fff7f7;
  border-color:#edcccc;
}

/* =========================================================
   TABLET
========================================================= */

@media(max-width:991px){

  .wl-category-hero{--wl-pad:24px}

  .wl-hero-grid{
    grid-template-columns:1fr;
    gap:30px;
  }

  .wl-hero-copy{
    max-width:720px;
  }

  .wl-hero-title{font-size:39px}

  .wl-hero-family{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .wl-hero-product--tower{
    grid-column:1/-1;
  }

  .wl-hero-product{
    grid-template-columns:105px minmax(0,1fr);
  }

  .wl-hero-product__media:not(.is-placeholder),
  .wl-hero-product__media:not(.is-placeholder) img{
    min-height:96px;
  }

  .wl-hero-product__media.is-placeholder{
    min-height:96px;
  }

  .wl-hero-product__label{
    min-height:108px;
  }

  :is(
    .wl-product-paths,
    .wl-selection-guide,
    .wl-applications,
    .wl-related-categories,
    .wl-faq,
    .wl-inquiry
  ){
    padding-top:62px;
    padding-bottom:66px;
  }

  :is(
    .wl-product-paths__container,
    .wl-selection-guide__container,
    .wl-applications__container,
    .wl-related-categories__container,
    .wl-faq__container,
    .wl-inquiry__container
  ){
    width:calc(100% - 48px);
  }

  .wl-product-group{
    grid-template-columns:1fr;
  }

  .wl-selection-guide__layout,
  .wl-inquiry__layout{
    grid-template-columns:1fr;
    gap:34px;
  }

  .wl-selection-guide__intro,
  .wl-inquiry__side-inner{
    max-width:680px;
  }

  .wl-inquiry__side-inner{
    position:static;
  }

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

  .wl-related-categories__grid{
    grid-template-columns:repeat(2,1fr);
  }

  .wl-related-card:last-child{
    grid-column:1/-1;
  }

  :is(
    .wl-applications__header,
    .wl-related-categories__header
  ){
    grid-template-columns:1fr;
    gap:12px;
  }
}

/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

  .wl-category-hero{--wl-pad:16px}

  .wl-hero-shell{padding:16px 0 58px}

  .wl-hero-grid{display:block}

  .wl-hero-title{
    font-size:clamp(32px,9vw,38px);
    line-height:1.11;
  }

  .wl-hero-description p{font-size:14.5px}

  .wl-hero-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .wl-category-hero .wl-btn{width:100%}

  .wl-hero-visual{margin-top:32px}

  .wl-hero-family{
    grid-template-columns:1fr;
  }

  .wl-hero-product--tower{
    grid-column:auto;
  }

  .wl-hero-product{
    grid-template-columns:34% minmax(0,66%);
  }

  .wl-hero-product__media:not(.is-placeholder),
  .wl-hero-product__media:not(.is-placeholder) img{
    min-height:100px;
  }

  .wl-hero-product__media.is-placeholder{
    min-height:100px;
    margin:7px 0 7px 7px;
  }

  .wl-hero-product__label{
    min-height:112px;
  }

  :is(
    .wl-product-paths,
    .wl-selection-guide,
    .wl-applications,
    .wl-related-categories,
    .wl-faq,
    .wl-inquiry
  ){
    padding-top:52px;
    padding-bottom:58px;
  }

  :is(
    .wl-product-paths__container,
    .wl-selection-guide__container,
    .wl-applications__container,
    .wl-related-categories__container,
    .wl-faq__container,
    .wl-inquiry__container
  ){
    width:calc(100% - 32px);
  }

  :is(
    .wl-product-paths__heading h2,
    .wl-selection-guide__intro h2,
    .wl-applications__heading h2,
    .wl-related-categories__heading h2,
    .wl-faq__header h2,
    .wl-inquiry__side h2
  ){
    font-size:clamp(29px,8vw,35px);
  }

  .wl-product-group{
    padding:18px;
  }

  .wl-product-group__intro{
    grid-template-columns:36px 1fr;
  }

  .wl-product-card{
    grid-template-columns:1fr;
  }

  .wl-product-card__media{
    border-right:0;
    border-bottom:1px solid var(--wl-border);
  }

  .wl-product-card__media > img{
    min-height:155px;
  }

  .wl-product-card__placeholder{
    min-height:155px;
  }

  .wl-beacon-options,
  .wl-selection-guide__factors,
  .wl-applications__grid,
  .wl-related-categories__grid{
    grid-template-columns:1fr;
  }

  .wl-related-card:last-child{
    grid-column:auto;
  }

  .wl-product-paths__cross,
  .wl-applications__bridge{
    display:block;
  }

  .wl-product-paths__cross-actions,
  .wl-applications__bridge-link{
    margin-top:13px;
  }

  .wl-selection-factor{
    grid-template-columns:37px 1fr;
    gap:13px;
    padding:18px 16px;
  }

  .wl-selection-factor__number{
    width:35px;
    height:35px;
  }

  .wl-selection-factor__body h3{font-size:17px}
  .wl-selection-factor__body > p{font-size:13.5px}

  .wl-application-card{
    display:grid;
    grid-template-columns:36% 64%;
  }

  .wl-application-card__media{
    min-height:190px;
    aspect-ratio:auto;
    border-right:1px solid var(--wl-border);
    border-bottom:0;
  }

  .wl-application-card__body h3{
    min-height:0;
    font-size:17px;
  }

  .wl-application-card__body p{
    font-size:13.5px;
  }

  .wl-faq .wl-faq__question{
    grid-template-columns:24px minmax(0,1fr) 28px !important;
    gap:9px !important;
    padding:14px 12px !important;
  }

  .wl-faq__question-text{font-size:13.5px}

  .wl-faq__answer-inner{
    margin-left:35px;
    padding:0 15px 17px 12px;
  }

  .wl-faq__answer-inner p{font-size:12.5px}

  .wl-inquiry__form-card{
    padding:21px 17px 22px;
  }

  .wl-inquiry__grid--2,
  .wl-inquiry__grid--3{
    grid-template-columns:1fr;
  }

  .wl-inquiry__file-control{
    flex-direction:column;
    align-items:flex-start;
  }

  .wl-inquiry__upload-text{
    width:100%;
    white-space:normal;
  }

  .wl-inquiry__footer{
    display:block;
  }

  .wl-inquiry .wl-inquiry__submit{
    width:100%;
    margin-top:13px;
  }
}

/* =========================================================
   SMALL MOBILE
========================================================= */

@media(max-width:430px){

  .wl-hero-product{
    grid-template-columns:34% minmax(0,66%);
  }

  .wl-application-card{
    grid-template-columns:1fr;
  }

  .wl-application-card__media{
    min-height:175px;
    aspect-ratio:1.65/1;
    border-right:0;
    border-bottom:1px solid var(--wl-border);
  }
}

/* =========================================================
   ACCESSIBILITY
========================================================= */

:is(
  .wl-category-hero,
  .wl-product-paths,
  .wl-selection-guide,
  .wl-applications,
  .wl-related-categories,
  .wl-faq,
  .wl-inquiry
) :is(a,button,input,select,textarea):focus-visible{
  outline:3px solid var(--wl-accent);
  outline-offset:3px;
}

@media(prefers-reduced-motion:reduce){
  :is(
    .wl-btn,
    .wl-hero-product,
    .wl-product-card,
    .wl-beacon-option,
    .wl-product-card__link,
    .wl-beacon-option__link,
    .wl-product-paths__cross-link,
    .wl-application-card__link,
    .wl-related-card__link,
    .wl-applications__bridge-link
  ){
    transition:none !important;
  }
}/* End custom CSS */