/* DefterPlus site v10: programın güncel yapısına göre ana sayfa, ürün menüsü, Modüller sayfası, modül sayfaları ve blog eklemeleri */
:root{
  --app-bg:#F3F5F8;--app-line:#E2E6EC;--app-line-2:#EDF0F4;--app-ink:#0E1B36;--app-ink-2:#5B6478;--app-ink-3:#8A93A6;
  --app-teal:#0F766E;--app-teal-2:#14857B;--app-teal-tint:#E3F3F1;--app-chip:#F1F3F6;--app-red:#B42318
}

/* ---------- ortak: modül simgesi, paket etiketi, çipler ---------- */
.mc-ic{display:inline-grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:var(--carbon-tint);color:var(--carbon);border:1px solid rgba(47,54,214,.10)}
.mc-ic svg{width:21px;height:21px}
.mc-ic.lg{width:56px;height:56px;border-radius:16px}
.mc-ic.lg svg{width:28px;height:28px}
.mc-pk{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:650;letter-spacing:.01em;white-space:nowrap;border:1px solid var(--rule);color:var(--ink-2);background:#fff}
.mc-pk::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-3)}
.mc-pk[data-pk="tum"]::before{background:#1F9D74}
.mc-pk[data-pk="ml"]{border-color:rgba(47,54,214,.25);color:var(--carbon-deep);background:#F3F4FF}
.mc-pk[data-pk="ml"]::before{background:var(--carbon)}
.mc-pk[data-pk="l"]{border-color:rgba(14,27,54,.28);color:var(--navy);background:#EEF1F7}
.mc-pk[data-pk="l"]::before{background:var(--navy)}
.mc-pk[data-pk="ed"]{border-color:rgba(43,196,180,.45);color:#0B6158;background:#ECFAF8}
.mc-pk[data-pk="ed"]::before{background:var(--teal)}
.mc-pk[data-pk="ek"]{border-color:rgba(179,51,57,.28);color:var(--red-deep);background:#FDF3F3}
.mc-pk[data-pk="ek"]::before{background:var(--stamp)}
.mc-cips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.mc-cips>span,.mc-cips>li{display:inline-flex;align-items:center;height:26px;padding:0 9px;border-radius:7px;background:var(--panel-2);border:1px solid var(--rule-soft);font-size:12.5px;font-weight:550;color:var(--ink-2);white-space:nowrap}

/* ---------- ana sayfa · programın düzeni ---------- */
.p10-duzen{padding-bottom:72px}
.p10-shot{position:relative;margin-top:8px}
.p10-app{position:relative;margin:0;container-type:inline-size}
.pa{--u:clamp(5.4px,.86cqw,11.6px);font-size:var(--u);line-height:1.35;color:var(--app-ink);background:var(--app-bg);border:1px solid #D8DDE6;border-radius:clamp(10px,1.4cqw,18px);overflow:hidden;
  box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 40px 80px -48px rgba(14,27,54,.45),0 12px 30px -22px rgba(14,27,54,.35)}
.pa *{box-sizing:border-box}
.pa-top{display:flex;align-items:center;gap:1.4em;height:4.2em;padding:0 1.6em;background:#fff;border-bottom:1px solid var(--app-line)}
.pa-logo{display:flex;align-items:center;gap:.55em;font-weight:800;font-size:1.25em;letter-spacing:-.02em}
.pa-logo img{width:1.55em;height:1.55em}
.pa-logo sup{font-size:.45em;font-weight:700;color:var(--app-ink-3);letter-spacing:.08em;margin-left:-.25em}
.pa-modl{display:flex;align-items:center;gap:.5em;color:var(--app-ink-2);font-weight:600}
.pa-modl i{width:1.1em;height:1.1em;border:1.5px solid currentColor;border-radius:.25em;background:linear-gradient(currentColor,currentColor) 50% 0/1.5px 100% no-repeat,linear-gradient(currentColor,currentColor) 0 50%/100% 1.5px no-repeat}
.pa-sp{flex:1}
.pa-quick{display:flex;align-items:center;gap:.45em;font-weight:650;color:var(--app-ink)}
.pa-quick b{font-weight:500;font-size:1.3em;line-height:1}
.pa-av{display:flex;align-items:center;gap:.6em;padding:.35em .7em .35em .35em;border:1px solid var(--app-line);border-radius:.7em}
.pa-av i{width:2.1em;height:2.1em;border-radius:.5em;background:#E7EAF0}
.pa-av span{display:grid;gap:.3em}
.pa-av span::before,.pa-av span::after{content:"";display:block;width:5.4em;height:.55em;border-radius:1em;background:#D5DAE3}
.pa-av span::after{width:3.6em;background:#E7EAF0}
.pa-nav{display:flex;align-items:center;gap:1.75em;height:3em;padding:0 1.6em;background:#fff;border-bottom:1px solid var(--app-line);font-weight:600;color:#2A3550;white-space:nowrap;overflow:hidden}
.pa-nav span{display:inline-flex;align-items:center;gap:.4em}
.pa-nav span::after{content:"";width:.42em;height:.42em;border-right:1.4px solid var(--app-ink-3);border-bottom:1.4px solid var(--app-ink-3);transform:translateY(-.15em) rotate(45deg)}
.pa-nav span:first-child{color:var(--app-teal);box-shadow:0 calc(1.48em - 1px) 0 -.0em var(--app-teal)}
.pa-tabs{display:flex;align-items:flex-end;gap:.5em;height:2.9em;padding:0 1.6em;background:#F7F8FA;border-bottom:1px solid var(--app-line)}
.pa-tab{display:inline-flex;align-items:center;gap:.7em;height:2.2em;padding:0 .95em;border:1px solid var(--app-line);border-bottom:0;border-radius:.6em .6em 0 0;background:#EEF1F5;color:var(--app-ink-2);font-weight:550}
.pa-tab.is-on{background:#fff;color:var(--app-ink);font-weight:650;box-shadow:0 1px 0 #fff}
.pa-tab .x{font-size:.95em;color:var(--app-ink-3)}
.pa-plus{display:inline-grid;place-items:center;width:2.2em;height:2.2em;margin-bottom:.35em;border:1px solid #BFE2DD;border-radius:.55em;background:var(--app-teal-tint);color:var(--app-teal);font-weight:700}
.pa-tools{display:flex;align-items:center;gap:.6em;height:3.9em;padding:0 1.6em;background:#F7F8FA;border-bottom:1px solid var(--app-line)}
.pa-firm{display:inline-flex;align-items:center;gap:.6em;height:2.35em;padding:0 .9em;border:1px solid var(--app-line);border-radius:.6em;background:#fff;color:var(--app-ink-2)}
.pa-firm b{color:var(--app-ink);font-weight:700}
.pa-tool{display:inline-flex;align-items:center;gap:.45em;height:2.35em;padding:0 .85em;border:1px solid #C9E5E1;border-radius:.6em;background:#fff;color:var(--app-teal);font-weight:650;white-space:nowrap}
.pa-tool svg{width:1.2em;height:1.2em}
.pa-tool.is-ai{background:var(--app-teal-tint)}
.pa-search{display:inline-flex;align-items:center;gap:.5em;width:15em;height:2.35em;padding:0 .8em;border:1px solid var(--app-line);border-radius:.6em;background:#fff;color:var(--app-ink-3)}
.pa-search svg{width:1.15em;height:1.15em}
.pa-body{padding:1.4em 1.6em 1.5em;display:grid;gap:1.1em}
.pa-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.95em}
.pa-card{display:grid;gap:.55em;padding:1.05em 1.05em .9em;background:#fff;border:1px solid var(--app-line);border-radius:.85em}
.pa-card-h{display:flex;align-items:flex-start;gap:.75em}
.pa-card-ic{display:grid;place-items:center;flex:none;width:2.7em;height:2.7em;border-radius:.65em;background:var(--app-teal-tint);color:var(--app-teal)}
.pa-card-ic svg{width:1.45em;height:1.45em}
.pa-card-h b{display:block;font-size:1.18em;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.pa-card-h small{display:block;margin-top:.15em;color:var(--app-ink-2);font-size:.92em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pa-card-h>span:not(.pa-card-ic):not(.ar){min-width:0;flex:1}
.pa-card-h .ar{color:var(--app-ink-3);font-size:1.1em;line-height:1}
.pa-chips{display:flex;flex-wrap:wrap;gap:.35em;min-height:1.9em}
.pa-chips span{height:1.85em;display:inline-flex;align-items:center;padding:0 .55em;border:1px solid var(--app-line);border-radius:.4em;background:#FAFBFC;color:var(--app-ink-2);font-size:.86em;white-space:nowrap}
.pa-open{display:flex;justify-content:space-between;align-items:center;padding-top:.55em;border-top:1px solid var(--app-line-2);color:var(--app-teal);font-weight:600;font-size:.92em}
.pa-open i{font-style:normal;color:var(--app-ink-3);font-weight:500}
.pa-widgets{display:grid;grid-template-columns:1.05fr 1fr 1fr 1fr 1.05fr;gap:.95em}
.pa-w{display:flex;flex-direction:column;min-height:16.5em;background:#fff;border:1px solid var(--app-line);border-radius:.85em;overflow:hidden}
.pa-w-h{display:flex;align-items:center;gap:.55em;height:2.9em;padding:0 1em;border-bottom:1px solid var(--app-line-2);font-weight:700}
.pa-w-h svg{width:1.15em;height:1.15em;color:var(--app-ink-2)}
.pa-w-b{flex:1;display:grid;align-content:start;gap:.15em;padding:.6em 1em}
.pa-w-f{display:flex;justify-content:space-between;padding:.7em 1em;border-top:1px solid var(--app-line-2);color:var(--app-teal);font-weight:600;font-size:.9em}
.pa-row{display:flex;align-items:center;gap:.6em;min-height:2.35em;border-bottom:1px dashed var(--app-line-2)}
.pa-row:last-child{border-bottom:0}
.pa-row .no{font-family:var(--figures);font-size:.84em;font-weight:500;letter-spacing:-.02em}
.pa-row .bar{flex:1;height:.6em;border-radius:1em;background:#E4E8EE}
.pa-row .bar.s{flex:none;width:40%}
.pa-row .t{margin-left:auto;font-family:var(--figures);font-size:.8em;color:var(--app-ink-3)}
.pa-row .lbl{color:var(--app-ink-2)}
.pa-row .amt{margin-left:auto;font-family:var(--figures);font-size:.84em;font-weight:600;letter-spacing:-.02em}
.pa-row .amt.neg{color:var(--app-red)}
.pa-big{font-family:var(--figures);font-weight:600;font-size:1.3em;letter-spacing:-.03em;padding:.35em 0 .3em}
.pa-big.neg{color:var(--app-red)}
.pa-day{display:grid;place-items:center;width:2.5em;height:2.5em;border-radius:.5em;background:#F1F3F6;font-family:var(--figures);font-weight:600}
.pa-seg{display:flex;gap:1.2em;height:2.9em;align-items:flex-end;padding:0 1em;border-bottom:1px solid var(--app-line-2);font-weight:650;color:var(--app-ink-3)}
.pa-seg span{padding-bottom:.75em}
.pa-seg .on{color:var(--app-teal);box-shadow:0 2px 0 var(--app-teal)}
.pa-sel{display:flex;justify-content:space-between;align-items:center;height:2.3em;margin:.2em 0 .4em;padding:0 .7em;border:1px solid var(--app-line);border-radius:.5em;color:var(--app-ink-2)}
.pa-bar{display:flex;align-items:center;gap:.7em;height:3.5em;padding:0 1.6em;background:#fff;border-top:1px solid var(--app-line);color:var(--app-ink-2);font-weight:600}
.pa-bar .chip{display:inline-flex;align-items:center;gap:.45em;height:2.3em;padding:0 .8em;border:1px solid var(--app-line);border-radius:.55em}
.pa-bar .chip.teal{color:var(--app-teal);border-color:#C9E5E1}
.pa-bar .sq{width:2.3em;height:2.3em;border:1px solid var(--app-line);border-radius:.55em;display:grid;place-items:center;color:var(--app-ink-2)}
.pa-bar svg{width:1.2em;height:1.2em;flex:none}
.pa-bar .live{display:inline-flex;align-items:center;gap:.45em;color:#1F7A4D}
.pa-bar .live::before{content:"";width:.6em;height:.6em;border-radius:50%;background:#22A15E;box-shadow:0 0 0 .25em rgba(34,161,94,.18)}
/* işaretler */
.pa-mk{position:absolute;z-index:2;left:0;top:0;display:grid;place-items:center;width:clamp(20px,2.5cqw,32px);height:clamp(20px,2.5cqw,32px);margin:calc(clamp(20px,2.5cqw,32px) / -2) 0 0 calc(clamp(20px,2.5cqw,32px) / -2);
  border-radius:50%;background:var(--carbon);color:#fff;font:700 clamp(11px,1.15cqw,15px)/1 var(--figures);box-shadow:0 0 0 clamp(3px,.4cqw,5px) #fff,0 8px 18px -6px rgba(28,34,150,.7);font-style:normal}
.p10-legend{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 28px;counter-reset:lg}
.p10-legend li{display:grid;grid-template-columns:auto 1fr;align-content:start;gap:4px 12px;padding-top:16px;border-top:2px solid var(--ink)}
.p10-legend .n{grid-row:1 / span 2}
.p10-legend .n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--carbon);color:#fff;font:700 13px/1 var(--figures)}
.p10-legend b{font-size:16px;font-weight:750;letter-spacing:-.01em;color:var(--ink)}
.p10-legend p{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.p10-cap{margin:18px 0 0;font-size:12.5px;color:var(--ink-3)}

/* ---------- ana sayfa · modül kartları ---------- */
.p10-mgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.p10-mc a{display:flex;flex-direction:column;gap:12px;height:100%;padding:18px 18px 16px;background:#fff;border:1px solid var(--rule-soft);border-radius:18px;color:inherit;text-decoration:none;box-shadow:var(--sh-1);transition:border-color 200ms ease,transform 200ms var(--ease-out),box-shadow 200ms ease}
.p10-mc a:hover{border-color:rgba(47,54,214,.35);transform:translateY(-2px);box-shadow:var(--sh-2)}
.mc-top{display:flex;align-items:flex-start;justify-content:space-between}
.mc-ar{color:var(--ink-3)}
.mc-ar svg{width:18px;height:18px}
.mc-ad{display:block;font-size:18px;font-weight:750;letter-spacing:-.02em;line-height:1.2;color:var(--ink)}
.mc-alt{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--ink-2)}
.p10-mc .mc-cips{margin-top:auto}
.mc-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px;border-top:1px solid var(--rule-soft)}
.mc-go{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:700;color:var(--carbon)}
.mc-go svg{width:15px;height:15px}
.mc-no{font:600 11.5px/1 var(--figures);color:var(--stamp);letter-spacing:.02em}
.p10-ekbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:16px;padding:16px 20px;border:1px dashed rgba(16,20,42,.22);border-radius:16px;background:rgba(255,255,255,.6)}
.p10-ekbar>b{font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.p10-ekbar ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.p10-ekbar li{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:650;color:var(--ink)}
.p10-ekbar li svg{width:18px;height:18px;color:var(--stamp)}
.p10-ekbar p{margin:0 0 0 auto;font-size:13.5px;color:var(--ink-2)}
.p10-tools-head{display:flex;align-items:end;justify-content:space-between;gap:12px 40px;margin:56px 0 18px}
.p10-tools-head h3{margin:0;font-size:24px;font-weight:750;letter-spacing:-.02em;color:var(--ink)}
.p10-tools-head p{margin:0;font-size:15px;color:var(--ink-2)}
.p10-tools{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.p10-tool{display:flex;flex-direction:column;gap:10px;padding:16px;background:#fff;border:1px solid var(--rule-soft);border-radius:16px}
.p10-tool .ti{display:flex;align-items:center;gap:10px}
.p10-tool .ti span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ECFAF8;color:#0B6158}
.p10-tool .ti span svg{width:18px;height:18px}
.p10-tool.is-ai .ti span{background:var(--navy);color:var(--teal)}
.p10-tool b{font-size:15.5px;font-weight:750;letter-spacing:-.01em;color:var(--ink)}
.p10-tool p{margin:0;font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.p10-tool .mc-pk{margin-top:auto;align-self:flex-start}
.p10-note{display:flex;align-items:center;gap:10px;margin:18px 0 0;font-size:14px;color:var(--ink-2)}
.p10-note svg{flex:none;width:18px;height:18px;color:#1F9D74}

/* ---------- ürün menüsü (mega) ---------- */
.p10-mega-in{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr) 270px;gap:0 36px;padding-block:28px 26px}
.p10-mega-mods .hx-prod-h,.p10-mega-tools .hx-prod-h{display:flex;justify-content:space-between;align-items:center}
.p10-mega-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,auto);grid-auto-flow:column;gap:2px 18px}
.p10-mega-grid a,.p10-mega-tl a{display:flex;align-items:flex-start;gap:12px;padding:9px 10px;border-radius:12px;color:inherit;text-decoration:none}
.p10-mega-grid a:hover,.p10-mega-tl a:hover{background:var(--panel-2)}
.p10-mega-grid .hx-ic,.p10-mega-tl .hx-ic{flex:none}
.p10-mega-grid .t b,.p10-mega-tl .t b{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink)}
.p10-mega-grid .t b i{font:500 11px/1 var(--figures);color:var(--stamp);font-style:normal}
.p10-mega-grid .t small,.p10-mega-tl .t small{display:block;margin-top:2px;font-size:13px;line-height:1.4;color:var(--ink-3)}
.p10-mega-grid .t small.ek{display:inline-flex;width:auto;margin-top:5px;align-items:center;height:19px;padding:0 7px;border-radius:999px;border:1px solid rgba(179,51,57,.3);color:var(--red-deep);font-size:11px;font-weight:700;background:#FDF3F3}
.p10-mega-tools{padding-left:28px;border-left:1px solid var(--rule-soft)}
.p10-mega-tl{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:2px}
.p10-mega-tl a{padding:7px 10px}
.p10-mega-tl .hx-ic{background:#ECFAF8;color:#0B6158}
.p10-mega-tl .is-ai .hx-ic{background:var(--navy);color:var(--teal)}
.p10-mega-side{display:flex;flex-direction:column;gap:12px}
.p10-mega-side .hx-prod-card{margin:0}
.p10-mega-mini{display:grid;gap:8px;padding:16px;border-radius:16px;border:1px solid var(--rule-soft);background:#fff}
.p10-mega-mini b{font-size:14px;color:var(--ink)}
.p10-mega-mini p{margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}

/* ---------- iç sayfalar · modül çubuğu ---------- */
.p10-modbar-wrap{position:sticky;top:var(--header-h);z-index:5;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--rule-soft)}
.p10-modbar{display:flex;align-items:center;gap:2px;min-height:56px;overflow-x:auto;scrollbar-width:none}
.p10-modbar::-webkit-scrollbar{display:none}
.p10-modbar a{display:inline-flex;align-items:center;gap:6px;flex:none;height:36px;padding:0 9px;border-radius:9px;font-size:13.5px;font-weight:620;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.p10-modbar a:hover{background:var(--panel-2);color:var(--ink)}
.p10-modbar a[aria-current]{color:var(--carbon);background:var(--carbon-tint);font-weight:720}
.p10-modbar a i{font:500 10.5px/1 var(--figures);font-style:normal;color:var(--stamp)}
.p10-modbar .sep{flex:none;width:1px;height:22px;margin:0 6px;background:var(--rule)}
.p10-modbar a.tool{color:#0B6158}

/* ---------- modüller sayfası ---------- */
.p10-hub{padding-block:56px 24px}
.p10-hub-head{display:flex;justify-content:space-between;align-items:end;gap:12px 48px;margin-bottom:26px}
.p10-hub-head h2{margin:0;font-size:clamp(26px,2.6vw,34px);font-weight:760;letter-spacing:-.03em;color:var(--ink)}
.p10-hub-head p{margin:0;max-width:60ch;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.p10-legend-pk{display:flex;flex-wrap:wrap;gap:8px}
.p10-hgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.p10-hc{display:flex;flex-direction:column;gap:16px;height:100%;padding:24px 24px 20px;background:#fff;border:1px solid var(--rule-soft);border-radius:22px;box-shadow:var(--sh-1);scroll-margin-top:150px}
.hc-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 16px;align-items:start}
.hc-head h3{margin:2px 0 0;font-size:22px;font-weight:770;letter-spacing:-.025em;color:var(--ink)}
.hc-head .hc-alt{margin:2px 0 0;font-size:14.5px;color:var(--ink-2)}
.hc-d{margin:0;font-size:15px;line-height:1.62;color:var(--ink-2)}
.hc-lbl{margin:0 0 8px;font-size:11.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.hc-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--rule-soft)}
.hc-foot .hx-textlink{margin:0}
.hc-demo{font-size:14px;font-weight:650;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--rule)}
.p10-tgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p10-tgrid .p10-tool p{font-size:14px}
.p10-rapor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:28px 56px;align-items:start}
.p10-rapor h2{margin:12px 0 0;font-size:clamp(26px,2.6vw,34px);font-weight:760;letter-spacing:-.03em;color:var(--ink)}
.p10-rapor>div>p{margin:14px 0 0;font-size:15.5px;line-height:1.62;color:var(--ink-2);max-width:56ch}
.p10-rtabs{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}
.p10-rtabs span{height:32px;display:inline-flex;align-items:center;padding:0 12px;border-radius:8px;border:1px solid var(--rule);font-size:13.5px;font-weight:620;color:var(--ink-2);background:#fff}
.p10-rtabs span:first-child{background:var(--navy);border-color:var(--navy);color:#fff}
.p10-rlist{list-style:none;margin:0;padding:6px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;background:#fff;border:1px solid var(--rule-soft);border-radius:20px;box-shadow:var(--sh-1)}
.p10-rlist li{display:flex;align-items:center;gap:10px;min-height:48px;border-bottom:1px solid var(--rule-soft);font-size:14.5px;font-weight:600;color:var(--ink)}
.p10-rlist li:nth-last-child(-n+2){border-bottom:0}
.p10-rlist li::before{content:"";flex:none;width:8px;height:8px;border-radius:2px;background:var(--teal)}
.p10-dgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.p10-dgrid li{display:grid;align-content:start;gap:8px;padding:20px;background:#fff;border:1px solid var(--rule-soft);border-radius:18px}
.p10-dgrid li .k{font:600 11.5px/1 var(--figures);color:var(--stamp)}
.p10-dgrid li b{font-size:16.5px;font-weight:750;letter-spacing:-.015em;color:var(--ink)}
.p10-dgrid li p{margin:0;font-size:14px;line-height:1.55;color:var(--ink-2)}
.p10-dgrid.std li{background:transparent;border-style:dashed}
.p10-dgrid.std{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.p10-sec-h{display:flex;justify-content:space-between;align-items:end;gap:12px 48px;margin-bottom:24px}
.p10-sec-h h2{margin:10px 0 0;font-size:clamp(26px,2.6vw,34px);font-weight:760;letter-spacing:-.03em;color:var(--ink)}
.p10-sec-h p{margin:0;max-width:58ch;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.p10-end{padding-block:24px 96px}

/* ---------- modül sayfası ---------- */
.p10-mh{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:40px 56px;align-items:center;padding-block:48px 64px}
.p10-mh .mh-k{display:flex;align-items:center;gap:12px;margin:22px 0 0}
.p10-mh h1{margin:14px 0 0;font-size:clamp(44px,5.2vw,72px);font-weight:800;letter-spacing:-.04em;line-height:.98;color:var(--ink)}
.p10-mh .mh-alt{margin:12px 0 0;font-size:20px;font-weight:600;color:var(--ink-2)}
.p10-mh .mh-lede{margin:20px 0 0;font-size:16.5px;line-height:1.65;color:var(--ink-2);max-width:52ch}
.p10-mh .mh-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.p10-mh .mh-pks{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.p10-mhead{padding-bottom:0}
.p10-mhead .p10-mh{padding-top:20px}
/* fatura listesi çizimi */
.p10-list{margin:0;container-type:inline-size}
.pl{--u:clamp(6px,1.48cqw,12.5px);font-size:var(--u);line-height:1.35;color:var(--app-ink);background:#fff;border:1px solid #D8DDE6;border-radius:clamp(10px,2cqw,18px);overflow:hidden;box-shadow:0 40px 80px -48px rgba(14,27,54,.5),0 12px 30px -22px rgba(14,27,54,.35)}
.pl *{box-sizing:border-box}
.pl-h{display:flex;align-items:center;gap:.8em;padding:1.3em 1.4em .9em}
.pl-h b{font-size:1.75em;font-weight:780;letter-spacing:-.03em}
.pl-h .cnt{display:inline-grid;place-items:center;min-width:2.4em;height:1.7em;padding:0 .5em;border-radius:1em;background:#EEF1F5;font-family:var(--figures);font-size:.95em;color:var(--app-ink-2)}
.pl-h .sp{flex:1}
.pl-btn{display:inline-flex;align-items:center;gap:.4em;height:2.5em;padding:0 .9em;border:1px solid var(--app-line);border-radius:.55em;font-weight:620;color:var(--app-ink)}
.pl-btn.pri{background:var(--app-teal);border-color:var(--app-teal);color:#fff}
.pl-tabs{display:flex;gap:.35em;padding:0 1.4em}
.pl-tabs span{height:2.5em;display:inline-flex;align-items:center;padding:0 .9em;border:1px solid var(--app-line);border-radius:.5em;font-weight:600;color:var(--app-ink-2);white-space:nowrap}
.pl-tabs span.on{background:var(--app-ink);border-color:var(--app-ink);color:#fff}
.pl-f{display:flex;flex-wrap:wrap;gap:.45em;padding:1em 1.4em .8em}
.pl-f span{height:2.45em;display:inline-flex;align-items:center;gap:.5em;padding:0 .8em;border:1px solid var(--app-line);border-radius:.5em;color:var(--app-ink-2);white-space:nowrap}
.pl-f span.q{flex:1 1 13em;color:var(--app-ink-3)}
.pl-f span.on{border-color:#BFE2DD;color:var(--app-teal);background:#F2FAF9;font-weight:650}
.pl-f span::after{content:"";width:.42em;height:.42em;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:translateY(-.15em) rotate(45deg);opacity:.6}
.pl-f span.q::after,.pl-f span.n::after{display:none}
.pl-sum{display:flex;flex-wrap:wrap;gap:.4em 1.4em;margin:0 1.4em;padding:.75em 1em;border-radius:.6em;background:#F5F7FA;font-size:.95em;color:var(--app-ink-2)}
.pl-sum b{font-family:var(--figures);font-weight:600;color:var(--app-ink);letter-spacing:-.02em}
.pl-t{width:calc(100% - 2.8em);margin:1em 1.4em 0;border-collapse:collapse;font-size:.95em}
.pl-t th{height:2.7em;padding:0 .6em;text-align:left;font-weight:650;color:var(--app-ink-2);border-bottom:1px solid var(--app-line);white-space:nowrap}
.pl-t td{height:2.85em;padding:0 .6em;border-bottom:1px solid var(--app-line-2);white-space:nowrap}
.pl-t .r{text-align:right}
.pl-t .m{font-family:var(--figures);font-size:.9em;letter-spacing:-.03em}
.pl-t .bar{display:block;width:var(--w,70%);height:.6em;border-radius:1em;background:#E4E8EE}
.pl-t .eb{display:inline-flex;align-items:center;height:1.75em;padding:0 .55em;border-radius:.4em;font-size:.88em;font-weight:650}
.pl-t .eb.f{background:#ECFAF8;color:#0B6158}
.pl-t .eb.a{background:#F3F4FF;color:#2329A8}
.pl-t .eb.s{background:#F1F3F6;color:var(--app-ink-2)}
.pl-t tr.on td{background:#F7FBFA}
.pl-foot{display:flex;justify-content:space-between;padding:1em 1.4em 1.2em;color:var(--app-ink-3);font-size:.92em}
.p10-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.p10-subtabs span{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:11px;border:1px solid var(--rule);background:#fff;font-size:15px;font-weight:650;color:var(--ink)}
.p10-subtabs span i{font:500 11px/1 var(--figures);font-style:normal;color:var(--ink-3)}
.p10-subtabs span.vt{border-color:rgba(47,54,214,.3);background:#F3F4FF}
.p10-fgrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.p10-fgrid li{display:grid;align-content:start;gap:10px;padding:22px;background:#fff;border:1px solid var(--rule-soft);border-radius:18px}
.p10-fgrid li .k{font:600 11.5px/1 var(--figures);color:var(--stamp)}
.p10-fgrid li b{font-size:17px;font-weight:750;letter-spacing:-.015em;color:var(--ink)}
.p10-fgrid li p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2)}
.p10-vt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 56px;align-items:center;padding:40px 44px;border-radius:28px;background:radial-gradient(120% 140% at 100% 0%,#1B2C57 0%,var(--navy) 55%);color:#fff}
.p10-vt .hx-eyebrow{color:var(--teal)}
.p10-vt h2{margin:12px 0 0;font-size:clamp(26px,2.6vw,34px);font-weight:760;letter-spacing:-.03em}
.p10-vt p{margin:14px 0 0;font-size:15.5px;line-height:1.65;color:#C9D1E4;max-width:56ch}
.p10-vt .mc-pk{margin-top:18px}
.p10-vtc{container-type:inline-size}
.vtc{--u:clamp(6px,1.75cqw,12px);font-size:var(--u);background:#fff;color:var(--app-ink);border-radius:1.2em;overflow:hidden;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}
.vtc-h{display:flex;align-items:center;gap:.7em;padding:1.2em 1.3em .8em}
.vtc-h b{font-size:1.5em;font-weight:780;letter-spacing:-.025em}
.vtc-h .sp{flex:1}
.vtc-tabs{display:flex;gap:.35em;padding:0 1.3em .9em;border-bottom:1px solid var(--app-line)}
.vtc-tabs span{height:2.4em;display:inline-flex;align-items:center;padding:0 .85em;border:1px solid var(--app-line);border-radius:.5em;font-weight:620;color:var(--app-ink-2);white-space:nowrap}
.vtc-tabs span.on{background:var(--app-ink);color:#fff;border-color:var(--app-ink)}
.vtc-r{display:grid;grid-template-columns:7.2em 1fr 6.4em 7.8em;gap:.8em;align-items:center;min-height:3.1em;padding:0 1.3em;border-bottom:1px solid var(--app-line-2)}
.vtc-r .m{font-family:var(--figures);font-size:.92em;letter-spacing:-.03em}
.vtc-r .bar{height:.6em;border-radius:1em;background:#E4E8EE}
.vtc-r .st{justify-self:end;white-space:nowrap;display:inline-flex;align-items:center;height:1.8em;padding:0 .6em;border-radius:.45em;font-size:.88em;font-weight:650}
.vtc-r .st.late{background:#FDF0EF;color:var(--app-red)}
.vtc-r .st.due{background:#FFF6E5;color:#92590B}
.vtc-r .st.ok{background:#ECFAF8;color:#0B6158}
.vtc-n{display:flex;align-items:center;gap:.6em;padding:1em 1.3em 1.2em;color:var(--app-ink-2)}
.vtc-n i{display:grid;place-items:center;width:2.1em;height:2.1em;border-radius:.5em;background:var(--app-teal-tint);color:var(--app-teal);font-style:normal;font-weight:700}
.p10-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.p10-rel a{display:flex;gap:14px;align-items:flex-start;padding:18px;background:#fff;border:1px solid var(--rule-soft);border-radius:18px;color:inherit;text-decoration:none}
.p10-rel a b{display:block;font-size:16px;font-weight:750;color:var(--ink)}
.p10-rel a small{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;color:var(--ink-2)}
.p10-pkrow{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:20px;padding:18px 22px;border-radius:18px;border:1px solid var(--rule-soft);background:var(--panel-2)}
.p10-pkrow>b{font-size:13px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}
.p10-pkrow ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.p10-pkrow li{display:inline-flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:var(--ink)}
.p10-pkrow li em{font-family:"Instrument Serif",serif;font-style:italic;font-weight:400;font-size:18px}
.p10-pkrow li svg{width:18px;height:18px;color:#1F9D74}
.p10-pkrow p{margin:0;font-size:14px;color:var(--ink-2)}
.p10-pkrow .hx-textlink{margin:0 0 0 auto}
.p10-next{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px;padding:20px 24px;border-radius:18px;border:1px solid var(--rule-soft);background:#fff;color:inherit;text-decoration:none}
.p10-next span{font-size:13px;font-weight:650;color:var(--ink-3)}
.p10-next b{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:760;letter-spacing:-.02em;color:var(--ink)}
.p10-next b i{font:500 12px/1 var(--figures);font-style:normal;color:var(--stamp)}
.p10-next svg{width:22px;height:22px;color:var(--carbon)}

/* ---------- kırılımlar ---------- */
@media (max-width:1240px){
  .p10-mgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .p10-tools{grid-template-columns:repeat(3,minmax(0,1fr))}
  .p10-legend{grid-template-columns:repeat(3,minmax(0,1fr))}
  .p10-mega-in{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
  .p10-mega-side{display:none}
  .p10-tgrid,.p10-dgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p10-rel{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:960px){
  .p10-hgrid{grid-template-columns:minmax(0,1fr)}
  .p10-mh,.p10-rapor,.p10-vt{grid-template-columns:minmax(0,1fr)}
  .p10-fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .p10-hub-head,.p10-sec-h,.p10-tools-head{flex-direction:column;align-items:flex-start}
  .p10-vt{padding:32px 26px}
}
@media (max-width:760px){
  .p10-mgrid{grid-template-columns:minmax(0,1fr);gap:10px}
  .p10-mc a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 14px;padding:14px 16px}
  .p10-mc .mc-top{grid-row:span 2;display:block}
  .p10-mc .mc-ar{display:none}
  .p10-mc .mc-cips{grid-column:2;margin-top:6px;gap:0;display:block;font-size:13px;color:var(--ink-3)}
  .p10-mc .mc-cips>span{display:inline;height:auto;padding:0;border:0;background:none;font-size:13px;color:var(--ink-3);white-space:normal}
  .p10-mc .mc-cips>span+span::before{content:" · "}
  .p10-mc .mc-foot{grid-column:2;padding-top:10px;margin-top:4px}
  .p10-mc .mc-ad{font-size:17px}
  .p10-tools{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .p10-tool{padding:14px}
  .p10-legend{grid-template-columns:minmax(0,1fr);gap:0;margin-top:22px}
  .p10-legend li{padding:14px 0;border-top:1px solid var(--rule)}
  .p10-legend li:first-child{border-top:2px solid var(--ink)}
  .p10-ekbar{padding:14px 16px}
  .p10-ekbar p{margin:0}
  .p10-tgrid,.p10-dgrid,.p10-dgrid.std,.p10-fgrid,.p10-rel{grid-template-columns:minmax(0,1fr)}
  .p10-rlist{grid-template-columns:minmax(0,1fr)}
  .p10-rlist li:nth-last-child(2){border-bottom:1px solid var(--rule-soft)}
  .p10-hc{padding:20px 18px 18px}
  .hc-head{grid-template-columns:auto minmax(0,1fr)}
  .hc-head .mc-pk{grid-column:2;justify-self:start;margin-top:6px}
  .p10-mh{padding-block:28px 40px}
  .p10-pkrow .hx-textlink{margin:0}
}
@media (max-width:420px){
  .p10-tools{grid-template-columns:minmax(0,1fr)}
}

.nw{white-space:nowrap}

/* şemaların dar ekran düzeni (uygulamanın mobil görünümüne yakın sadeleştirme) */
@container (max-width:640px){
  .pa{--u:8.4px}
  .pa-modl,.pa-av span,.pa-search,.pa-tools>.pa-sp,.pa-bar .sq,.pa-tab:nth-child(4){display:none}
  .pa-top{padding:0 1.2em}
  .pa-nav,.pa-tabs{padding:0 1.2em;gap:1.3em}
  .pa-tabs{gap:.5em}
  .pa-tools{flex-wrap:wrap;height:auto;padding:.9em 1.2em;gap:.45em}
  .pa-firm{flex-basis:100%}
  .pa-body{padding:1em 1.2em 1.1em;gap:.8em}
  .pa-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em}
  .pa-card:nth-child(n+7){display:none}
  .pa-chips,.pa-open{display:none}
  .pa-card{padding:.85em}
  .pa-card-h .ar{display:none}
  .pa-widgets{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em}
  .pa-w:nth-child(2),.pa-w:nth-child(3),.pa-w:nth-child(5){display:none}
  .pa-w{min-height:0}
  .pa-row .bar.s{display:none}
  .pa-bar{padding:0 1.2em}
}
@container (max-width:560px){
  .pl{--u:8.6px}
  .pl-h .pl-btn:not(.pri){display:none}
  .pl-tabs span:nth-child(n+4){display:none}
  .pl-f span:nth-child(n+4){display:none}
  .pl-t th:nth-child(3),.pl-t td:nth-child(3),.pl-t th:nth-child(4),.pl-t td:nth-child(4),.pl-t th:nth-child(5),.pl-t td:nth-child(5){display:none}
  .pl-t tr:nth-child(n+6){display:none}
  .pl-sum span:nth-child(n+4){display:none}
  .pl-foot span:last-child{display:none}
}
@container (max-width:520px){
  .vtc{--u:8.6px}
  .vtc-r{grid-template-columns:6.8em 1fr 7.6em}
  .vtc-r .bar{display:none}
  .vtc-r{grid-template-columns:6.8em 1fr 7.8em}
  .vtc-tabs span:nth-child(3){display:none}
}

/* ---------- modül sayfası: rehber (uzun anlatım) ---------- */
.p10-yazi{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px 64px;align-items:start}
.p10-yazi-yan{position:sticky;top:calc(var(--header-h) + var(--promo-h,0px) + 84px);display:grid;gap:14px}
.p10-yazi-yan p{margin:0;font-size:11.5px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.p10-yazi-yan ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;border-left:2px solid var(--rule-soft)}
.p10-yazi-yan a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;font-size:14.5px;font-weight:600;color:var(--ink-2);text-decoration:none}
.p10-yazi-yan a:hover{color:var(--carbon);border-left-color:var(--carbon)}
.p10-yazi-govde{max-width:74ch}
.p10-yazi-govde h2{margin:10px 0 0;font-size:clamp(28px,3vw,40px);font-weight:770;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}
.p10-yazi-govde .giris{margin:18px 0 0;font-size:19px;line-height:1.65;color:var(--ink)}
.p10-yazi-govde h3{margin:40px 0 0;font-size:22px;font-weight:750;letter-spacing:-.02em;color:var(--ink);scroll-margin-top:170px}
.p10-yazi-govde p{margin:12px 0 0;font-size:16.5px;line-height:1.75;color:var(--ink-2)}
.p10-yazi-govde p a,.p10-sss a{color:var(--carbon);font-weight:650;text-underline-offset:3px}
.p10-yazi-govde ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.p10-yazi-govde ul li{position:relative;padding-left:22px;font-size:16px;line-height:1.65;color:var(--ink-2)}
.p10-yazi-govde ul li::before{content:"";position:absolute;left:2px;top:.66em;width:8px;height:8px;border-radius:2px;background:var(--teal)}

/* ---------- vurgu bandı: adım kartı, fiyat kartları ---------- */
.p10-adim{display:grid;gap:0;padding:8px 22px;background:#fff;color:var(--ink);border-radius:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6);list-style:none;margin:0;counter-reset:adim}
.p10-adim li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:center;min-height:62px;padding:10px 0;border-bottom:1px solid var(--rule-soft);font-size:15.5px;font-weight:650;line-height:1.45}
.p10-adim li:last-child{border-bottom:0}
.p10-adim li::before{counter-increment:adim;content:counter(adim,decimal-leading-zero);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#ECFAF8;color:#0B6158;font:600 12px/1 var(--figures)}
.p10-adim li small{display:block;margin-top:2px;font-size:13.5px;font-weight:500;color:var(--ink-2)}
.p10-vt .p10-vt-not{margin-top:12px;font-size:14px;color:#AEB9D2}
.p10-pkart{display:grid;grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:10px}
.p10-pkart>div{display:flex;flex-direction:column;gap:8px;padding:18px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 24px 50px -30px rgba(0,0,0,.6)}
.p10-pkart b{font-size:17px;font-weight:760;letter-spacing:-.015em}
.p10-pkart span{font-size:13.5px;line-height:1.5;color:var(--ink-2)}
.p10-pkart .f{margin-top:auto;padding-top:10px;border-top:1px solid var(--rule-soft);font:600 15px/1.3 var(--figures);letter-spacing:-.02em;color:var(--ink)}
.p10-pkart .f small{display:block;margin-top:3px;font:500 12px/1.4 var(--font);letter-spacing:0;color:var(--ink-3)}

/* ---------- sık sorulanlar ---------- */
.p10-sss{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.p10-sss details{background:#fff;border:1px solid var(--rule-soft);border-radius:16px}
.p10-sss summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:16.5px;font-weight:700;color:var(--ink);cursor:pointer;list-style:none}
.p10-sss summary::-webkit-details-marker{display:none}
.p10-sss summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:translateY(-3px) rotate(45deg);transition:transform 200ms var(--ease-out)}
.p10-sss details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.p10-sss details p{margin:0;padding:0 22px 20px;font-size:15.5px;line-height:1.7;color:var(--ink-2);max-width:80ch}
.p10-sss-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:24px 56px;align-items:start}
.p10-sss-wrap h2{margin:10px 0 0;font-size:clamp(26px,2.6vw,34px);font-weight:760;letter-spacing:-.03em;color:var(--ink)}
.p10-sss-wrap>div>p{margin:12px 0 0;font-size:15.5px;line-height:1.6;color:var(--ink-2)}

/* ---------- ilgili rehberler ---------- */
.p10-bloglar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.p10-bloglar a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px;align-items:center;padding:20px 22px;border-radius:18px;background:var(--navy);color:#fff;text-decoration:none}
.p10-bloglar a span{grid-column:1;font:600 11.5px/1 var(--figures);letter-spacing:.06em;color:var(--teal);text-transform:uppercase}
.p10-bloglar a b{grid-column:1;font-size:17px;font-weight:720;line-height:1.35;letter-spacing:-.01em}
.p10-bloglar a i{grid-column:2;grid-row:1 / span 2;font-style:normal;font-size:20px;color:var(--teal)}
.p10-alt-baslik{margin:40px 0 0;font-size:13px;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}

/* ---------- genel şema bileşenleri (modül çizimleri) ---------- */
.pl-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5em;margin:0 1.4em .8em}
.pl-kpi span{display:grid;gap:.25em;padding:.8em .9em;border:1px solid var(--app-line);border-radius:.6em;color:var(--app-ink-2)}
.pl-kpi b{font:600 1.5em/1 var(--figures);color:var(--app-ink)}
.pl-t th .hb{display:block;width:var(--w,60%);height:.55em;border-radius:1em;background:#D9DEE6}
.pl-t .eb.w{background:#FFF6E5;color:#92590B}
.pl-t .eb.r{background:#FDF0EF;color:var(--app-red)}
.pl-t .m.neg{color:var(--app-red)}
.pos{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:1em;padding:0 1.4em 1.3em}
.pos-scan{display:flex;align-items:center;gap:.6em;height:3.2em;padding:0 1em;border:1.5px solid var(--app-teal);border-radius:.7em;background:#F2FAF9;color:var(--app-teal);font-weight:650}
.pos-scan svg{width:1.4em;height:1.4em}
.pos-lines{margin-top:.7em;border:1px solid var(--app-line);border-radius:.7em;overflow:hidden}
.pos-line{display:grid;grid-template-columns:minmax(0,1fr) 3em 6.5em;gap:.7em;align-items:center;min-height:3em;padding:0 1em;border-bottom:1px solid var(--app-line-2)}
.pos-line:last-child{border-bottom:0}
.pos-line .bar{height:.6em;border-radius:1em;background:#E4E8EE}
.pos-line .m{font-family:var(--figures);font-size:.9em;text-align:right;letter-spacing:-.03em}
.pos-sum{display:flex;flex-direction:column;gap:.6em;padding:1em;border-radius:.8em;background:var(--app-ink);color:#fff}
.pos-sum span{color:#AEB9D2;font-size:.95em}
.pos-sum b{font:600 2.2em/1.1 var(--figures);letter-spacing:-.04em}
.pos-sum .row{display:flex;justify-content:space-between;font-size:.95em;color:#C9D1E4}
.pos-pay{margin-top:auto;display:grid;place-items:center;height:3em;border-radius:.6em;background:var(--teal);color:var(--app-ink);font-weight:750}
.pos-ret{display:grid;place-items:center;height:2.6em;border-radius:.6em;border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:650}

/* modül sayfaları dar ekran */
@media (max-width:960px){
  .p10-yazi,.p10-sss-wrap{grid-template-columns:minmax(0,1fr)}
  .p10-yazi-yan{position:static}
  .p10-yazi-yan ol{display:flex;flex-wrap:wrap;gap:6px;border-left:0}
  .p10-yazi-yan a{padding:6px 12px;margin:0;border:1px solid var(--rule);border-radius:999px;font-size:13.5px}
}
@media (max-width:760px){
  .p10-bloglar{grid-template-columns:minmax(0,1fr)}
  .p10-pkart{grid-template-columns:minmax(0,1fr)}
  .p10-yazi-govde .giris{font-size:17.5px}
  .p10-yazi-govde p{font-size:16px}
}
@container (max-width:560px){
  .pl-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pos{grid-template-columns:minmax(0,1fr)}
  .pos-line:nth-child(n+4){display:none}
}

/* ---------- v10 blog yazıları ---------- */
.p10-blog .two{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:56px}
.p10-blog-govde{max-width:72ch}
.p10-blog-govde .blog-h2{margin:40px 0 10px;font-size:clamp(22px,2.2vw,27px);line-height:1.25;letter-spacing:-.02em;color:var(--ink)}
.p10-blog-govde .blog-h2:first-child{margin-top:0}
.p10-blog-govde .plain{margin:0 0 14px;font-size:17px;line-height:1.75}
.p10-blog-govde .blog-list{margin:4px 0 16px;padding:0;list-style:none;display:grid;gap:8px}
.p10-blog-govde .blog-list li{position:relative;padding-left:22px;font-size:16.5px;line-height:1.65;color:var(--ink-2)}
.p10-blog-govde .blog-list li::before{content:"";position:absolute;left:2px;top:.68em;width:8px;height:8px;border-radius:2px;background:var(--carbon)}
.p10-blog .blog-note{position:sticky;top:calc(var(--header-h) + var(--promo-h,0px) + 24px)}
@media (max-width:960px){.p10-blog .two{grid-template-columns:minmax(0,1fr);gap:32px}.p10-blog .blog-note{position:static}}

.hx-mega-prod .hx-mega-bar-in{justify-content:flex-end}