/* LiteCRM satış sitesi. Lite Dijital marka dili: Bricolage Grotesque başlıklar, Inter metin, mor-pembe vurgu, yumuşak lavanta yüzeyler. */
@font-face{font-family:Bricolage;font-style:normal;font-weight:200 800;font-display:swap;src:url(/varlik/yazi/bricolage-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Bricolage;font-style:normal;font-weight:200 800;font-display:swap;src:url(/varlik/yazi/bricolage-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+1EF2-1EFF,U+20A0-20AB,U+20AD-20C0}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/varlik/yazi/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+20BA,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/varlik/yazi/inter-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --ana:#7c2fc0;--ana-koyu:#4b2e92;--ana-acik:#f3eff9;--ana-orta:#dccdf0;
  --pembe:#e0257e;--pembe-acik:#fde9f2;
  --degrade:linear-gradient(120deg,#e0257e,#8b2fc4);
  --turk:#14a99a;--turk-koyu:#0e7f74;--turk-acik:#e2f6f3;
  --mercan:#e0533d;--mercan-acik:#fdeeec;--sari:#e19a00;--sari-acik:#fff7eb;
  --murekkep:#1a1720;--metin:#3d3946;--soluk:#6e6a78;--silik:#a29dad;
  --cizgi:#ebe7f0;--cizgi-koyu:#d9d3e2;--gri:#f8f6fb;--gri-2:#f1edf6;--beyaz:#fff;
  --golge-k:0 1px 2px rgba(26,20,35,.05);
  --golge:0 0 0 1px rgba(26,20,35,.05),0 8px 24px rgba(26,20,35,.06);
  --golge-b:0 0 0 1px rgba(26,20,35,.06),0 24px 60px -12px rgba(75,46,146,.22);
  --r:16px;--r-k:99px;
  --baslik:Bricolage,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;color:var(--metin);background:var(--beyaz);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11";overflow-x:hidden}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0}
h1,h2,h3,h4{color:var(--murekkep);line-height:1.15;font-weight:600;letter-spacing:-.015em}
h1,h2{font-family:var(--baslik);font-weight:700;letter-spacing:-.035em;line-height:1.04}
h1 em,h2 em{font-style:normal;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.ik{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ik.kucuk{width:16px;height:16px}
.kap{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.kap.dar{max-width:820px}
.ortala{text-align:center}
.atla{position:absolute;left:-999px;top:8px;background:var(--murekkep);color:#fff;padding:8px 14px;border-radius:8px;z-index:100}.atla:focus{left:8px}
:focus-visible{outline:2px solid var(--ana);outline-offset:2px;border-radius:4px}
[hidden]{display:none!important}

/* ---------- Düğmeler ---------- */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 18px;border-radius:var(--r-k);font-size:15px;font-weight:500;white-space:nowrap;border:1px solid transparent;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}
.dugme .ik{width:18px;height:18px}
.dugme.buyuk{height:52px;padding:0 26px;font-size:16px}
.dugme.genis{width:100%}
.dugme.ana{background:var(--degrade);color:#fff;font-weight:600;box-shadow:0 8px 22px -8px rgba(224,37,126,.55),inset 0 1px 0 rgba(255,255,255,.18)}
.dugme.ana:hover{background:linear-gradient(120deg,#c91d6d,#7a28ad);box-shadow:0 10px 26px -8px rgba(224,37,126,.65)}
.dugme.cizgi{background:#fff;border-color:var(--cizgi-koyu);color:var(--murekkep);font-weight:600;box-shadow:var(--golge-k)}
.dugme.cizgi:hover{border-color:#b9b9c0;background:var(--gri)}
.dugme.hayalet{color:var(--murekkep)}.dugme.hayalet:hover{background:var(--gri-2)}
.dugme.beyaz{background:#fff;color:var(--ana-koyu)}.dugme.beyaz:hover{background:var(--ana-acik)}
.dugme.cizgi-beyaz{border-color:rgba(255,255,255,.4);color:#fff}.dugme.cizgi-beyaz:hover{background:rgba(255,255,255,.1)}
.dugme:disabled{opacity:.55;cursor:not-allowed}
.dugme:active:not(:disabled){transform:translateY(1px)}
.metin-link{display:inline-flex;align-items:center;gap:6px;color:var(--ana);font-weight:500}.metin-link .ik{width:16px;height:16px;transition:transform .15s}.metin-link:hover .ik{transform:translateX(3px)}
.eylem-satir{display:flex;flex-wrap:wrap;gap:12px}
.eylem-satir.orta{justify-content:center}

.ust-etiket{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 14px;border:1px solid var(--cizgi-koyu);border-radius:99px;background:#fff;font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--soluk);margin-bottom:18px}
.ust-etiket::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--degrade)}
.ust-etiket .ik{width:14px;height:14px}
.bolum-bas.sola .ust-etiket,.sss-bas .ust-etiket{margin-left:0}
.etiket{display:inline-block;font-size:12px;font-weight:500;color:var(--turk-koyu);background:var(--turk-acik);border-radius:6px;padding:2px 8px}

/* ---------- Üst çubuk ---------- */
.ust{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--cizgi)}
.ust-ic{height:68px;display:flex;align-items:center;gap:32px}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--baslik);font-size:21px;font-weight:700;color:var(--murekkep);letter-spacing:-.03em}
.logo b{font-weight:700;background:var(--degrade);-webkit-background-clip:text;background-clip:text;color:transparent}
.ana-menu{display:flex;align-items:center;gap:2px;margin:0 auto;padding:4px;border:1px solid var(--cizgi);border-radius:99px;background:rgba(255,255,255,.7)}
.ana-menu>a,.acilir>button{height:36px;display:inline-flex;align-items:center;gap:4px;padding:0 14px;border-radius:99px;font-size:14.5px;color:var(--metin)}
.ana-menu>a:hover,.acilir>button:hover,.acilir.acik>button{background:var(--gri-2);color:var(--murekkep)}
.acilir{position:relative}
.acilir-panel{position:absolute;top:calc(100% + 10px);left:-12px;width:600px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:2px;padding:10px;background:#fff;border-radius:14px;box-shadow:var(--golge-b);opacity:0;visibility:hidden;transform:translateY(-4px);transition:.15s}
.acilir:hover .acilir-panel,.acilir.acik .acilir-panel,.acilir:focus-within .acilir-panel{opacity:1;visibility:visible;transform:none}
.acilir-panel a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:12px}
.acilir-panel a.tum{grid-column:1/-1;justify-content:space-between;margin-top:4px;background:var(--gri);color:var(--ana)}
.acilir-panel a.tum b{color:var(--ana)}
.acilir-panel a:hover{background:var(--gri)}
.acilir-panel .ik{width:20px;height:20px;color:var(--ana);flex:none}
.acilir-panel b{display:block;font-weight:500;font-size:14.5px;color:var(--murekkep)}
.acilir-panel small{display:block;font-size:13px;color:var(--soluk);line-height:1.4;margin-top:2px}
.ust-eylem{display:flex;align-items:center;gap:8px}
.menu-ac{display:none;width:42px;height:42px;border-radius:8px;align-items:center;justify-content:center;color:var(--murekkep)}
.menu-ac:hover{background:var(--gri-2)}

/* ---------- Kahraman ---------- */
.kahraman{position:relative;padding:76px 0 0;overflow:hidden;background:
  radial-gradient(900px 480px at 30% -10%,rgba(224,37,126,.10),transparent 65%),radial-gradient(900px 480px at 75% -5%,rgba(139,47,196,.12),transparent 65%),
  linear-gradient(#fff,#fff)}
.kahraman::before{content:"";position:absolute;inset:0 0 auto;height:720px;background-image:linear-gradient(var(--cizgi) 1px,transparent 1px),linear-gradient(90deg,var(--cizgi) 1px,transparent 1px);background-size:64px 64px;background-position:center top;mask-image:radial-gradient(ellipse 60% 70% at 50% 0,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 0,#000 20%,transparent 75%);opacity:.55;pointer-events:none}
.kahraman-metin{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.kahraman h1{font-size:clamp(40px,6vw,72px);line-height:1.04;max-width:940px;margin-bottom:22px}

.giris{font-size:18px;color:var(--soluk);max-width:600px;line-height:1.6}
.kahraman .giris{font-size:19px;margin-bottom:32px}
.duyuru{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 12px 0 4px;border-radius:99px;background:#fff;border:1px solid var(--cizgi);box-shadow:var(--golge-k);font-size:14px;color:var(--metin);margin-bottom:26px;transition:border-color .15s}
.duyuru:hover{border-color:var(--ana-orta)}
.duyuru span{height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:99px;background:var(--degrade);color:#fff;font-size:12.5px;font-weight:600}
.duyuru .ik{color:var(--silik)}
.guven{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:26px;font-size:14px;color:var(--soluk)}
.guven li{display:flex;align-items:center;gap:6px}
.guven .ik{width:16px;height:16px;color:var(--turk);stroke-width:2.2}
.genis-kap{max-width:1180px;margin-top:64px}

/* Panel önizlemesi */
.onizleme{position:relative;font-size:12px;padding:0 8px}
.onizleme::before{content:"";position:absolute;inset:6% 4% -4%;background:radial-gradient(closest-side at 35% 50%,rgba(224,37,126,.30),transparent),radial-gradient(closest-side at 65% 50%,rgba(139,47,196,.32),transparent);filter:blur(48px);z-index:-1}
.pencere{position:relative;border-radius:16px 16px 0 0;background:#fff;box-shadow:0 0 0 1px rgba(15,18,34,.08),0 -2px 0 6px rgba(255,255,255,.6),0 30px 80px -20px rgba(15,18,34,.28);overflow:hidden}
.pencere::after{content:"";position:absolute;left:0;right:0;bottom:0;height:90px;background:linear-gradient(transparent,#fff);pointer-events:none}
.pencere-cubuk{height:38px;display:flex;align-items:center;gap:7px;padding:0 14px;background:#fafafa;border-bottom:1px solid var(--cizgi)}
.pencere-cubuk i{width:11px;height:11px;border-radius:50%;background:#e4e4e7}
.pencere-cubuk span{margin:0 auto;display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--cizgi);border-radius:7px;padding:3px 48px;font-size:11.5px;color:var(--soluk)}
.pencere-cubuk span .ik{width:11px;height:11px;color:var(--turk-koyu)}
.panel{display:grid;grid-template-columns:184px 1fr;height:470px}
.p-yan{background:#fafafa;border-right:1px solid #ececee;display:flex;flex-direction:column;padding:14px 12px}
.p-marka{display:flex;align-items:center;gap:9px;padding:0 4px 14px;border-bottom:1px solid #ececee;margin-bottom:12px}
.p-logo{width:28px;height:28px;border-radius:8px;background:var(--degrade);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.p-marka b{display:block;font-size:12.5px;font-weight:600;color:var(--murekkep);line-height:1.2}.p-marka small{font-size:10.5px;color:var(--silik)}
.p-menu{display:flex;flex-direction:column;gap:2px}
.p-menu a{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border-radius:7px;color:var(--metin);position:relative}
.p-menu .ik{width:15px;height:15px;color:#71717a}
.p-menu a.on{background:#fff;color:var(--murekkep);font-weight:500;box-shadow:0 0 0 1px #ececee,0 1px 2px rgba(15,18,34,.05)}
.p-menu a.on .ik{color:var(--ana)}
.p-menu b{margin-left:auto;font-weight:500;font-size:10px;background:#ececee;border-radius:99px;padding:0 6px;color:var(--metin)}
.p-kota{margin-top:auto;border:1px solid #ececee;background:#fff;border-radius:9px;padding:9px}
.p-kota div{display:flex;justify-content:space-between;font-size:10.5px;margin-bottom:6px}.p-kota b{font-weight:500;color:var(--murekkep)}.p-kota span{color:var(--soluk)}
.p-kota i{display:block;height:6px;border-radius:9px;background:var(--degrade) 0 0/70% 100% no-repeat,#ececee}
.p-ana{min-width:0;display:flex;flex-direction:column;background:#fff}
.p-ust{height:50px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid #ececee}
.p-ust b{font-size:14px;font-weight:600;color:var(--murekkep)}
.p-ara{margin-left:auto;width:230px;height:30px;border-radius:8px;display:flex;align-items:center;gap:6px;padding:0 10px;color:var(--silik);font-size:11.5px;background:#f4f4f5}
.p-ara .ik{width:13px;height:13px}
.p-dugme{height:30px;padding:0 12px;border-radius:99px;background:var(--degrade);color:#fff;display:flex;align-items:center;font-size:11.5px;font-weight:500;white-space:nowrap}
.p-kpi{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:14px 16px 4px}
.p-kpi div{border:1px solid #ececee;border-radius:10px;padding:10px 12px}
.p-kpi small{display:block;font-size:10.5px;color:var(--soluk)}
.p-kpi b{display:inline-block;font-size:20px;font-weight:600;color:var(--murekkep);letter-spacing:-.02em;margin-top:2px}
.p-kpi em{font-style:normal;font-size:10.5px;color:var(--soluk);margin-left:6px}.p-kpi em.art{color:var(--turk-koyu);font-weight:500}
.p-pano{display:flex;gap:10px;padding:12px 16px;flex:1;overflow:hidden}
.p-sutun{flex:1;min-width:0;background:#f6f6f7;border-radius:11px;padding:9px 7px}
.p-sb{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--murekkep);padding:0 3px 9px}
.p-sb i{width:8px;height:8px;border-radius:50%}.p-sb em{margin-left:auto;font-style:normal;font-weight:400;font-size:10px;color:var(--soluk);background:#fff;border:1px solid #e4e4e7;border-radius:5px;padding:0 5px}
.p-kart{background:#fff;border:1px solid #e6e6e9;border-radius:9px;padding:10px;margin-bottom:7px;box-shadow:0 1px 2px rgba(15,18,34,.04)}
.p-kart.soluk{opacity:.6}
.p-kart h5{font-size:12px;font-weight:600;color:var(--murekkep);margin-top:7px}
.p-kart p{font-size:11px;color:var(--soluk);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.p-et{display:inline-block;font-size:10px;font-weight:500;padding:1px 7px;border-radius:5px}
.e1{background:var(--ana-acik);color:var(--ana)}.e2{background:var(--mercan-acik);color:var(--mercan)}.e3{background:var(--sari-acik);color:#b37a00}.e4{background:var(--turk-acik);color:var(--turk-koyu)}
.p-alt{display:flex;align-items:center;gap:6px;border-top:1px solid #f0f0f2;margin-top:9px;padding-top:8px;font-size:10.5px;color:var(--soluk)}
.p-av{width:18px;height:18px;border-radius:50%;background:#3f3f46;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:600;flex:none}.p-av.a2{background:var(--turk)}
.p-av.buyuk{width:40px;height:40px;font-size:13px;background:var(--degrade)}
.p-cubuk{height:4px;border-radius:9px;background:#ececee;margin-top:10px;overflow:hidden}.p-cubuk i{display:block;height:100%;background:var(--ana);border-radius:9px}
.yuzen{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:10px 16px 10px 10px;box-shadow:0 0 0 1px rgba(15,18,34,.06),0 18px 40px -12px rgba(15,18,34,.25);font-size:12px;animation:yuz 6s ease-in-out infinite}
.yuzen b{display:block;font-size:13px;font-weight:600;color:var(--murekkep)}.yuzen small{color:var(--soluk)}
.y-ikon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--ana-acik);color:var(--ana)}.y-ikon.turk{background:var(--turk-acik);color:var(--turk-koyu)}
.y-ikon .ik{width:18px;height:18px}
.y1{left:-24px;bottom:110px}
.y2{right:-24px;top:190px;animation-delay:-3s}
@keyframes yuz{50%{transform:translateY(-6px)}}
@media (prefers-reduced-motion:reduce){.yuzen{animation:none}html{scroll-behavior:auto}}

/* ---------- Sektör şeridi ---------- */
.serit{position:relative;z-index:1;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi);background:#fff}
.serit-ic{display:flex;align-items:center;gap:28px;padding-top:20px;padding-bottom:20px}
.serit p{font-size:14px;color:var(--soluk);white-space:nowrap}
.serit ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 28px;flex:1;justify-content:space-between;align-items:center}
.serit a{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--murekkep);opacity:.75;transition:opacity .15s}
.serit a:hover{opacity:1}
.serit a.daha{color:var(--ana);opacity:1;font-weight:600}
.sektor-kart.diger{border-style:dashed;background:var(--gri)}
.sektor-kart.diger .sektor-ikon{background:#fff;color:var(--ana)}
.sektor-kart.diger .modul-cip li{background:var(--degrade);color:#fff;font-weight:500}
.diger-alan{margin-top:16px;max-width:420px}
.serit .ik{width:20px;height:20px;color:var(--pembe)}

/* ---------- Bölümler ---------- */
.bolum{padding:104px 0}
.bolum.gri{background:var(--gri);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.bolum.ust-bosluksuz{padding-top:8px}
.bolum-bas{max-width:700px;margin:0 auto 56px;text-align:center}
.bolum-bas.sola{text-align:left;margin-left:0}
.bolum-bas h2{font-size:clamp(32px,4vw,48px);margin-bottom:16px}
.bolum-bas p{font-size:18px;color:var(--soluk)}
.kucuk-baslik{font-weight:600;font-size:20px;letter-spacing:-.01em;margin-bottom:20px}
.alt-not{margin-top:28px}

.sektor-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.sektor-kart{display:flex;flex-direction:column;padding:26px;border-radius:24px;background:#fff;border:1px solid var(--cizgi);transition:border-color .2s,box-shadow .2s,transform .2s}
.sektor-kart:hover{border-color:var(--ana-orta);box-shadow:var(--golge-b);transform:translateY(-2px)}
.sk-bas{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.sk-ok{margin-left:auto;width:18px;height:18px;color:var(--silik);transition:transform .15s,color .15s}
.sektor-kart:hover .sk-ok{color:var(--ana);transform:translateX(3px)}
.sektor-ikon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--ana-acik);color:var(--ana);flex:none}
.sektor-ikon .ik{width:22px;height:22px}
.sektor-ikon.buyuk{width:56px;height:56px;border-radius:14px;margin:18px 0 20px}.sektor-ikon.buyuk .ik{width:28px;height:28px}
.sektor-kart:nth-child(3n+2) .sektor-ikon{background:var(--pembe-acik);color:var(--pembe)}
.sektor-kart:nth-child(3n+3) .sektor-ikon{background:#efeaf8;color:var(--ana-koyu)}
.sektor-kart h3{font-size:18px}
.sektor-kart p{font-size:15px;color:var(--soluk)}
.modul-cip{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;margin:16px 0 0;align-content:flex-start}
.modul-cip li{font-size:12.5px;color:var(--metin);background:var(--gri-2);border-radius:6px;padding:3px 9px}
.incele{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding-top:16px;border-top:1px solid var(--cizgi);font-size:14px;font-weight:500;color:var(--ana)}
.incele .ik{width:16px;height:16px;transition:transform .15s}.sektor-kart:hover .incele .ik{transform:translateX(3px)}

/* Özellik vitrini */
.vitrin{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vitrin-kart{background:#fff;border:1px solid var(--cizgi);border-radius:28px;padding:30px;display:flex;flex-direction:column;overflow:hidden}
.vitrin-kart.genis{grid-column:span 2;flex-direction:row;gap:32px;align-items:center}
.vitrin-kart.ters{grid-column:2 / span 2;grid-row:2}
.vitrin-metin{flex:1;min-width:0}
.vitrin-kart h3{font-size:20px;letter-spacing:-.02em;margin-bottom:8px}
.vitrin-kart p{font-size:15px;color:var(--soluk)}
.vitrin-gorsel{flex:1;min-width:0}
.ozellik-ikon{width:40px;height:40px;border-radius:11px;border:1px solid var(--cizgi);display:grid;place-items:center;color:var(--ana);margin-bottom:18px;background:#fff;box-shadow:var(--golge-k)}
.kart-gorsel{background:var(--gri);border:1px solid var(--cizgi);border-radius:14px;padding:18px}
.kk-bas{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--cizgi)}
.kk-bas b{display:block;font-size:15px;color:var(--murekkep)}.kk-bas small{font-size:12.5px;color:var(--soluk)}
.kk-bas .p-et{margin-left:auto}
.kk-akis{list-style:none;padding:14px 0 0;display:flex;flex-direction:column;gap:12px}
.kk-akis li{display:flex;gap:12px;align-items:flex-start;position:relative}
.kk-akis li:not(:last-child)::after{content:"";position:absolute;left:4px;top:16px;bottom:-12px;width:2px;background:var(--cizgi)}
.nokta{width:10px;height:10px;border-radius:50%;margin-top:5px;flex:none;box-shadow:0 0 0 3px #fff}
.n1{background:var(--pembe)}.n2{background:var(--ana)}.n3{background:var(--silik)}
.kk-akis b{display:block;font-size:13.5px;font-weight:500;color:var(--murekkep)}.kk-akis small{font-size:12px;color:var(--soluk)}
.mini-takvim{margin-top:22px;display:flex;flex-direction:column;gap:6px}
.mini-takvim div{display:flex;gap:12px;align-items:center;font-size:13px;padding:9px 12px;border-radius:10px;background:var(--gri);color:var(--metin)}
.mini-takvim b{font-weight:600;color:var(--murekkep);font-variant-numeric:tabular-nums}
.mini-takvim .on{background:var(--ana-acik);color:var(--ana-koyu);box-shadow:inset 3px 0 0 var(--ana)}
.renkler{display:flex;gap:10px;margin-top:24px}
.renkler i{width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--cizgi)}
.renkler i:first-child{box-shadow:0 0 0 3px #fff,0 0 0 5px #7c2fc0}
.cubuk-grafik{display:flex;flex-direction:column;gap:12px;padding:20px;background:var(--gri);border:1px solid var(--cizgi);border-radius:14px}
.cubuk-grafik div{display:grid;grid-template-columns:84px 1fr 28px;align-items:center;gap:12px;font-size:13px}
.cubuk-grafik span{color:var(--soluk)}
.cubuk-grafik i{height:10px;border-radius:9px;background:var(--degrade) 0 0/var(--d) 100% no-repeat,#ebe6f1}
.cubuk-grafik b{font-weight:600;color:var(--murekkep);text-align:right;font-variant-numeric:tabular-nums}
.ozellik-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 32px;margin-top:56px;padding-top:48px;border-top:1px solid var(--cizgi)}
.ozellik-liste .ozellik{display:flex;gap:14px}
.ozellik-liste .ozellik-ikon{width:36px;height:36px;margin:0;flex:none}
.ozellik-liste .ozellik-ikon .ik{width:18px;height:18px}
.ozellik-liste h3{font-size:15.5px;margin-bottom:4px}
.ozellik-liste p{font-size:14.5px;color:var(--soluk)}
.ozellik-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--cizgi);border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.ozellik-izgara .ozellik{background:#fff;padding:26px 24px}
.ozellik-izgara h3{font-size:16px;margin-bottom:6px}
.ozellik-izgara p{font-size:14px;color:var(--soluk);line-height:1.5}

/* Kurulum seçenekleri */
.kurulum-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}
.kurulum-kart{position:relative;background:#fff;border:1px solid var(--cizgi);border-radius:24px;padding:28px 24px}
.kurulum-kart.onerilen{border-color:transparent;box-shadow:0 0 0 2px var(--ana),var(--golge-b)}
.kurulum-ikon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;background:var(--gri-2);color:var(--murekkep);margin-bottom:20px}
.kurulum-ikon .ik{width:24px;height:24px}
.kurulum-kart.onerilen .kurulum-ikon{background:var(--degrade);color:#fff}
.kurulum-kart h3{font-size:19px}
.kurulum-kart.yakinda{background:var(--gri);border-style:dashed}
.kurulum-kart.yakinda .liste,.kurulum-kart.yakinda .kisa{opacity:.75}
.rozet.soluk{background:#fff;color:var(--soluk);box-shadow:0 0 0 1px var(--cizgi-koyu)}
.kurulum-kart .kisa{font-size:15px;color:var(--soluk);margin-top:4px}
.kurulum-kart .liste{margin-top:20px;padding-top:20px;border-top:1px solid var(--cizgi)}
.guvence{list-style:none;padding:28px 0 0;margin-top:40px;border-top:1px solid var(--cizgi);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.guvence li{display:flex;gap:12px;align-items:flex-start}
.guvence li>.ik{width:22px;height:22px;color:var(--turk-koyu);margin-top:2px}
.guvence b{display:block;font-size:15px;color:var(--murekkep);font-weight:600}
.guvence span{font-size:14px;color:var(--soluk)}

.iki-sutun{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.iki-sutun.ust-hizali{align-items:start}
.iki-sutun h2{font-size:clamp(30px,3.6vw,44px);margin-bottom:16px}
.madde-liste{list-style:none;padding:0;display:flex;flex-direction:column;gap:18px;margin-top:28px}
.madde-liste li{display:flex;gap:14px}
.madde-liste li>.ik{width:40px;height:40px;padding:9px;border-radius:10px;background:var(--ana-acik);color:var(--ana)}
.madde-liste b{display:block;font-weight:600;color:var(--murekkep);font-size:16px}
.madde-liste span,.madde-liste a{font-size:15px;color:var(--soluk)}
.madde-liste a{color:var(--ana)}

.adimlar{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}
.adimlar::before{content:"";position:absolute;top:22px;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,var(--ana-orta) 0 6px,transparent 6px 12px)}
.adimlar li{position:relative;text-align:center}
.adimlar span{position:relative;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#fff;color:var(--ana);font-weight:600;font-size:17px;box-shadow:0 0 0 1px var(--ana-orta),0 0 0 6px var(--gri)}
.adimlar li:last-child span{background:var(--degrade);color:#fff;box-shadow:0 0 0 1px var(--ana),0 0 0 6px var(--gri)}
.adimlar h3{font-size:17px;margin-bottom:6px}.adimlar p{font-size:14.5px;color:var(--soluk);max-width:250px;margin:0 auto}

/* ---------- Fiyat ---------- */
.donem-secici{display:flex;width:max-content;margin:0 auto 32px;padding:4px;border-radius:99px;background:var(--gri-2);border:1px solid var(--cizgi)}
.donem-secici.sola{margin:0 0 24px}
.donem-secici button{height:38px;padding:0 18px;border-radius:99px;font-size:15px;font-weight:500;color:var(--soluk);display:flex;align-items:center;gap:8px}
.donem-secici button[aria-checked=true]{background:#fff;color:var(--murekkep);box-shadow:var(--golge-k),0 0 0 1px var(--cizgi)}
.kazanc{font-size:12px;font-weight:600;color:var(--turk-koyu);background:var(--turk-acik);border-radius:99px;padding:1px 8px}
.fiyat-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.fiyat-kart{position:relative;background:#fff;border-radius:24px;padding:30px 28px;box-shadow:var(--golge)}
.fiyat-kart.onerilen{box-shadow:0 0 0 2px var(--ana),var(--golge-b)}
.rozet{position:absolute;top:-13px;left:28px;background:var(--degrade);color:#fff;font-size:12.5px;font-weight:500;border-radius:99px;padding:4px 12px}
.fiyat-kart h3{font-size:20px}
.fiyat-kart .kisa{font-size:14.5px;color:var(--soluk);margin:4px 0 22px}
.tutar{display:flex;align-items:baseline;gap:6px}
.tutar b{font-weight:650;letter-spacing:-.03em;font-size:44px;color:var(--murekkep);letter-spacing:-.02em;line-height:1}
.tutar span{font-size:14px;color:var(--soluk)}
.donem-not{font-size:13px;color:var(--soluk);margin:8px 0 22px;min-height:20px}
.liste{list-style:none;padding:0;margin-top:24px;display:flex;flex-direction:column;gap:11px;font-size:14.5px}
.liste li{display:flex;gap:10px;align-items:flex-start}
.liste .ik{width:18px;height:18px;color:var(--turk);stroke-width:2.2;margin-top:2px}
.liste b{font-weight:600;color:var(--murekkep)}
.liste li.onceki{color:var(--soluk);font-size:13.5px}.liste li.onceki .ik{visibility:hidden}

.tablo-kap{overflow-x:auto;border-radius:16px;background:#fff;box-shadow:var(--golge)}
.karsilastirma{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.karsilastirma th,.karsilastirma td{padding:14px 20px;text-align:center;border-bottom:1px solid var(--cizgi)}
.karsilastirma th:first-child,.karsilastirma td:first-child{text-align:left}
.karsilastirma thead th{font-weight:600;color:var(--murekkep);background:var(--gri);position:sticky;top:0}
.karsilastirma td small{display:block;font-size:13px;color:var(--soluk);margin-top:2px}
.karsilastirma tr:last-child td{border-bottom:0}
.karsilastirma .var{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--turk-acik);color:var(--turk-koyu)}
.karsilastirma .var .ik{width:15px;height:15px;stroke-width:2.4}
.karsilastirma .yok{color:var(--silik)}
.sektor-tablo td{text-align:left!important;font-size:14.5px}.sektor-tablo td a{color:var(--ana);font-weight:500}.sektor-tablo th{text-align:left!important}

.ek-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ek-kart{background:#fff;border-radius:14px;padding:22px;box-shadow:var(--golge)}
.ek-kart h3{font-size:16px;margin-bottom:4px}.ek-kart p{font-size:14px;color:var(--soluk)}.ek-kart b{display:block;margin-top:14px;color:var(--murekkep);font-weight:600}
.ek-kart b small{font-weight:400;color:var(--soluk)}

.yakinda-kart{display:flex;gap:24px;align-items:center;margin-top:48px;padding:28px 32px;border-radius:24px;background:linear-gradient(120deg,#1a1720,#2e1d4d);color:#cfc8dc}
.yakinda-kart h3{display:flex;align-items:center;gap:10px;color:#fff;font-size:19px;margin-bottom:4px}
.yakinda-kart p{max-width:760px;font-size:15px}
.yakinda-ikon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#f39ac4;flex:none}
.yakinda-ikon .ik{width:30px;height:30px}
.yakinda-kart .etiket{background:rgba(224,37,126,.18);color:#f7a8cd}

.sss-duzen{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:64px;align-items:start}
.sss-bas{position:sticky;top:110px}
.sss-bas h2{font-size:clamp(32px,4vw,48px);margin-bottom:14px}
.sss-bas p{color:var(--soluk);font-size:16.5px}
.sss{display:flex;flex-direction:column;gap:10px}
.sss details{background:#fff;border-radius:18px;border:1px solid var(--cizgi);transition:border-color .15s}
.sss details[open]{border-color:var(--ana-orta)}
.sss summary{list-style:none;cursor:pointer;padding:18px 54px 18px 22px;font-weight:500;color:var(--murekkep);position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;border-right:1.8px solid var(--soluk);border-bottom:1.8px solid var(--soluk);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.sss details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.sss details p{padding:0 22px 20px;color:var(--soluk);font-size:15.5px}
.sss details b{color:var(--murekkep);font-weight:600}

.cagri{padding:0 0 104px}
.bolum.gri+.cagri{padding-top:104px}
.cagri-ic{display:flex;align-items:center;justify-content:space-between;gap:32px;background:radial-gradient(600px 300px at 90% 0,rgba(224,37,126,.45),transparent 70%),linear-gradient(120deg,#2a1745,#4b2e92 60%,#8b2fc4);color:#e7def5;border-radius:32px;padding:52px 56px;position:relative;overflow:hidden}
.cagri-ic::after{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;border:56px solid rgba(255,255,255,.06);pointer-events:none}
.cagri h2{color:#fff;font-size:clamp(28px,3.2vw,38px);margin-bottom:8px}
.cagri .eylem-satir{position:relative;z-index:1;flex:none}

/* ---------- Sayfa başı ---------- */
.sayfa-bas{padding:72px 0 48px;text-align:center;background:radial-gradient(700px 300px at 50% 0,rgba(124,47,192,.07),transparent 70%)}
.sayfa-bas h1{font-size:clamp(36px,4.6vw,54px);margin-bottom:14px}
.sayfa-bas .giris{margin:0 auto}
.bos-sayfa{padding:120px 0}
.bos-sayfa .eylem-satir{margin-top:28px}
.geri-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--soluk)}.geri-link:hover{color:var(--murekkep)}
.sektor-kahraman{padding-top:48px}
.modul-izgara{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.modul{display:flex;gap:16px;background:#fff;border-radius:14px;padding:22px;box-shadow:var(--golge)}
.modul-ikon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--turk-acik);color:var(--turk-koyu);flex:none}
.modul-ikon .ik{width:16px;height:16px;stroke-width:2.4}
.modul h3{font-size:16.5px;margin-bottom:4px}.modul p{font-size:14.5px;color:var(--soluk)}.modul .etiket{margin-top:10px}
.cip-satir{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.cip{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:99px;border:1px solid var(--cizgi);background:#fff;font-size:15px;color:var(--murekkep);box-shadow:var(--golge-k)}
.cip:hover{border-color:var(--ana-orta);background:var(--ana-acik)}
.cip .ik{width:18px;height:18px;color:var(--ana)}

/* Yasal metin */
.metin h2{font-family:Inter,sans-serif;font-weight:600;font-size:19px;margin:32px 0 10px;letter-spacing:-.01em}
.metin p{margin-bottom:12px;color:var(--metin)}
.metin a{color:var(--ana);text-decoration:underline;text-underline-offset:2px}
.yasal-not{font-size:14px;background:var(--sari-acik);color:#8a5d00;border-radius:10px;padding:12px 16px;margin-bottom:24px!important}

/* ---------- Formlar ---------- */
.alan-izgara{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.alan{display:flex;flex-direction:column;gap:6px;min-width:0}
.alan.genis{grid-column:1/-1}
.alan>span{font-size:14px;font-weight:500;color:var(--murekkep)}
.alan input,.alan select,.alan textarea{width:100%;min-height:46px;border:1px solid var(--cizgi-koyu);border-radius:10px;padding:11px 14px;background:#fff;font-size:16px;box-shadow:var(--golge-k);transition:border-color .15s,box-shadow .15s}
.alan textarea{resize:vertical;min-height:80px}
.alan input:focus,.alan select:focus,.alan textarea:focus{outline:0;border-color:var(--ana);box-shadow:0 0 0 3px rgba(124,47,192,.15)}
.alan.hatali input,.alan.hatali textarea{border-color:var(--mercan);box-shadow:0 0 0 3px rgba(224,83,61,.12)}
.alan small{font-size:13px;color:var(--soluk)}
.alan .hata-metin{color:var(--mercan)}
.alan-on-ek{display:flex;align-items:stretch;border:1px solid var(--cizgi-koyu);border-radius:10px;overflow:hidden;box-shadow:var(--golge-k)}
.alan-on-ek:focus-within{border-color:var(--ana);box-shadow:0 0 0 3px rgba(124,47,192,.15)}
.alan-on-ek input{border:0!important;box-shadow:none!important;border-radius:0;min-width:0}
.alan-on-ek em{font-style:normal;display:flex;align-items:center;padding:0 14px;background:var(--gri);color:var(--soluk);border-left:1px solid var(--cizgi);white-space:nowrap;font-size:15px}
.onay{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;cursor:pointer}
.onay input{width:18px;height:18px;margin-top:2px;accent-color:var(--ana);flex:none}
.onay a{color:var(--ana);text-decoration:underline;text-underline-offset:2px}
.onay.hatali{color:var(--mercan)}
.onaylar{display:flex;flex-direction:column;gap:12px;margin:20px 0}
.hata-kutu{background:var(--mercan-acik);color:#a33221;border-radius:10px;padding:12px 16px;font-size:14.5px;margin-top:16px}
.uyari{background:var(--sari-acik);color:#8a5d00;border-radius:10px;padding:14px 18px}
.turnstile-kap:empty{display:none}
.turnstile-kap{margin-top:16px}
.kart-form{background:#fff;border-radius:18px;padding:32px;box-shadow:var(--golge);display:flex;flex-direction:column;gap:18px}
.basari{display:flex;gap:14px;align-items:center;background:var(--turk-acik);color:var(--turk-koyu);border-radius:12px;padding:16px 18px}
.basari b{display:block;color:var(--murekkep)}.basari .ik{width:28px;height:28px;stroke-width:2.2}
.iletisim-yan{padding-top:12px}

/* ---------- Satın alma sihirbazı ---------- */
.sihirbaz-kap{padding:48px 0 96px;background:linear-gradient(var(--gri),#fff 320px)}
.sihirbaz-bas{text-align:center;margin-bottom:28px}
.sihirbaz-bas h1{font-size:clamp(32px,4vw,44px);margin-bottom:8px}
.sihirbaz-bas p{color:var(--soluk)}
.ilerleme{list-style:none;padding:0;display:flex;justify-content:center;gap:0;margin:0 auto 36px;max-width:860px;counter-reset:x}
.ilerleme li{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13.5px;color:var(--silik);position:relative;text-align:center}
.ilerleme li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--cizgi);z-index:0}
.ilerleme li:first-child::before{display:none}
.ilerleme span{position:relative;z-index:1;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;border:2px solid var(--cizgi);font-weight:600;font-size:14px;color:var(--silik);transition:.2s}
.ilerleme li.aktif{color:var(--murekkep);font-weight:500}
.ilerleme li.aktif span{border-color:var(--ana);color:var(--ana);box-shadow:0 0 0 4px var(--ana-acik)}
.ilerleme li.tamam{color:var(--metin)}
.ilerleme li.tamam span{background:var(--degrade);border-color:transparent;color:#fff}
.ilerleme li.tamam::before,.ilerleme li.aktif::before{background:var(--ana)}
.ilerleme li.tamam{cursor:pointer}
.sihirbaz{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
.sihirbaz-form{background:#fff;border-radius:20px;padding:36px;box-shadow:var(--golge)}
.adim{border:0;padding:0;min-width:0}
.adim legend{font-weight:650;letter-spacing:-.025em;font-size:30px;color:var(--murekkep);line-height:1.2;margin-bottom:8px;padding:0}
.adim legend:focus{outline:none}
.adim-no{display:block;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:var(--ana);margin-bottom:6px;letter-spacing:0}
.adim-aciklama{color:var(--soluk);margin-bottom:24px}
.adim legend+.donem-secici,.adim legend+.secim-izgara,.adim legend+.alan-izgara,.adim legend+.ara-baslik{margin-top:24px}
.adim .donem-secici{margin:24px 0 24px}
.ara-baslik{font-size:16px;margin:28px 0 12px}.ara-baslik:first-of-type{margin-top:24px}
.ara-baslik small{font-weight:400;color:var(--soluk);font-size:13px;margin-left:6px}
.secim-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.secim-izgara.iki{grid-template-columns:repeat(2,1fr)}
.secim-izgara.uc{grid-template-columns:repeat(3,1fr)}
.secim{position:relative;display:flex;flex-direction:column;gap:4px;text-align:left;padding:18px;border-radius:14px;border:1.5px solid var(--cizgi);background:#fff;transition:border-color .15s,box-shadow .15s,background .15s;cursor:pointer}
.secim:hover{border-color:var(--ana-orta)}
.secim input{position:absolute;opacity:0;pointer-events:none}
.secim:has(input:focus-visible){outline:2px solid var(--ana);outline-offset:2px}
.secim.secili{border-color:var(--ana);background:linear-gradient(var(--ana-acik),#fff 70%);box-shadow:0 0 0 3px rgba(124,47,192,.1)}
.secim .tik{position:absolute;top:14px;right:14px;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--cizgi-koyu);display:grid;place-items:center;background:#fff;color:transparent}
.secim .tik .ik{width:13px;height:13px;stroke-width:3}
.secim.secili .tik{background:var(--ana);border-color:var(--ana);color:#fff}
.secim .s-ikon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--gri-2);color:var(--ana);margin-bottom:8px}
.secim .s-ikon .ik{width:22px;height:22px}
.secim b{font-size:16px;font-weight:600;color:var(--murekkep);padding-right:24px}
.secim small{font-size:13.5px;color:var(--soluk);line-height:1.45}
.secim .s-fiyat{margin-top:10px;font-size:14px;color:var(--soluk)}
.secim .s-fiyat strong{font-weight:650;letter-spacing:-.03em;font-size:28px;color:var(--murekkep);margin-right:4px}
.secim .s-liste{list-style:none;padding:0;margin-top:12px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--metin)}
.secim .s-liste li{display:flex;gap:6px}.secim .s-liste .ik{width:14px;height:14px;color:var(--turk);stroke-width:2.4;margin-top:3px}
.secim .rozet{top:-11px;left:16px;font-size:11.5px;padding:2px 10px}
.ek-liste{display:flex;flex-direction:column;gap:10px}
.ek-satir{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;border:1.5px solid var(--cizgi);cursor:pointer;transition:.15s}
.ek-satir:hover{border-color:var(--ana-orta)}
.ek-satir.secili{border-color:var(--ana);background:var(--ana-acik)}
.ek-satir.pasif{cursor:default;opacity:.7;background:var(--gri)}
.ek-satir input[type=checkbox]{width:18px;height:18px;accent-color:var(--ana);flex:none}
.ek-satir .e-metin{flex:1;min-width:0}
.ek-satir b{display:block;font-weight:600;color:var(--murekkep);font-size:15px}
.ek-satir small{color:var(--soluk);font-size:13.5px}
.ek-satir .e-fiyat{font-size:14px;color:var(--murekkep);font-weight:500;text-align:right;white-space:nowrap}
.ek-satir .e-fiyat small{display:block;font-weight:400}
.adet{display:flex;align-items:center;border:1px solid var(--cizgi-koyu);border-radius:8px;background:#fff;overflow:hidden}
.adet button{width:32px;height:32px;display:grid;place-items:center;color:var(--metin)}.adet button:hover{background:var(--gri-2)}
.adet .ik{width:14px;height:14px}
.adet output{min-width:28px;text-align:center;font-weight:500;font-size:14px}
.sihirbaz-alt{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--cizgi)}
.ozet{position:sticky;top:92px;background:#fff;border-radius:20px;padding:26px;box-shadow:var(--golge)}
.ozet h2{font-family:Inter,sans-serif;font-weight:600;font-size:17px;margin-bottom:16px;letter-spacing:-.01em}
.ozet-satir{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;padding:7px 0}
.ozet-satir span{color:var(--soluk)}.ozet-satir b{font-weight:500;color:var(--murekkep);text-align:right}
.ozet-satir.indirim b{color:var(--turk-koyu)}
.ozet-ayrac{height:1px;background:var(--cizgi);margin:10px 0}
.ozet-toplam{display:flex;justify-content:space-between;align-items:baseline;padding-top:6px}
.ozet-toplam span{font-weight:600;color:var(--murekkep)}
.ozet-toplam b{font-weight:650;letter-spacing:-.03em;font-size:30px;color:var(--murekkep)}
.ozet-alt{font-size:13px;color:var(--soluk);margin-top:4px}
.ozet-bos{font-size:14.5px;color:var(--silik)}
.ozet-guven{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--soluk);margin-top:18px;padding-top:16px;border-top:1px solid var(--cizgi)}
.ozet-tekrar{background:var(--gri);border-radius:12px;padding:16px 18px;margin:20px 0;font-size:14.5px;display:grid;grid-template-columns:auto 1fr;gap:6px 16px}
.ozet-tekrar span{color:var(--soluk)}.ozet-tekrar b{font-weight:500;color:var(--murekkep);word-break:break-word}
.ozet-tekrar button{grid-column:1/-1;justify-self:start;color:var(--ana);font-size:14px;font-weight:500;margin-top:4px}
.sonuc{max-width:640px;margin:0 auto;background:#fff;border-radius:20px;padding:48px;box-shadow:var(--golge);text-align:center}
.sonuc-ikon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:var(--turk-acik);color:var(--turk-koyu)}
.sonuc-ikon .ik{width:32px;height:32px;stroke-width:2.4}
.sonuc h2{font-size:36px;margin-bottom:10px}
.sonuc>p{color:var(--soluk)}
.sonuc b{color:var(--murekkep)}
.sonraki{list-style:none;padding:0;margin:28px 0;text-align:left;display:flex;flex-direction:column;gap:0;counter-reset:s}
.sonraki li{counter-increment:s;position:relative;padding:0 0 18px 48px}
.sonraki li::before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:50%;background:var(--ana-acik);color:var(--ana);display:grid;place-items:center;font-weight:600;font-size:14px}
.sonraki li::after{content:"";position:absolute;left:14px;top:34px;bottom:4px;width:2px;background:var(--cizgi)}
.sonraki li:last-child::after{display:none}
.sonraki b{display:block}.sonraki span{font-size:14.5px;color:var(--soluk)}

/* ---------- Alt bilgi ---------- */
.alt{border-top:1px solid var(--cizgi);background:#fff;padding:64px 0 0;font-size:15px}
.alt-izgara{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.alt-marka p{color:var(--soluk);margin:14px 0 16px;max-width:320px;font-size:14.5px}
.alt h4{font-size:14px;color:var(--murekkep);margin-bottom:14px}
.alt ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:9px}
.alt ul a{color:var(--soluk)}.alt ul a:hover{color:var(--murekkep)}
.alt-iletisim li{display:flex;align-items:center;gap:8px}.alt-iletisim .ik{width:16px;height:16px;color:var(--soluk)}
.alt-son{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:28px;padding-bottom:28px;margin-top:48px;border-top:1px solid var(--cizgi);font-size:13.5px;color:var(--soluk)}

/* ---------- Duyarlı ---------- */
@media (max-width:1080px){
  .kurulum-izgara{grid-template-columns:1fr 1fr}
  .ana-menu{gap:0}.ana-menu>a,.acilir>button{padding:0 9px}
  .ozellik-izgara{grid-template-columns:repeat(3,1fr)}
  .vitrin{grid-template-columns:1fr 1fr}
  .vitrin-kart.genis,.vitrin-kart.ters{grid-column:1/-1;grid-row:auto}
  .ozellik-liste{grid-template-columns:1fr 1fr}
  .guvence{grid-template-columns:1fr 1fr}
  .p-kpi .gizle-orta,.p-sutun.gizle-orta{display:none}.p-kpi{grid-template-columns:repeat(3,1fr)}
  .ek-izgara{grid-template-columns:repeat(2,1fr)}
  .sihirbaz{grid-template-columns:1fr}
  .ozet{position:static}
  .ozet-guven{display:none}
}
@media (max-width:960px){
  .ust-eylem .hayalet{display:none}
  .menu-ac{display:inline-flex}
  .ana-menu{position:fixed;inset:68px 0 auto 0;flex-direction:column;align-items:stretch;gap:2px;padding:12px 16px 20px;background:#fff;border-bottom:1px solid var(--cizgi);box-shadow:0 20px 40px -20px rgba(15,18,34,.25);max-height:calc(100dvh - 68px);overflow:auto;transform:translateY(-8px);opacity:0;visibility:hidden;transition:.18s}
  .menu-acik .ana-menu{transform:none;opacity:1;visibility:visible}
  .ana-menu>a,.acilir>button{height:46px;width:100%;justify-content:flex-start;font-size:16px}
  .acilir-panel{position:static;width:auto;grid-template-columns:1fr;box-shadow:none;padding:0 0 8px 8px;opacity:1;visibility:visible;transform:none;display:none}
  .acilir.acik .acilir-panel{display:grid}
  .acilir:hover .acilir-panel{display:none}.acilir.acik:hover .acilir-panel{display:grid}
  .kahraman{padding:48px 0 64px}
  .kahraman-ic,.iki-sutun{grid-template-columns:1fr;gap:48px}
  .pencere{transform:none}
  .sektor-izgara,.fiyat-izgara,.adimlar{grid-template-columns:1fr 1fr}
  .fiyat-izgara{gap:28px}
  .bant-ic{grid-template-columns:1fr 1fr}.bant-ic div:nth-child(3){border-left:0;padding-left:0}.bant-ic div:nth-child(n+3){border-top:1px solid var(--cizgi)}
  .alt-izgara{grid-template-columns:1fr 1fr}
  .alt-marka{grid-column:1/-1}
  .cagri-ic{flex-direction:column;align-items:flex-start;padding:40px 32px}
  .secim-izgara,.secim-izgara.uc{grid-template-columns:1fr 1fr}
  .ana-menu{margin:0;border:0;border-radius:0;padding:12px 16px 20px;background:#fff}
  .ust-eylem{margin-left:auto}
  .acilir-panel{grid-template-columns:1fr 1fr}
  .sektor-izgara,.kurulum-izgara{grid-template-columns:1fr 1fr}
  .serit-ic{flex-direction:column;align-items:flex-start;gap:12px}
  .serit ul{justify-content:flex-start}
  .sss-duzen{grid-template-columns:1fr;gap:32px}
  .sss-bas{position:static}
  .adimlar{grid-template-columns:1fr 1fr;gap:40px 24px}.adimlar::before{display:none}
  .panel{grid-template-columns:150px 1fr;height:440px}
}
@media (max-width:640px){
  .kap{padding:0 16px}
  .bolum{padding:64px 0}
  .cagri{padding-bottom:64px}
  .ust-ic{gap:12px}
  .ust-eylem .dugme.ana{height:38px;padding:0 14px;font-size:14px}
  .kahraman{padding-top:48px}
  .kahraman h1{font-size:38px}
  .kahraman .giris{font-size:17px}
  .guven{gap:8px 16px}
  .genis-kap{margin-top:44px;padding:0 10px}
  .onizleme{padding:0}
  .panel{grid-template-columns:1fr;height:380px}
  .p-ust{padding:0 12px}.p-ara{display:none}.p-dugme{margin-left:auto}
  .p-kpi{grid-template-columns:1fr 1fr;padding:12px 12px 4px}.p-kpi>div:nth-child(3){display:none}
  .p-pano{padding:10px 12px}
  .pencere-cubuk span{padding:3px 18px}
  .yuzen{display:none}
  .vitrin,.ozellik-liste,.guvence,.sektor-izgara,.kurulum-izgara,.adimlar{grid-template-columns:1fr}
  .vitrin-kart{padding:24px;border-radius:22px}
  .vitrin-kart.genis{flex-direction:column;align-items:stretch;gap:24px}
  .ozellik-liste{margin-top:40px;padding-top:36px}
  .acilir-panel{grid-template-columns:1fr}
  .serit a{font-size:14px}
  .bolum-bas h2,.sss-bas h2{font-size:32px}
  .cubuk-grafik div{grid-template-columns:72px 1fr 24px}
  .giris{font-size:16.5px}
  .eylem-satir .dugme{flex:1 1 100%}
  .sektor-izgara,.fiyat-izgara,.adimlar,.ozellik-izgara,.modul-izgara,.ek-izgara{grid-template-columns:1fr}
  .panel{grid-template-columns:1fr;height:320px}.p-yan{display:none}
  .gizle-dar{display:none}
  .y1{left:8px;bottom:-22px}.y2{right:8px;top:-22px}
  .bant-ic div{padding:20px 12px}.bant-ic div:nth-child(odd){padding-left:0;border-left:0}
  .bant b{font-size:22px}
  .yakinda-kart{flex-direction:column;padding:28px;gap:16px}
  .alt-izgara{grid-template-columns:1fr 1fr;gap:28px}
  .sihirbaz-kap{padding-top:28px}
  .sihirbaz-form{padding:22px 18px;border-radius:16px}
  .adim legend{font-size:24px}
  .secim-izgara,.secim-izgara.uc,.secim-izgara.iki{grid-template-columns:1fr}
  .alan-izgara{grid-template-columns:1fr}
  .ilerleme li{font-size:0;gap:0}
  .ilerleme li.aktif{font-size:12px;gap:6px}
  .ek-satir{flex-wrap:wrap}
  .ek-satir .e-fiyat{text-align:left;padding-left:32px;width:100%}
  .kart-form{padding:22px 18px}
  .sonuc{padding:32px 20px}
  .ozet-tekrar{grid-template-columns:1fr;gap:2px}
  .ozet-tekrar b{margin-bottom:6px}
  .donem-secici{width:100%}.donem-secici button{flex:1;justify-content:center;padding:0 10px}
}

/* ---------- Bileşen tutarlılığı: tek ölçek (düğme, rozet, kart, ikon kutusu, form) ---------- */
/* Düğmeler: iki yükseklik (44 / 52), hepsi 600 ağırlık, aynı geçiş ve odak halkası */
.dugme{height:44px;font-weight:600;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s,color .18s}
.dugme.buyuk{height:52px}
.dugme.ana:hover{transform:translateY(-1px)}
.dugme.cizgi:hover{border-color:var(--ana-orta);background:var(--ana-acik);color:var(--ana-koyu)}
.dugme.beyaz:hover,.dugme.cizgi-beyaz:hover{transform:translateY(-1px)}
.dugme:focus-visible,.cip:focus-visible,.donem-secici button:focus-visible{outline:0;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--ana)}
.cip{height:44px;font-weight:500;transition:border-color .18s,background .18s,color .18s}
.cip:hover{color:var(--ana-koyu)}
/* Rozetler: hepsi aynı hap ölçüsünde */
.rozet,.etiket,.kazanc,.duyuru span{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:600;line-height:1;letter-spacing:0}
.rozet{top:-12px}
.secim .rozet{top:-12px;height:22px;font-size:11.5px}
/* Kartlar: büyük kartlar 24px, iç / küçük kartlar 16px köşe */
.sihirbaz-form,.ozet,.sonuc,.kart-form,.vitrin-kart{border-radius:24px}
.modul,.ek-kart,.secim,.sss details{border-radius:16px}
/* İkon kutuları: köşe yarıçapı boyuta oranlı */
.yakinda-ikon{border-radius:14px}
.ozellik-ikon,.secim .s-ikon,.madde-liste li>.ik{border-radius:11px}
/* Form alanları düğmelerle aynı yükseklikte */
.alan input,.alan select{min-height:44px}
.alan input:hover:not(:focus),.alan select:hover:not(:focus),.alan textarea:hover:not(:focus){border-color:#c6bdd3}
/* Sektör sayfası: düğmeler panel önizlemesine yapışmasın */
.sektor-kahraman .eylem-satir{margin-bottom:56px}
@media (max-width:640px){.sektor-kahraman .eylem-satir{margin-bottom:40px}}
/* Mobil menü: masaüstünde gizli demo düğmesi, menü düğmesi başlıktaki düğmeyle aynı boyda */
.ana-menu>.menu-demo{display:none}
@media (max-width:960px){
  .ana-menu>.menu-demo{display:inline-flex;justify-content:center;height:44px;margin-top:12px;padding:0 18px;font-size:15px}
  .menu-ac{width:38px;height:38px;border-radius:99px}
}
.ek-kart .yakinda-rozet{margin-top:14px;background:var(--gri-2);color:var(--soluk)}