/* Dungeon — Зупини війну v4.8.4.159
   Dedicated clean rebuild from the approved 500px + 318px reference.
   Desktop/laptop geometry is intentionally kept fixed down to 761px. */
#cpn-stop-war-v135,
#cpn-stop-war-v135 * { box-sizing: border-box !important; }

#cpn-stop-war-v135 {
  --sw-blue:#155a86;
  --sw-yellow:#ffd326;
  --sw-green:#16b84f;
  --sw-green-hover:#109d40;
  --sw-red:#ef2936;
  --sw-ink:#111827;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#fff !important;
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
}
#cpn-stop-war-v135 a { text-decoration:none !important; }
#cpn-stop-war-v135 img { display:block !important; max-width:none !important; }

/* FIRST BLOCK: exactly 500px on normal desktop/laptop widths. */
#cpn-stop-war-v135 .sw135-hero {
  position:relative !important;
  width:100% !important;
  height:500px !important;
  min-height:500px !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#155a86 !important;
}
#cpn-stop-war-v135 .sw135-hero-bg {
  position:absolute !important;
  z-index:1 !important;
  inset:0 !important;
  width:100% !important;
  height:500px !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:0 !important;
}
#cpn-stop-war-v135 .sw135-hero:after {
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,
      rgba(19,83,127,1) 0%,
      rgba(19,83,127,1) 28.5%,
      rgba(19,83,127,.97) 30.5%,
      rgba(19,83,127,.84) 33%,
      rgba(19,83,127,.62) 36%,
      rgba(19,83,127,.38) 39%,
      rgba(19,83,127,.18) 42%,
      rgba(19,83,127,0) 46%),
    linear-gradient(90deg,rgba(9,76,121,.38) 0%,rgba(9,76,121,.28) 31%,rgba(9,76,121,.12) 48%,rgba(9,76,121,0) 63%);
}
#cpn-stop-war-v135 .sw135-copy {
  position:relative !important;
  z-index:3 !important;
  width:680px !important;
  max-width:43vw !important;
  margin:0 0 0 clamp(36px,4.63vw,88px) !important;
  padding:31px 0 0 !important;
  color:#fff !important;
}
#cpn-stop-war-v135 .sw135-breadcrumbs {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  width:auto !important;
  min-height:20px !important;
  margin:0 0 22px !important;
  padding:0 !important;
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.55 !important;
  white-space:nowrap !important;
}
#cpn-stop-war-v135 .sw135-breadcrumbs a { color:#8a8f96 !important; }
#cpn-stop-war-v135 .sw135-breadcrumbs a:hover { color:#e32028 !important; }
#cpn-stop-war-v135 .sw135-breadcrumbs .sep { color:#8a8f96 !important; font-size:12px !important; line-height:1.55 !important; font-weight:700 !important; }
#cpn-stop-war-v135 .sw135-breadcrumbs strong { color:#fff !important; font-weight:700 !important; }

#cpn-stop-war-v135 .sw135-title {
  display:block !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 34px !important;
  padding:0 !important;
  border:0 !important;
  color:#fff !important;
  background:transparent !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(44px,3.85vw,73px) !important;
  font-weight:800 !important;
  letter-spacing:-.035em !important;
  line-height:.87 !important;
  text-transform:uppercase !important;
}
#cpn-stop-war-v135 .sw135-title > span,
#cpn-stop-war-v135 .sw135-title > strong { display:block !important; width:max-content !important; margin:0 !important; padding:0 !important; white-space:normal !important; }
#cpn-stop-war-v135 .sw135-title > span { color:#fff !important; font-weight:800 !important; }
#cpn-stop-war-v135 .sw135-title > strong { color:#ffd326 !important; font-weight:800 !important; transform:translateY(14px) !important; }
#cpn-stop-war-v135 .sw135-title .sw135-title-row {
  font:inherit !important;
  font-style:normal !important;
  color:inherit !important;
  letter-spacing:inherit !important;
  line-height:inherit !important;
  word-spacing:3px !important;
}
#cpn-stop-war-v135 .sw135-title .sw135-title-row--white .sw135-title-line { color:#fff !important; }
#cpn-stop-war-v135 .sw135-title .sw135-title-row--yellow .sw135-title-line { color:#ffd326 !important; }
#cpn-stop-war-v135 .sw135-title .sw135-title-line {
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  font:inherit !important;
  font-style:normal !important;
  color:inherit !important;
  letter-spacing:inherit !important;
  line-height:inherit !important;
  white-space:nowrap !important;
}
#cpn-stop-war-v135 .sw135-title .sw135-title-line + .sw135-title-line {
  margin-top:10px !important;
}

#cpn-stop-war-v135 .sw135-lead {
  display:block !important;
  width:650px !important;
  max-width:100% !important;
  margin:0 0 22px !important;
  padding:0 !important;
  color:#fff !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(15px,1.02vw,19px) !important;
  font-weight:400 !important;
  line-height:1.45 !important;
}
#cpn-stop-war-v135 .sw135-hero-btn {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0 !important;
  width:276px !important;
  min-width:276px !important;
  height:50px !important;
  min-height:50px !important;
  margin:0 !important;
  padding:0 20px !important;
  border:0 !important;
  border-radius:6px !important;
  background:#ef2936 !important;
  color:#fff !important;
  box-shadow:none !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
}
#cpn-stop-war-v135 .sw135-hero-btn:hover { background:#d91f2c !important; color:#fff !important; }
#cpn-stop-war-v135 .sw135-chevron {
  display:block !important;
  flex:0 0 auto !important;
  width:16px !important;
  height:10px !important;
  max-width:16px !important;
  fill:none !important;
  stroke:#fff !important;
  stroke-width:2.4 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

/* SECOND BLOCK — clean rebuild v4.8.4.159. */
#cpn-stop-war-v135 .sw159-funds {
  width:100% !important;
  height:318px !important;
  min-height:318px !important;
  margin:0 !important;
  padding:22px clamp(36px,4.63vw,88px) 34px !important;
  background:#fff !important;
  color:#111827 !important;
}
#cpn-stop-war-v135 .sw159-funds__inner {
  width:100% !important;
  max-width:1540px !important;
  height:100% !important;
  margin:0 auto !important;
  padding:0 !important;
}
#cpn-stop-war-v135 .sw159-funds__title {
  margin:0 0 18px !important;
  padding:0 !important;
  color:#142033 !important;
  background:transparent !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:30px !important;
  font-weight:800 !important;
  line-height:36px !important;
  text-align:center !important;
  letter-spacing:-.015em !important;
}
#cpn-stop-war-v135 .sw159-funds__grid {
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  height:208px !important;
  margin:0 !important;
  padding:0 !important;
}
#cpn-stop-war-v135 .sw159-fund-card {
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:space-between !important;
  width:100% !important;
  height:208px !important;
  min-width:0 !important;
  margin:0 !important;
  padding:16px 18px !important;
  border:1px solid #d9e1e8 !important;
  border-radius:6px !important;
  background:#f3f6f8 !important;
  box-shadow:none !important;
  text-align:center !important;
}
#cpn-stop-war-v135 .sw159-fund-card__logo-box {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:270px !important;
  max-width:100% !important;
  height:112px !important;
  min-height:112px !important;
  margin:0 auto 16px !important;
  padding:0 !important;
  overflow:visible !important;
}
#cpn-stop-war-v135 .sw159-fund-card__logo {
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:260px !important;
  max-height:90px !important;
  margin:0 auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}
#cpn-stop-war-v135 .sw159-fund-card__button {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:153px !important;
  height:42px !important;
  min-height:42px !important;
  margin:0 auto !important;
  padding:0 18px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#ef2936 !important;
  color:#fff !important;
  box-shadow:none !important;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:16px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-align:center !important;
}
#cpn-stop-war-v135 .sw159-fund-card__button:hover {
  background:#d91f2c !important;
  color:#fff !important;
}

/* Slightly compact type at narrower laptop widths, but keep the 500/318 geometry. */
@media (max-width:1280px) and (min-width:761px) {
  #cpn-stop-war-v135 .sw135-copy { max-width:46vw !important; }
  #cpn-stop-war-v135 .sw135-breadcrumbs { font-size:12px !important; }
  #cpn-stop-war-v135 .sw159-funds__title { font-size:28px !important; }
  #cpn-stop-war-v135 .sw159-funds__grid { gap:10px !important; }
  #cpn-stop-war-v135 .sw159-fund-card { padding-left:12px !important; padding-right:12px !important; }
  #cpn-stop-war-v135 .sw159-fund-card__logo-box { width:230px !important; }
  #cpn-stop-war-v135 .sw159-fund-card__logo { max-width:220px !important; max-height:82px !important; }
  #cpn-stop-war-v135 .sw159-fund-card__button { font-size:15px !important; }
}

/* Mobile only. Desktop/laptop is deliberately not collapsed at 1024px anymore. */
@media (max-width:760px) {
  #cpn-stop-war-v135 .sw135-hero { height:auto !important; min-height:500px !important; padding-bottom:28px !important; background:#155a86 !important; }
  #cpn-stop-war-v135 .sw135-hero-bg { position:relative !important; width:100% !important; height:auto !important; aspect-ratio:1902/500 !important; object-fit:cover !important; }
  #cpn-stop-war-v135 .sw135-hero:after { height:auto !important; aspect-ratio:1902/500 !important; bottom:auto !important; }
  #cpn-stop-war-v135 .sw135-copy { width:auto !important; max-width:none !important; margin:0 !important; padding:24px 18px 0 !important; }
  #cpn-stop-war-v135 .sw135-breadcrumbs { margin-bottom:22px !important; font-size:12px !important; }
  #cpn-stop-war-v135 .sw135-title { font-size:46px !important; }
  #cpn-stop-war-v135 .sw135-desktop-break { display:none !important; }
  #cpn-stop-war-v135 .sw135-lead { font-size:15px !important; }

  #cpn-stop-war-v135 .sw159-funds { height:auto !important; min-height:0 !important; padding:20px 18px 28px !important; }
  #cpn-stop-war-v135 .sw159-funds__inner { height:auto !important; }
  #cpn-stop-war-v135 .sw159-funds__title { font-size:27px !important; line-height:1.12 !important; }
  #cpn-stop-war-v135 .sw159-funds__grid { grid-template-columns:1fr !important; height:auto !important; gap:12px !important; }
  #cpn-stop-war-v135 .sw159-fund-card { height:190px !important; padding:14px !important; }
  #cpn-stop-war-v135 .sw159-fund-card__logo-box { width:270px !important; height:102px !important; min-height:102px !important; margin-bottom:14px !important; }
  #cpn-stop-war-v135 .sw159-fund-card__logo { max-width:250px !important; max-height:82px !important; }
}

body.cpn-stop-war-v135-page .site-main,
body.cpn-stop-war-v135-page .content-area,
body.cpn-stop-war-v135-page .page-wrap,
body.cpn-stop-war-v135-page .page-shortcode-fullwidth {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#fff !important;
}


