/* =====================================================================
   Demo talebi modalı — PHPStore / Shopplus+ / BayiB2B satış siteleri (ortak bileşen)
   Açık "Apple Silicon" tasarım: buzlu cam, yaylı açılış, mobilde alttan açılan sayfa.
   Marka renkleri .sdm[data-theme] ile gelir. Bootstrap'tan bağımsızdır.
   ===================================================================== */
.sdm{--dm-ink:#0B1220;--dm-ink2:#334155;--dm-mute:#5B6478;--dm-mute2:#8A93A6;--dm-line:rgba(15,23,42,.09);
  --dm-acc:#2563EB;--dm-acc2:#1D4ED8;--dm-acc-ink:#fff;--dm-soft:#EEF4FF;--dm-ring:rgba(37,99,235,.18);
  --dm-btn:linear-gradient(180deg,#1A2438 0%,#0B1220 100%);--dm-btn-ink:#fff;--dm-btn-sh:0 1px 0 rgba(255,255,255,.14) inset,0 14px 30px -14px rgba(11,18,32,.65);
  --dm-mark:linear-gradient(145deg,#1E2B4A,#0B1220);--dm-mark-ink:#D9B977;
  --dm-g1:rgba(37,99,235,.20);--dm-g2:rgba(217,185,119,.30);--dm-g3:rgba(139,92,246,.14);
  --dm-ok:#15803D;--dm-bad:#C2410C;--dm-ease:cubic-bezier(.16,1,.3,1);--dm-ease2:cubic-bezier(.22,1,.36,1);
  position:fixed;inset:0;z-index:2147483640;display:flex;align-items:center;justify-content:center;padding:24px;
  font-family:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;color:var(--dm-ink);
  -webkit-font-smoothing:antialiased;letter-spacing:-.006em;line-height:1.45;text-align:left}
.sdm[hidden]{display:none!important}
.sdm *,.sdm *::before,.sdm *::after{box-sizing:border-box}
.sdm[data-theme="shopplus"]{--dm-ink:#1D1D1F;--dm-ink2:#3A3A3C;--dm-mute:#6E6E73;--dm-mute2:#8E8E93;--dm-line:rgba(0,0,0,.09);
  --dm-acc:#F5C400;--dm-acc2:#D9A800;--dm-acc-ink:#1D1D1F;--dm-soft:#FFF7D1;--dm-ring:rgba(245,196,0,.28);
  --dm-btn:linear-gradient(180deg,#FFE27A 0%,#FFD84D 45%,#F5C400 100%);--dm-btn-ink:#1D1D1F;--dm-btn-sh:0 1px 0 rgba(255,255,255,.7) inset,0 0 0 1px rgba(170,130,0,.25),0 16px 30px -14px rgba(196,150,0,.65);
  --dm-mark:linear-gradient(145deg,#3A3A3F,#1D1D1F);--dm-mark-ink:#FFD84D;
  --dm-g1:rgba(255,216,77,.42);--dm-g2:rgba(255,236,170,.55);--dm-g3:rgba(255,190,90,.20)}
.sdm[data-theme="bayib2b"]{--dm-ink:#1D1D1F;--dm-ink2:#424245;--dm-mute:#6E6E73;--dm-mute2:#86868B;--dm-line:rgba(0,0,0,.09);
  --dm-acc:#7C5CF0;--dm-acc2:#5B3FD6;--dm-acc-ink:#fff;--dm-soft:#F3EEFF;--dm-ring:rgba(124,92,240,.2);
  --dm-btn:linear-gradient(100deg,#3E8BFF 0%,#8D6BF5 42%,#E36BB1 78%,#FF8F6B 100%);--dm-btn-ink:#fff;--dm-btn-sh:0 1px 0 rgba(255,255,255,.3) inset,0 18px 34px -16px rgba(141,107,245,.75);
  --dm-mark:linear-gradient(135deg,#3E8BFF,#8D6BF5 45%,#E36BB1 80%,#FF8F6B);--dm-mark-ink:#fff;
  --dm-g1:rgba(62,139,255,.22);--dm-g2:rgba(227,107,177,.18);--dm-g3:rgba(255,143,107,.18)}

/* ---- arka plan: açık buzlu cam ---- */
.sdm-bg{position:absolute;inset:0;background:rgba(240,243,250,.52);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);
  opacity:0;transition:opacity .42s var(--dm-ease2)}
.sdm.is-open .sdm-bg{opacity:1}

/* ---- pencere ---- */
.sdm-win{position:relative;width:min(960px,100%);max-height:min(740px,calc(100dvh - 48px));display:grid;grid-template-columns:minmax(0,388px) minmax(0,1fr);
  border-radius:30px;overflow:hidden;background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(34px) saturate(190%);backdrop-filter:blur(34px) saturate(190%);
  box-shadow:0 0 0 .5px rgba(15,23,42,.10),0 1px 0 rgba(255,255,255,.9) inset,0 2px 6px rgba(15,23,42,.04),0 30px 60px -24px rgba(15,23,42,.28),0 80px 140px -60px rgba(15,23,42,.35);
  opacity:0;transform:translateY(22px) scale(.94);transition:opacity .38s var(--dm-ease2),transform .62s var(--dm-ease);outline:0;will-change:transform}
.sdm.is-open .sdm-win{opacity:1;transform:none}
.sdm.is-closing .sdm-win{transition-duration:.22s,.3s;transition-timing-function:ease,cubic-bezier(.4,0,1,1)}
.sdm-win:focus-visible{box-shadow:0 0 0 3px var(--dm-ring),0 30px 60px -24px rgba(15,23,42,.28)}

.sdm-x{position:absolute;top:16px;right:16px;z-index:5;width:40px;height:40px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;color:var(--dm-ink2);
  background:rgba(255,255,255,.7);box-shadow:0 0 0 .5px var(--dm-line),0 6px 16px -10px rgba(15,23,42,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  transition:transform .3s var(--dm-ease),background .2s,color .2s}
.sdm-x:hover{background:#fff;color:var(--dm-ink);transform:rotate(90deg)}
.sdm-x:focus-visible,.sdm-btn:focus-visible,.sdm-link:focus-visible,.sdm-chip:focus-visible,.sdm-sug:focus-visible{outline:0;box-shadow:0 0 0 3px #fff,0 0 0 6px var(--dm-ring)}
.sdm-svg{width:1em;height:1em;flex:none;display:block}
/* sitenin genel odak çizgileri (.si a:focus-visible vb.) modal içinde çift halka oluşturmasın: modal kendi halkasını çizer */
.sdm a:focus-visible,.sdm button:focus-visible,.sdm input:focus-visible,.sdm select:focus-visible,.sdm textarea:focus-visible,.sdm summary:focus-visible{outline:0!important;outline-offset:0!important}
.sdm summary:focus-visible{box-shadow:0 0 0 3px var(--dm-ring)}
.sdm-x .sdm-svg{width:18px;height:18px}
.sdm-grab{display:none}

/* ---- sol: değer önerisi ---- */
.sdm-side{position:relative;padding:40px 34px 32px;overflow:hidden;isolation:isolate;border-right:.5px solid var(--dm-line);
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.2))}
.sdm-side::before{content:"";position:absolute;inset:-30%;z-index:-1;
  background:radial-gradient(42% 36% at 18% 12%,var(--dm-g1),transparent 70%),radial-gradient(40% 34% at 92% 38%,var(--dm-g2),transparent 72%),radial-gradient(46% 40% at 30% 96%,var(--dm-g3),transparent 70%);
  animation:dmDrift 18s var(--dm-ease2) infinite alternate}
@keyframes dmDrift{to{transform:translate3d(3%,-2%,0) rotate(6deg)}}
.sdm-brand{display:flex;align-items:center;gap:10px;font-weight:750;font-size:15px;letter-spacing:-.02em;color:var(--dm-ink)}
.sdm-mark{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--dm-mark);color:var(--dm-mark-ink);font-weight:800;font-size:14px;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 8px 16px -10px rgba(11,18,32,.7)}
.sdm-pill{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;color:var(--dm-ink2);
  background:rgba(255,255,255,.75);box-shadow:0 0 0 .5px var(--dm-line)}
.sdm-h{font-family:"Inter Tight","Inter",-apple-system,sans-serif;font-size:clamp(28px,3.1vw,36px);line-height:1.04;letter-spacing:-.045em;font-weight:800;margin:26px 0 12px;color:var(--dm-ink);text-wrap:balance}
.sdm-h em{font-style:normal;color:var(--dm-mute)}
.sdm-lead{font-size:15px;color:var(--dm-mute);margin:0 0 24px;max-width:34ch}
.sdm-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sdm-list li{display:flex;gap:13px;align-items:flex-start;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.62);box-shadow:0 0 0 .5px var(--dm-line),0 8px 20px -18px rgba(15,23,42,.4);
  opacity:0;transform:translateY(8px);transition:opacity .5s var(--dm-ease2),transform .6s var(--dm-ease)}
.sdm.is-open .sdm-list li{opacity:1;transform:none}
.sdm.is-open .sdm-list li:nth-child(2){transition-delay:.06s}.sdm.is-open .sdm-list li:nth-child(3){transition-delay:.12s}.sdm.is-open .sdm-list li:nth-child(4){transition-delay:.18s}
.sdm-ic{width:36px;height:36px;border-radius:11px;flex:none;display:grid;place-items:center;font-size:20px;color:var(--dm-acc2);background:#fff;box-shadow:0 0 0 .5px var(--dm-line),0 6px 14px -10px rgba(15,23,42,.45)}
.sdm[data-theme="shopplus"] .sdm-ic{color:#B08600}
.sdm-list b{display:block;font-size:14px;font-weight:650;letter-spacing:-.01em;color:var(--dm-ink)}
.sdm-list small{display:block;font-size:12.5px;color:var(--dm-mute);margin-top:1px}
.sdm-trust{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:22px;font-size:12.5px;color:var(--dm-mute);font-weight:550}
.sdm-trust span{display:inline-flex;align-items:center;gap:6px}
.sdm-trust i{font-size:16px;color:var(--dm-ok)}

/* ---- sağ: form / sonuç ---- */
.sdm-main{position:relative;overflow:auto;overscroll-behavior:contain;padding:40px 36px 30px;scrollbar-width:thin}
.sdm-view[hidden]{display:none!important}
.sdm-view.is-in{animation:dmViewIn .55s var(--dm-ease) both}
@keyframes dmViewIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
.sdm-fh{margin:0 46px 20px 0}
.sdm-fh h3{font-family:"Inter Tight","Inter",sans-serif;font-size:21px;font-weight:750;letter-spacing:-.03em;margin:0 0 4px;color:var(--dm-ink)}
.sdm-fh p{margin:0;font-size:14px;color:var(--dm-mute)}
.sdm-form{display:grid;gap:12px;margin:0}
.sdm-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sdm-f{position:relative;display:block;margin:0}
.sdm-l{display:flex;align-items:baseline;gap:6px;font-size:12.5px;font-weight:650;color:var(--dm-ink2);margin:0 0 6px;letter-spacing:-.005em}
.sdm-l small{font-weight:500;color:var(--dm-mute2);font-size:12px}
.sdm-in{position:relative;display:block}
.sdm-in>i{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--dm-mute2);pointer-events:none;transition:color .2s}
.sdm-f input,.sdm-f select,.sdm-f textarea{width:100%;height:50px;margin:0;border:0;border-radius:14px;padding:0 14px 0 42px;font:inherit;font-size:16px;color:var(--dm-ink);
  background:rgba(246,247,251,.9);box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);outline:0;-webkit-appearance:none;appearance:none;transition:box-shadow .2s,background .2s}
.sdm-f textarea{height:auto;min-height:74px;padding:13px 14px;resize:vertical;line-height:1.45}
.sdm-f select{padding-right:40px;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--dm-mute) 50%),linear-gradient(135deg,var(--dm-mute) 50%,transparent 50%);
  background-position:calc(100% - 20px) 50%,calc(100% - 15px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.sdm-f input::placeholder,.sdm-f textarea::placeholder{color:#A3AABA}
.sdm-f input:hover,.sdm-f select:hover,.sdm-f textarea:hover{box-shadow:inset 0 0 0 1px rgba(15,23,42,.16)}
.sdm-f input:focus,.sdm-f select:focus,.sdm-f textarea:focus{background:#fff;box-shadow:inset 0 0 0 1.5px var(--dm-acc),0 0 0 4px var(--dm-ring)}
.sdm-in>.sdm-svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--dm-mute2);pointer-events:none;transition:color .2s}
.sdm-in:focus-within>i,.sdm-in:focus-within>.sdm-svg{color:var(--dm-acc2)}
.sdm[data-theme="shopplus"] .sdm-in:focus-within>i,.sdm[data-theme="shopplus"] .sdm-in:focus-within>.sdm-svg{color:#B08600}
.sdm-f.is-bad input,.sdm-f.is-bad select{box-shadow:inset 0 0 0 1.5px var(--dm-bad),0 0 0 4px rgba(194,65,12,.12);background:#FFF9F6}
.sdm-f.is-ok .sdm-in::after{content:"";position:absolute;right:16px;top:50%;width:6px;height:11px;margin-top:-7px;border:solid var(--dm-ok);border-width:0 2px 2px 0;transform:rotate(45deg);animation:dmPop .35s var(--dm-ease)}
@keyframes dmPop{from{opacity:0;transform:rotate(45deg) scale(.4)}to{opacity:1;transform:rotate(45deg)}}
.sdm-err{display:none;font-size:12.5px;color:var(--dm-bad);margin-top:6px;font-weight:550}
.sdm-f.is-bad .sdm-err{display:block;animation:dmViewIn .3s var(--dm-ease)}
.sdm-sug{display:none;margin-top:6px;text-align:left;font:inherit;font-size:12.5px;color:var(--dm-acc2);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;border-radius:4px}
.sdm-sug.is-on{display:inline-block}
.sdm[data-theme="shopplus"] .sdm-sug{color:#8A6A00}
.sdm-chips{display:flex;flex-wrap:wrap;gap:8px}
.sdm-chip{position:relative;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 14px;border-radius:999px;font-size:13.5px;font-weight:600;color:var(--dm-ink2);cursor:pointer;
  background:rgba(246,247,251,.9);box-shadow:inset 0 0 0 1px rgba(15,23,42,.08);transition:box-shadow .2s,background .2s,color .2s,transform .2s var(--dm-ease);user-select:none}
.sdm-chip i{font-size:17px}.sdm-chip .sdm-svg{width:17px;height:17px}
.sdm-chip input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.sdm-chip:hover{box-shadow:inset 0 0 0 1px rgba(15,23,42,.18)}
.sdm-chip:active{transform:scale(.97)}
.sdm-chip.is-on{background:var(--dm-soft);color:var(--dm-ink);box-shadow:inset 0 0 0 1.5px var(--dm-acc)}
.sdm-chip:focus-within{box-shadow:inset 0 0 0 1.5px var(--dm-acc),0 0 0 4px var(--dm-ring)}
.sdm-kv{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:var(--dm-mute);line-height:1.5;cursor:pointer;margin:2px 0 0}
.sdm-kv input{position:absolute;opacity:0;width:1px;height:1px}
.sdm-box{flex:none;width:22px;height:22px;border-radius:7px;margin-top:-1px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1.5px rgba(15,23,42,.2);transition:background .2s,box-shadow .2s}
.sdm-box::after{content:"";width:5px;height:10px;margin-top:-2px;border:solid var(--dm-btn-ink);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .25s var(--dm-ease)}
.sdm-kv input:checked+.sdm-box{background:var(--dm-acc);box-shadow:none}
.sdm[data-theme="phpstore"] .sdm-kv input:checked+.sdm-box{background:var(--dm-ink)}
.sdm[data-theme="phpstore"] .sdm-box::after,.sdm[data-theme="bayib2b"] .sdm-box::after{border-color:#fff}
.sdm-kv input:checked+.sdm-box::after{transform:rotate(45deg) scale(1)}
.sdm-kv input:focus-visible+.sdm-box{box-shadow:inset 0 0 0 1.5px var(--dm-acc),0 0 0 4px var(--dm-ring)}
.sdm-f.is-bad .sdm-box{box-shadow:inset 0 0 0 1.5px var(--dm-bad)}
.sdm-kvd{margin:0;font-size:12.5px;color:var(--dm-mute)}
.sdm-kvd summary{cursor:pointer;color:var(--dm-ink2);font-weight:600;list-style:none;display:inline-flex;align-items:center;gap:6px;border-radius:6px}
.sdm-kvd summary::-webkit-details-marker{display:none}
.sdm-kvd summary i{transition:transform .25s var(--dm-ease)}
.sdm-kvd[open] summary i{transform:rotate(180deg)}
.sdm-kvd p{margin:8px 0 0;padding:12px 14px;border-radius:12px;background:rgba(246,247,251,.9);box-shadow:inset 0 0 0 1px rgba(15,23,42,.06);line-height:1.55}

.sdm-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 20px;border:0;border-radius:15px;font:inherit;font-size:15px;font-weight:700;
  letter-spacing:-.01em;cursor:pointer;text-decoration:none!important;transition:transform .25s var(--dm-ease),box-shadow .25s,background .25s,filter .25s;-webkit-tap-highlight-color:transparent}
.sdm-btn i,.sdm-btn .sdm-svg{font-size:19px;width:19px;height:19px}
.sdm-btn:active{transform:scale(.98)}
.sdm-go{width:100%;min-height:56px;font-size:16.5px;border-radius:17px;margin-top:6px;background:var(--dm-btn);color:var(--dm-btn-ink)!important;box-shadow:var(--dm-btn-sh);overflow:hidden}
.sdm-go::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .9s var(--dm-ease)}
.sdm-go:hover{filter:brightness(1.06) saturate(1.05);transform:translateY(-1px)}
.sdm-go:hover::before{transform:translateX(120%)}
.sdm-go[aria-busy="true"]{pointer-events:none}
.sdm-go[aria-busy="true"] .sdm-go-t{opacity:.75}
.sdm-spin{display:none;width:20px;height:20px;border-radius:50%;border:2.4px solid currentColor;border-right-color:transparent;opacity:.85;animation:dmSpin .7s linear infinite}
.sdm-go[aria-busy="true"] .sdm-spin{display:block}
.sdm-go[aria-busy="true"] .sdm-go-i{display:none}
@keyframes dmSpin{to{transform:rotate(360deg)}}
.sdm-fine{display:flex;align-items:center;justify-content:center;gap:6px;margin:4px 0 0;font-size:12px;color:var(--dm-mute2);text-align:center}
.sdm-fine i{font-size:14px}
.sdm-alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;font-size:13.5px;line-height:1.45;background:#FFF4EC;color:#9A3412;box-shadow:inset 0 0 0 1px rgba(194,65,12,.18)}
.sdm-alert[hidden]{display:none}
.sdm-alert .sdm-svg{width:18px;height:18px;margin-top:1px}
.sdm-alt{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:center;font-size:12.5px;color:var(--dm-mute);margin-top:2px}
.sdm-link{background:none;border:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:6px;color:var(--dm-ink2)!important;font-weight:600;text-decoration:none!important;border-radius:8px;padding:2px 2px}
.sdm-link:hover{color:var(--dm-ink)!important}
.sdm-link i,.sdm-link .sdm-svg{font-size:15px;width:15px;height:15px}

/* ---- sonuç ekranları ---- */
.sdm-res{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px 4px 4px;position:relative}
.sdm-res h3{font-family:"Inter Tight","Inter",sans-serif;font-size:clamp(24px,2.6vw,30px);font-weight:800;letter-spacing:-.04em;line-height:1.08;margin:22px 0 10px;color:var(--dm-ink);text-wrap:balance}
.sdm-res p{font-size:15px;color:var(--dm-mute);margin:0 auto;max-width:40ch}
.sdm-res p b{color:var(--dm-ink);font-weight:650;word-break:break-word}
.sdm-acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px;width:100%}
.sdm-acts .sdm-btn{flex:1 1 200px;max-width:280px}
.sdm-wa{background:#E9F9EF;color:#0F6B37!important;box-shadow:inset 0 0 0 1px rgba(21,128,61,.18)}
.sdm-wa:hover{background:#DDF5E6}
.sdm-ghost{background:#fff;color:var(--dm-ink)!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.12),0 6px 16px -12px rgba(15,23,42,.35)}
.sdm-ghost:hover{background:#F8FAFC}
.sdm-steps{list-style:none;margin:22px auto 0;padding:0;display:grid;gap:8px;max-width:380px;width:100%;text-align:left}
.sdm-steps li{display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;background:rgba(246,247,251,.9);font-size:13.5px;color:var(--dm-ink2);box-shadow:inset 0 0 0 1px rgba(15,23,42,.05)}
.sdm-steps li em{font-style:normal;width:24px;height:24px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:12px;font-weight:800;background:#fff;color:var(--dm-ink);box-shadow:0 0 0 .5px var(--dm-line)}
.sdm-badge{position:relative;width:92px;height:92px;display:grid;place-items:center}
.sdm-badge::before{content:"";position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(closest-side,rgba(21,128,61,.16),transparent);animation:dmPulse 2.4s var(--dm-ease2) infinite}
.sdm-badge svg{width:92px;height:92px}
.sdm-badge .c{fill:#EAF8EF;stroke:#22A55A;stroke-width:3;stroke-dasharray:283;stroke-dashoffset:283;animation:dmDraw .7s var(--dm-ease) .05s forwards}
.sdm-badge .k{fill:none;stroke:#15803D;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:60;stroke-dashoffset:60;animation:dmDraw .45s var(--dm-ease) .55s forwards}
.sdm-badge.is-bad::before{background:radial-gradient(closest-side,rgba(194,65,12,.14),transparent)}
.sdm-badge.is-bad .sdm-svg{width:58px;height:58px;color:#C2410C}
.sdm-badge.is-bad{border-radius:50%;background:#FFF1E8;box-shadow:inset 0 0 0 3px rgba(194,65,12,.25);animation:dmShake .5s var(--dm-ease2)}
@keyframes dmDraw{to{stroke-dashoffset:0}}
@keyframes dmPulse{0%,100%{transform:scale(.92);opacity:.7}50%{transform:scale(1.08);opacity:1}}
@keyframes dmShake{0%,100%{transform:none}25%{transform:translateX(-5px)}50%{transform:translateX(4px)}75%{transform:translateX(-2px)}}
.sdm-cf{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.sdm-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* sayfa kilidi */
html.sdm-lock,html.sdm-lock body{overflow:hidden!important}
html.sdm-lock body{overscroll-behavior:none}

/* ---- tablet ---- */
@media (max-width:860px){
  .sdm-win{grid-template-columns:1fr;width:min(600px,100%);overflow:auto;overscroll-behavior:contain}
  .sdm-side{border-right:0;border-bottom:.5px solid var(--dm-line);padding:32px 28px 24px}
  .sdm-h{margin-top:18px}
  .sdm-lead{max-width:none}
  .sdm-list{grid-template-columns:1fr 1fr}
  .sdm-main{overflow:visible;padding:28px 28px 26px}
}
/* ---- telefon: alttan açılan sayfa ---- */
@media (max-width:640px){
  .sdm{padding:0;align-items:flex-end}
  .sdm-win{width:100%;max-height:calc(100dvh - 22px);border-radius:28px 28px 0 0;transform:translateY(100%);opacity:1;
    transition:transform .56s var(--dm-ease);padding-bottom:env(safe-area-inset-bottom)}
  .sdm.is-open .sdm-win{transform:translateY(var(--dm-drag,0px))}
  .sdm.is-dragging .sdm-win{transition:none}
  .sdm.is-closing .sdm-win{transition:transform .3s cubic-bezier(.4,0,1,1)}
  .sdm-grab{display:flex;justify-content:center;position:sticky;top:0;z-index:6;height:26px;margin-bottom:-26px;touch-action:none;cursor:grab}
  .sdm-grab span{width:40px;height:5px;margin-top:9px;border-radius:9px;background:rgba(15,23,42,.18)}
  .sdm-x{top:14px;right:14px;width:36px;height:36px}
  .sdm-side{padding:30px 20px 16px}
  .sdm-brand{font-size:14px;padding-right:44px}
  .sdm-pill{display:none}
  .sdm-h{font-size:27px;margin:16px 0 8px}
  .sdm-lead{font-size:14.5px;margin-bottom:14px}
  .sdm-lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .sdm-list{display:flex;gap:8px;overflow-x:auto;margin:0 -20px;padding:2px 20px 4px;scroll-snap-type:x proximity;scrollbar-width:none}
  .sdm-list::-webkit-scrollbar{display:none}
  .sdm-list li{flex:none;align-items:center;gap:8px;padding:6px 12px 6px 6px;border-radius:999px;scroll-snap-align:start}
  .sdm-list li small{display:none}
  .sdm-list b{font-size:13px;white-space:nowrap}
  .sdm-ic{width:28px;height:28px;border-radius:50%;font-size:16px}
  .sdm-trust{display:none}
  .sdm.is-result .sdm-side{display:none}
  .sdm.is-result .sdm-main{padding-top:34px}
  .sdm-main{padding:20px 20px 24px}
  .sdm-fh{margin-right:0}
  .sdm-row{grid-template-columns:1fr}
  .sdm-acts .sdm-btn{max-width:none}
}
@media (prefers-reduced-motion:reduce){
  .sdm *,.sdm *::before,.sdm *::after{animation:none!important;transition:none!important}
  .sdm-win{transition:opacity .15s linear!important}
  .sdm-badge .c,.sdm-badge .k{stroke-dashoffset:0}
  .sdm-list li{opacity:1;transform:none}
}

/* ===== DÜZELTME: akıcılık + taşma (Güncelleme 9) =====
   1) Tam ekran backdrop-filter, 1,4 MB'lık ve yüzlerce animasyonlu sayfanın üstünde her karede yeniden bulanıklaştırılıyordu:
      sayfa kasıyor/kilitleniyordu. Arka plan artık bulanıksız yarı opak bir perde; pencere düz beyaz cam görünümünde.
      Ayrıca pencere açıkken sayfadaki animasyonlar JS ile duraklatılır (demo-modal.js).
   2) Izgara satırı min-height:auto olduğu için uzun içerik pencerenin altında kesiliyordu: sütunlar artık kendi içinde kayar. */
.sdm{contain:layout style}
.sdm-bg{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:radial-gradient(120% 90% at 50% 0%,rgba(248,250,253,.86),rgba(226,232,242,.9))}
.sdm-win{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:linear-gradient(180deg,#FFFFFF,#FBFCFE);grid-template-rows:minmax(0,1fr)}
.sdm-x{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff}
.sdm-main{min-height:0}
.sdm-side{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.sdm-side::-webkit-scrollbar{display:none}
@media (min-width:861px) and (max-height:820px){
  .sdm{padding:16px}
  .sdm-win{max-height:calc(100dvh - 32px)}
  .sdm-side{padding:28px 28px 22px}
  .sdm-main{padding:30px 32px 22px}
  .sdm-h{font-size:clamp(26px,3.2vw,34px);margin:14px 0 8px}
  .sdm-lead{margin-bottom:12px}
  .sdm-list li small{display:none}
  .sdm-list li{padding-top:10px;padding-bottom:10px;align-items:center}
}
@media (min-width:861px) and (max-height:600px){
  .sdm-list,.sdm-trust{display:none}
}
@media (max-width:860px){
  .sdm-win{max-height:calc(100dvh - 24px);grid-template-rows:none;grid-template-columns:minmax(0,1fr)}
  .sdm-side{overflow:hidden;min-width:0}
  .sdm-main{min-height:auto}
}
/* süsleme katmanı kaydırılabilir alanı büyütmesin (sol sütunda boş kaydırma oluşturuyordu) */
.sdm-side::before{display:none!important}
.sdm-side{background:radial-gradient(60% 40% at 14% 6%,var(--dm-g1),transparent 70%),radial-gradient(55% 40% at 96% 34%,var(--dm-g2),transparent 72%),radial-gradient(65% 45% at 26% 100%,var(--dm-g3),transparent 70%)}