/* trbtolga.com — tasarım sistemi
   Konsept: "tasarım tuvali". Programların kendisi bir tasarım aracı; hero'da tuval ızgarası, ekran görüntüleri gerçek pencere içinde.
   Renk: lacivert mürekkep, TRB mavisi (programlardaki marka rengi), lisans/fiyat vurgusu için kehribar. */
@font-face{font-family:"Bricolage";font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/bricolage-grotesque-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage";font-style:normal;font-display:swap;font-weight:200 800;src:url(../fonts/bricolage-grotesque-latin-wght-normal.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:"Figtree";font-style:normal;font-display:swap;font-weight:300 900;src:url(../fonts/figtree-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Figtree";font-style:normal;font-display:swap;font-weight:300 900;src:url(../fonts/figtree-latin-wght-normal.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}

:root{
  --ink:#0e1537;--ink2:#353e63;--mut:#646d8c;--faint:#97a0bb;
  --paper:#f5f6fa;--card:#fff;--line:#e0e4ee;--line2:#eef0f6;
  --blue:#2f45d8;--blue-d:#2033b0;--blue-s:#eaedfd;--blue-l:#c9d0fa;
  --amber:#f5a300;--amber-s:#fff4dc;--mint:#0f9a63;--mint-s:#e2f6ec;--red:#cf3434;--red-s:#fde9e9;
  --night:#121a42;
  --fd:"Bricolage","Figtree",system-ui,sans-serif;--fb:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r1:8px;--r2:12px;--r3:18px;
  --sh1:0 1px 2px rgba(14,21,55,.06),0 2px 8px rgba(14,21,55,.05);
  --sh3:0 2px 6px rgba(14,21,55,.06),0 24px 60px -18px rgba(14,21,55,.28);
  --wrap:1200px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16.5px/1.6 var(--fb);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--blue-d)}
h1,h2,h3,h4{font-family:var(--fd);color:var(--ink);line-height:1.12;letter-spacing:-.02em;margin:0 0 .5em;font-weight:700;font-variation-settings:"wdth" 92}
h1{font-size:clamp(36px,5.2vw,62px);letter-spacing:-.035em}
h2{font-size:clamp(28px,3.4vw,42px);letter-spacing:-.03em}
h3{font-size:21px}
p{margin:0 0 1em}
::selection{background:var(--blue);color:#fff}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
.i{flex:none;vertical-align:-4px}
.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip:focus{position:fixed;top:10px;left:10px;z-index:100;background:#fff;padding:10px 14px;border-radius:8px}
.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}
.lead{font-size:19px;color:var(--ink2);max-width:62ch}
.mut{color:var(--mut)}
.center{text-align:center}

/* ---------- Düğmeler ve form ---------- */
.btn{--b:var(--blue);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:10px;border:1px solid var(--b);background:var(--b);color:#fff;font:600 15.5px/1 var(--fb);text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;white-space:nowrap}
.btn:hover{--b:var(--blue-d);color:#fff}
.btn:active{transform:translateY(1px)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn--ghost:hover{background:#fff;color:var(--ink);border-color:var(--blue-l)}
.btn--white{background:#fff;color:var(--ink);border-color:#fff}
.btn--white:hover{background:var(--blue-s);color:var(--ink);border-color:var(--blue-s)}
.btn--amber{--b:var(--amber);color:#2a1d00}
.btn--amber:hover{--b:#e09500;color:#2a1d00}
.btn--danger{--b:var(--red)}
.btn--sm{min-height:36px;padding:0 14px;font-size:14.5px;border-radius:9px}
.btn--lg{min-height:52px;padding:0 26px;font-size:16.5px;border-radius:12px}
.btn--block{width:100%}
.btn[disabled]{opacity:.55;pointer-events:none}
.link{background:none;border:0;padding:0;color:var(--blue);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
label.fld{display:block;margin-bottom:14px}
.fld>span{display:block;font-weight:600;font-size:14.5px;margin-bottom:6px;color:var(--ink)}
.fld>small{display:block;color:var(--mut);font-size:13px;margin-top:5px}
.in,select.in,textarea.in{width:100%;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 13px;font:inherit;font-size:16px;color:var(--ink);transition:border-color .15s,box-shadow .15s}
textarea.in{min-height:120px;resize:vertical;line-height:1.5}
.in:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-s)}
.in.mono{font-family:ui-monospace,Consolas,monospace;font-size:14px}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;margin:10px 0;cursor:pointer}
.chk input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--blue);flex:none}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.row3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 16px}
.alert{border-radius:10px;padding:12px 16px;margin:0 0 14px;font-size:15px;border:1px solid}
.alert--ok{background:var(--mint-s);border-color:#b6e7cd;color:#0b6b45}
.alert--err{background:var(--red-s);border-color:#f6c3c3;color:#9b2222}
.alert--info{background:var(--blue-s);border-color:var(--blue-l);color:var(--blue-d)}
.alert--warn{background:var(--amber-s);border-color:#f8dc9b;color:#7a5200}
.flashwrap{padding-top:18px}
.tag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--line2);color:var(--ink2);white-space:nowrap}
.tag--ok{background:var(--mint-s);color:#0b7a4f}.tag--warn{background:var(--amber-s);color:#8a5a00}.tag--bad{background:var(--red-s);color:#a32727}.tag--blue{background:var(--blue-s);color:var(--blue-d)}

/* ---------- Üst bilgi ---------- */
.hdr{position:sticky;top:0;z-index:50;background:rgba(245,246,250,.86);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.hdr.is-scrolled{border-bottom-color:var(--line)}
.hdr__in{display:flex;align-items:center;gap:28px;height:68px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.logo__mark{flex:none;display:block;filter:drop-shadow(0 4px 10px rgba(31,47,168,.25))}
.logo__txt{display:flex;flex-direction:column;gap:3px}
.logo__ad{font:560 22px/1 var(--fd);letter-spacing:-.03em;font-variation-settings:"wdth" 92}
.logo__ad b{font-weight:780}
.logo__alt{display:flex;align-items:center;gap:6px;font:560 11.5px/1 var(--fd);letter-spacing:.14em;color:var(--blue)}
.logo__alt::after{content:"";flex:1;height:1.5px;border-radius:1px;background:#a01832}
.logo--inv{color:#fff}.logo--inv .logo__alt{color:#aeb8ff}
.nav{display:flex;gap:4px;margin-right:auto}
.nav>a,.mm__btn{color:var(--ink2);text-decoration:none;font-weight:500;font-size:15px;padding:8px 11px;border-radius:8px}
.nav>a:hover,.mm__btn:hover{color:var(--ink);background:#fff}
.nav>a[aria-current],.mm__btn[aria-current]{color:var(--ink);font-weight:650;background:#fff;box-shadow:var(--sh1)}
.hdr__act{display:flex;align-items:center;gap:10px}
.hdr__cart{position:relative;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--ink)}
.hdr__cart:hover{background:#fff;color:var(--ink)}
.hdr__cart b{position:absolute;top:3px;right:2px;min-width:18px;height:18px;border-radius:9px;background:var(--amber);color:#2a1d00;font-size:11px;display:grid;place-items:center;padding:0 4px}
.hdr__login{color:var(--ink);text-decoration:none;font-weight:600;font-size:15px;padding:8px 6px}
.hdr__burger{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);cursor:pointer;place-items:center}

/* ---------- Hero: tuval ---------- */
.hero{position:relative;padding:72px 0 40px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line2) 1px,transparent 1px),linear-gradient(90deg,var(--line2) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 80% 70% at 70% 30%,#000 30%,transparent 75%);pointer-events:none}
.hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center}
.hero h1{margin-bottom:22px;max-width:13ch}
.hero .lead{margin-bottom:28px}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.hero__facts{display:flex;gap:10px 26px;flex-wrap:wrap;color:var(--ink2);font-size:14.5px;list-style:none;padding:0;margin:0}
.hero__facts li{display:flex;align-items:center;gap:8px}
.hero__facts .i{color:var(--mint)}
.switch{display:inline-flex;padding:4px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:26px;box-shadow:var(--sh1)}
.switch button{border:0;background:none;font:600 14.5px var(--fb);color:var(--mut);padding:9px 16px;border-radius:9px;cursor:pointer;display:flex;gap:8px;align-items:center}
.switch button[aria-pressed=true]{background:var(--ink);color:#fff}
.stage{position:relative;aspect-ratio:16/11.4}
.win{position:absolute;border-radius:12px;background:#fff;box-shadow:var(--sh3);overflow:hidden;border:1px solid rgba(14,21,55,.08)}
.win__bar{height:26px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#eef0f6;border-bottom:1px solid var(--line)}
.win__bar i{width:9px;height:9px;border-radius:50%;background:#d4d8e4}
.win__bar span{margin-left:8px;font-size:11.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.win img{width:100%;height:auto}
.win--dark .win__bar{background:#1c2450;border-color:#283163}.win--dark .win__bar i{background:#3a4478}.win--dark .win__bar span{color:#aab2d8}
.stage .win--a{left:0;top:0;width:78%;z-index:1}
.stage .win--b{right:0;bottom:0;width:58%;z-index:2}
.stage__label{position:absolute;z-index:3;font:600 13px/1 var(--fb);background:var(--ink);color:#fff;padding:8px 12px;border-radius:99px;display:flex;gap:7px;align-items:center;box-shadow:var(--sh1)}
.stage__label--a{left:14px;top:40px}.stage__label--b{right:16px;bottom:calc(58% * .62 + 14px)}
.stage__label .i{color:var(--amber)}
.stage[data-p] .pair{transition:opacity .35s}
.stage .pair[hidden]{display:block;opacity:0;pointer-events:none}
@media (prefers-reduced-motion:no-preference){
  .js .stage .win--b{animation:out .9s .35s cubic-bezier(.2,.8,.2,1) both}
  @keyframes out{from{transform:translate(-18%,-10%) scale(.92);opacity:0}to{transform:none;opacity:1}}
}

/* ---------- Bölümler ---------- */
.sec{padding:96px 0}
.sec--tight{padding:64px 0}
.sec--white{background:#fff;border-block:1px solid var(--line)}
.sec--night{background:var(--night);color:#d7dcf3}
.sec--night h2,.sec--night h3{color:#fff}
.sec__head{max-width:720px;margin-bottom:48px}
.sec__head p{font-size:18.5px;color:var(--ink2)}
.sec--night .sec__head p{color:#b5bde3}
.sec__head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.sec__head--row>div{max-width:680px}

/* İki ürün */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.prod{position:relative;border-radius:var(--r3);padding:34px 34px 0;overflow:hidden;display:flex;flex-direction:column;min-height:560px;text-decoration:none;color:inherit;border:1px solid var(--line)}
.prod--web{background:#fff}
.prod--mas{background:var(--night);color:#cfd5f2;border-color:var(--night)}
.prod--mas h3{color:#fff}
.prod__kind{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;margin-bottom:14px;color:var(--blue)}
.prod--mas .prod__kind{color:var(--amber)}
.prod h3{font-size:30px;letter-spacing:-.03em;margin-bottom:12px}
.prod p{max-width:46ch}
.prod ul{list-style:none;padding:0;margin:4px 0 24px;display:grid;gap:7px;font-size:15px}
.prod li{display:flex;gap:9px}
.prod li .i{color:var(--mint);margin-top:3px}
.prod--mas li .i{color:var(--amber)}
.prod__act{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.prod__shot{margin-top:auto;margin-right:-34px;border-radius:12px 0 0 0;overflow:hidden;box-shadow:var(--sh3);border:1px solid rgba(14,21,55,.1);border-right:0;border-bottom:0}
.prod--mas .prod__shot{border-color:#2a3366}

/* Süreç (gerçek sıra) */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;counter-reset:s;border-top:2px solid var(--ink)}
.step{padding:22px 22px 0 0;position:relative}
.step::before{counter-increment:s;content:counter(s);font:700 15px/1 var(--fd);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:#fff;position:absolute;top:-17px;left:0;box-shadow:0 4px 12px -4px var(--st,rgba(14,21,55,.4))}
.step:nth-child(1)::before{background:#5b4be6;--st:rgba(91,75,230,.5)}
.step:nth-child(2)::before{background:#e0318a;--st:rgba(224,49,138,.5)}
.step:nth-child(3)::before{background:#0b9bd8;--st:rgba(11,155,216,.5)}
.step:nth-child(4)::before{background:#10b981;--st:rgba(16,185,129,.5)}
.steps{border-image:linear-gradient(90deg,#5b4be6,#e0318a,#0b9bd8,#10b981) 1}
.step h3{margin-top:22px;font-size:20px}
.step p{color:var(--ink2);font-size:15.5px;margin:0}

/* Demo galerisi */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.chip{border:1px solid var(--line);background:#fff;color:var(--ink2);font:500 14px var(--fb);padding:7px 14px;border-radius:99px;cursor:pointer;text-decoration:none}
.chip:hover{border-color:var(--blue-l);color:var(--ink)}
.chip[aria-pressed=true],.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.demos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.demo{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;text-decoration:none;color:inherit}
.demo:hover{border-color:var(--blue-l)}
.demo__img{position:relative;aspect-ratio:16/10;background:var(--c,#cfd5e8) center/cover no-repeat;border-bottom:1px solid var(--line2)}
.demo__img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,21,55,.55))}
.demo__live{position:absolute;z-index:1;top:10px;left:10px;font:600 12px/1 var(--fb);background:#fff;color:var(--ink);padding:6px 9px;border-radius:99px;display:flex;align-items:center;gap:6px}
.demo__live::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}
.demo__name{position:absolute;z-index:1;left:14px;bottom:10px;right:14px;color:#fff;font:700 18px/1.15 var(--fd);letter-spacing:-.02em}
.demo__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.demo__cat{font-size:13px;color:var(--mut)}
.demo__body p{font-size:14.5px;color:var(--ink2);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.demo__acts{display:flex;gap:8px;margin-top:auto;padding-top:10px}
.mdemo{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:16px}
.mdemo__ic{flex:none;width:44px;height:44px;border-radius:11px;background:var(--c);display:grid;place-items:center;color:#fff}
.mdemo h3{font-size:16.5px;margin:0 0 4px;letter-spacing:-.01em}
.mdemo p{font-size:14px;color:var(--ink2);margin:0}

/* Fiyatlar */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:28px;display:flex;flex-direction:column}
.bayi__fiyat{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:6px 0 8px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.bayi__ind{display:inline-flex;align-items:center;font-weight:800;font-size:15px;color:#fff;background:var(--pc,#2f45d8);padding:5px 12px;border-radius:99px}
.bayirozet{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:color-mix(in srgb,var(--pc,#2f45d8) 8%,#fff);border:1px solid color-mix(in srgb,var(--pc,#2f45d8) 26%,#fff);border-radius:14px;padding:16px 20px;margin-bottom:18px;text-decoration:none;color:var(--ink)}
.bayirozet__ic{display:flex;align-items:center;gap:14px}
.bayirozet__ic .i{color:var(--pc,#2f45d8);flex:none}
.bayirozet__ic strong{display:block;font-size:16px}
.bayirozet__ic span{color:var(--ink2);font-size:14px}
.bayirozet--promo:hover{border-color:var(--pc,#2f45d8)}
.panel__bayi{display:inline-flex;align-items:center;gap:5px;margin-top:7px;font-size:12px;font-weight:700;color:#fff;background:var(--pc,#2f45d8);padding:3px 9px;border-radius:99px;text-decoration:none;width:fit-content}
.panel__bayi .i{color:#fff}
.umenu{position:relative}
.hdr__uyead{display:inline-flex;flex-direction:column;line-height:1.15;text-align:left}
.hdr__uyead small{font-size:11px;font-weight:700;color:var(--blue);opacity:.92}
.umenu__panel{position:absolute;right:0;top:calc(100% + 8px);width:272px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 30px 60px -24px rgba(14,21,55,.3);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .14s,transform .14s,visibility 0s .14s;z-index:50}
.umenu:hover .umenu__panel,.umenu:focus-within .umenu__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.umenu__head{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line);margin-bottom:6px}
.umenu__head .av{width:38px;height:38px;flex:none}
.umenu__head strong{display:block;font-size:14px}
.umenu__head small{color:var(--mut);font-size:12px;display:block;overflow:hidden;text-overflow:ellipsis;max-width:184px}
.umenu__bayi{display:inline-flex;align-items:center;gap:4px;margin-top:5px;font-size:11px;font-weight:700;color:#fff;background:var(--pc,#2f45d8);padding:2px 8px;border-radius:99px}
.umenu__bayi .i{color:#fff}
.umenu__nav{display:flex;flex-direction:column}
.umenu__nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--ink2);text-decoration:none;font-size:14.5px;font-weight:500}
.umenu__nav a:hover{background:var(--paper);color:var(--ink)}
.umenu__nav .i{color:var(--mut)}
.umenu__cikis{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.umenu__cikis button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:none;cursor:pointer;color:#c0141f;font-size:14.5px;font-weight:600;border-radius:9px;font-family:inherit}
.umenu__cikis button:hover{background:#fdeeee}
.umenu__cikis .i{color:#c0141f}
.bayiprofil__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}
.bayiprofil__grid>div span{display:block;font-size:13px;margin-bottom:2px}
.bayiprofil__grid strong{font-size:15px}
.bayiprofil__gun{color:var(--pc,#2f45d8)}
@media (max-width:1080px){.umenu__panel{display:none}}
.dilsec{position:relative}
.dilsec__btn{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;font-size:13.5px;font-weight:700;color:var(--ink2);font-family:inherit}
.dilsec__btn:hover{color:var(--ink);border-color:var(--blue-l)}
.dilsec__panel{position:absolute;right:0;top:calc(100% + 6px);min-width:150px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 20px 40px -20px rgba(14,21,55,.3);padding:6px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .13s,transform .13s,visibility 0s .13s;z-index:50}
.dilsec:hover .dilsec__panel,.dilsec:focus-within .dilsec__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.dilsec__panel a{display:block;padding:8px 11px;border-radius:8px;color:var(--ink2);text-decoration:none;font-size:14px;font-weight:500}
.dilsec__panel a:hover{background:var(--paper);color:var(--ink)}
.dilsec__panel a[aria-current]{color:var(--blue);font-weight:700}
[dir=rtl] .dilsec__panel,[dir=rtl] .umenu__panel{right:auto;left:0}
.plan--hot{border:2px solid var(--ink);position:relative}
.plan--hot::before{content:"En çok tercih edilen";position:absolute;top:-13px;left:24px;background:var(--amber);color:#2a1d00;font:700 12.5px/1 var(--fb);padding:7px 11px;border-radius:99px}
.plan h3{font-size:22px;margin-bottom:6px}
.plan__sum{color:var(--ink2);font-size:15px;min-height:72px}
.price{display:flex;align-items:baseline;gap:6px;margin:16px 0 4px}
.price b{font:700 42px/1 var(--fd);letter-spacing:-.04em}
.price span{color:var(--mut);font-size:15px}
.price__alt{font-size:13.5px;color:var(--mut);min-height:20px}
.plan ul{list-style:none;padding:0;margin:20px 0 24px;display:grid;gap:9px;font-size:15px}
.plan li{display:flex;gap:9px}
.plan li .i{color:var(--mint);margin-top:3px}
.plan li.no{color:var(--mut)}.plan li.no .i{color:var(--faint)}
.plan form{margin-top:auto}
.period{display:inline-flex;padding:4px;background:#fff;border:1px solid var(--line);border-radius:12px}
.period button{border:0;background:none;font:600 14.5px var(--fb);color:var(--mut);padding:9px 16px;border-radius:9px;cursor:pointer}
.period button[aria-pressed=true]{background:var(--blue-s);color:var(--blue-d)}
.period em{font-style:normal;color:var(--mint);font-size:12.5px;margin-left:4px}

/* Özellik satırları */
.feat{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:center;padding:40px 0}
.feat--rev .feat__txt{order:2}
.feat__txt h3{font-size:28px;letter-spacing:-.025em}
.feat__txt p{color:var(--ink2)}
.feat__txt ul{padding-left:18px;color:var(--ink2);margin:0}
.feat__txt li{margin-bottom:5px}
.shot{border-radius:12px;overflow:hidden;box-shadow:var(--sh3);border:1px solid rgba(14,21,55,.08);background:#fff}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.mini h3{font-size:18px;margin:12px 0 6px;letter-spacing:-.01em}
.mini p{color:var(--ink2);font-size:15px;margin:0}
.mini__ic{width:42px;height:42px;border-radius:11px;background:var(--blue-s);color:var(--blue);display:grid;place-items:center}
.sec--night .mini p{color:#b5bde3}.sec--night .mini__ic{background:#222c66;color:var(--amber)}

/* Video */
.video{position:relative;border-radius:var(--r3);overflow:hidden;box-shadow:var(--sh3);background:#000;aspect-ratio:16/9}
.video video,.video iframe{width:100%;height:100%;border:0}

/* Domain arama */
.dsearch{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px;box-shadow:var(--sh1);max-width:760px}
.dsearch input{flex:1;border:0;font:500 18px var(--fb);padding:0 12px;min-width:0;background:transparent;color:var(--ink)}
.dsearch input:focus{outline:0}
.dres{margin-top:22px;display:grid;gap:10px;max-width:760px}
.dres__row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.dres__row strong{font:650 17px var(--fb)}
.tlds{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.tld{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14.5px}
.tld b{font-family:var(--fd);font-size:17px;margin-right:8px}

/* Tablo */
.tbl{width:100%;border-collapse:collapse;font-size:15px;background:#fff}
.tbl th{text-align:left;font-weight:600;color:var(--mut);font-size:13px;padding:12px 14px;border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfd}
.tbl td{padding:13px 14px;border-bottom:1px solid var(--line2);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl-wrap{border:1px solid var(--line);border-radius:var(--r2);overflow:auto;background:#fff}
.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

/* SSS */
.faq{max-width:820px}
.sssec{display:grid;grid-template-columns:340px 1fr;gap:52px;align-items:start}
.sssec__aside{position:sticky;top:90px}
.sssec__aside h2{font-size:clamp(26px,3vw,34px);margin:0 0 12px;letter-spacing:-.02em}
.sssec__aside p{color:var(--ink2);margin:0 0 20px;font-size:16px;line-height:1.6}
.sssec__btns{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.sssec__wa{display:inline-flex;align-items:center;gap:8px;margin-top:16px;color:#1fa855;font-weight:650;text-decoration:none}
.sssec__wa:hover{text-decoration:underline}
.sssec .faq{max-width:none}
@media (max-width:860px){.sssec{grid-template-columns:1fr;gap:22px}.sssec__aside{position:static}}
.faq details{border-bottom:1px solid var(--line);padding:4px 0}
.faq summary{cursor:pointer;list-style:none;font:650 18px/1.4 var(--fb);padding:18px 40px 18px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:26px;width:12px;height:12px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg);top:31px}
.faq details p{color:var(--ink2);padding-right:40px}

/* Sayfa başlığı */
.ph{padding:64px 0 36px}
.ph h1{font-size:clamp(34px,4.4vw,54px);max-width:18ch}
.ph .lead{margin-bottom:0}
.crumbs{font-size:14px;color:var(--mut);margin-bottom:16px}
.crumbs a{color:var(--mut)}

/* CTA şeridi */
.cta{background:var(--blue);color:#e3e7ff;border-radius:var(--r3);padding:48px;display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta h2{color:#fff;margin:0 0 6px;font-size:clamp(26px,3vw,36px)}
.cta p{margin:0;max-width:56ch}

/* Kartlar (genel kutu) */
.box{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:24px}
.box+.box{margin-top:18px}
.box__h{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.box__h h2{font-size:20px;margin:0;letter-spacing:-.02em}
.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:48px 20px;color:var(--mut);border:1px dashed var(--line);border-radius:var(--r2);background:#fff}
.empty strong{color:var(--ink);font-size:17px}
.empty p{max-width:44ch;margin:0 0 10px}
.empty .i{color:var(--faint)}
.kv{display:grid;grid-template-columns:180px 1fr;gap:8px 18px;font-size:15px;margin:0}
.kv dt{color:var(--mut)}
.kv dd{margin:0}
.code{font:13px/1.55 ui-monospace,Consolas,monospace;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 14px;word-break:break-all;user-select:all}

/* Yetkilendirme sayfaları */
.auth{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:48px 20px}
.auth__card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:34px;box-shadow:var(--sh1)}
.auth__card h1{font-size:30px;margin-bottom:6px}
.auth__card>p{color:var(--mut);margin-bottom:22px}
.auth__alt{text-align:center;font-size:15px;color:var(--mut);margin:18px 0 0}

/* Üye paneli */
.panel{display:grid;grid-template-columns:250px minmax(0,1fr);gap:32px;padding:36px 0 80px;align-items:start}
.panel__side{position:sticky;top:88px;background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:10px}
.panel__who{display:flex;gap:11px;align-items:center;padding:10px 10px 14px;border-bottom:1px solid var(--line2);margin-bottom:6px}
.panel__who strong{display:block;font-size:15px;line-height:1.3}
.panel__who small{display:block;color:var(--mut);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;max-width:160px;white-space:nowrap}
.av{flex:none;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:700 16px var(--fd)}
.panel__side nav a,.panel__side nav button{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:9px;color:var(--ink2);text-decoration:none;font:500 15px var(--fb);width:100%;border:0;background:none;cursor:pointer;text-align:left}
.panel__side nav a:hover,.panel__side nav button:hover{background:var(--paper);color:var(--ink)}
.panel__side nav a[aria-current]{background:var(--blue-s);color:var(--blue-d);font-weight:650}
.panel__side nav b{margin-left:auto;background:var(--amber);color:#2a1d00;font-size:11.5px;border-radius:99px;padding:1px 7px}
.panel__title{font-size:32px;margin-bottom:22px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:18px;text-decoration:none;color:inherit;display:block}
.stat span{display:block;color:var(--mut);font-size:14px}
.stat b{display:block;font:700 30px/1.15 var(--fd);letter-spacing:-.03em;margin-top:4px}
a.stat:hover{border-color:var(--blue-l)}
.lic{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:20px;display:grid;gap:14px}
.lic+.lic{margin-top:14px}
.lic__h{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.lic__h h3{margin:0;font-size:19px;letter-spacing:-.015em}
.lic__meta{display:flex;flex-wrap:wrap;gap:6px 20px;color:var(--mut);font-size:14px}
.lic__meta b{color:var(--ink);font-weight:600}
.thread{display:grid;gap:14px}
.msg{background:#fff;border:1px solid var(--line);border-radius:var(--r2);padding:16px 18px}
.msg--staff{border-color:var(--blue-l);background:#f8f9ff}
.msg--note{border-style:dashed;background:var(--amber-s);border-color:#f2d18a}
.msg__h{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:var(--mut);margin-bottom:8px}
.msg__h strong{color:var(--ink)}
.msg__files{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.msg__files a{font-size:13.5px;display:inline-flex;gap:5px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:5px 9px;text-decoration:none;color:var(--ink2);background:#fff}

/* Sepet / ödeme */
.co{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start;padding-bottom:80px}
.sum{position:sticky;top:88px}
.sum__row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line2);font-size:15px}
.sum__row:last-of-type{border-bottom:0}
.sum__tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:14px;margin-top:6px;border-top:2px solid var(--ink)}
.sum__tot b{font:700 28px/1 var(--fd);letter-spacing:-.03em}
.pay{display:grid;gap:10px}
.pay label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:14px 16px;cursor:pointer;background:#fff}
.pay label:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-s)}
.pay input{accent-color:var(--blue);width:18px;height:18px}
.pay small{display:block;color:var(--mut);font-size:13.5px}

/* Alt bilgi */
.ftr{background:var(--ink);color:#aeb6da;padding:64px 0 28px;margin-top:0}
.ftr__grid{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:28px}
.ftr h2{color:#fff;font:600 15px var(--fb);letter-spacing:0;margin:4px 0 14px}
.ftr a{display:block;color:#aeb6da;text-decoration:none;font-size:14.5px;padding:4px 0}
.ftr a:hover{color:#fff}
.ftr__brand p{font-size:14.5px;margin:16px 0;max-width:34ch}
.ftr__contact a{display:flex;align-items:center;gap:8px}
.ftr__bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid #263064;margin-top:44px;padding-top:22px;font-size:13.5px}

/* ---------- Duyarlı ---------- */
@media (max-width:1080px){

  .hero__grid,.feat,.duo{grid-template-columns:1fr}
  .feat--rev .feat__txt{order:0}
  .plans{grid-template-columns:1fr;max-width:520px}
  .steps{grid-template-columns:1fr 1fr;row-gap:36px}
  .ftr__grid{grid-template-columns:1fr 1fr 1fr}
  .ftr__brand{grid-column:1/-1}
  .co{grid-template-columns:1fr}
  .sum{position:static}
  .grid3{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .hdr__login,.hdr__act .btn--ghost span{display:none}
  .hdr__act>.btn:not(.btn--ghost){display:none}
  .sec{padding:64px 0}
  .hero{padding:40px 0 24px}
  .prod{padding:26px 22px 0;min-height:0}.prod__shot{margin-right:-22px}
  .steps,.grid3{grid-template-columns:1fr}
  .row2,.row3{grid-template-columns:1fr}
  .panel{grid-template-columns:1fr;padding-top:20px}
  .panel__side{position:static}
  .ftr__grid{grid-template-columns:1fr 1fr}
  .cta{padding:30px 24px}
  .kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:10px}
  .stage__label{display:none}
}

/* Üst menü: 1200 px altında açılır menü (tablet yatay dahil) */
.nav>a,.mm__btn{white-space:nowrap}
@media (max-width:1199px){
  .nav{position:fixed;inset:68px 0 auto 0;flex-direction:column;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px 20px;gap:2px;display:none;box-shadow:var(--sh3);max-height:calc(100vh - 68px);overflow:auto}
  .nav.is-open{display:flex}
  .nav>a,.nav .mm__btn{padding:12px 10px;font-size:16px}
  .hdr__burger{display:grid}
  .hdr__act{margin-left:auto}
  .mm__panel{display:none}
  .mm__btn .i{display:none}
}
/* ================= Hazır siteler (script mağazası) ================= */
.btn--dark{--b:var(--ink);color:#fff}
.btn--dark:hover{--b:#1d2758;color:#fff}

/* Mega menü */
.mm{position:static}
.mm__btn{display:inline-flex;align-items:center;gap:4px}
.mm__btn .i{transition:transform .15s}
.mm__btn--one{--mmbtn-bg:#f5a300;--mmbtn-fg:#1a2250;background:var(--mmbtn-bg);color:var(--mmbtn-fg);font-weight:700;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--mmbtn-bg) 70%,transparent)}
.mm__btn--one:hover{background:var(--mmbtn-bg);color:var(--mmbtn-fg);filter:brightness(.95)}
.mm__btn--one[aria-current]{background:var(--mmbtn-bg);color:var(--mmbtn-fg)}
.mm:hover .mm__btn--one,.mm.is-open .mm__btn--one{filter:brightness(.95)}
.mm__panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 30px 60px -30px rgba(14,21,55,.35);visibility:hidden;opacity:0;transform:translateY(-4px);transition:opacity .14s,transform .14s,visibility 0s .14s}
@media (min-width:1081px){
  .mm:hover .mm__panel,.mm:focus-within .mm__panel,.mm.is-open .mm__panel{visibility:visible;opacity:1;transform:none;transition-delay:0s}
  .mm:hover .mm__btn .i,.mm.is-open .mm__btn .i{transform:rotate(180deg)}
}
.mm__in{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.25fr) 250px;gap:28px;padding:26px 0}
.mm h2{font:700 16px/1.2 var(--fd);letter-spacing:-.01em;margin:0 0 12px}
.mm__cats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:2px 14px;max-height:330px;overflow:auto}
.mm__cats a{display:flex;align-items:center;gap:10px;padding:8px 8px;border-radius:8px;color:var(--ink2);text-decoration:none;font-size:14.5px;font-weight:500}
.mm__cats a .i{color:var(--blue)}
.mm__cats a span{flex:1;min-width:0}
.mm__cats a small{color:var(--faint);font-size:12.5px;font-variant-numeric:tabular-nums}
.mm__cats a:hover{background:var(--paper);color:var(--ink)}
.mm__fh{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mm__fh h2{margin:0 auto 0 0}
.mm__fh>a{font-size:14px;font-weight:600;text-decoration:none}
.mm__nav{display:flex;gap:6px}
.mm__nav button{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);display:grid;place-items:center;cursor:pointer}
.mm__nav button:first-child .i{transform:rotate(180deg)}
.mm__nav button:hover{border-color:var(--blue-l)}
.mm__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc(50% - 7px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px}
.mm__track::-webkit-scrollbar{display:none}
.mm__card{scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;color:var(--ink);background:#fff}
.mm__card:hover{border-color:var(--blue-l);color:var(--ink)}
.mm__card strong{font:650 14.5px/1.3 var(--fb);padding:10px 12px 0;min-height:48px}
.mm__card>span{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px;margin-top:auto}
.mm__card b{color:var(--mint);font-size:15px}
.mm__card i{width:30px;height:30px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center}
.mm__promo{display:flex;flex-direction:column;gap:10px;background:var(--night);color:#fff;border-radius:16px;padding:22px;text-decoration:none;position:relative;overflow:hidden}
.mm__promo::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px}
.mm__promo>*{position:relative}
.mm__promo:hover{color:#fff;background:#18215a}
.mm__promoic{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.1);display:grid;place-items:center}
.mm__promo strong{font:700 22px/1.15 var(--fd);letter-spacing:-.02em}
.mm__promo>span:not(.mm__promoic){color:#c4cbf0;font-size:14px;line-height:1.5}
.mm__promo em{font-style:normal;font-weight:600;font-size:14.5px;margin-top:auto;display:flex;align-items:center;gap:6px;color:var(--amber)}
.mm__foot{border-top:1px solid var(--line2);background:var(--paper)}
.mm__foot .wrap{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px 0}
.mm__foot a{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink2);font-size:14px;font-weight:600;text-decoration:none}
.mm__foot a:hover{border-color:var(--blue-l);color:var(--ink)}

/* Cihaz çerçevesinde site görseli */
.mock{position:relative;aspect-ratio:16/10.4;background:linear-gradient(160deg,#eef1f8,#fdfdff 60%);--c:#2f45d8;overflow:hidden}
.mock__lap{position:absolute;left:12%;right:12%;top:10%;bottom:14%}
.mock__scr{position:absolute;inset:0;background:#0f1430;border-radius:7px 7px 0 0;padding:4%;padding-bottom:0;display:flex;flex-direction:column;gap:0;box-shadow:0 18px 30px -16px rgba(14,21,55,.45)}
.mock__scr>*{background:#fff}
.mock__nav{display:flex;align-items:center;gap:6%;padding:2.2% 4%;border-radius:2px 2px 0 0}
.mock__nav i{width:12%;height:5px;border-radius:3px;background:var(--c)}
.mock__nav b{width:7%;height:3px;border-radius:2px;background:#d4d9e8}
.mock__nav b:first-of-type{margin-left:auto}
.mock__hero{flex:1;position:relative;background:var(--c) center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;padding:0 7%;gap:6px}
.mock__scr .mock__hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,40,.62),rgba(10,14,40,.08))}
.mock__hero span{position:relative;color:#fff;font:700 clamp(9px,1.1vw,13px)/1.15 var(--fd);max-width:60%;letter-spacing:-.01em}
.mock__hero em{position:relative;width:22%;height:7px;border-radius:4px;background:#fff;opacity:.9}
.mock__row{display:flex;gap:5%;padding:5% 6%}
.mock__row i{flex:1;height:14px;border-radius:3px;background:#e8ebf4}
.mock__base{position:absolute;left:-9%;right:-9%;bottom:-6%;height:6%;background:linear-gradient(#d9dde8,#b9bfd0);border-radius:0 0 12px 12px}
.mock__base::before{content:"";position:absolute;left:42%;right:42%;top:0;height:40%;background:#a9afc2;border-radius:0 0 6px 6px}
.mock__tab{position:absolute;left:3%;bottom:8%;width:20%;aspect-ratio:3/4;background:#fff;border:4px solid #0f1430;border-radius:9px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 24px -12px rgba(14,21,55,.5)}
.mock__ph{position:absolute;right:5%;bottom:7%;width:13%;aspect-ratio:9/18.5;background:#fff;border:3px solid #0f1430;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 24px -12px rgba(14,21,55,.5)}
.mock__tab .mock__hero,.mock__ph .mock__hero{flex:0 0 55%;padding:0}
.mock__tab .mock__row,.mock__ph .mock__row{flex-direction:column;gap:5px;padding:10% 10%}
.mock__tab .mock__row i,.mock__ph .mock__row i{height:6px;flex:none}
.mock--img img{width:100%;height:100%;object-fit:cover;object-position:top}
.mock--sm .mock__hero span{font-size:9px}
.mock--sm .mock__row i{height:8px}
.mock--sm .mock__tab{border-width:3px;border-radius:6px}
.mock--sm .mock__ph{border-width:2px;border-radius:6px}
.mock--lg{border-radius:var(--r3);border:1px solid var(--line)}
.mock--lg .mock__hero span{font-size:clamp(14px,2vw,24px)}

/* Script kartı */
.scgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.scgrid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sc{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.sc:hover{border-color:var(--blue-l);box-shadow:var(--sh3)}
.sc__img{position:relative;display:block;border-bottom:1px solid var(--line2)}
.sc__tag{position:absolute;top:10px;left:10px;background:var(--amber);color:#2a1d00;font:700 12px/1 var(--fb);padding:6px 9px;border-radius:99px}
.sc__body{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;flex:1}
.sc__cat{font-size:13px;color:var(--mut);text-decoration:none}
.sc__cat:hover{color:var(--blue)}
.sc h3{font:650 16.5px/1.3 var(--fb);letter-spacing:-.005em;margin:0}
.sc h3 a{color:var(--ink);text-decoration:none}
.sc h3 a:hover{color:var(--blue)}
.sc__price{margin-top:auto;padding-top:6px;font-variant-numeric:tabular-nums}
.sc__price b{font:700 20px/1 var(--fd);color:var(--mint);letter-spacing:-.01em}
.sc__price s{color:var(--faint);font-size:14px;margin-right:4px}
.sc__acts{display:flex;gap:8px;padding-top:8px;border-top:1px solid var(--line2);margin-top:8px}
.sc__acts .btn{flex:1}

/* Mağaza sayfası */
.crumb{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px;color:var(--mut);margin-bottom:16px}
.crumb a{color:var(--mut);text-decoration:none}
.crumb a:hover{color:var(--blue)}
.crumb .i{color:var(--faint)}
.ph--shop{padding:40px 0 28px}
.ph--shop h1{max-width:22ch}
.shopsearch{display:flex;align-items:center;gap:0;margin-top:22px;max-width:620px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px 6px 6px 14px;box-shadow:var(--sh1)}
.shopsearch>.i{color:var(--faint)}
.shopsearch .in{border:0;box-shadow:none!important;min-height:44px;background:transparent}
.shopsearch--sm{margin:0;max-width:420px;width:100%}
.shop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start;padding-bottom:30px}
.shop__side{position:sticky;top:88px;display:flex;flex-direction:column;gap:2px}
.shop__side h2{font:700 15px/1 var(--fd);margin:0 0 10px;color:var(--mut)}
.shop__side>a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--ink2);text-decoration:none;font-size:15px;font-weight:500}
.shop__side>a .i{color:var(--blue)}
.shop__side>a span{flex:1}
.shop__side>a small{color:var(--faint);font-variant-numeric:tabular-nums}
.shop__side>a:hover{background:#fff;color:var(--ink)}
.shop__side>a[aria-current]{background:#fff;color:var(--ink);font-weight:650;box-shadow:var(--sh1)}
.shop__help{margin-top:18px;padding:16px;border:1px dashed var(--line);border-radius:12px;font-size:14px}
.shop__help p{color:var(--mut);margin:6px 0 8px}
.shop__help a{font-weight:600}
.shop__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.shop__bar p{margin:0;color:var(--mut)}
.shop__bar b{color:var(--ink)}
.shop__bar select{width:auto;min-width:220px;min-height:40px}
.buyinfo{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:28px}
.buyinfo .i{color:var(--blue)}
.buyinfo h3{font-size:17px;margin:10px 0 6px}
.buyinfo p{margin:0;font-size:14.5px;color:var(--mut)}

/* Ana sayfa mağaza bölümü */
.shophome{padding-top:56px}
.shophome__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}
.shophome__head p{margin:0;color:var(--ink2);max-width:58ch}
.shophome__head h2{margin-bottom:8px}
.catchips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.catchips__tum{background:var(--ink)!important;color:#fff!important;border-color:var(--ink)!important}.catchips__tum .i{color:#fff!important}
@media (max-width:860px){.catchips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;margin-right:-20px;scrollbar-width:thin}.catchips a{flex:none}}
.catchips a{display:inline-flex;align-items:center;gap:9px;padding:10px 15px;background:color-mix(in srgb,var(--cc,#5b4be6) 9%,#fff);border:1px solid color-mix(in srgb,var(--cc,#5b4be6) 24%,#fff);border-radius:14px;color:var(--ink);text-decoration:none;font-size:14.5px;font-weight:600;transition:transform .12s,box-shadow .12s,border-color .12s}
.catchips a .i{color:var(--cc,var(--blue));flex:none}
.catchips a small{margin-left:2px;min-width:22px;height:22px;padding:0 6px;display:inline-grid;place-items:center;border-radius:99px;background:var(--cc,var(--blue));color:#fff;font-size:12px;font-weight:700}
.catchips a:hover{transform:translateY(-2px);border-color:var(--cc,var(--blue));box-shadow:0 10px 20px -12px var(--cc,var(--blue))}
.catchips__tum{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}.catchips__tum .i{color:#fff!important}.catchips__tum small{background:#fff!important;color:var(--ink)!important}

/* Ürün detayı */
.pd{padding:28px 0 20px}
.pd__grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:32px;align-items:start}
.pv{background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:14px}
.pv__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.seg{display:inline-flex;background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:7px 12px;border-radius:7px;font:600 14px/1 var(--fb);color:var(--mut);cursor:pointer}
.seg button[aria-pressed=true]{background:#fff;color:var(--ink);box-shadow:var(--sh1)}
.pv__open{white-space:nowrap;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;gap:6px;align-items:center}
.pv__stage{background:linear-gradient(160deg,#eef1f8,#fbfcff);border-radius:12px;padding:18px;display:grid;place-items:center;min-height:360px}
.pv__desk{width:100%;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--sh3)}
.pv__chrome{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#f1f3f8;border-bottom:1px solid var(--line)}
.pv__chrome i{width:10px;height:10px;border-radius:50%;background:#d4d8e4}
.pv__chrome span{margin-left:10px;flex:1;background:#fff;border-radius:6px;padding:4px 10px;font-size:12px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pv__fit{position:relative;overflow:hidden}
.pv__fit iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;background:#fff}
.pv__desk .pv__fit{aspect-ratio:16/10}
.pv__phone{width:250px;border:10px solid #0f1430;border-radius:34px;overflow:hidden;background:#fff;box-shadow:var(--sh3)}
.pv__phone .pv__fit{aspect-ratio:390/780}
.pv__note{font-size:13.5px;color:var(--mut);margin:12px 2px 0}
.pd__gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:14px}
.pd__gal img{border-radius:10px;border:1px solid var(--line);aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}
.buy{position:sticky;top:88px;background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px;box-shadow:var(--sh1)}
.buy__tag{display:inline-block;background:var(--amber-s);color:#7a5200;font:700 12.5px/1 var(--fb);padding:6px 10px;border-radius:99px;margin-bottom:10px}
.buy h1{font-size:clamp(26px,2.6vw,32px);letter-spacing:-.025em;margin-bottom:10px}
.buy__oz{color:var(--ink2);font-size:15.5px}
.buy__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;padding:14px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin-bottom:16px}
.buy__price b{font:700 36px/1 var(--fd);color:var(--ink);letter-spacing:-.03em}
.buy__price s{color:var(--faint);font-size:17px}
.buy__price span{font-size:13.5px;color:var(--mut);flex-basis:100%}
.buy__opt{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin-bottom:14px;cursor:pointer;font-size:14.5px}
.buy__opt:has(input:checked){border-color:var(--blue);background:var(--blue-s)}
.buy__opt input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--blue);flex:none}
.buy__opt b{color:var(--blue);margin-left:4px}
.buy__opt small{display:block;color:var(--mut);font-size:13px;margin-top:4px;line-height:1.45}
.buy__btns{display:grid;gap:10px}
.buy__alan{margin-bottom:12px}.buy__alan em,.zorunlu{font-style:normal;font-size:12px;font-weight:700;color:var(--red);background:var(--red-s);padding:2px 7px;border-radius:99px;margin-left:4px}
.in--hata{border-color:var(--red);box-shadow:0 0 0 3px var(--red-s)}.buy__alan>span{display:flex;align-items:center;gap:6px}.buy__alan>span .i{color:var(--blue)}
.buy__list{list-style:none;margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line2);display:grid;gap:10px;font-size:14.5px;color:var(--ink2)}
.buy__list li{display:flex;gap:10px;align-items:flex-start}
.buy__list .i{color:var(--mint);margin-top:2px}
.pd__info{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;margin-top:44px}
.pd__info h2{font-size:26px}
.feat{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.feat li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px}
.feat .i{color:var(--mint);margin-top:2px}
.spec{display:grid;grid-template-columns:150px 1fr;margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--r2);overflow:hidden}
.spec dt,.spec dd{margin:0;padding:11px 14px;border-bottom:1px solid var(--line2);font-size:15px}
.spec dt{color:var(--mut);background:#fafbfd}
.spec dt:last-of-type,.spec dd:last-of-type{border-bottom:0}
.flow{margin:0;padding-left:22px;display:grid;gap:10px;font-size:15.5px}
.flow li::marker{font-weight:700;color:var(--blue)}
.pd__rel{margin-top:56px}

/* Sepet ve hesap */
.cartscr{display:grid;grid-template-columns:180px 1fr;gap:16px;align-items:start;margin:4px 0 10px}
.cartscr__img .mock{border-radius:10px;border:1px solid var(--line)}
.owned{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:start}
.owned__img .mock{border-radius:10px;border:1px solid var(--line)}
.owned__body{display:flex;flex-direction:column;gap:12px;min-width:0}
.howto summary{cursor:pointer;font-weight:600;font-size:14.5px;color:var(--blue)}
.howto ol{margin:10px 0;padding-left:20px;font-size:14.5px;display:grid;gap:6px}

@media (max-width:1080px){
  .scgrid--4{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pd__grid{grid-template-columns:1fr}
  .buy{position:static}
  .buyinfo{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .shop{grid-template-columns:1fr}
  .shop__side{position:static;flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:4px}
  .shop__side h2,.shop__help{display:none}
  .shop__side>a{flex:none;border:1px solid var(--line);background:#fff;border-radius:99px;padding:7px 12px;font-size:14px}
  .shop__side>a .i{display:none}
  .scgrid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pd__info{grid-template-columns:1fr;gap:28px}
  .shophome__head{flex-direction:column;align-items:stretch}
}
@media (max-width:560px){
  .scgrid,.scgrid--4{grid-template-columns:1fr}
  .buyinfo{grid-template-columns:1fr;padding:20px}
  .shop__bar{flex-direction:column;align-items:stretch}
  .shop__bar select{width:100%}
  .cartscr,.owned{grid-template-columns:1fr}
  .cartscr__img,.owned__img{max-width:260px}
  .pv__stage{padding:10px;min-height:0}
  .spec{grid-template-columns:120px 1fr}
}


/* ================= Slider ================= */
.sl{position:relative;overflow:hidden;--sl-bg:var(--night);--sl-ink:#fff;--sl-mut:#c4cbf0;background:var(--sl-bg);transition:background .5s}
.sl__track{display:grid}
.sl__s{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility 0s .6s;color:var(--sl-ink);background:var(--sl-bg);position:relative}
.sl__s.is-on{opacity:1;visibility:visible;transition:opacity .6s ease}
.sl--gec-kay .sl__s{transform:translateX(60px);transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1),visibility 0s .6s}
.sl--gec-kay .sl__s.is-on{transform:none;transition:opacity .55s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.sl--gec-yak .sl__s{transform:scale(1.06);transition:opacity .6s ease,transform .8s ease,visibility 0s .6s}
.sl--gec-yak .sl__s.is-on{transform:none;transition:opacity .6s ease,transform .8s ease}
.sl--tam .sl__in{min-height:calc(100svh - 70px)}
@media (prefers-reduced-motion:reduce){.sl--gec-kay .sl__s,.sl--gec-yak .sl__s{transform:none}}
.sl__s::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000 40%,#000);pointer-events:none}
.sl--mavi{--sl-bg:linear-gradient(120deg,#0e1537 0%,#1c2a7a 70%,#2f45d8 130%)}
.sl--yesil{--sl-bg:linear-gradient(120deg,#062b22 0%,#0b5a43 75%,#0f9a63 140%)}
.sl--kehribar{--sl-bg:linear-gradient(120deg,#2a1500 0%,#6b3a00 70%,#f5a300 150%);--sl-mut:#ffdca1}
.sl--acik{--sl-bg:linear-gradient(120deg,#f5f6fa 0%,#e4e8fb 100%);--sl-ink:var(--ink);--sl-mut:var(--ink2)}
.sl--acik::before{background-image:linear-gradient(rgba(47,69,216,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(47,69,216,.07) 1px,transparent 1px)}
.sl__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center;min-height:520px;padding:56px 0 92px}
.sl__ust{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--fb);color:var(--sl-ink);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);padding:7px 12px;border-radius:99px;margin-bottom:18px}
.sl__ust::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--amber)}
.sl--acik .sl__ust{background:#fff;border-color:var(--line)}
.sl h1,.sl h2{color:var(--sl-ink);font-size:clamp(32px,4.3vw,56px);letter-spacing:-.035em;margin:0 0 16px;max-width:15ch}
.sl__txt p{color:var(--sl-mut);font-size:18px;max-width:52ch;margin:0 0 26px}
.sl__cta{display:flex;gap:10px;flex-wrap:wrap}
.sl__b1{--b:#fff;color:var(--ink)}.sl__b1:hover{--b:var(--blue-s);color:var(--ink)}
.sl--acik .sl__b1{--b:var(--blue);color:#fff}.sl--acik .sl__b1:hover{--b:var(--blue-d);color:#fff}
.sl--kehribar .sl__b1{--b:var(--amber);color:#2a1d00}
.sl__b2{background:transparent;color:var(--sl-ink);border-color:rgba(255,255,255,.35)}.sl__b2:hover{background:rgba(255,255,255,.1);color:var(--sl-ink);border-color:#fff}
.sl--acik .sl__b2{border-color:var(--line);color:var(--ink)}.sl--acik .sl__b2:hover{background:#fff;color:var(--ink)}
.sl__vis{position:relative;perspective:1600px}
.sl__win{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 40px 80px -30px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.12);transform:rotateY(-9deg) rotateX(3deg) translateX(10px);transform-origin:left center;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.sl__s:not(.is-on) .sl__win{transform:rotateY(-14deg) rotateX(4deg) translateX(40px)}
.sl__win .win__bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f1f3f8;border-bottom:1px solid var(--line)}
.sl__win .win__bar i{width:10px;height:10px;border-radius:50%;background:#d4d8e4}
.sl__win .win__bar i:first-child{background:#ff6159}.sl__win .win__bar i:nth-child(2){background:#ffbd2e}.sl__win .win__bar i:nth-child(3){background:#28c941}
.sl__win .win__bar span{margin-left:10px;font-size:12.5px;color:var(--mut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sl__win img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top}
.sl__kamp{justify-self:center;display:grid;place-items:center;text-align:center;width:min(360px,80%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffd56a,var(--amber) 55%,#c97f00);color:#2a1d00;box-shadow:0 30px 80px -20px rgba(245,163,0,.6);margin:auto;padding:30px;align-content:center}
.sl__kamp b{font:800 clamp(64px,9vw,120px)/.9 var(--fd);letter-spacing:-.05em}
.sl__kamp span{font:700 22px/1 var(--fd)}
.sl__kamp em{font-style:normal;font-weight:600;font-size:14px;margin-top:10px;background:rgba(255,255,255,.4);padding:6px 12px;border-radius:99px}
.sl__ctl{position:absolute;left:0;right:0;bottom:26px;display:flex;align-items:center;gap:12px;z-index:2}
.sl__arrow,.sl__pause{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}
.sl__arrow:first-child .i{transform:rotate(180deg)}
.sl__arrow:hover,.sl__pause:hover{background:rgba(255,255,255,.2)}
.sl:has(.sl--acik.is-on) .sl__arrow,.sl:has(.sl--acik.is-on) .sl__pause{color:var(--ink);border-color:var(--line);background:#fff}
.sl:has(.sl--acik.is-on) .sl__dots button{background:rgba(14,21,55,.15)}
.sl__pause span{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.sl__pause[aria-pressed=true] span{width:0;height:0;border:0;border-left:11px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}
.sl__dots{display:flex;gap:8px}
.sl__dots button{position:relative;width:34px;height:6px;border-radius:99px;border:0;padding:0;background:rgba(255,255,255,.28);cursor:pointer;overflow:hidden}
.sl__dots button::before{content:"";position:absolute;inset:-10px -2px}
.sl__dots button[aria-current]{width:56px;background:rgba(255,255,255,.5)}
.sl__dots i{position:absolute;inset:0;width:0;background:#fff;border-radius:inherit}
.sl__dots button[aria-current] i{width:100%}
.sl__dots button.is-run i{width:0;animation:slbar 6.5s linear forwards}
.sl:has(.sl--acik.is-on) .sl__dots i{background:var(--blue)}
@keyframes slbar{to{width:100%}}
.trust{background:#fff;border-bottom:1px solid var(--line)}
.trust__in{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;justify-content:space-between;padding:16px 0;font-size:14.5px;font-weight:600;color:var(--ink2)}
.trust__in span{display:inline-flex;align-items:center;gap:8px}
.trust__in .i{color:var(--blue)}
.trust__i{padding:7px 14px 7px 11px;border-radius:999px;background:var(--ti-bg,#eef1fb)}
.trust__i .i{color:var(--ti-fg,var(--blue))}
.trust__i--1{--ti-bg:#e7f8f0;--ti-fg:#10b981}
.trust__i--2{--ti-bg:#ecebfe;--ti-fg:#5b4be6}
.trust__i--3{--ti-bg:#fff2dd;--ti-fg:#e08700}
.trust__i--4{--ti-bg:#fde9f2;--ti-fg:#e0318a}
.trust__i--5{--ti-bg:#e4f4fd;--ti-fg:#0b9bd8}
.trust__in h1{font:700 15px/1.3 var(--fd);letter-spacing:-.01em;margin:0;color:var(--ink);flex-basis:100%}

/* ================= Kampanya, puan ================= */
.sc__kamp{position:absolute;top:10px;right:10px;background:var(--red);color:#fff;font:700 12px/1 var(--fb);padding:6px 9px;border-radius:99px}
.sc__puan,.price__puan{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:#9a6400;background:var(--amber-s);padding:4px 9px;border-radius:99px;margin-left:8px;vertical-align:3px}
.sc__puan .i,.price__puan .i{color:var(--amber)}
.price__puan{margin:6px 0 0}
.price__kamp{font-size:13px;font-weight:700;color:var(--red);margin-bottom:4px}
.price__kamp s{color:var(--faint);font-weight:500}
.buy__kamp{display:inline-flex;align-items:center;gap:6px;background:var(--red-s);color:var(--red);font:700 13px/1.2 var(--fb);padding:7px 11px;border-radius:9px;margin-bottom:6px}
.buy__puan{display:flex;gap:12px;align-items:flex-start;background:var(--amber-s);border-radius:12px;padding:12px 14px;margin:-4px 0 16px;color:#5c3d00}
.buy__puan .i{color:var(--amber);margin-top:2px}
.buy__puan strong{display:block;font-size:16px}
.buy__puan small{display:block;font-size:13px;margin-top:2px;line-height:1.45}
.kupon{margin-top:18px;padding-top:16px;border-top:1px solid var(--line2)}
.kupon label{display:block;font-weight:600;font-size:14px;margin-bottom:6px}
.kupon>div{display:flex;gap:8px}
.kupon .in{min-height:42px;text-transform:uppercase}
.kupon small{display:block;margin-top:6px;font-size:13px}
.sum__puan{display:flex;gap:6px;align-items:flex-start;flex-wrap:wrap;font-size:14px;background:var(--amber-s);color:#5c3d00;padding:10px 12px;border-radius:10px;margin:8px 0 10px}
.sum__puan .i{color:var(--amber);margin-top:2px}
.sum__puan small{flex-basis:100%;font-size:12.5px}
.stat--puan{background:linear-gradient(135deg,#fff8e8,#fff);border-color:#f3dca8}
.stat--puan b{color:#9a6400}
.puanbox{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r3);padding:24px;margin-bottom:20px}
.puanbox>div{display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(135deg,var(--amber),#ffcc4d);color:#2a1d00;border-radius:16px;padding:18px 20px}
.puanbox>div span{font-weight:600;font-size:14px}
.puanbox>div b{font:800 40px/1.05 var(--fd);letter-spacing:-.03em}
.puanbox ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.puanbox li{display:flex;gap:8px}.puanbox li .i{color:var(--mint);margin-top:3px}
.puanbox>.btn{grid-column:2;justify-self:start}
.teklif{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:var(--r2);padding:18px 20px;margin-bottom:14px}
.teklif__k{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--mut)}
.teklif h3{font-size:19px;margin:6px 0}
.teklif p{margin:0 0 6px;font-size:14.5px;color:var(--ink2)}
.teklif__r{display:flex;flex-direction:column;align-items:flex-end;gap:8px;text-align:right}
.teklif__r b{font:700 24px/1 var(--fd)}
.slk{border:1px solid var(--line);background:#fafbfd;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.slk__h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.slk__h strong{display:inline-flex;align-items:center;gap:6px;font-size:15px}
.slk__f{display:flex;gap:8px;flex-wrap:wrap}.slk__f .in{flex:1;min-width:200px;min-height:38px}
.chkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 14px}
.chkgrid .chk{margin:6px 0}

/* SEO içerik blokları */
.seotxt h2{font-size:clamp(24px,2.6vw,32px);margin-bottom:18px}
.seotxt__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.seotxt h3{font-size:18px;margin-bottom:8px}
.seotxt p{color:var(--ink2);font-size:15.5px;margin:0}
@media (max-width:860px){.seotxt__grid{grid-template-columns:1fr;gap:18px}}
/* ================= Asistan ================= */
.as{position:fixed;right:20px;bottom:20px;z-index:80;font-family:var(--fb)}
.as__btn{display:flex;align-items:center;gap:10px;border:0;background:var(--ink);color:#fff;padding:7px 18px 7px 7px;border-radius:99px;font:600 15px/1 var(--fb);cursor:pointer;box-shadow:0 14px 34px -10px rgba(14,21,55,.55)}
.as__btn .logo__mark{filter:none}
.as__btn:hover{background:#1d2758}
.as.is-open .as__btn{display:none}
.as__panel{position:absolute;right:0;bottom:0;width:min(390px,calc(100vw - 32px));height:min(600px,calc(100vh - 110px));display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px -20px rgba(14,21,55,.45);overflow:hidden}
.as__panel[hidden]{display:none}
.as__h{display:flex;align-items:center;gap:10px;padding:14px 14px 14px 16px;background:var(--night);color:#fff}
.as__h div{flex:1}.as__h strong{display:block;font:700 16px/1.2 var(--fd)}.as__h small{color:#aeb8e8;font-size:12.5px}
.as__h button{border:0;background:rgba(255,255,255,.1);color:#fff;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.as__log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--paper)}
.as__m{max-width:88%;font-size:14.5px;line-height:1.5}
.as__m p{margin:0;padding:10px 13px;border-radius:14px}
.as__m--bot p{background:#fff;border:1px solid var(--line);border-top-left-radius:4px}
.as__m--ben{align-self:flex-end}.as__m--ben p{background:var(--blue);color:#fff;border-top-right-radius:4px}
.as__links{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.as__links a{font-size:13px;font-weight:600;text-decoration:none;color:var(--blue);background:#fff;border:1px solid var(--blue-l);padding:6px 10px;border-radius:99px}
.as__links a:hover{background:var(--blue);color:#fff}
.as__one{display:flex;gap:6px;overflow-x:auto;padding:8px 12px;border-top:1px solid var(--line2);scrollbar-width:none}
.as__one button{flex:none;border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 11px;font:500 13px/1 var(--fb);color:var(--ink2);cursor:pointer}
.as__one button:hover{border-color:var(--blue-l);color:var(--ink)}
.as__f{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line2)}
.as__f input{flex:1;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;font-size:15px}
.as__f input:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-s)}
.as__f button{width:44px;border:0;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer}
.as__yaz{display:inline-flex;gap:4px}.as__yaz i{width:6px;height:6px;border-radius:50%;background:var(--faint);animation:asyaz 1s infinite}
.as__yaz i:nth-child(2){animation-delay:.15s}.as__yaz i:nth-child(3){animation-delay:.3s}
@keyframes asyaz{50%{opacity:.3;transform:translateY(-2px)}}
@media (max-width:1080px){
  .sl__in{grid-template-columns:1fr 1fr;gap:28px;min-height:460px;padding:44px 0 90px}
  .sl h1,.sl h2{font-size:clamp(28px,4.4vw,42px)}
  .sl__txt p{font-size:16px}
}
@media (max-width:760px){
  .sl__in{grid-template-columns:1fr;min-height:0;padding:36px 0 96px;gap:26px}
  .sl__vis{order:2}
  .sl__win{transform:none!important}
  .sl__kamp{width:200px}
  .sl__ctl{gap:8px}
  .sl__dots{gap:5px}.sl__dots button{width:16px}.sl__dots button[aria-current]{width:30px}
  .sl__arrow,.sl__pause{width:36px;height:36px}
  .trust__in{justify-content:flex-start;font-size:13.5px}
  .puanbox{grid-template-columns:1fr}.puanbox>.btn{grid-column:1}
  .teklif{grid-template-columns:1fr}.teklif__r{align-items:flex-start;text-align:left}
  .as{right:12px;bottom:12px}
  .as__btn span{display:none}.as__btn{padding:7px}
  .as__panel{height:min(560px,calc(100vh - 90px))}
}


/* Lisans alan adı / anahtar alanı */
.lisalan>span:first-child{font-size:14px}
.lisalan__in{position:relative;display:block}
.lisalan__in .i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--blue)}
.lisalan__in .in{padding-left:40px}
.lisalan__in--ok .in{background:var(--mint-s);border-color:#b9e6cf;font-weight:600}
.lisalan__in--ok .i{color:var(--mint)}
.lisalan__key{display:flex;gap:8px;align-items:flex-start}
.lisalan__key textarea{flex:1;min-height:70px;font-size:12px;resize:none;background:#fafbfd;word-break:break-all}
/* Sipariş sayfasında satın alınan script */
.panel__h2{display:flex;align-items:center;gap:8px;font-size:20px;margin:0 0 12px}.panel__h2 .i{color:var(--blue)}
.sipscr{display:flex;flex-direction:column;gap:14px}
.sipscr__h{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center}
.sipscr__h h2{font-size:21px;margin:2px 0 0}
.sipscr__img .mock{border-radius:10px;border:1px solid var(--line)}
@media (max-width:560px){.sipscr__h{grid-template-columns:1fr}.sipscr__img{max-width:240px}}
/* ================= Banka hesapları, dekont ================= */
.blogo{flex:none;display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--bc,#2f45d8);color:#fff;font:800 17px/1 var(--fd);letter-spacing:-.02em;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),0 6px 14px -8px var(--bc,#2f45d8)}
.blogo--img{background:#fff;border:1px solid var(--line);box-shadow:none;width:auto;min-width:52px;max-width:130px;padding:6px 10px}
.blogo--img img{max-height:38px;width:auto;object-fit:contain}
.blogo--sm{width:30px;height:30px;border-radius:8px;font-size:11px;min-width:30px}
.blogo--sm.blogo--img{height:30px;padding:3px 6px;max-width:80px}.blogo--sm img{max-height:22px}
.pay__bk{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.hvl-adim{list-style:none;counter-reset:a;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 20px;padding:0}
.hvl-adim li{counter-increment:a;position:relative;background:var(--paper);border-radius:12px;padding:12px 14px 12px 50px;font-size:14px}
.hvl-adim li::before{content:counter(a);position:absolute;left:12px;top:12px;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:700 14px/1 var(--fd)}
.hvl-adim strong{display:block;font-size:15px}.hvl-adim span{color:var(--mut)}.hvl-adim .mono{font-family:ui-monospace,Consolas,monospace;color:var(--ink)}
.bankalar{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.bkart{position:relative;display:block;border:1.5px solid var(--line);border-radius:16px;padding:16px;cursor:pointer;background:#fff;transition:border-color .15s,box-shadow .15s;overflow:hidden}
.bkart::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--bc)}
.bkart input{position:absolute;opacity:0;pointer-events:none}
.bkart:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 4px var(--blue-s)}
.bkart:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}
.bkart__h{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.bkart__h>div{flex:1;min-width:0}.bkart__h strong{display:block;font:700 17px/1.2 var(--fd)}.bkart__h small{color:var(--mut);font-size:13px}
.bkart__sec{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);flex:none}
.bkart:has(input:checked) .bkart__sec{border:7px solid var(--blue)}
.bkart dl{display:grid;grid-template-columns:52px 1fr;gap:4px 10px;margin:0;font-size:14px}
.bkart dt{color:var(--mut)}.bkart dd{margin:0;font-weight:600;min-width:0}
.bkart__iban{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.bkart__iban span{font-family:ui-monospace,Consolas,monospace;font-size:15px;letter-spacing:.02em;word-break:break-all}
.bkart__kop{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:5px 9px;font:600 12.5px/1 var(--fb);color:var(--ink2);cursor:pointer}
.bkart__kop:hover{border-color:var(--blue-l);color:var(--blue)}
.dekont{margin-top:20px;padding:18px;border:1.5px dashed var(--blue-l);border-radius:16px;background:linear-gradient(180deg,#f8f9ff,#fff)}
.dekont h3{display:flex;align-items:center;gap:8px;font-size:18px;margin:0 0 14px}.dekont h3 .i{color:var(--blue)}
.dekont__dosya{position:relative;display:block;margin-bottom:14px;cursor:pointer}
.dekont__dosya input{position:absolute;inset:0;opacity:0;cursor:pointer}
.dekont__dosya span{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:18px}
.dekont__dosya .i{color:var(--blue)}.dekont__dosya small{color:var(--mut)}
.dekont__dosya:has(input:focus-visible) span{outline:3px solid var(--blue);outline-offset:2px}
.dekont__dosya:has(input:valid) span{border-color:var(--mint);background:var(--mint-s)}
.dekont__dosya:has(input:valid) strong::after{content:" · seçildi";color:var(--mint)}
.bildirim-ok{display:flex;gap:12px;align-items:flex-start;background:var(--mint-s);border:1px solid #b9e6cf;border-radius:14px;padding:14px 16px;margin-bottom:16px;color:#0b5a3a}
.bildirim-ok strong{font-size:16px}.bildirim-ok p{margin:4px 0 0;font-size:14.5px}.bildirim-ok a{font-weight:600;margin-right:10px}
.dekont-y{border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:10px;padding:10px 12px;margin:12px 0 0;font-size:14px;background:#fffdf7}
@media (max-width:760px){.hvl-adim{grid-template-columns:1fr}.bankalar{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.prose{line-height:1.7}.prose h2{font-size:21px;margin-top:1.4em}