/* Block backgrounds and text tone chosen in the panel (home page blocks and page sections, HomeContent::blockAttrs). Loaded on every
   page: page sections are drawn on corporate pages, which do not load redesign.css. The colour runs to both edges of the window. */
[data-bg]{--block-bg:transparent;background-color:var(--block-bg)!important;box-shadow:0 0 0 100vmax var(--block-bg);clip-path:inset(0 -100vmax)}
[data-bg="white"]{--block-bg:#ffffff}
[data-bg="gray"]{--block-bg:#f1f3f4}
[data-bg="ice"]{--block-bg:#eef4f8}
[data-bg="cream"]{--block-bg:#f8f5ee}
.static-section[data-bg]{padding-top:32px;padding-bottom:32px}

/* Light text on a dark block: only the block's own headings and texts; cards inside keep their dark text on their white boxes. */
[data-tone="light"] :is(.center-heading,.section-top,.company-copy,.process-intro,.reach-heading,.static-section__copy,.static-split__copy) :is(h1,h2,h3,p,li,address,span:not(.cta-icon)),
[data-tone="light"]>:is(h2,h3,p,ul,ol),[data-tone="light"].static-section--text :is(h2,h3,h4,p,li,td,th){color:#ffffff}
[data-tone="light"] :is(.center-heading,.section-top,.company-copy,.process-intro,.reach-heading,.static-section__copy,.static-split__copy) :is(p,span).eyebrow,[data-tone="light"]>p.eyebrow{color:#ff9aa1}
[data-tone="light"] :is(.center-heading,.section-top,.company-copy,.process-intro,.static-section__copy,.static-split__copy) a:not(.cta-btn):not(.button),[data-tone="light"].static-section--text a{color:#ffffff;text-decoration-color:#ffffff99}
/* The image + text, stats and FAQ sections too (NeuroBuilder field check, 19 October: their text stayed dark on a dark block). */
[data-tone="light"].static-stats :is(dt,dd),[data-tone="light"].faq-section :is(summary,details p){color:#ffffff}

/* Two blocks side by side (Şablon düzenleri: a left and a right block next to each other) */
.layout-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.layout-col{min-width:0}
@media(max-width:860px){.layout-row{grid-template-columns:1fr;gap:0}}

/* Heading sizes chosen in the panel (section texts, 4 October); the tag (H1/H2) stays. A choice made in the panel wins over the page styles. */
:is(h1,h2)[data-size="lg"]{font-size:clamp(34px,4.4vw,56px)!important;line-height:1.12}
:is(h1,h2)[data-size="md"]{font-size:clamp(26px,3vw,36px)!important;line-height:1.2}
:is(h1,h2)[data-size="sm"]{font-size:clamp(20px,2.2vw,26px)!important;line-height:1.3}

/* Home "Bizi tanıyın" (6 October, Kardo: one portrait picture, no caption): the picture keeps its own upright shape beside the
   text, centred on it; on phones it is not taller than the screen allows. */
.company-layout{align-items:center}
.company-image{height:auto;min-height:0;aspect-ratio:10/13;background:none;border-radius:14px}
/* Kardo, 6 October: a quarter smaller, about as tall as the text beside it; its column is narrower so the text stands close to it. */
@media(min-width:721px){.company-layout{grid-template-columns:minmax(0,.6fr) minmax(0,1fr)}}
.company-image img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:720px){.company-image{height:auto;max-height:70vh;margin-inline:auto}}
/* "Markaya göre keşfedin" (6 October, Kardo: a gentle hover, still plain): the outline fills with the ink colour and the arrow steps on. */
.products .outline-link{transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}
.products .outline-link:hover{border-color:var(--ink,#17212c);background:var(--ink,#17212c);color:#fff;box-shadow:0 10px 22px #17212c26}
.outline-link>span{display:inline-block;margin-left:6px;transition:transform .25s}
.outline-link:hover>span{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.outline-link,.outline-link>span{transition:none}}