/* WetAir contemporary-home editorial layer. Loaded last by header.twig. */

:root {
  --wa-surface: #FFFFFF;
  --wa-band: #EAF4F8;
  --wa-ink: #0D1518;
  --wa-accent: #147890;
  --wa-line: #CAD9DF;
  --wa-radius: 6px;
  --wa-content: 1680px;
  --wa-muted: #526269;
}

h1,
h2,
h3,
h4 {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}

.wa-topbar__tagline {
  display: none !important;
}

.wa-media-surface,
.wa-pcard__media,
.wa-pcard__image,
.wa-product-gallery__stage,
.wa-pdp-gallery__main,
.wa-pdp-gallery__thumb,
.wa-cat-card__media,
.product-thumb .image,
.thumbnails li,
.wa-pdp-rich__hero-img {
  background: var(--wa-surface);
  background-image: none;
  border-color: var(--wa-line);
  mix-blend-mode: normal;
}

.wa-media-surface img,
.wa-pcard__media img,
.wa-pcard__image img,
.wa-product-gallery__stage img,
.wa-pdp-gallery__main img,
.wa-pdp-gallery__thumb img,
.wa-cat-card__media img,
.product-thumb .image img,
.thumbnails li img,
.wa-pdp-rich__hero-img img {
  mix-blend-mode: normal;
}

.wa-pcard {
  position: relative;
  display: flex;
  min-width: 0;
  height: 100%;
  flex-direction: column;
  color: var(--wa-ink);
  background: var(--wa-surface);
  border: 1px solid var(--wa-line);
  border-radius: 4px;
  box-shadow: none;
}

.wa-pcard:hover,
.wa-pcard:focus-within,
.wa-pcard:active {
  border-color: var(--wa-accent);
  box-shadow: none;
  transform: none;
}

.wa-pcard__link {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  color: inherit;
}

.wa-pcard__eyebrow {
  padding: 14px 16px 6px;
  color: var(--wa-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.wa-pcard__media,
.wa-pcard__image {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  padding: 24px;
  overflow: hidden;
}

.wa-pcard__media img,
.wa-pcard__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.wa-pcard__body {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 16px 16px 8px;
}

.wa-pcard__title {
  min-height: 2.7em;
  margin: 0 0 6px !important;
  color: var(--wa-ink);
  font-family: Inter, sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.wa-pcard__sub {
  min-height: 18px;
  color: var(--wa-muted);
  font-size: 12px;
}

.wa-pcard__foot {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 12px 16px 16px;
  border-top: 1px solid var(--wa-line);
}

.wa-pcard__price {
  min-width: 0;
  color: var(--wa-ink);
  font-family: "JetBrains Mono", monospace;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.wa-pcard__price-old {
  margin-right: 6px;
  color: var(--wa-muted);
  font-size: 12px;
  text-decoration: line-through;
}

.wa-pcard__price-ask,
.wa-pcard__status { color: var(--wa-muted) !important; }
.wa-pcard__form { margin: 0; }

.wa-pcard__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}

.wa-pcard__buy,
.wa-pcard__details {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 9px 12px !important;
  border-radius: 4px !important;
  font-family: Inter, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.2;
  letter-spacing: 0;
  white-space: nowrap;
}

.wa-pcard__buy {
  color: var(--wa-surface) !important;
  background: var(--wa-accent) !important;
  border: 1px solid var(--wa-accent) !important;
}

.wa-pcard__buy:hover,
.wa-pcard__buy:focus-visible,
.wa-pcard__buy:active {
  background: var(--wa-ink) !important;
  border-color: var(--wa-ink) !important;
}

.wa-pcard__details {
  color: var(--wa-ink) !important;
  background: var(--wa-surface);
  border: 1px solid var(--wa-line);
}

.wa-pcard__heart-form {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: block;
  margin: 0;
  padding: 0;
}

.wa-pcard__heart {
  display: inline-flex;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--wa-muted);
  background: var(--wa-surface);
  border: 1px solid var(--wa-line);
  border-radius: 4px;
}

.wa-pcard__heart:hover,
.wa-pcard__heart:focus-visible,
.wa-pcard__heart:active { color: var(--wa-accent); }

.wa-pcard__image {
  position: relative;
  aspect-ratio: 1 / 1;
  background: #fff;
}

.wa-pcard__image-primary,
.wa-pcard__image-secondary {
  transition: opacity 180ms ease;
}

.wa-pcard__image-secondary {
  position: absolute;
  inset: 24px;
  width: calc(100% - 48px) !important;
  height: calc(100% - 48px) !important;
  opacity: 0;
}

.wa-pcard__link:hover .wa-pcard__image--has-secondary .wa-pcard__image-primary,
.wa-pcard__link:focus-visible .wa-pcard__image--has-secondary .wa-pcard__image-primary,
.wa-pcard__link:active .wa-pcard__image--has-secondary .wa-pcard__image-primary {
  opacity: 0;
}

.wa-pcard__link:hover .wa-pcard__image--has-secondary .wa-pcard__image-secondary,
.wa-pcard__link:focus-visible .wa-pcard__image--has-secondary .wa-pcard__image-secondary,
.wa-pcard__link:active .wa-pcard__image--has-secondary .wa-pcard__image-secondary {
  opacity: 1;
}

.wa-pcard__tools {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  display: flex;
  gap: 6px;
}

.wa-pcard__tool-form { margin: 0; }

.wa-pcard__tool {
  display: inline-flex;
  width: 38px;
  height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--wa-muted);
  background: #fff;
  border: 1px solid var(--wa-line);
  border-radius: 4px;
}

.wa-pcard__tool:hover,
.wa-pcard__tool:focus-visible,
.wa-pcard__tool:active {
  color: var(--wa-accent);
  border-color: var(--wa-accent);
}

.wa-pcard__eyebrow { padding-right: 104px; }

/* Category pages use the same editorial grid and white product media as home. */
.wa-cat-page {
  min-width: 0;
  background: var(--wa-surface);
}

.wa-cat-page__inner {
  width: min(100%, var(--wa-content));
  margin: 0 auto;
  padding: 24px 48px 96px;
}

.wa-bcrumb {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0 0 40px;
  color: var(--wa-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  text-transform: uppercase;
}

.wa-bcrumb__item { color: inherit; }
.wa-bcrumb__item:hover,
.wa-bcrumb__item:focus-visible,
.wa-bcrumb__item:active,
.wa-bcrumb__item--current { color: var(--wa-ink); }
.wa-bcrumb__sep { color: var(--wa-line); }

.wa-cat-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 48px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--wa-line);
}

.wa-cat-head__title { min-width: 0; }
.wa-cat-head__h1 {
  margin: 0;
  color: var(--wa-ink);
  font-size: 64px;
  font-weight: 600;
  line-height: 1.04;
}

.wa-cat-head__desc {
  max-width: 760px;
  margin: 22px 0 0;
  color: var(--wa-muted);
  font-size: 17px;
  line-height: 1.6;
}

.wa-cat-head__note {
  max-width: 760px;
  margin: 10px 0 0;
  color: var(--wa-ink);
  font-size: 13px;
  line-height: 1.55;
}

.wa-cat-head__meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  padding-bottom: 4px;
  color: var(--wa-muted);
  font-size: 13px;
}

.wa-cat-head__count {
  color: var(--wa-ink);
  font-weight: 600;
  white-space: nowrap;
}

.wa-cat-head__sort {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.wa-cat-head__select {
  min-width: 220px;
  min-height: 40px;
  padding: 8px 28px 8px 10px;
  color: var(--wa-ink);
  background-color: #fff;
  border: 1px solid var(--wa-line);
  border-radius: 4px;
}

.wa-cat-scene {
  height: auto;
  aspect-ratio: 8 / 3;
  margin: 32px 0;
  background: #fff;
  border-color: var(--wa-line);
}

.wa-cat-scene picture,
.wa-cat-scene img { height: 100%; }

.wa-cat-body {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 32px;
  margin-top: 32px;
}

.wa-cat-body--full { grid-template-columns: minmax(0, 1fr); }
.wa-cat-main { min-width: 0; }

.wa-cat-filters {
  padding: 20px 18px;
  align-self: start;
  background: var(--wa-band);
  border: 1px solid var(--wa-line);
  border-radius: 4px;
}

.wa-cat-filters__group { margin: 0; }
.wa-cat-filters__list {
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}
.wa-cat-filters__list li + li { border-top: 1px solid var(--wa-line); }
.wa-cat-filters__link {
  display: block;
  padding: 11px 0;
  color: var(--wa-ink);
  font-size: 13px;
}
.wa-cat-filters__link:hover,
.wa-cat-filters__link:focus-visible,
.wa-cat-filters__link:active { color: var(--wa-accent); }

.wa-cat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
}

.wa-cat-grid > * { min-width: 0; }

.wa-cat-pagination {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.wa-empty {
  padding: 48px 0;
  border-top: 1px solid var(--wa-line);
  border-bottom: 1px solid var(--wa-line);
}

@media (max-width: 1100px) {
  .wa-cat-page__inner { padding-right: 28px; padding-left: 28px; }
  .wa-cat-head { grid-template-columns: 1fr; align-items: start; gap: 24px; }
  .wa-cat-head__meta { justify-content: space-between; }
  .wa-cat-body { grid-template-columns: 190px minmax(0, 1fr); gap: 24px; }
  .wa-cat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .wa-cat-page__inner { padding: 20px 20px 72px; }
  .wa-bcrumb { margin-bottom: 28px; }
  .wa-cat-head__h1 { font-size: 40px; }
  .wa-cat-head__desc { margin-top: 18px; font-size: 15px; }
  .wa-cat-head__meta { align-items: stretch; flex-direction: column; gap: 12px; }
  .wa-cat-head__sort { align-items: stretch; flex-direction: column; }
  .wa-cat-head__select { width: 100%; min-width: 0; }
  .wa-cat-scene { height: auto; aspect-ratio: 4 / 3; margin: 24px 0; }
  .wa-cat-body { grid-template-columns: 1fr; gap: 24px; margin-top: 24px; }
  .wa-cat-filters { padding: 16px; }
  .wa-cat-grid { grid-template-columns: 1fr; gap: 14px; }
}

.wa-reviews {
  padding: 72px 0;
  background: var(--wa-band);
}

.wa-reviews__head,
.wa-pdp-reviews__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 520px);
  gap: 32px;
  align-items: end;
  margin-bottom: 28px;
}

.wa-reviews__head .wa-caps { margin-bottom: 10px; color: var(--wa-accent); }
.wa-reviews__head p,
.wa-pdp-reviews__head p { margin: 0; color: var(--wa-muted); font-size: 14px; line-height: 1.6; }

.wa-reviews__grid,
.wa-pdp-reviews__grid,
.wa-reviews__track {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
}

.wa-review-card {
  display: flex;
  min-width: 0;
  min-height: 310px;
  flex-direction: column;
  padding: 24px;
  background: var(--wa-surface);
  border: 1px solid var(--wa-line);
  border-radius: 4px;
}

.wa-review-card__source {
  display: flex;
  min-height: 48px;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--wa-line);
}

.wa-review-card__source img {
  width: auto;
  max-width: 118px;
  height: 30px;
  object-fit: contain;
  object-position: left center;
  filter: none;
  opacity: 1;
}

.wa-review-card__source strong,
.wa-review-card__rating {
  color: var(--wa-accent);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0;
}

.wa-review-card blockquote { margin: 24px 0 22px; padding: 0; border: 0; }
.wa-review-card blockquote p { margin: 0; color: var(--wa-ink); font-size: 19px; font-weight: 500; line-height: 1.4; letter-spacing: 0; }

.wa-review-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  margin-top: auto;
  color: var(--wa-muted);
  font-size: 11px;
  line-height: 1.4;
}

.wa-review-card__verified { color: var(--wa-accent); font-weight: 600; }

.wa-review-card__link {
  align-self: flex-start;
  margin-top: 18px;
  padding-bottom: 3px;
  color: var(--wa-ink) !important;
  border-bottom: 1px solid currentColor;
  font-size: 13px;
  font-weight: 600;
}

.wa-review-card__link:hover,
.wa-review-card__link:focus-visible,
.wa-review-card__link:active { color: var(--wa-accent) !important; }

.wa-showcase-hero,
.wa-showcase-dimensions,
.wa-showcase-lifestyle,
.wa-rich-hero,
.wa-rich-note {
  background: var(--wa-band);
  border-color: var(--wa-line);
}

.wa-showcase-hero-media,
.wa-showcase-metric,
.wa-showcase-band,
.wa-showcase-image,
.wa-showcase-point,
.wa-showcase-faq div,
.wa-rich-fact,
.wa-rich-card {
  background: var(--wa-surface);
  border-color: var(--wa-line);
}

.wa-reviews-carousel,
.wa-reviews-carousel__viewport { min-width: 0; }
.wa-reviews-carousel__viewport { overflow: visible; }

.wa-reviews-carousel.is-enhanced .wa-reviews-carousel__viewport { overflow: hidden; }
.wa-reviews-carousel.is-enhanced .wa-reviews__track {
  display: flex;
  transition: transform 320ms ease;
  will-change: transform;
}
.wa-reviews-carousel.is-enhanced .wa-reviews__track .wa-review-card { flex: 0 0 calc((100% - 40px) / 3); }

.wa-reviews-carousel__controls {
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-bottom: 20px;
}

.wa-reviews-carousel.is-enhanced .wa-reviews-carousel__controls { display: flex; }

.wa-reviews-carousel__status {
  min-width: 70px;
  margin-right: 4px;
  color: var(--wa-muted);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  letter-spacing: 0;
  text-align: right;
}

.wa-reviews-carousel__button {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--wa-ink);
  background: var(--wa-surface);
  border: 1px solid var(--wa-line);
  border-radius: 4px;
  cursor: pointer;
}

.wa-reviews-carousel__button:hover,
.wa-reviews-carousel__button:focus-visible,
.wa-reviews-carousel__button:active {
  color: var(--wa-surface);
  background: var(--wa-accent);
  border-color: var(--wa-accent);
}

.wa-reviews-carousel__button svg { width: 20px; height: 20px; pointer-events: none; }
.wa-pdp-reviews { margin: 72px 0; }
.wa-pdp-reviews__head h2 { margin: 0; font-size: 42px; line-height: 1.08; letter-spacing: 0; }

.wa-js [data-wa-reveal] {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 320ms ease, transform 320ms ease;
}

.wa-js [data-wa-reveal].is-revealed {
  opacity: 1;
  transform: translateY(0);
}

@media (min-width: 641px) and (max-width: 1399px) {
  #common-home .wa-pcard__foot { grid-template-columns: minmax(0, 1fr) !important; }
  #common-home .wa-pcard__actions { justify-content: stretch !important; }
  #common-home .wa-pcard__details,
  #common-home .wa-pcard__form,
  #common-home .wa-pcard__buy { flex: 1 1 0; }
}

@media (max-width: 980px) {
  .wa-reviews__track,
  .wa-reviews__grid,
  .wa-pdp-reviews__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wa-reviews-carousel.is-enhanced .wa-reviews__track .wa-review-card { flex-basis: calc((100% - 20px) / 2); }
}

@media (max-width: 640px) {
  .wa-guide-products .wa-pcard__actions {
    flex-direction: column;
    align-items: stretch;
  }
  .wa-pcard__foot { grid-template-columns: minmax(0, 1fr) !important; align-items: stretch; }
  .wa-pcard__actions { justify-content: stretch; }
  .wa-pcard__details,
  .wa-pcard__form,
  .wa-pcard__buy { flex: 1 1 0; width: 100%; }
  .wa-reviews__head,
  .wa-pdp-reviews__head,
  .wa-reviews__track,
  .wa-reviews__grid,
  .wa-pdp-reviews__grid { grid-template-columns: 1fr; }
  .wa-review-card { min-height: 0; padding: 20px; }
  .wa-reviews-carousel.is-enhanced .wa-reviews__track .wa-review-card { flex-basis: 100%; }
  .wa-reviews-carousel__controls { justify-content: space-between; }
  .wa-reviews-carousel__status { margin-right: auto; text-align: left; }
  .wa-pdp-reviews { margin: 48px 0; }
}

@media (prefers-reduced-motion: reduce) {
  .wa-js [data-wa-reveal],
  .wa-js [data-wa-reveal].is-revealed,
  .wa-reviews__track,
  [data-autoplay] {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}

/* Information pages: full-width editorial bands with one shared reading grid. */
.wa-info-page {
  color: var(--wa-ink);
  background: var(--wa-surface);
}

.wa-info-shell__inner,
.wa-info-band__inner {
  box-sizing: border-box;
  width: min(100%, var(--wa-content));
  margin: 0 auto;
  padding-right: 48px;
  padding-left: 48px;
}

.wa-info-shell__inner {
  padding-top: 24px;
  padding-bottom: 24px;
}

.wa-info-band {
  width: 100%;
  padding: 64px 0;
  background: var(--wa-surface);
  border-bottom: 1px solid var(--wa-line);
}

.wa-info-band--hero,
.wa-info-band--diagnostic,
.wa-info-band--form,
.wa-info-band--document {
  background: var(--wa-band);
}

.wa-info-band--facts,
.wa-info-band--audiences,
.wa-info-band--actions,
.wa-info-band--location,
.wa-info-band--policy {
  background: var(--wa-surface);
}

.wa-info-eyebrow {
  margin-bottom: 12px;
  color: var(--wa-accent);
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.wa-info-h1,
.wa-info-band--hero h1 {
  max-width: 900px;
  margin: 0;
  font-size: 52px;
  line-height: 1.08;
  letter-spacing: 0;
}

.wa-info-lead,
.wa-about-intro {
  max-width: 760px;
  margin-top: 20px;
  color: var(--wa-muted);
  font-size: 17px;
  line-height: 1.7;
}

.wa-about-intro p:last-child,
.wa-info-lead:last-child { margin-bottom: 0; }

.wa-info-section-head {
  max-width: 900px;
  margin: 0 0 32px;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0;
}

.wa-about-facts,
.wa-contact-routes,
.wa-contact-route__links,
.wa-service-path,
.wa-service-actions {
  margin: 0;
  padding: 0;
  list-style: none;
}

.wa-about-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px;
}

.wa-contact-routes,
.wa-service-path,
.wa-service-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
}

.wa-about-fact,
.wa-contact-route,
.wa-service-step,
.wa-service-action {
  min-width: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.wa-about-fact dt,
.wa-service-step .wa-about-principle__n {
  margin-bottom: 10px;
  color: var(--wa-accent);
  font-family: "JetBrains Mono", monospace;
  font-size: 24px;
  font-weight: 600;
}

.wa-about-fact dd { margin: 0; }
.wa-about-fact dd + dd { margin-top: 8px; }

.wa-about-fact__value {
  font-size: 24px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.wa-contact-route h3,
.wa-service-step h3 {
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.3;
}

.wa-contact-route p,
.wa-service-step p,
.wa-service-action__detail {
  color: var(--wa-muted);
  line-height: 1.65;
}

.wa-contact-route__links,
.wa-service-policy__links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 18px;
  margin-top: 16px;
}

.wa-contact-route__links a,
.wa-service-action__link,
.wa-service-policy__links a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}

.wa-contact-route__links a:focus-visible,
.wa-service-action__link:focus-visible,
.wa-service-policy__links a:focus-visible {
  outline: 2px solid var(--wa-accent);
  outline-offset: 3px;
}

.wa-service-action {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.wa-service-action__link { width: 100%; }
.wa-service-action__detail { display: block; }

.wa-contact-location {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.wa-info-document {
  max-width: 780px;
}

.wa-info-document__article {
  max-width: 100%;
  color: var(--wa-ink);
  font-size: 16px;
  line-height: 1.75;
}

.wa-info-document__article h1,
.wa-info-document__article h2,
.wa-info-document__article h3 { letter-spacing: 0; }

/* Search keeps the shared category grid and product-card contract. */
.wa-search-page {
  background: var(--wa-surface);
}

.wa-search-head {
  padding-bottom: 20px;
  border-bottom: 1px solid var(--wa-line);
}

.wa-search-head .wa-cat-head__h1 {
  font-size: 44px;
  line-height: 1.08;
}

.wa-search-results__heading {
  margin: 28px 0 18px;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: 0;
}

.wa-search-results__summary {
  margin: 16px 0 0;
  color: var(--wa-muted);
  font-size: 13px;
  text-align: right;
}

/* Product comparison stays tabular and scrolls only inside its named region. */
.wa-compare-page {
  max-width: 100%;
  min-width: 0;
  overflow-x: clip;
  color: var(--wa-ink);
  background: var(--wa-surface);
}

.wa-compare-page .wa-info-shell__inner {
  min-width: 0;
  padding-bottom: 96px;
}

.wa-compare-page .wa-info-h1 {
  margin: 0 0 32px;
  font-size: 52px !important;
}

#product-compare.wa-compare-page .wa-info-shell__inner > .wa-info-h1 {
  margin-bottom: 32px !important;
  font-size: 52px !important;
  line-height: 1.08 !important;
}

.wa-compare__wrap {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-gutter: stable;
  scroll-behavior: smooth;
  background: var(--wa-surface);
  border-top: 1px solid var(--wa-line);
  border-bottom: 1px solid var(--wa-line);
}

.wa-compare {
  width: max-content;
  min-width: 100%;
  margin: 0;
  color: var(--wa-ink);
  background: var(--wa-surface);
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}

.wa-compare th,
.wa-compare td {
  box-sizing: border-box;
  padding: 18px 20px;
  vertical-align: top;
  text-align: left;
  border-right: 1px solid var(--wa-line);
  border-bottom: 1px solid var(--wa-line);
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.wa-compare tr > :last-child { border-right: 0; }
.wa-compare tbody:last-child tr:last-child > * { border-bottom: 0; }

.wa-compare__label {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  color: var(--wa-muted);
  background: #F5FAFC;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: uppercase;
}

.wa-compare__product-name,
.wa-compare td {
  width: 260px;
  min-width: 260px;
  max-width: 320px;
}

.wa-compare__product-name {
  padding-top: 22px;
  padding-bottom: 22px;
  background: var(--wa-band);
  font-size: 17px;
  line-height: 1.35;
}

.wa-compare__product-name a,
.wa-compare__actions .wa-btn,
.wa-compare__remove {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}

.wa-compare__product-name a {
  color: var(--wa-ink);
  font-weight: 650;
}

.wa-compare__media { background: var(--wa-surface); }

.wa-compare__media a {
  display: flex;
  min-height: 220px;
  align-items: center;
  justify-content: center;
}

.wa-compare__media img {
  display: block;
  width: min(100%, 220px);
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  mix-blend-mode: normal;
}

.wa-compare__price {
  font-family: "JetBrains Mono", monospace;
  font-size: 18px;
  font-weight: 600;
}

.wa-compare__price .price-new { display: block; color: var(--wa-ink); }
.wa-compare__price .price-old {
  display: block;
  margin-top: 6px;
  color: var(--wa-muted);
  font-size: 12px;
  font-weight: 400;
  text-decoration: line-through;
}

.wa-compare__price-request { color: var(--wa-muted); font-size: 13px; }
.wa-compare__stars { color: var(--wa-accent); white-space: nowrap; }
.wa-compare__review-count {
  display: block;
  margin-top: 8px;
  color: var(--wa-muted);
  font-size: 12px;
}

.wa-compare__description {
  color: var(--wa-muted);
  font-size: 14px;
  line-height: 1.7 !important;
}

.wa-compare__verified td { background: #FBFDFE; }
.wa-compare__verified .wa-compare__label { background: var(--wa-band); }

.wa-compare__section-row th {
  padding: 14px 20px;
  color: var(--wa-surface);
  background: var(--wa-ink);
  border-right: 0;
  font-family: "JetBrains Mono", monospace;
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.wa-compare__action-row td,
.wa-compare__action-row .wa-compare__label { background: var(--wa-surface); }

.wa-compare__actions {
  display: grid;
  gap: 10px;
}

.wa-compare__actions form { margin: 0; }
.wa-compare__actions .wa-btn {
  width: 100%;
  justify-content: center;
}

.wa-compare__remove {
  justify-content: center;
  color: var(--wa-muted);
  border-bottom: 1px solid transparent;
  font-size: 12px;
}

.wa-compare__wrap:focus-visible,
.wa-compare__product-name a:focus-visible,
.wa-compare__media a:focus-visible,
.wa-compare__actions .wa-btn:focus-visible,
.wa-compare__remove:focus-visible {
  outline: 2px solid var(--wa-accent);
  outline-offset: 3px;
}

.wa-compare__actions .wa-btn:active,
.wa-compare__remove:active { transform: translateY(1px); }

@media (max-width: 900px) {
  .wa-compare__label {
    position: sticky;
    left: 0;
    z-index: 2;
    width: 128px;
    min-width: 128px;
    max-width: 128px;
    box-shadow: 1px 0 0 var(--wa-line);
  }

  .wa-compare thead .wa-compare__label { z-index: 4; }
}

@media (max-width: 560px) {
  .wa-compare-page .wa-info-shell__inner {
    padding-right: 12px;
    padding-bottom: 72px;
    padding-left: 12px;
  }
  .wa-compare-page .wa-info-h1 { margin-bottom: 24px; font-size: 32px !important; }
  #product-compare.wa-compare-page .wa-info-shell__inner > .wa-info-h1 {
    margin-bottom: 24px !important;
    font-size: 32px !important;
  }
  .wa-compare th,
  .wa-compare td { padding: 14px; }
  .wa-compare__label { width: 108px; min-width: 108px; max-width: 108px; }
  .wa-compare__product-name,
  .wa-compare td { width: 250px; min-width: 250px; }
  .wa-compare__media a { min-height: 190px; }
}

@media (prefers-reduced-motion: reduce) {
  .wa-compare__wrap { scroll-behavior: auto; }
  .wa-compare__actions .wa-btn,
  .wa-compare__remove { transition: none; }
  .wa-compare__actions .wa-btn:active,
  .wa-compare__remove:active { transform: none; }
}

/* Editorial guides reuse full-width bands and the shared product cards. */
.wa-guide-page {
  color: var(--wa-ink);
  background: var(--wa-surface);
}

.wa-guide-band {
  width: 100%;
  padding: 64px 0;
  background: var(--wa-surface);
  border-bottom: 1px solid var(--wa-line);
}

.wa-guide-band__inner {
  width: min(100%, var(--wa-content));
  margin: 0 auto;
  padding-right: 48px;
  padding-left: 48px;
}

.wa-guide-band--hero,
.wa-guide-band--products,
.wa-guide-band--faq {
  background: var(--wa-band);
}

.wa-guide-band--selection,
.wa-guide-band--service { background: var(--wa-surface); }

.wa-guide-band--hero h1 {
  max-width: 920px;
  margin: 10px 0 0;
  font-size: 52px;
  line-height: 1.08;
  letter-spacing: 0;
}

.wa-guide-lead {
  max-width: 760px;
  margin: 20px 0 0;
  color: var(--wa-muted);
  font-size: 17px;
  line-height: 1.7;
}

.wa-guide-band h2 {
  max-width: 900px;
  margin: 0 0 32px;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: 0;
}

.wa-guide-scene {
  width: 100%;
  max-height: 640px;
  margin: 0;
  overflow: hidden;
  background: var(--wa-surface);
  border-bottom: 1px solid var(--wa-line);
}

.wa-guide-scene picture,
.wa-guide-scene img {
  display: block;
  width: 100%;
  height: 100%;
}

.wa-guide-scene img {
  max-height: 640px;
  aspect-ratio: 16 / 7;
  object-fit: cover;
}

.wa-guide-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wa-guide-step {
  display: flex;
  min-width: 0;
  align-items: flex-start;
  gap: 16px;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  line-height: 1.65;
}

.wa-guide-step__number {
  flex: 0 0 auto;
  color: var(--wa-accent);
  font-family: "JetBrains Mono", monospace;
  font-size: 13px;
  font-weight: 600;
}

.wa-guide-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  margin-top: 36px;
}

.wa-guide-categories a {
  padding-right: 0;
  padding-left: 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--wa-line);
  border-radius: 0;
}

.wa-guide-products {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1040px;
  margin: 0;
}

.wa-guide-service {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 48px;
}

.wa-guide-service h2 { margin-bottom: 16px; }
.wa-guide-service p:not(.wa-caps) {
  max-width: 760px;
  margin: 0;
  color: var(--wa-muted);
  line-height: 1.7;
}

.wa-guide-faq {
  max-width: 780px;
}

.wa-guide-faq__items {
  border-bottom: 1px solid var(--wa-line);
}

.wa-guide-faq__item {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--wa-line);
  border-radius: 0;
  box-shadow: none;
}

.wa-guide-faq__item summary {
  display: flex;
  min-height: 56px;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  cursor: pointer;
  font-weight: 600;
}

.wa-guide-faq__item p {
  margin: 0;
  padding: 0 0 24px;
  color: var(--wa-muted);
  line-height: 1.7;
}

.wa-guide-categories a,
.wa-guide-service > a,
.wa-footer__guides a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}

.wa-guide-categories a:focus-visible,
.wa-guide-service > a:focus-visible,
.wa-footer__guides a:focus-visible {
  outline: 2px solid var(--wa-accent);
  outline-offset: 3px;
}

.wa-guide-faq__item summary:focus-visible {
  outline: 2px solid var(--wa-accent);
  outline-offset: 3px;
}

.wa-footer__guides {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px 48px;
  padding: 24px 0;
  border-top: 1px solid var(--wa-line);
}

.wa-footer__guides ul,
.wa-footer__guides nav {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wa-footer__guides a {
  color: var(--wa-muted);
  border-bottom: 1px solid transparent;
}

.wa-footer__guides a:hover,
.wa-footer__guides a:focus-visible,
.wa-footer__guides a:active { color: var(--wa-accent); border-bottom-color: currentColor; }

@media (max-width: 900px) {
  .wa-info-shell__inner,
  .wa-info-band__inner,
  .wa-guide-band__inner {
    padding-right: 28px;
    padding-left: 28px;
  }

  .wa-about-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wa-footer__guides { grid-template-columns: 1fr; }
  .wa-footer__guides ul,
  .wa-footer__guides nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 720px) {
  .wa-info-shell__inner,
  .wa-info-band__inner,
  .wa-guide-band__inner {
    padding-right: 20px;
    padding-left: 20px;
  }

  .wa-info-band { padding: 44px 0; }
  .wa-info-h1,
  .wa-info-band--hero h1 { font-size: 38px; }
  .wa-info-section-head { margin-bottom: 24px; font-size: 26px; }

  .wa-about-facts,
  .wa-contact-routes,
  .wa-service-path,
  .wa-service-actions {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .wa-contact-location { grid-template-columns: 1fr; }
  .wa-service-action__link { width: auto; min-width: 100%; }

  .wa-search-head { grid-template-columns: 1fr; }
  .wa-search-head .wa-cat-head__h1 { font-size: 36px; }
  .wa-search-results__summary { text-align: left; }

  .wa-guide-band { padding: 44px 0; }
  .wa-guide-band--hero h1 { font-size: 38px; }
  .wa-guide-band h2 { margin-bottom: 24px; font-size: 26px; }
  .wa-guide-scene img { aspect-ratio: 4 / 3; }

  .wa-guide-steps,
  .wa-guide-products,
  .wa-guide-service {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .wa-guide-service > a { width: 100%; justify-content: center; }
  .wa-footer__guides ul,
  .wa-footer__guides nav { grid-template-columns: 1fr; }
}

/* Global editorial shell: one calm navigation system across every route. */
.wa-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.wa-topbar {
  position: sticky;
  top: 0;
  z-index: 1040;
  min-height: 80px;
  background: var(--wa-surface);
  border-bottom: 1px solid var(--wa-line);
  box-shadow: none;
}

/* The base theme hides direct headers inside #container. The editorial layer
   is the sole owner of the active branded shell. */
#container > header.wa-topbar { display: block !important; }

.wa-topbar__inner {
  display: grid;
  grid-template-columns: minmax(190px, 0.8fr) minmax(500px, 1.8fr) auto;
  align-items: center;
  gap: 28px;
  width: min(100%, var(--wa-content));
  min-height: 80px;
  margin: 0 auto;
  padding: 0 48px;
}

.wa-topbar__logo img {
  width: auto;
  max-width: 220px;
  height: 52px;
  aspect-ratio: 700 / 166;
}

.wa-topbar__menu {
  min-width: 0;
  height: 46px;
  align-self: center;
  margin: 0;
}

.wa-topbar__menu-toggle {
  display: none;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: var(--wa-ink);
  background: var(--wa-surface);
  border: 1px solid var(--wa-line);
  border-radius: 4px;
  cursor: pointer;
  list-style: none;
}

.wa-topbar__menu-toggle::-webkit-details-marker { display: none; }
.wa-topbar__menu-toggle::marker { display: none; content: ""; }

.wa-topbar__menu-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 28px;
}

.wa-topbar__nav {
  display: flex !important;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 2.4vw, 42px);
}

.wa-topbar__nav a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  color: var(--wa-ink);
  font-size: 14px;
  font-weight: 550;
  white-space: nowrap;
}

.wa-topbar__nav a:hover,
.wa-topbar__nav a:focus-visible,
.wa-topbar__nav a:active { color: var(--wa-accent); }

.wa-lang {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 2px;
  background: var(--wa-surface);
  border: 1px solid var(--wa-line);
  border-radius: 4px;
}

.wa-lang a {
  display: inline-flex;
  min-width: 42px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  color: var(--wa-muted);
  background: var(--wa-surface);
  border: 0;
  border-bottom: 2px solid transparent;
  font-family: "JetBrains Mono", monospace;
  font-size: 10px;
  font-weight: 500;
}

.wa-lang a.active,
.wa-lang a:hover,
.wa-lang a:focus-visible,
.wa-lang a:active {
  color: var(--wa-accent);
  border-bottom-color: var(--wa-accent);
}

.wa-topbar__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 4px;
}

.wa-topbar__icon {
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  font-size: 18px;
}

.wa-topbar__cart-count {
  top: 2px;
  right: 1px;
  color: var(--wa-surface);
  background: var(--wa-accent);
}

#container .wa-home-closing h2 {
  color: var(--wa-surface) !important;
}

#container > footer.wa-footer {
  margin-top: 0 !important;
  padding: 72px 48px 28px !important;
  color: var(--wa-ink) !important;
  background: var(--wa-band) !important;
  border-top: 1px solid var(--wa-line) !important;
}

#container > footer.wa-footer a {
  color: var(--wa-muted) !important;
  text-decoration: none !important;
}

#container > footer.wa-footer a:hover,
#container > footer.wa-footer a:focus-visible,
#container > footer.wa-footer a:active {
  color: var(--wa-accent) !important;
}

.wa-footer__grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.35fr) repeat(3, minmax(140px, 0.8fr)) minmax(220px, 1.1fr);
  gap: clamp(28px, 3vw, 56px);
  padding-bottom: 52px;
  border-bottom: 1px solid var(--wa-line);
}

.wa-footer__logo {
  display: inline-flex;
  min-height: 52px;
  align-items: center;
}

.wa-footer__logo img {
  display: block;
  width: auto;
  max-width: 220px;
  height: 48px;
  object-fit: contain;
}

#container > footer.wa-footer .wa-footer__social a {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  color: var(--wa-ink) !important;
  background: var(--wa-surface) !important;
  border: 1px solid var(--wa-line);
  border-radius: 4px;
}

#container > footer.wa-footer .wa-footer__social a:hover,
#container > footer.wa-footer .wa-footer__social a:focus-visible,
#container > footer.wa-footer .wa-footer__social a:active {
  color: var(--wa-surface) !important;
  background: var(--wa-accent) !important;
  border-color: var(--wa-accent) !important;
}

.wa-footer__phone-big,
.wa-footer__phone-sm { display: block; }

#container > footer.wa-footer .wa-footer__phone-big,
#container > footer.wa-footer .wa-footer__col .wa-caps {
  color: var(--wa-ink) !important;
}

.wa-footer__legal[data-footer-role="legal"] {
  gap: 18px;
  padding-top: 24px;
}

@media (max-width: 1180px) {
  .wa-topbar__inner {
    grid-template-columns: minmax(170px, 0.7fr) minmax(420px, 1.6fr) auto;
    gap: 18px;
    padding: 0 28px;
  }

  .wa-topbar__logo img { max-width: 190px; height: 46px; }
  .wa-topbar__menu-panel { gap: 16px; }
  .wa-topbar__nav { gap: 18px; }
  .wa-footer__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wa-footer__brand,
  .wa-footer__col[data-footer-column="contact"] { grid-column: span 1; }
}

@media (max-width: 900px) {
  .wa-topbar,
  body .wa-topbar {
    position: sticky;
    min-height: 68px !important;
    background: var(--wa-surface);
  }

  .wa-topbar__inner,
  body .wa-topbar__inner {
    position: relative;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    grid-template-rows: 68px !important;
    gap: 6px !important;
    min-height: 68px !important;
    padding: 0 16px !important;
  }

  .wa-topbar__logo,
  body .wa-topbar__logo { grid-column: 1; grid-row: 1; }

  .wa-topbar__logo img,
  body .wa-topbar__logo img {
    width: auto !important;
    max-width: min(190px, 100%) !important;
    height: 40px !important;
  }

  .wa-topbar__menu {
    position: static;
    grid-column: 2;
    grid-row: 1;
    height: 44px;
  }

  .wa-topbar__menu-toggle { display: inline-flex; }

  .wa-topbar__menu:not([open]) > .wa-topbar__menu-panel { display: none !important; }

  .wa-topbar__menu[open] > .wa-topbar__menu-panel {
    position: absolute;
    top: 68px;
    right: 0;
    left: 0;
    z-index: 3;
    display: grid !important;
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 20px 16px 24px;
    background: var(--wa-surface);
    border-top: 1px solid var(--wa-line);
    border-bottom: 1px solid var(--wa-line);
    box-shadow: 0 16px 28px rgba(13, 21, 24, 0.12);
  }

  .wa-topbar__nav {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }

  .wa-topbar__nav a {
    min-height: 48px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--wa-line);
  }

  .wa-lang {
    justify-content: center;
    background: var(--wa-surface);
  }

  .wa-topbar__actions,
  body .wa-topbar__actions {
    grid-column: 3;
    grid-row: 1;
    gap: 0 !important;
  }

  #container > footer.wa-footer { padding: 56px 24px 24px !important; }
  .wa-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 28px; }
  .wa-footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 560px) {
  .wa-topbar__inner,
  body .wa-topbar__inner { padding: 0 12px !important; }

  .wa-topbar__logo img,
  body .wa-topbar__logo img { max-width: min(150px, 100%) !important; height: 34px !important; }
  .wa-topbar__menu-toggle,
  .wa-topbar__icon { width: 42px; min-width: 42px; height: 44px; }
  .wa-topbar__nav { grid-template-columns: 1fr; }
  #container > footer.wa-footer { padding: 48px 20px 24px !important; }
  .wa-footer__grid { grid-template-columns: 1fr; gap: 32px; }
  .wa-footer__brand { grid-column: auto; }
  .wa-footer__legal[data-footer-role="legal"] { display: block; line-height: 1.7; }
}

/* Keep these exact role selectors last for contract and cascade clarity. */
.wa-media-surface {
  background: var(--wa-surface);
  mix-blend-mode: normal;
}

.wa-pcard__media {
  background: var(--wa-surface);
  mix-blend-mode: normal;
}