/* sipnik.com marka sayfaları (/markalar, /markalar/<marka>, /en/brands/…) — 2026-10-15. Eski blendlab.sipnik.com tasarımından, .mk altında. */
.mk { --karamel:#C8975E; --gece3:#232C40; }
.mk section { padding:56px 0 8px; }
.mk .bas { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:22px; flex-wrap:wrap; }
.mk .bas h2 { font-size:clamp(24px,4vw,34px); line-height:1.15; letter-spacing:-.015em; }
.mk .bas p { color:var(--soluk); font-size:16px; max-width:40em; margin-top:6px; }
.mk .sip-rozet { letter-spacing:.04em; text-transform:none; font-size:13px; color:#fff; background:var(--mercan); border-radius:999px; padding:3px 10px 3px 22px; position:relative; }
.mk .sip-rozet::before { content:""; position:absolute; left:9px; top:50%; width:8px; height:8px; margin-top:-5px; background:#fff; border-radius:0 50% 50% 50%; transform:rotate(45deg); }
.mk .btn svg.ik { width:18px; height:18px; fill:currentColor; stroke:none; flex:none; }

/* ── marka sayfası: kahraman ── */
.mk-hero { padding:22px 0 10px; display:grid; grid-template-columns:1.1fr .9fr; gap:36px; align-items:center; }
.mk-hero h1 { font-size:clamp(44px,8vw,78px); line-height:1; letter-spacing:-.03em; margin:14px 0; }
.mk-hero h1 em { font-style:normal; color:var(--karamel); }
.mk-hero h1 .h1-alt { display:block; font-size:.34em; line-height:1.2; letter-spacing:-.01em; font-weight:600; color:var(--krem); margin-top:.35em; }
.mk-hero .alt { color:var(--soluk); font-size:clamp(16px,2.2vw,19px); max-width:32em; }
.mk-hero .eylem { display:flex; gap:10px; flex-wrap:wrap; margin-top:24px; }
.mk-rozetler { display:flex; gap:8px; flex-wrap:wrap; margin-top:22px; }
.mk-rozet { font-size:13px; font-weight:600; padding:7px 11px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--cizgi); color:var(--krem); }
.mk-rozet.acik { color:var(--nane); border-color:rgba(61,219,176,.35); background:rgba(61,219,176,.08); }
.mk-rozet.acik::before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--nane); margin-right:7px; vertical-align:1px; animation:mkNabiz 2s ease-out infinite; }
@keyframes mkNabiz { 0% { box-shadow:0 0 0 0 rgba(61,219,176,.6); } 100% { box-shadow:0 0 0 9px rgba(61,219,176,0); } }
.mk-vitrin { position:relative; aspect-ratio:1; max-width:440px; width:100%; justify-self:center; }
.mk-vitrin .logo { position:absolute; inset:9%; border-radius:34px; overflow:hidden; box-shadow:0 40px 90px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.08); background:#F6EBDD; }
.mk-vitrin .logo img { width:100%; height:100%; object-fit:cover; display:block; }
.mk-vitrin .halka { position:absolute; inset:0; border-radius:50%; border:2px dotted rgba(255,197,61,.35); animation:mkDon 60s linear infinite; }
@keyframes mkDon { to { transform:rotate(360deg); } }
.mk-yuzen { position:absolute; background:rgba(27,35,51,.88); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border:1px solid var(--cizgi); border-radius:16px; padding:10px 13px; font-size:13px; box-shadow:0 18px 40px rgba(0,0,0,.35); }
.mk-yuzen b { display:block; font-size:15px; } .mk-yuzen small { color:var(--soluk); }
.mk-yuzen.y1 { left:-4%; bottom:14%; animation:mkSal 6s ease-in-out infinite; }
.mk-yuzen.y2 { right:-4%; top:12%; animation:mkSal 7s ease-in-out infinite reverse; }
@keyframes mkSal { 50% { transform:translateY(-8px); } }

/* ── nasıl çalışır ── */
.mk-adimlar { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.mk-adimlar.n3 { grid-template-columns:repeat(3,1fr); } .mk-adimlar.n2 { grid-template-columns:repeat(2,1fr); }
.mk-adim { background:rgba(255,255,255,.045); border:1px solid var(--cizgi); border-radius:20px; padding:20px 18px; }
.mk-adim .no { width:34px; height:34px; border-radius:11px; display:grid; place-items:center; background:rgba(255,90,54,.14); color:var(--mercan2); font-weight:700; }
.mk-adim h3 { font-size:17px; margin:14px 0 6px; } .mk-adim p { color:var(--soluk); font-size:14.5px; }
.mk .devam { margin-top:16px; font-size:15px; } .mk .devam a { color:var(--mercan2); font-weight:600; text-decoration:none; }

/* ── abonelik ── */
.mk-planlar { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; }
.mk-plan { position:relative; background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)); border:1px solid var(--cizgi); border-radius:22px; padding:24px 22px; display:flex; flex-direction:column; gap:10px; }
.mk-plan.one { border-color:rgba(255,90,54,.55); box-shadow:0 0 0 1px rgba(255,90,54,.25) inset, 0 24px 60px rgba(255,90,54,.12); }
.mk-plan .rozetp { position:absolute; top:-11px; left:22px; background:var(--mercan); color:#fff; font-size:12px; font-weight:700; padding:4px 10px; border-radius:999px; }
.mk-plan h3 { font-size:18px; line-height:1.3; }
.mk-plan .fiyat { font-size:38px; font-weight:700; letter-spacing:-.02em; } .mk-plan .fiyat small { font-size:15px; font-weight:500; color:var(--soluk); }
.mk-plan .fiyat s { font-size:17px; font-weight:500; color:var(--soluk); margin-left:6px; }
.mk-plan .hak { font-size:14px; color:var(--gunes); font-weight:600; } .mk-plan p { color:var(--soluk); font-size:14.5px; flex:1; }

/* ── kampanyalar ── */
.mk-kmpler { display:grid; grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:calc((100% - 42px) / 4); gap:14px; overflow-x:auto; scroll-snap-type:x mandatory;
  scrollbar-width:none; overscroll-behavior-x:contain; padding:4px 2px 6px; margin:-4px -2px 0; }   /* tek satır, 4'lü */
.mk-kmpler::-webkit-scrollbar { display:none; } .mk-kmpler > .mk-kmp { scroll-snap-align:start; }
.mk-oklar { display:flex; gap:8px; } .mk-ok[hidden] { display:none; }
.mk-ok { width:44px; height:44px; border-radius:50%; border:1px solid var(--cizgi); background:rgba(255,255,255,.06); color:var(--krem); display:grid; place-items:center; cursor:pointer; transition:background .2s, opacity .2s; }
.mk-ok:hover:not(:disabled) { background:rgba(255,255,255,.12); } .mk-ok:disabled { opacity:.35; cursor:default; } .mk-ok:focus-visible { outline:2px solid var(--mercan2); outline-offset:2px; }
.mk-ok svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; }
.mk-nokta { display:flex; justify-content:center; gap:8px; margin-top:18px; } .mk-nokta[hidden] { display:none; }
.mk-nokta button { width:8px; height:8px; padding:0; border:0; border-radius:999px; background:rgba(246,239,230,.25); cursor:pointer; transition:width .25s, background .25s; }
.mk-nokta button[aria-current=true] { width:26px; background:var(--mercan); } .mk-nokta button:focus-visible { outline:2px solid var(--mercan2); outline-offset:3px; }
@media (max-width:1000px) { .mk-kmpler { grid-auto-columns:calc((100% - 14px) / 2); } }
.mk-kmp { text-align:left; font:inherit; color:inherit; cursor:pointer; background:rgba(255,255,255,.045); border:1px solid var(--cizgi); border-radius:20px; overflow:hidden; display:flex; flex-direction:column; transition:transform .2s, border-color .2s; padding:0; }
.mk-kmp:hover { transform:translateY(-3px); border-color:rgba(255,255,255,.22); }
.mk-kmp .gorsel { aspect-ratio:16/9; background:var(--gece3) center/cover; }
.mk-kmp .ic { padding:14px 16px 16px; display:flex; flex-direction:column; gap:6px; flex:1; }
.mk-kmp h3 { font-size:16px; line-height:1.3; }
.mk-kmp p { color:var(--soluk); font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.mk-kmp .dev { margin-top:auto; padding-top:6px; font-size:13px; font-weight:600; color:var(--mercan2); }
.mk-kmp:focus-visible { outline:2px solid var(--mercan2); outline-offset:3px; }

/* ── sosyal akış ── */
.mk-wall { display:grid; grid-template-columns:1.1fr 1.6fr; gap:26px; align-items:center; background:linear-gradient(135deg,rgba(122,46,142,.28),rgba(255,90,54,.12)); border:1px solid var(--cizgi); border-radius:28px; padding:28px; }
.mk-wall h2 { font-size:clamp(24px,4vw,34px); line-height:1.15; letter-spacing:-.015em; margin-top:6px; }
.mk-wall p { color:var(--soluk); margin:10px 0 16px; }
.mk-wall ul { list-style:none; display:grid; gap:8px; margin:0 0 18px; padding:0; font-size:15px; }
.mk-wall li::before { content:"✦"; color:var(--gunes); margin-right:9px; }
.mk-serit { display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.mk-serit a, .mk-serit span.k { position:relative; aspect-ratio:9/14; border-radius:16px; overflow:hidden; background:var(--gece3) center/cover; box-shadow:0 14px 30px rgba(0,0,0,.3); }
.mk-serit > :nth-child(even) { transform:translateY(18px); }
.mk-serit .oynat { position:absolute; right:8px; top:8px; width:26px; height:26px; border-radius:50%; background:rgba(0,0,0,.45); display:grid; place-items:center; }
.mk-serit .oynat svg { width:12px; height:12px; fill:#fff; margin-left:2px; }

/* ── son çağrı + yasal ── */
.mk-cagri { margin-top:56px; text-align:center; background:radial-gradient(120% 140% at 50% 0%,rgba(255,90,54,.28),rgba(255,90,54,0) 60%),rgba(255,255,255,.04); border:1px solid var(--cizgi); border-radius:28px; padding:40px 20px; }
.mk-cagri h2 { font-size:clamp(26px,4.4vw,40px); letter-spacing:-.02em; line-height:1.15; }
.mk-cagri p { color:var(--soluk); margin:10px auto 22px; max-width:34em; }
.mk-cagri .eylem { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }
.mk-yasal { display:flex; flex-wrap:wrap; gap:8px 18px; margin-top:22px; font-size:13.5px; color:var(--soluk); }
.mk-yasal a { color:var(--soluk); text-decoration:none; } .mk-yasal a:hover { color:var(--krem); }

/* ── kampanya penceresi ── */
.mk-pencere { border:0; padding:0; background:var(--gece2); color:var(--krem); border-radius:22px; width:min(560px,calc(100vw - 32px)); max-height:86vh; box-shadow:0 30px 80px rgba(0,0,0,.6); outline:1px solid var(--cizgi); }
.mk-pencere::backdrop { background:rgba(6,9,16,.7); backdrop-filter:blur(4px); }
.mk-pencere .gorsel { aspect-ratio:16/9; background:var(--gece3) center/cover; }
.mk-pencere .ic { padding:20px 22px 22px; overflow:auto; max-height:calc(86vh - 56vw); }
.mk-pencere h3 { font-size:20px; line-height:1.3; margin-bottom:10px; }
.mk-pencere .metin { color:var(--soluk); white-space:pre-line; font-size:15px; }
.mk-pencere .alt { display:flex; gap:10px; margin-top:18px; flex-wrap:wrap; }
.mk-pencere .kapat { position:absolute; right:12px; top:12px; width:36px; height:36px; border-radius:50%; border:0; background:rgba(0,0,0,.5); color:#fff; font-size:20px; cursor:pointer; }

/* ── markalar listesi (hub) ── */
.mk-sehirler { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0 6px; }
.mk-sehirler button { font:inherit; font-size:14px; font-weight:600; color:var(--krem); background:rgba(255,255,255,.06); border:1px solid var(--cizgi); border-radius:999px; padding:8px 14px; cursor:pointer; }
.mk-sehirler button[aria-pressed=true] { background:var(--mercan); border-color:var(--mercan); color:#fff; }
.mk-liste { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:14px; margin-top:16px; }
.mk-kart { display:flex; gap:16px; text-decoration:none; color:inherit; border-radius:22px; padding:16px; background:rgba(255,255,255,.045); border:1px solid var(--cizgi); transition:transform .2s,border-color .2s; }
.mk-kart:hover { transform:translateY(-3px); border-color:rgba(255,255,255,.24); }
.mk-kart img { width:96px; height:96px; border-radius:20px; background:#F6EBDD; object-fit:cover; flex:none; }
.mk-kart h3 { font-size:20px; margin:8px 0 2px; } .mk-kart p { color:var(--soluk); font-size:14px; }
.mk-kart .ozl { display:flex; flex-wrap:wrap; gap:6px; margin:10px 0 8px; }
.mk-kart .ozl span { font-size:12px; font-weight:600; padding:4px 9px; border-radius:999px; background:rgba(255,255,255,.07); }
.mk-kart .git { font-size:14px; font-weight:600; color:var(--mercan2); }
.mk-kart.ekle { border-style:dashed; align-items:center; } .mk-kart.ekle .art { width:96px; height:96px; border-radius:20px; display:grid; place-items:center; background:rgba(255,90,54,.12); color:var(--mercan2); font-size:40px; flex:none; }
.mk-kart[hidden] { display:none; }
.mk-ag { display:grid; grid-template-columns:1fr 1.25fr; gap:28px; align-items:center; border-radius:24px; padding:26px; border:1px solid var(--cizgi); background:linear-gradient(135deg,rgba(122,46,142,.3),rgba(255,90,54,.12)); }
.mk-ag h3 { font-size:24px; letter-spacing:-.01em; margin-top:8px; } .mk-ag p { color:var(--soluk); margin-top:8px; } .mk-ag .btn { margin-top:18px; }
.mk-ag img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:18px; box-shadow:0 18px 50px rgba(0,0,0,.35); }
.mk #harita { height:420px; border-radius:24px; overflow:hidden; border:1px solid var(--cizgi); }

@media (max-width:900px) {
  .mk-hero { grid-template-columns:1fr; gap:22px; padding-top:8px; } .mk-vitrin { max-width:300px; order:-1; }
  .mk-adimlar, .mk-adimlar.n3 { grid-template-columns:repeat(2,1fr); }
  .mk-wall { grid-template-columns:1fr; padding:22px; } .mk-ag { grid-template-columns:1fr; gap:18px; padding:22px; }
}
@media (max-width:560px) {
  .mk-adimlar, .mk-adimlar.n3, .mk-adimlar.n2 { grid-template-columns:1fr; }
  .mk-serit { grid-template-columns:repeat(3,1fr); } .mk-serit > :nth-child(n+4) { display:none; }
  .mk-kmpler { grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:78%; overflow-x:auto; scroll-snap-type:x mandatory; margin:0 -16px; padding:0 16px 6px; scrollbar-width:none; }
  .mk-kmpler::-webkit-scrollbar { display:none; } .mk-kmp { scroll-snap-align:start; }
  .mk-liste { grid-template-columns:1fr; } .mk-kart img, .mk-kart.ekle .art { width:72px; height:72px; } .mk #harita { height:320px; }
  .mk section { padding-top:44px; }
}
@media (max-width:760px), (pointer:coarse) { .mk-vitrin .halka, .mk-yuzen { animation:none; } }
@media (prefers-reduced-motion:reduce) { .mk-vitrin .halka, .mk-yuzen, .mk-rozet.acik::before { animation:none; } .mk-kmp, .mk-kart { transition:none; } }
/* ── destek sayfası (eski blendlab.sipnik.com/destek) ── */
.mk-destek-hero { padding:22px 0 6px; max-width:760px; }
.mk-destek-hero h1 { font-size:clamp(38px,6.4vw,60px); line-height:1.02; letter-spacing:-.03em; margin:12px 0; } .mk-destek-hero h1 em { font-style:normal; color:var(--karamel); }
.mk-destek-hero .alt { color:var(--soluk); font-size:clamp(16px,2.2vw,19px); }
.mk-iletisim { display:grid; grid-template-columns:1.2fr 1fr; gap:14px; margin-top:26px; }
.mk-kanal { background:rgba(255,255,255,.05); border:1px solid var(--cizgi); border-radius:22px; padding:22px; display:flex; flex-direction:column; gap:8px; }
.mk-kanal h2 { font-size:20px; } .mk-kanal p { color:var(--soluk); font-size:15px; }
.mk-kanal .eposta { font-size:clamp(18px,2.6vw,22px); font-weight:700; color:var(--mercan2); text-decoration:none; word-break:break-all; }
.mk-kanal ol { color:var(--soluk); font-size:15px; padding-left:18px; display:grid; gap:4px; margin:0; }
.mk .sss details p a, .mk-destek-hero a { color:var(--mercan2); }
.mk-destek-sube a.sh-sube-ust { text-decoration:none; color:inherit; } .mk-destek-eylem { display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
@media (max-width:760px) { .mk-iletisim { grid-template-columns:1fr; } }
/* ── mağaza puanı kartı ── */
.mk-app { padding-top:34px; }
.mk-app-kart { position:relative; display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:18px 24px; align-items:center; padding:22px 24px; border-radius:26px; overflow:hidden;
  background:radial-gradient(120% 160% at 0% 0%, rgba(255,197,61,.16), rgba(255,197,61,0) 55%), linear-gradient(135deg, rgba(255,90,54,.16), rgba(122,46,142,.2)); border:1px solid rgba(255,197,61,.28);
  box-shadow:0 24px 60px rgba(0,0,0,.28); }
.mk-app-kart .ikon { width:96px; height:96px; border-radius:24px; box-shadow:0 14px 34px rgba(0,0,0,.4), 0 0 0 1px rgba(255,255,255,.1); object-fit:cover; }
.mk-app-kart h2 { font-size:clamp(22px,3vw,28px); line-height:1.15; margin-top:4px; } .mk-app-kart .bilgi p { color:var(--soluk); font-size:14.5px; margin-top:4px; }
.mk-puanlar { display:flex; gap:22px; flex-wrap:wrap; }
.mk-puan { display:grid; grid-template-columns:auto auto; grid-template-rows:auto auto; column-gap:10px; align-items:center; }
.mk-puan b { grid-row:1 / span 2; font-family:Fredoka,Outfit,sans-serif; font-size:46px; line-height:1; color:var(--gunes); letter-spacing:-.02em; }
.mk-puan small { color:var(--soluk); font-size:13px; white-space:nowrap; } .mk-puan.indirme b { color:var(--krem); font-size:38px; }
.mk-yildiz { display:block; width:110px; height:20px; background:linear-gradient(90deg, var(--gunes) var(--p), rgba(246,239,230,.22) var(--p));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.5 1.3 6.6L12 17.3l-5.9 3.2 1.3-6.6-4.9-4.5 6.6-.8z'/%3E%3C/svg%3E") left center / 22px 20px repeat-x;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.5 1.3 6.6L12 17.3l-5.9 3.2 1.3-6.6-4.9-4.5 6.6-.8z'/%3E%3C/svg%3E") left center / 22px 20px repeat-x; }
.mk-app-kart .eylem { grid-column:1 / -1; display:flex; gap:10px; flex-wrap:wrap; }
.mk-rozet.puan { color:var(--gunes); border-color:rgba(255,197,61,.35); background:rgba(255,197,61,.08); text-decoration:none; }
@media (max-width:760px) { .mk-app-kart { grid-template-columns:auto minmax(0,1fr); padding:18px; } .mk-app-kart .ikon { width:72px; height:72px; border-radius:18px; } .mk-puanlar { grid-column:1 / -1; } }
/* şerit okları başlık satırının sağında; telefonda yalnız kaydırma + noktalar */
.mk #kampanyalar .bas { max-width:none; } .mk #kampanyalar .bas > div:first-child { flex:1 1 320px; } .mk-oklar { margin-left:auto; align-self:flex-end; }
@media (max-width:560px) { .mk-oklar { display:none; } }
.mk-puan.indirme { grid-template-rows:auto; } .mk-puan.indirme b { grid-row:auto; } .mk-puan.indirme small { align-self:center; white-space:normal; max-width:7.5em; line-height:1.3; }
/* ── uygulama indirme sayfası (/markalar/<marka>/app-indir) ── */
.mk-ai { max-width:760px; padding:22px 0 10px; display:grid; gap:18px; }
.mk-ai-bas { display:flex; gap:20px; align-items:center; } .mk-ai-bas .ikon { width:112px; height:112px; border-radius:28px; flex:none; box-shadow:0 20px 50px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.1); object-fit:cover; }
.mk-ai-bas h1 { font-size:clamp(34px,6vw,52px); line-height:1.02; letter-spacing:-.025em; margin:6px 0 4px; } .mk-ai-bas .gel { color:var(--soluk); font-size:15px; }
.mk-ai-bas .mk-rozetler { margin-top:12px; }
.mk-ai-band { padding:14px 16px; border-radius:18px; border:1px solid rgba(255,197,61,.3); background:rgba(255,197,61,.08); font-size:15px; color:var(--krem); } .mk-ai-band b { color:var(--gunes); }
.mk-ai-band.davet { border-color:rgba(61,219,176,.35); background:rgba(61,219,176,.08); } .mk-ai-band.davet b { color:var(--nane); }
.mk-ai-band.davet-bilgi { border-color:var(--cizgi); background:rgba(255,255,255,.04); color:var(--soluk); } .mk-ai-band.davet-bilgi b { color:var(--krem); display:block; margin-bottom:4px; }
.mk-ai-alt { color:var(--soluk); font-size:17px; } .mk-ai-alt b { color:var(--krem); }
.mk-ai-magaza { display:flex; gap:12px; flex-wrap:wrap; } .mk-ai-magaza .btn.buyuk { padding:12px 20px 12px 16px; border-radius:16px; }
.mk-ai-magaza .btn span { display:grid; line-height:1.1; text-align:left; font-size:17px; } .mk-ai-magaza .btn small { font-size:11.5px; font-weight:500; opacity:.8; } .mk-ai-magaza .btn svg.ik { width:24px; height:24px; }
.mk-ai-qr { display:flex; gap:16px; align-items:center; padding:14px; border-radius:18px; border:1px solid var(--cizgi); background:rgba(255,255,255,.04); }
.mk-ai-qr img { width:110px; height:110px; border-radius:12px; background:#fff; padding:4px; flex:none; } .mk-ai-qr b { display:block; font-size:16px; } .mk-ai-qr span { color:var(--soluk); font-size:14px; }
.mk-ai-ozl { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; }
.mk-ai-ozl li { display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:14px; border:1px solid var(--cizgi); background:rgba(255,255,255,.04); font-weight:600; font-size:15px; }
.mk-ai-ozl li svg { width:22px; height:22px; padding:4px; border-radius:50%; background:rgba(61,219,176,.16); fill:none; stroke:var(--nane); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; flex:none; }
@media (max-width:760px), (pointer:coarse) { .mk-ai-qr { display:none; } }
@media (max-width:560px) { .mk-ai-bas { align-items:flex-start; } .mk-ai-bas .ikon { width:80px; height:80px; border-radius:20px; } .mk-ai-magaza .btn.buyuk { flex:1 1 100%; justify-content:center; } }
/* ── app-indir v2: tam genişlik ── */
.mk-ai2 { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:44px; align-items:center; padding:22px 0 8px; }
.mk-ai2-sol { display:grid; gap:16px; align-content:start; }
.mk-ai2-kimlik { display:flex; gap:18px; align-items:center; } .mk-ai2-kimlik .ikon { width:88px; height:88px; border-radius:22px; flex:none; box-shadow:0 18px 44px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.1); object-fit:cover; }
.mk-ai2-kimlik h1 { font-size:clamp(38px,5.4vw,60px); line-height:1; letter-spacing:-.03em; } .mk-ai2-kimlik .gel { color:var(--soluk); font-size:15.5px; margin-top:6px; }
.mk-ai2 .mk-rozetler { margin-top:0; } .mk-ai2 .mk-ai-qr { max-width:520px; }
.mk-ai2-kapak { position:relative; } .mk-ai2-kapak > img { display:block; width:100%; height:auto; aspect-ratio:2/1; object-fit:cover; border-radius:28px; box-shadow:0 40px 90px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.08); }
.mk-ai2-kapak .mk-yuzen.y1 { left:-18px; bottom:-22px; } .mk-ai2-kapak .mk-yuzen.y2 { right:-14px; top:-18px; }
.mk-ai2-kapak .mk-yuzen b, .mk-ai2-vitrin .mk-yuzen b { color:var(--gunes); font-size:18px; }
.mk-ai2-vitrin { max-width:400px; }
#ozellikler { padding-top:64px; }
.mk-ai2-ozl { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:12px; }
.mk-ai2-oz { display:flex; gap:12px; align-items:flex-start; padding:16px 18px; border-radius:18px; border:1px solid var(--cizgi); background:rgba(255,255,255,.04); }
.mk-ai2-oz svg { width:26px; height:26px; padding:5px; border-radius:50%; background:rgba(61,219,176,.16); fill:none; stroke:var(--nane); stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; flex:none; margin-top:1px; }
.mk-ai2-oz b { display:block; font-size:16px; } .mk-ai2-oz p { color:var(--soluk); font-size:14px; margin-top:3px; }
.mk-ai2-iki { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:14px; }
.mk-ai2-kart { display:flex; flex-direction:column; gap:6px; padding:24px; border-radius:24px; border:1px solid var(--cizgi); background:rgba(255,255,255,.04); text-decoration:none; color:inherit; }
.mk-ai2-kart h3 { font-size:22px; letter-spacing:-.01em; } .mk-ai2-kart p { color:var(--soluk); font-size:15px; }
.mk-ai2-kart.davet { background:linear-gradient(135deg,rgba(61,219,176,.12),rgba(122,46,142,.18)); border-color:rgba(61,219,176,.3); }
.mk-ai2-kart.marka { flex-direction:row; gap:18px; align-items:center; transition:transform .2s, border-color .2s; } .mk-ai2-kart.marka:hover { transform:translateY(-3px); border-color:rgba(255,255,255,.24); }
.mk-ai2-kart.marka img { width:64px; height:64px; border-radius:16px; background:#F6EBDD; object-fit:cover; flex:none; } .mk-ai2-kart.marka > div { display:grid; gap:4px; }
.mk-ai2-kart .git { margin-top:4px; font-weight:600; color:var(--mercan2); font-size:14.5px; }
@media (max-width:900px) { .mk-ai2 { grid-template-columns:1fr; gap:34px; } .mk-ai2-sag { order:-1; } .mk-ai2-kapak .mk-yuzen.y1 { left:8px; bottom:-18px; } .mk-ai2-kapak .mk-yuzen.y2 { right:8px; top:-14px; } }
@media (max-width:560px) { .mk-ai2-kimlik .ikon { width:68px; height:68px; border-radius:17px; } .mk-ai2-kart.marka { flex-direction:column; align-items:flex-start; } }
@media (max-width:560px) { .mk-ai2-kapak .mk-yuzen { position:static; display:inline-block; margin:12px 8px 0 0; animation:none; } }