/* Sayfaya özgü stiller — taslaklardan çıkarıldı (ortak yeni.css'te olmayanlar) */
.urun-hero{background:linear-gradient(180deg,var(--gri),#fff 95%);padding-block:22px 44px;position:relative}
.urun-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(14,21,38,.07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to bottom,#000 30%,transparent);pointer-events:none}
.urun-hero .kap{position:relative;z-index:1}
.iz{display:flex;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--soluk)}
.iz a:hover{color:var(--yazi)}
.iz b{color:var(--yazi);font-weight:600}
.urun-ust{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:center;margin-top:22px}
.urun-hero h1{font-size:clamp(34px,4.2vw,52px);font-weight:800;letter-spacing:-.035em}
.urun-hero .alti{color:var(--soluk);font-size:17.5px;margin-top:14px;max-width:52ch}
.urun-hero .maddeler{color:var(--soluk);margin-top:18px}
.urun-hero .maddeler svg.ik{color:var(--yazi)}
.urun-hero .hero-eylem{margin-top:26px}
@media (max-width:1080px){.urun-ust,.nedir{grid-template-columns:minmax(0,1fr)}}
.urun-hero{isolation:isolate}
.urun-hero{display:flex;flex-direction:column}
.urun-hero>.kap{width:100%;flex:1;display:flex;flex-direction:column}
.urun-ust{flex:1}
.urun-hero .etiket{display:inline-flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--cizgi);padding:6px 14px 6px 6px;border-radius:999px;font-size:14px;color:var(--yazi);margin-bottom:16px}
.urun-hero .etiket .rozet{border-radius:999px}
.urun-hero h1 em{font-style:normal;color:inherit;background:linear-gradient(transparent 60%,rgba(255,194,51,.6) 60%);padding:0 .08em}
.r-hosting{--k:#0f9d74;--k2:#e3f6ef}
.r-eposta{--k:#d97706;--k2:#fef3c7}
.r-sunucu{--k:#0284c7;--k2:#e0f2fe}
.r-alan{--k:#ea580c;--k2:#ffedd5}
.r-ssl{--k:#e11d48;--k2:#ffe4e6}
.r-panel{--k:#2563eb;--k2:#dbeafe}
.r-yazilim{--k:#65a30d;--k2:#ecfccb}
.r-whmcs{--k:#475569;--k2:#e2e8f0}
.r-wp{--k:#0e7490;--k2:#cffafe}
.r-guvenlik{--k:#e11d48;--k2:#ffe4e6}
.kpill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:800;color:var(--k);background:var(--k2);padding:5px 10px;border-radius:999px;white-space:nowrap}
.kpill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--k)}
.mk-hero .urun-ust>div>.kpill{margin-bottom:14px}
.mk-meta{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;font-size:14px;font-weight:700}
.mk-meta span{display:inline-flex;align-items:center;gap:7px}
.mk-meta svg{width:16px;height:16px;color:var(--k)}
.mk-fay{background:#dcfce7;color:#166534;padding:5px 11px;border-radius:999px}
.mk-kisa,.mk-urun{background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-l);padding:24px;box-shadow:0 40px 70px -46px rgba(var(--ana-rgb),.7);display:grid;gap:12px}
.mk-kisa-bas{font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mor)}
.mk-kisa>b,.mk-urun>b{font-size:20px;margin-top:-6px}
.mk-kisa ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.mk-kisa li{font-size:14.5px;padding-left:22px;position:relative}
.mk-kisa li::before{content:"";position:absolute;left:2px;top:7px;width:9px;height:5px;border:2px solid var(--mor);border-top:0;border-right:0;transform:rotate(-45deg)}
.kod{background:#0d1b17;border-radius:14px;overflow:hidden;margin:14px 0;max-width:100%;min-width:0}
.mk-kisa>*,.mk-yazi,.mk-adim>li{min-width:0}
.kod-ust{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#14271f}
.kod-ust i{width:10px;height:10px;border-radius:50%;background:#ff5f57}
.kod-ust i+i{background:#febc2e}
.kod-ust i+i+i{background:#28c840}
.kod-ust span{margin-left:8px;font-size:12.5px;font-weight:700;color:#9fd8c4}
.kopya{margin-left:auto;border:0;background:rgba(255,255,255,.1);color:#fff;font:700 12px var(--font);padding:5px 10px;border-radius:7px;cursor:pointer}
.kopya.ok{background:var(--mor)}
.kod pre{margin:0;padding:16px 18px;overflow-x:auto}
.kod code{font:500 15px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#e8f5ef;background:none;padding:0}
.k-p{color:#5eead4}
.k-v{color:#ffc233}
.k-y{color:#7f9c92}
.mk-duzen{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start;padding-block:56px 80px}
.mk-ici{position:sticky;top:96px;display:grid;gap:16px}
.mk-son{display:grid;gap:16px;margin-top:40px}
.mk-son .mk-urun{box-shadow:none;align-content:start}
.mk-son .mk-urun:has(a:nth-of-type(3)){grid-template-columns:repeat(3,minmax(0,1fr))}
.mk-son .mk-urun>span,.mk-son .mk-urun>b{grid-column:1/-1}
.mk-son .mk-destek{display:flex;flex-wrap:wrap;align-items:center;gap:6px 24px}
.mk-son .mk-destek p{margin:0;flex:1;min-width:220px}
.mk-son .mk-destek b{width:100%}
.mk-ici>b{font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.mk-ici nav{display:grid;border-left:2px solid var(--cizgi)}
.mk-ici nav a{padding:8px 0 8px 16px;margin-left:-2px;border-left:2px solid transparent;font-size:14.5px;font-weight:600}
.mk-ici nav a:hover{color:var(--mor)}
.mk-ici nav a.akt{border-color:var(--mor);color:var(--mor);font-weight:800}
.mk-ilerle{height:6px;background:var(--gri);border-radius:9px;overflow:hidden}
.mk-ilerle i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--mor),var(--sari));border-radius:9px}
.mk-yazi{font-size:18.5px;line-height:1.8;max-width:860px}
.mk-yazi h2{font-size:28px;letter-spacing:-.02em;margin:48px 0 14px;scroll-margin-top:100px;display:flex;align-items:center;gap:12px}
.mk-yazi h2::before{content:"";width:6px;height:28px;border-radius:4px;background:var(--mor);flex:none}
.mk-yazi h2:first-child{margin-top:0}
.mk-yazi p{margin:0 0 16px}
.mk-yazi code{font:600 .88em ui-monospace,Menlo,Consolas,monospace;background:var(--mor-acik);color:var(--mor-koyu);padding:2px 7px;border-radius:6px}
.mk-yazi .kod code{font-size:15px;background:none;color:#e8f5ef;padding:0}
.mk-yazi strong{font-weight:800}
.mk-adim{list-style:none;margin:18px 0;padding:0;counter-reset:a;display:grid;gap:14px}
.mk-adim>li{position:relative;padding:18px 20px 18px 66px;background:#fff;border:1px solid var(--cizgi);border-radius:var(--r-m);counter-increment:a;font-size:17px}
.mk-adim>li::before{content:counter(a);position:absolute;left:18px;top:16px;width:34px;height:34px;border-radius:10px;background:var(--mor);color:#fff;display:grid;place-items:center;font-weight:800;font-size:16px}
.mk-adim>li>b{display:block;font-size:18px}
.not{display:flex;gap:14px;border-radius:var(--r-m);padding:18px 20px;margin:20px 0;font-size:16.5px;line-height:1.65}
.not svg{width:22px;height:22px;flex:none;margin-top:3px}
.not b{display:block;font-size:16.5px}
.not.bilgi{background:#e0f2fe;color:#0c3a55}
.not.bilgi svg{color:#0284c7}
.not.ipucu{background:#e3f6ef;color:#0b3b2c}
.not.ipucu svg{color:#0f9d74}
.not.uyari{background:#fff4d6;color:#4a3300}
.not.uyari svg{color:#d97706}
.mk-kart3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.mk-kart3>div{background:var(--k2);border-radius:var(--r-m);padding:18px;display:grid;gap:6px;align-content:start}
.mk-kart3 .yk-ik{background:var(--k)}
.mk-kart3 .yk-ik svg{color:#fff}
.mk-kart3 b{font-size:16.5px;line-height:1.3}
.mk-kart3 p{margin:0;font-size:14.5px;line-height:1.55;overflow-wrap:anywhere}
.yk-ik{width:42px;height:42px;border-radius:12px;background:var(--k2);display:grid;place-items:center;flex:none}
.yk-ik svg{width:21px;height:21px;color:var(--k)}
.mk-oy{margin-top:40px;background:var(--gri);border-radius:var(--r-l);padding:22px 24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.mk-oy b{font-size:18px}
.mk-oy div{display:flex;gap:10px}
.mk-oy button{height:44px;padding:0 18px;border:1px solid var(--cizgi);background:#fff;border-radius:10px;font:700 15px var(--font);color:var(--yazi);cursor:pointer}
.mk-oy button:hover{border-color:var(--mor)}
.mk-oy span{width:100%;font-weight:700;color:var(--mor)}
.mk-oy span[hidden]{display:none}
.mk-urun a{display:flex;gap:12px;align-items:center;border:1px solid var(--cizgi);border-radius:var(--r-m);padding:12px 14px;transition:border-color .15s}
.mk-urun a:hover{border-color:var(--mor)}
.mk-urun a>span:last-child{display:flex;flex-direction:column}
.mk-urun a small{font-size:13px;font-weight:600}
.mk-destek{background:var(--mor-koyu);color:#fff;border-radius:var(--r-l);padding:24px;display:grid;gap:8px}
.mk-destek b{font-size:19px}
.mk-destek p{margin:0 0 6px;color:rgba(255,255,255,.85);font-size:14.5px}
.mk-ilgili{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mk-ilgili a{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#fff;border:1px solid var(--cizgi);border-top:5px solid var(--k);border-radius:var(--r-l);padding:22px;transition:transform .15s}
.mk-ilgili a:hover{transform:translateY(-3px)}
.mk-ilgili b{font-size:18px;line-height:1.35}
.mk-ilgili small{font-size:13px;font-weight:700}
@media (max-width:1200px){.mk-duzen{grid-template-columns:200px minmax(0,1fr);gap:40px}}
@media (max-width:860px){.mk-duzen{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px 56px}.mk-ici{position:static;background:var(--gri);border-radius:var(--r-m);padding:18px}.mk-ilerle{display:none}.mk-son,.mk-son .mk-urun:has(a:nth-of-type(3)){grid-template-columns:1fr}.mk-kart3,.mk-ilgili{grid-template-columns:1fr}.mk-yazi{font-size:17px}.mk-yazi h2{font-size:24px}}
@media (max-width:640px){.mk-adim>li{padding:16px 16px 16px 58px}.mk-adim>li::before{left:14px}.kod code{font-size:13.5px}}
/* Gerçek veri için ekler (24.10.2026): DB'deki makale HTML'i (h3, liste, tablo, hr…) ve sözleşme notları */
.mk-hero .urun-ust>div>a.kpill{margin-bottom:14px}
.mk-hero h1,.by-hero h1{font-size:clamp(30px,3.6vw,46px)}
.mk-kisa-liste li a{font-weight:600}
.mk-kisa-liste li a:hover{color:var(--mor)}
.mk-yazi h3{font-size:21px;margin:30px 0 10px;letter-spacing:-.01em}
.mk-yazi h4{font-size:18px;margin:24px 0 8px}
.mk-yazi ul:not([class]),.mk-yazi ol:not([class]){margin:0 0 18px;padding-left:24px;display:grid;gap:6px}
.mk-yazi li::marker{color:var(--mor);font-weight:800}
.mk-yazi hr{border:0;border-top:1px dashed var(--cizgi);margin:32px 0}
.mk-yazi a:not(.btn):not(.kpill){color:var(--mor);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.mk-yazi .mk-urun a,.mk-yazi .mk-destek a{text-decoration:none}
.mk-yazi .mk-urun a{color:var(--yazi)}
.mk-yazi blockquote{margin:22px 0;padding:6px 0 6px 20px;border-left:4px solid var(--mor);font-weight:600}
.mk-yazi table{width:100%;border-collapse:collapse;margin:18px 0;font-size:16px;display:block;overflow-x:auto}
.mk-yazi th,.mk-yazi td{border:1px solid var(--cizgi);padding:10px 12px;text-align:left}
.mk-yazi th{background:var(--gri)}
.mk-yazi img{max-width:100%;height:auto;border-radius:var(--r-m)}
.mk-yazi .kod pre code{white-space:pre}
.mk-destek .btn{justify-self:start}
.not.tehlike{background:#ffe4e6;color:#4c0519}
.not.tehlike svg{color:#e11d48}
.not p{margin:0}