/*
 * H-59 SAMPLE (03.11): alternating section backgrounds + one section-spacing scale.
 * Scope: only the home page (.site-content.zr59). H-59 rollout (03.11): the pcrm/sl/answer-band/about/integrations rules moved to icerik-sayfa.css and sala-ozl.css as shared structural selectors.
 * Remove the class from a wrapper and that page is back to the old look; delete this file + the three class names + the three links to roll the sample back.
 * Tones (existing site colours only): white #fff / brand light blue #eaf1f9 (--home-turq, already used by .home-eids) / hairline #dde5ee (already used by .home-eids and the cards).
 * Not touched: hero, .home-ust6 (k40/ad23 band + card), logo/brand strips (.reos-trust-brands is only re-tinted, its logo area is not edited), dark blue and navy sections.
 */
.zr59 {
    --zr-white: #fff;
    --zr-blue: #eaf1f9;
    --zr-line: #dde5ee;
    --zr-pad: 56px;                 /* desktop */
    --zr-card-radius: 16px;
    --zr-card-shadow: 0 1px 4px rgba(2, 32, 65, .06);
}
@media (max-width: 991.98px) { .zr59 { --zr-pad: 40px; } }   /* tablet */
@media (max-width: 575.98px) { .zr59 { --zr-pad: 32px; } }   /* mobile */

/* ---------- HOME: sequence below the k40 band ---------- */
/* :not(#zr59) lifts the specificity above the M2 home rhythm rules, whose :is() list contains #sss (an id) */
/* tone order: ust6 white (untouched) > eids BLUE > portals white > AI visibility BLUE > AI cards white > trust BLUE > (dark blue) */
html body .site-content.home-akis.zr59:not(#zr59) > :is(.home-eids, .reos-portal-integrations, .home-aigor, .ai-features-section, .reos-trust-brands) {
    margin-top: 0; margin-bottom: 0; padding-top: var(--zr-pad); padding-bottom: var(--zr-pad); background-image: none;
}
html body .site-content.home-akis.zr59:not(#zr59) > :is(.home-eids, .home-aigor, .reos-trust-brands) {
    background-color: var(--zr-blue); border-top: 1px solid var(--zr-line); border-bottom: 1px solid var(--zr-line);
}
html body .site-content.home-akis.zr59:not(#zr59) > :is(.reos-portal-integrations, .ai-features-section) { background-color: var(--zr-white); }
/* the .home-ust6 bottom padding (k40) is left as it is; only what follows it is re-spaced */
html body .site-content.home-akis.zr59:not(#zr59) > .home-aigor .home-aigor-gorsel { margin-top: 0; }
/* one card look on the sample sections: same radius, hairline and shadow as the EIDS picture frame */
html body .site-content.home-akis.zr59:not(#zr59) :is(.reos-portal-card, .ai-features-card, .home-aigor-kutu) {
    border: 1px solid var(--zr-line); border-radius: var(--zr-card-radius); box-shadow: var(--zr-card-shadow);
}

/* H-59 rollout: the rest of the home page below the trust strip, same two tones and the same scale.
   Order: kok WHITE > spdtb BLUE > spdt WHITE > bilgi BLUE > sss WHITE > tk BLUE. */
html body .site-content.home-akis.zr59:not(#zr59) > :is(.home-kok, .spdtb, .spdt:not(.home-ust6), .home-bilgi, #sss, .tk-h455) {
    margin-top: 0; margin-bottom: 0; padding-top: var(--zr-pad); padding-bottom: var(--zr-pad); background-image: none;
}
html body .site-content.home-akis.zr59:not(#zr59) > :is(.home-kok, .spdt:not(.home-ust6), #sss) { background-color: var(--zr-white); }
html body .site-content.home-akis.zr59:not(#zr59) > :is(.spdtb, .home-bilgi, .tk-h455) {
    background-color: var(--zr-blue); border-top: 1px solid var(--zr-line); border-bottom: 1px solid var(--zr-line);
}