/* Şablon: Modern — yumuşak köşeler, açık zemin, hap düğmeler */
body.sb-modern { background: #fbfcfd; --golge: 0 2px 4px rgba(20,35,45,.04), 0 18px 40px -20px rgba(20,35,45,.22); }
.sb-modern .ust { background: rgba(255,255,255,.88); border-bottom-color: transparent; box-shadow: 0 1px 0 var(--cizgi); }
.sb-modern .ust__isaret { border-radius: 12px; }
.sb-modern .dugme { border-radius: 999px; padding-inline: 22px; }
.sb-modern .dugme--kucuk { padding-inline: 16px; }
.sb-modern .kahraman { color: var(--metin); background: radial-gradient(900px 380px at 85% -10%, rgba(var(--renk-rgb), .16), transparent 60%), radial-gradient(700px 320px at 0% 110%, rgba(var(--renk-rgb), .10), transparent 60%), var(--zemin2); }
.sb-modern .kahraman::before { display: none; }
.sb-modern .kahraman__ic { padding: 76px 0 64px; }
.sb-modern .kahraman__ust { color: var(--renk); opacity: 1; }
.sb-modern .kahraman__yazi { color: #4a5b64; opacity: 1; }
.sb-modern .ara input { height: 58px; border-radius: 999px; padding-left: 54px; border: 1px solid var(--sinir); box-shadow: var(--golge); }
.sb-modern .ara svg { left: 20px; }
.sb-modern .ara input:focus { box-shadow: 0 0 0 4px rgba(var(--renk-rgb), .16), var(--golge); border-color: var(--renk); }
.sb-modern .kahraman__rozet li { background: #fff; color: var(--metin); border: 1px solid var(--sinir); border-radius: 999px; }
.sb-modern .izgara { gap: 20px; }
.sb-modern .kart { border-radius: 18px; overflow: hidden; border-color: transparent; box-shadow: var(--golge); }
.sb-modern .kart:hover { border-color: transparent; box-shadow: 0 2px 4px rgba(20,35,45,.05), 0 26px 44px -20px rgba(var(--renk-rgb), .38); transform: translateY(-5px); }
.sb-modern .kart__resim { border-bottom: 0; padding: 20px; }
.sb-modern .kart__govde { background: #fff; padding: 4px 18px 18px; }
.sb-modern .kart__kod { display: inline-block; align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: rgba(var(--renk-rgb), .1); }
.sb-modern .bolum__baslik { border-bottom: 0; }
.sb-modern .bolum__baslik::after { border-radius: 4px; }
.sb-modern .akis__adim { border-radius: 16px; background: #fff; box-shadow: var(--golge); border-color: transparent; }
.sb-modern .akis__adim > span { border-radius: 50%; }
.sb-modern .seri__ana, .sb-modern .tablo-sarmal, .sb-modern .komsu__kart, .sb-modern .bos { border-radius: 18px; }
.sb-modern .seri__kucuk-btn { border-radius: 12px; }
.sb-modern .etiket { border-radius: 999px; padding-inline: 14px; }
.sb-modern .ara-kucuk { border-radius: 999px; padding-inline: 18px; }
.sb-modern .tablo th { background: var(--zemin2); border-bottom-width: 1px; }
.sb-modern .alt { border-radius: 28px 28px 0 0; }