/* ASPO — Сурдоакустик v25. Only page #pl-19. Load AFTER v24. */

/* 1. Menu -> banner: 20px. Remove page-level whitespace from the legacy layout. */
body:has(#pl-19) #content {
  padding-top:0 !important;
  margin-top:0 !important;
}
body:has(#pl-19) #content > .wrapper,
body:has(#pl-19) #posts,
body:has(#pl-19) #posts > .post,
body:has(#pl-19) #posts > .post > .post-excerpt {
  padding-top:0 !important;
  margin-top:0 !important;
}
#pl-19 { padding-top:0 !important; margin-top:0 !important; }
#pl-19 > #pg-19-0 {
  margin-top:20px !important;
  padding-top:0 !important;
}
#pl-19 > #pg-19-0 > .panel-row-style {
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Allow the section backgrounds to extend edge-to-edge, but keep content centered. */
#pl-19 > :is(#pg-19-4,#pg-19-5,#pg-19-6,#pg-19-7,#pg-19-8,#pg-19-10) {
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}
#pl-19 > :is(#pg-19-4,#pg-19-5,#pg-19-6,#pg-19-7,#pg-19-8,#pg-19-10) > .panel-row-style {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

/* 2. Learning outcomes: centered title and full-viewport light gray background. */
#pl-19 > :is(#pg-19-4,#pg-19-5,#pg-19-6),
#pl-19 > :is(#pg-19-4,#pg-19-5,#pg-19-6) > .panel-row-style {
  background:#edf4f9 !important;
}
#pl-19 #pg-19-4 > .panel-row-style,
#pl-19 #pg-19-5 > .panel-row-style,
#pl-19 #pg-19-6 > .panel-row-style {
  padding-left:max(20px, calc((100vw - 1140px)/2)) !important;
  padding-right:max(20px, calc((100vw - 1140px)/2)) !important;
}
#pl-19 #pg-19-4 .panel-grid-cell,
#pl-19 #pg-19-4 .sow-headline-container { width:100% !important; max-width:none !important; }
#pl-19 #pg-19-4 .sow-headline {
  text-align:center !important;
  width:100% !important;
  margin:0 auto 20px !important;
}

/* 3. Discounts heading and three columns: full-viewport teal background. */
#pl-19 > :is(#pg-19-7,#pg-19-8),
#pl-19 > :is(#pg-19-7,#pg-19-8) > .panel-row-style {
  background:#008fa3 !important;
}
#pl-19 #pg-19-7 > .panel-row-style,
#pl-19 #pg-19-8 > .panel-row-style {
  padding-left:max(20px, calc((100vw - 1140px)/2)) !important;
  padding-right:max(20px, calc((100vw - 1140px)/2)) !important;
}
#pl-19 #pg-19-7 .panel-grid-cell,
#pl-19 #pg-19-7 .sow-headline-container { width:100% !important; max-width:none !important; }
#pl-19 #pg-19-7 .sow-headline {
  text-align:center !important;
  width:100% !important;
  margin:0 auto 24px !important;
}

/* 4. Licenses: full-viewport teal section, gallery kept centered. */
#pl-19 > #pg-19-10,
#pl-19 > #pg-19-10 > .panel-row-style {
  background:#008fa3 !important;
}
#pl-19 #pg-19-10 > .panel-row-style {
  padding:40px max(20px, calc((100vw - 1140px)/2)) 35px !important;
}
#pl-19 #pg-19-10 .sow-headline,
#pl-19 #pg-19-10 .sow-headline-container {
  text-align:center !important;
}

@media (max-width:760px) {
  #pl-19 #pg-19-4 > .panel-row-style,
  #pl-19 #pg-19-5 > .panel-row-style,
  #pl-19 #pg-19-6 > .panel-row-style,
  #pl-19 #pg-19-7 > .panel-row-style,
  #pl-19 #pg-19-8 > .panel-row-style,
  #pl-19 #pg-19-10 > .panel-row-style {
    padding-left:16px !important;
    padding-right:16px !important;
  }
}