#aw-price-examples {
  --awp-navy: #071c28;
  --awp-blue: #169bd5;
  --awp-red: #d9272e;
  --awp-ink: #10212b;
  --awp-muted: #61717a;
  --awp-line: #d4e2e8;
  position: relative;
  overflow: hidden;
  color: var(--awp-ink);
  background:
    radial-gradient(circle at 92% 8%, rgba(22,155,213,.2), transparent 29%),
    linear-gradient(135deg,#eef7fa 0%,#fff 55%,#edf6f2 100%);
}

#aw-price-examples * { box-sizing: border-box; }

#aw-price-examples .awp-intro {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(260px,.75fr);
  align-items: end;
  gap: 30px;
  margin-bottom: clamp(28px,4vw,44px);
}

#aw-price-examples .awp-intro h2 {
  max-width: 760px;
  margin: 0;
  color: var(--awp-navy);
  font-size: clamp(2.25rem,5vw,4.7rem);
  line-height: .96;
  letter-spacing: -.06em;
}

#aw-price-examples .awp-intro-copy {
  margin: 0;
  color: var(--awp-muted);
  font-size: clamp(1rem,1.35vw,1.12rem);
  line-height: 1.65;
}

#aw-price-examples .awp-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  align-items: stretch;
  gap: clamp(14px,2vw,24px);
}

#aw-price-examples .awp-product {
  display: grid;
  grid-template-rows: clamp(245px,22vw,310px) auto;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border: 1px solid var(--awp-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 38px rgba(16,45,58,.09);
}

#aw-price-examples .awp-product-visual {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 0;
  padding: 42px 18px 24px;
  background: linear-gradient(135deg,rgba(255,255,255,.9),rgba(224,243,250,.84));
}

#aw-price-examples .awp-discount {
  position: absolute;
  z-index: 3;
  top: 14px;
  left: 14px;
  padding: 8px 10px;
  border-radius: 8px;
  color: #fff;
  background: var(--awp-red);
  box-shadow: 0 8px 18px rgba(217,39,46,.28);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .055em;
  text-transform: uppercase;
}

#aw-price-examples .awp-window,
#aw-price-examples .awp-slider,
#aw-price-examples .awp-folding {
  display: grid;
  width: min(184px,62%);
  max-height: 205px;
  aspect-ratio: var(--awp-ratio);
  padding: 7px;
  border: 8px solid #263840;
  background: #263840;
  box-shadow: 0 13px 24px rgba(8,32,43,.2);
}

#aw-price-examples .awp-slider {
  position: relative;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
  width: min(260px,82%);
}

#aw-price-examples .awp-folding {
  position: relative;
  grid-template-columns: repeat(3,1fr);
  gap: 5px;
  width: min(360px,94%);
  max-height: 184px;
}

#aw-price-examples .awp-window-glass,
#aw-price-examples .awp-fold-panel {
  position: relative;
  overflow: hidden;
  border: 2px solid #627780;
  background: linear-gradient(145deg,#dff5fd 0 44%,#fff 45% 58%,#cde9f2 59% 100%);
}

#aw-price-examples .awp-fixed-symbol::before,
#aw-price-examples .awp-fixed-symbol::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  background: rgba(38,56,64,.62);
  transform: translate(-50%,-50%);
}
#aw-price-examples .awp-fixed-symbol::before { width: 44%; height: 2px; }
#aw-price-examples .awp-fixed-symbol::after { width: 2px; height: 44%; }

#aw-price-examples .awp-slider-fixed::before,
#aw-price-examples .awp-slider-fixed::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(38,56,64,.45);
  transform: translate(-50%,-50%);
}
#aw-price-examples .awp-slider-fixed::before { width: 28%; height: 2px; }
#aw-price-examples .awp-slider-fixed::after { width: 2px; height: 28%; }

#aw-price-examples .awp-slide-arrow {
  position: absolute;
  top: 50%; left: 50%;
  width: 58%; height: 3px;
  border-radius: 999px;
  background: rgba(38,56,64,.78);
  transform: translate(-50%,-50%);
}
#aw-price-examples .awp-slide-arrow::before,
#aw-price-examples .awp-slide-arrow::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 13px;
  height: 3px;
  border-radius: 999px;
  background: rgba(38,56,64,.72);
  transform-origin: left center;
}
#aw-price-examples .awp-slide-arrow::before { transform: translateY(-50%) rotate(38deg); }
#aw-price-examples .awp-slide-arrow::after { transform: translateY(-50%) rotate(-38deg); }

#aw-price-examples .awp-lift-slide-handle {
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 5px;
  width: 7px;
  height: 34px;
  border: 1px solid #42545d;
  border-radius: 999px;
  background: linear-gradient(90deg,#8e999e,#fff 48%,#77858b);
  box-shadow: 0 2px 4px rgba(7,28,40,.25);
  transform: translateY(-50%);
}

#aw-price-examples .awp-fold-panel::after {
  content: attr(data-panel);
  position: absolute;
  top: 7px; left: 50%;
  color: rgba(38,56,64,.72);
  font-size: .66rem;
  font-weight: 700;
  transform: translateX(-50%);
}

#aw-price-examples .awp-fold-direction {
  position: absolute;
  z-index: 2;
  top: 52%; left: 9%;
  width: 55%; height: 3px;
  border-radius: 999px;
  background: rgba(38,56,64,.72);
}
#aw-price-examples .awp-fold-direction::before,
#aw-price-examples .awp-fold-direction::after {
  content: "";
  position: absolute;
  left: -1px;
  width: 13px; height: 2px;
  background: rgba(38,56,64,.72);
  transform-origin: left center;
}
#aw-price-examples .awp-fold-direction::before { transform: rotate(38deg); }
#aw-price-examples .awp-fold-direction::after { transform: rotate(-38deg); }

#aw-price-examples .awp-walk-door::before,
#aw-price-examples .awp-walk-door::after {
  content: "";
  position: absolute;
  right: 8px; top: 50%;
  width: 78%; height: 2px;
  background: rgba(38,56,64,.72);
  transform-origin: right center;
}
#aw-price-examples .awp-walk-door::before { transform: rotate(33deg); }
#aw-price-examples .awp-walk-door::after { transform: rotate(-33deg); }

#aw-price-examples .awp-door-handle {
  position: absolute;
  z-index: 3;
  right: -2px; top: 49%;
  width: 28px; height: 6px;
  border: 1px solid #42545d;
  border-radius: 999px;
  background: linear-gradient(180deg,#fff,#87949a);
  box-shadow: 0 2px 3px rgba(7,28,40,.28);
  transform: translateY(-50%);
}
#aw-price-examples .awp-door-handle::after {
  content: "";
  position: absolute;
  right: -1px; top: 50%;
  width: 6px; height: 15px;
  border: 1px solid #42545d;
  border-radius: 4px;
  background: linear-gradient(90deg,#f4f5f5,#9fa9ad);
  transform: translateY(-50%);
}

#aw-price-examples .awp-visual-label {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: 7px;
  width: max-content;
  max-width: calc(100% - 2px);
  box-sizing: border-box;
  padding: 5px 7px;
  border: 1px solid rgba(98,119,128,.28);
  border-radius: 5px;
  color: #29404c;
  background: rgba(255,255,255,.96);
  box-shadow: 0 3px 8px rgba(7,28,40,.12);
  font-size: clamp(.62rem,.75vw,.72rem);
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: .025em;
  text-align: center;
  text-transform: uppercase;
  white-space: normal;
  transform: translateX(-50%);
}

#aw-price-examples .awp-dimensions {
  position: absolute;
  right: 14px; bottom: 13px;
  padding: 6px 9px;
  border: 1px solid rgba(22,155,213,.35);
  border-radius: 999px;
  color: #0c6d96;
  background: rgba(255,255,255,.92);
  font-size: .7rem;
  font-weight: 700;
}

#aw-price-examples .awp-product-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 22px;
}
#aw-price-examples .awp-system {
  margin: 0;
  color: #087eb1;
  font-size: .74rem;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}
#aw-price-examples .awp-product-title {
  margin: 0;
  color: var(--awp-navy);
  font-size: clamp(1.25rem,1.8vw,1.55rem);
  line-height: 1.12;
}
#aw-price-examples .awp-meta { display: flex; flex-wrap: wrap; gap: 7px; }
#aw-price-examples .awp-meta span {
  padding: 6px 8px;
  border-radius: 999px;
  color: #41545e;
  background: #eef4f6;
  font-size: .78rem;
}
#aw-price-examples .awp-specs {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 7px 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}
#aw-price-examples .awp-specs li {
  position: relative;
  padding-left: 14px;
  color: #41545e;
  font-size: .82rem;
  line-height: 1.4;
}
#aw-price-examples .awp-specs li::before {
  content: "";
  position: absolute;
  top: .52em; left: 0;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--awp-blue);
}
#aw-price-examples .awp-price-label { margin: auto 0 0; color: var(--awp-muted); font-size: .82rem; }
#aw-price-examples .awp-price { margin: 0; color: var(--awp-navy); font-size: clamp(2rem,3vw,2.7rem); font-weight: 700; letter-spacing: -.05em; }
#aw-price-examples .awp-price small { color: var(--awp-muted); font-size: .85rem; font-weight: 400; }
#aw-price-examples .awp-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 44px;
  padding: 0 17px;
  border-radius: 999px;
  color: #fff;
  background: var(--awp-navy);
  font-weight: 700;
  text-decoration: none;
}
#aw-price-examples .awp-footer {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  margin-top: 22px;
  padding-top: 19px;
  border-top: 1px solid var(--awp-line);
}
#aw-price-examples .awp-note { max-width: 920px; margin: 0; color: var(--awp-muted); font-size: .82rem; line-height: 1.55; }
#aw-price-examples .awp-trust { flex: 0 0 auto; color: #2b6f39; font-size: .84rem; font-weight: 700; }

@media (max-width: 1050px) {
  #aw-price-examples .awp-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #aw-price-examples .awp-product { grid-template-rows: 285px auto; }
}

@media (max-width: 720px) {
  #aw-price-examples .awp-intro { grid-template-columns: 1fr; align-items: start; gap: 16px; }
  #aw-price-examples .awp-grid { grid-template-columns: 1fr; }
  #aw-price-examples .awp-product { grid-template-rows: clamp(235px,72vw,300px) auto; }
  #aw-price-examples .awp-footer { flex-direction: column; }
}

@media (max-width: 440px) {
  #aw-price-examples .awp-product-body { padding: 19px; }
  #aw-price-examples .awp-specs { grid-template-columns: 1fr; }
  #aw-price-examples .awp-link { width: 100%; }
  #aw-price-examples .awp-slider { width: min(280px,88%); }
  #aw-price-examples .awp-folding { width: min(330px,96%); }
  #aw-price-examples .awp-visual-label {
    padding: 5px 6px;
    font-size: .64rem;
  }
}
