.wa-hero { overflow: hidden; padding: 64px 0 72px; }
.wa-hero .product-hero-grid { align-items: center; grid-template-columns: minmax(0,.94fr) minmax(440px,1.06fr); }
.wa-hero h1 { max-width: 700px; }
.wa-hero__benefits { display: grid; gap: 9px; margin: 24px 0; }
.wa-hero__benefits span { align-items: center; color: #314744; display: flex; font-weight: 600; gap: 10px; }
.wa-hero__benefits span::before { align-items: center; background: #e6f0ec; border-radius: 50%; color: #2d625b; content: '\2713'; display: inline-flex; flex: 0 0 24px; font-size: 14px; height: 24px; justify-content: center; }
.wa-smallprint { color: #63716e; font-size: 13px; margin: 14px 0 0; }
.wa-hero__image { border-radius: 24px; min-height: 520px; overflow: hidden; position: relative; }
.wa-hero__image img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.wa-hero__image::after { background: linear-gradient(180deg,transparent 58%,rgba(13,35,32,.7)); content: ''; inset: 0; position: absolute; }
.wa-hero__image span { bottom: 22px; color: #fff; font-weight: 700; left: 24px; letter-spacing: .05em; position: absolute; z-index: 1; }
.wa-heading h2, .wa-system h2, .wa-decision h2, .wa-catalogues h2 { color: var(--hazo-ink); font-family: "Comfortaa",sans-serif; font-size: clamp(30px,4.2vw,46px); letter-spacing: -.035em; margin: 0 0 12px; }
.wa-heading p:last-child { color: #5e6d69; font-size: 17px; margin: 0 auto; }
.wa-compare { background: #eef4f1; padding: 76px 0; }
.wa-series-grid { display: grid; gap: 22px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.wa-series-card { background: #fff; border: 1px solid #d8e2de; border-radius: 22px; overflow: hidden; }
.wa-series-card__visual { background: #f7f9f8; padding: 22px; }
.wa-state-pair { display: grid; gap: 14px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.wa-state-pair figure { background: #fff; border: 1px solid #dce5e1; border-radius: 14px; margin: 0; overflow: hidden; }
.wa-state-pair picture { align-items: center; display: flex; height: 250px; justify-content: center; padding: 10px; }
.wa-state-pair img { height: 100%; object-fit: contain; width: 100%; }
.wa-state-pair figcaption { border-top: 1px solid #e2e8e5; color: #315f58; font-size: 13px; font-weight: 700; letter-spacing: .04em; padding: 11px 14px; text-align: center; text-transform: uppercase; }
.wa-series-card__body { padding: 30px; }
.wa-series-card h3 { color: var(--hazo-ink); font-family: "Comfortaa",sans-serif; font-size: 27px; margin: 0 0 12px; }
.wa-series-card p:not(.eyebrow) { color: #5b6a67; line-height: 1.6; }
.wa-series-card ul { color: #314744; display: grid; gap: 8px; margin: 20px 0 26px; padding-left: 20px; }
.wa-series-card .btn { width: 100%; }
.wa-specifications { background: #173e3a; color: #fff; padding: 74px 0; }
.wa-specifications__heading { align-items: end; display: flex; gap: 30px; justify-content: space-between; margin-bottom: 30px; }
.wa-specifications h2 { color: #fff; font-family: "Comfortaa",sans-serif; font-size: clamp(30px,4.2vw,46px); letter-spacing: -.035em; margin: 0; }
.wa-specifications .eyebrow { color: #f2ce83; }
.wa-specifications .btn-outline { border-color: #fff; color: #fff; flex: 0 0 auto; }
.wa-specifications__grid { display: grid; gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.wa-specifications__grid article { background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.16); border-radius: 18px; padding: 25px; }
.wa-specifications dl { margin: 0; }
.wa-specifications dl > div { border-top: 1px solid rgba(255,255,255,.14); display: grid; gap: 20px; grid-template-columns: minmax(120px,.75fr) minmax(0,1.25fr); padding: 14px 0; }
.wa-specifications dt { color: #bcd0ca; }
.wa-specifications dd { color: #fff; font-weight: 600; margin: 0; }
.wa-specifications__note { color: #d5e2de; margin: 22px 0 0; }
.wa-fabrics { background: #eef4f1; padding: 76px 0; }
.wa-fabric-product { background: #fff; border: 1px solid #d8e2de; border-radius: 22px; margin-top: 24px; padding: 28px; }
.wa-fabric-product__intro { align-items: end; display: grid; gap: 12px 32px; grid-template-columns: minmax(240px,.7fr) minmax(0,1.3fr); margin-bottom: 22px; }
.wa-fabric-product__intro .eyebrow { grid-column: 1/-1; margin-bottom: -5px; }
.wa-fabric-product__intro h3 { color: var(--hazo-ink); font-family: "Comfortaa",sans-serif; font-size: 27px; margin: 0; }
.wa-fabric-product__intro p:last-child { color: #5b6a67; margin: 0; }
.wa-screen-grid { display: grid; gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.wa-screen-grid figure, .wa-sauleda-grid figure { border: 1px solid #d8e2de; border-radius: 14px; margin: 0; overflow: hidden; }
.wa-screen-grid img, .wa-sauleda-grid img { aspect-ratio: 1.45/1; display: block; object-fit: cover; width: 100%; }
.wa-screen-grid figcaption, .wa-sauleda-grid figcaption { display: grid; gap: 3px; padding: 13px; }
.wa-screen-grid figcaption strong, .wa-sauleda-grid figcaption strong { color: var(--hazo-ink); }
.wa-screen-grid figcaption span, .wa-sauleda-grid figcaption span { color: #65736f; font-size: 13px; line-height: 1.4; }
.wa-sauleda-grid { display: grid; gap: 12px; grid-template-columns: repeat(8,minmax(0,1fr)); }
.wa-decision { background: #173e3a; color: #fff; padding: 74px 0; }
.wa-decision h2 { color: #fff; }
.wa-decision .eyebrow { color: #f2ce83; }
.wa-decision__heading { margin-bottom: 30px; }
.wa-table { border: 1px solid rgba(255,255,255,.18); border-radius: 18px; overflow: hidden; }
.wa-table__row { align-items: center; border-top: 1px solid rgba(255,255,255,.14); display: grid; gap: 18px; grid-template-columns: 1fr 1.1fr 1.1fr; padding: 18px 22px; }
.wa-table__row:first-child { border-top: 0; }
.wa-table__row > span { color: #f2ce83; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.wa-table__row p { color: #d4e0dc; margin: 0; }
.wa-table__head { background: rgba(255,255,255,.08); }
.wa-table__head strong { font-family: "Comfortaa",sans-serif; font-size: 19px; }
.wa-system { padding-bottom: 76px; padding-top: 76px; }
.wa-system__grid { align-items: center; display: grid; gap: 58px; grid-template-columns: .93fr 1.07fr; }
.wa-system__visual { background: #eef4f1; border-radius: 24px; min-height: 500px; padding: 25px; }
.wa-system__visual img { height: 100%; object-fit: contain; width: 100%; }
.wa-points { display: grid; gap: 8px; margin-top: 25px; }
.wa-points > div { align-items: center; border-top: 1px solid #d7e1dd; display: grid; gap: 14px; grid-template-columns: 40px 1fr; padding: 13px 0; }
.wa-points span { align-items: center; background: #fff4d8; border-radius: 50%; color: #7b5b1e; display: flex; font-size: 11px; font-weight: 700; height: 34px; justify-content: center; width: 34px; }
.wa-points p { color: #61706d; margin: 0; }
.wa-points strong { color: var(--hazo-ink); display: block; }
.wa-planning { background: #eef4f1; padding: 72px 0; }
.wa-planning-grid { display: grid; gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.wa-planning-grid article { background: #fff; border: 1px solid #d8e2de; border-radius: 16px; display: grid; gap: 7px; min-height: 145px; padding: 22px; }
.wa-planning-grid span { align-items: center; background: #315f58; border-radius: 50%; color: #fff; display: flex; font-size: 12px; font-weight: 700; height: 34px; justify-content: center; width: 34px; }
.wa-planning-grid strong { color: var(--hazo-ink); font-family: "Comfortaa",sans-serif; font-size: 18px; }
.wa-planning-grid small { color: #66736f; font-size: 14px; }
.wa-measure-note { align-items: center; background: #fff4d8; border-radius: 14px; display: grid; gap: 15px; grid-template-columns: auto 1fr; margin-top: 20px; padding: 18px 22px; }
.wa-gallery { padding-bottom: 76px; padding-top: 76px; }
.wa-gallery-grid { display: grid; gap: 18px; grid-template-columns: repeat(2,minmax(0,1fr)); }
.wa-gallery-grid figure { border-radius: 18px; margin: 0; overflow: hidden; position: relative; }
.wa-gallery-grid img { aspect-ratio: 1.55/1; display: block; object-fit: cover; width: 100%; }
.wa-gallery-grid figcaption { background: linear-gradient(180deg,transparent,rgba(12,31,29,.82)); bottom: 0; color: #fff; font-weight: 700; left: 0; padding: 40px 18px 16px; position: absolute; right: 0; }
.wa-catalogues { background: #fff; padding: 35px 0 65px; }
.wa-catalogues__panel { align-items: center; background: #173e3a; border-radius: 22px; color: #fff; display: grid; gap: 48px; grid-template-columns: 1fr auto; padding: 42px 46px; }
.wa-catalogues h2 { color: #fff; }
.wa-catalogues .eyebrow { color: #f2ce83; }
.wa-catalogues p:last-child { color: #d1dfda; font-size: 16px; line-height: 1.55; margin: 0; max-width: 700px; }
.wa-catalogues__actions { display: grid; gap: 12px; min-width: 230px; }
.wa-catalogues .btn-outline { border-color: #fff; color: #fff; }
.wa-faq, .wa-quote { padding-bottom: 76px; padding-top: 76px; }
.wa-faq-list { display: grid; gap: 10px; margin: 0 auto; max-width: 900px; }
.wa-faq-list details { background: #fff; border: 1px solid #d8e2de; border-radius: 12px; padding: 17px 20px; }
.wa-faq-list summary { color: #173e3a; cursor: pointer; font-weight: 700; }
.wa-faq-list p { color: #5c6b68; margin: 12px 0 0; }
@media (max-width:980px) {
  .wa-hero .product-hero-grid, .wa-system__grid { grid-template-columns: 1fr; }
  .wa-hero__image { min-height: 460px; }
  .wa-planning-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wa-catalogues__panel { grid-template-columns: 1fr; }
  .wa-sauleda-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}
@media (max-width:700px) {
  .wa-hero { padding: 38px 0 50px; }
  .wa-hero .product-hero-grid { gap: 30px; }
  .wa-hero__image { border-radius: 18px; min-height: 330px; }
  .wa-hero .button-row .btn { width: 100%; }
  .wa-compare, .wa-specifications, .wa-fabrics, .wa-decision, .wa-system, .wa-planning, .wa-gallery, .wa-faq, .wa-quote { padding-bottom: 54px; padding-top: 54px; }
  .wa-series-grid { grid-template-columns: 1fr; }
  .wa-state-pair picture { height: 210px; }
  .wa-series-card__body { padding: 24px; }
  .wa-specifications__heading { align-items: start; flex-direction: column; }
  .wa-specifications__grid { grid-template-columns: 1fr; }
  .wa-fabric-product { padding: 22px; }
  .wa-fabric-product__intro { align-items: start; grid-template-columns: 1fr; }
  .wa-screen-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wa-sauleda-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  .wa-table__row { align-items: start; grid-template-columns: 100px 1fr 1fr; padding: 14px 12px; }
  .wa-table__row p, .wa-table__head strong { font-size: 13px; }
  .wa-system__grid { gap: 32px; }
  .wa-system__visual { min-height: 310px; padding: 12px; }
  .wa-planning-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wa-planning-grid article { min-height: 132px; padding: 17px; }
  .wa-measure-note { align-items: start; grid-template-columns: 1fr; }
  .wa-gallery-grid { gap: 12px; }
  .wa-gallery-grid figcaption { font-size: 13px; padding: 30px 12px 12px; }
  .wa-catalogues { padding: 30px 0; }
  .wa-catalogues__panel { gap: 24px; padding: 30px 24px; }
  .wa-catalogues__actions, .wa-catalogues__actions .btn { width: 100%; }
}
@media (max-width:430px) {
  .wa-table { overflow-x: auto; }
  .wa-table__row { min-width: 520px; }
  .wa-planning-grid { grid-template-columns: 1fr; }
  .wa-state-pair { grid-template-columns: 1fr; }
  .wa-state-pair picture { height: 230px; }
  .wa-specifications dl > div { gap: 8px; grid-template-columns: 1fr; }
  .wa-screen-grid, .wa-sauleda-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}