/* ikahost panel theme — generated by araclar/css_uret.py; edit tema-css/*.css or the mock tokens, not this file */
/* tokens: taslaklar/site/_ui.py */
:root{
  --red:#ff3419; --red-dark:#cc1800; --red-deep:#a31300; --tint:#fff3f0;
  --ink:#151414; --ink-2:#221f1f; --ink-3:#353130;
  --paper:#ffffff; --stone:#f6f5f4; --line:#e8e5e3; --muted:#5f5a58;
  --on-dark:#d9d4d2; --on-dark-muted:#9a9391;
  --semi:'wdth' 86; --tight:'wdth' 80;
  --surface:#ffffff; --canvas-2:#fafaf9; --stone-2:#f0efed;
  --line-2:#d6d3d1; --line-strong:#8f8a88; --ink-soft:#44403c; --ink-4:#a8a29e;
  --red-line:#ffd3c9; --red-light:#ff7a5c; --ai-2:#ff8a3d; --ai-3:#e0457b; --silver:#e8edf4; --gold:#f3d58a; --gold-2:#b8862f; --gold-3:#fff1c9; --pnlcs:#405189; --pnlcs-dot:#0ab39c;
  --ok:#15803d; --ok-soft:#dcfce7; --ok-line:#bbf7d0; --live:#22c55e;
  --warn:#b45309; --warn-soft:#fef3c7; --warn-line:#f5dfa0;
  --bad:#b91c1c; --bad-soft:#fee2e2; --bad-line:#fca5a5;
  --info:#1d4ed8; --info-soft:#dbeafe;
  --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:16px; --fs-lg:20px; --fs-xl:26px; --fs-2xl:34px; --fs-3xl:48px;
  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --sh-1:0 2px 8px rgba(21,20,20,.06); --sh-2:0 12px 32px rgba(21,20,20,.12),0 2px 6px rgba(21,20,20,.06); --sh-3:0 24px 64px rgba(21,20,20,.22);
  --on-accent:#ffffff;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:48px; --sp-9:64px; --sp-10:96px;
  --dur-1:.12s; --dur-2:.2s; --dur-3:.32s;
  --ctl-md:48px; --ctl-sm:40px;
  --card-pad:24px; --card-pad-plan:28px; --card-pad-panel:20px;
  color-scheme:light;
}
@media (max-width:640px){:root{--card-pad:20px;--card-pad-plan:24px;--card-pad-panel:16px}}
:root[data-theme=dark]{
  color-scheme:dark;
  --paper:#141312; --surface:#1c1a19; --stone:#262322; --stone-2:#2e2b29; --canvas-2:#211f1e;
  --line:#34302e; --line-2:#46413e; --line-strong:#6f6966;
  --ink:#f3f1ef; --ink-2:#e4e0dd; --ink-3:#d2cdca; --ink-soft:#d8d3d0; --ink-4:#8c8581; --muted:#aaa39f;
  --tint:#3a1811; --red-line:#6e2a1d; --red-dark:#d4290e; --red-deep:#b32008;
  --ok:#4ade80; --ok-soft:#10301d; --ok-line:#1f5234;
  --warn:#fbbf24; --warn-soft:#382a0c; --warn-line:#6b4e14;
  --bad:#f87171; --bad-soft:#3a1616; --bad-line:#7a2c2c;
  --info:#93b4ff; --info-soft:#172442;
  --sh-1:0 2px 8px rgba(0,0,0,.35); --sh-2:0 12px 32px rgba(0,0,0,.5),0 2px 6px rgba(0,0,0,.3); --sh-3:0 24px 64px rgba(0,0,0,.6);
}
:root[data-theme=dark] .ika-vitrin :is(.topbar,.site-foot,.mpromo),:root[data-theme=dark] .ika-ds :is(.endcta,.aiband,.vids,.rv.feat,.apanel){--red:#ff3419; --red-dark:#cc1800; --red-deep:#a31300; --tint:#fff3f0;
  --ink:#151414; --ink-2:#221f1f; --ink-3:#353130;
  --paper:#ffffff; --stone:#f6f5f4; --line:#e8e5e3; --muted:#5f5a58;
  --on-dark:#d9d4d2; --on-dark-muted:#9a9391;
  --semi:'wdth' 86; --tight:'wdth' 80;
  --surface:#ffffff; --canvas-2:#fafaf9; --stone-2:#f0efed;
  --line-2:#d6d3d1; --line-strong:#8f8a88; --ink-soft:#44403c; --ink-4:#a8a29e;
  --red-line:#ffd3c9; --red-light:#ff7a5c; --ai-2:#ff8a3d; --ai-3:#e0457b; --silver:#e8edf4; --gold:#f3d58a; --gold-2:#b8862f; --gold-3:#fff1c9; --pnlcs:#405189; --pnlcs-dot:#0ab39c;
  --ok:#15803d; --ok-soft:#dcfce7; --ok-line:#bbf7d0; --live:#22c55e;
  --warn:#b45309; --warn-soft:#fef3c7; --warn-line:#f5dfa0;
  --bad:#b91c1c; --bad-soft:#fee2e2; --bad-line:#fca5a5;
  --info:#1d4ed8; --info-soft:#dbeafe;
  --fs-xs:12px; --fs-sm:13px; --fs-base:14px; --fs-md:16px; --fs-lg:20px; --fs-xl:26px; --fs-2xl:34px; --fs-3xl:48px;
  --r-xs:4px; --r-sm:8px; --r-md:12px; --r-lg:16px; --r-pill:999px;
  --sh-1:0 2px 8px rgba(21,20,20,.06); --sh-2:0 12px 32px rgba(21,20,20,.12),0 2px 6px rgba(21,20,20,.06); --sh-3:0 24px 64px rgba(21,20,20,.22);
  --on-accent:#ffffff;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:48px; --sp-9:64px; --sp-10:96px;
  --dur-1:.12s; --dur-2:.2s; --dur-3:.32s;
  --ctl-md:48px; --ctl-sm:40px;
  --card-pad:24px; --card-pad-plan:28px; --card-pad-panel:20px;}
:root[data-theme=dark] img[src$="/logo-koyu-yazi.svg"]{content:url(../img/vitrin/logo-beyaz-yazi.svg)}
/* 12-cerceve-mock.css */
/* GENERATED by araclar/cerceve_css.py from the mock (taslaklar/site/assets/site.css) — do not edit by hand.
   282 rules that style the mock panel chrome, scoped under .ika-frame. */
@keyframes row{from{opacity:0;transform:translateY(10px)}}
@keyframes aishine{to{background-position:250% 0}}
@keyframes aitwinkle{50%{transform:scale(1.2) rotate(12deg)}}
@keyframes sheetup{from{transform:translateY(24px);opacity:.4}}
.ika-frame .pill{display:inline-flex;align-items:center;font-size:var(--fs-sm);font-weight:650;line-height:1.5;border-radius:var(--r-pill);padding:1px 10px;background:var(--ok-soft);color:var(--ok);white-space:nowrap}
.ika-frame .pill.due{background:var(--warn-soft);color:var(--warn)}
.ika-frame .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px;padding:0 20px!important;font:inherit;font-size:var(--fs-md)!important;font-weight:650!important;line-height:1.2!important;border-radius:var(--r-md)!important;border:1.5px solid transparent!important;text-decoration:none!important;cursor:pointer!important;white-space:nowrap;transition:background-color var(--dur-1) ease,border-color var(--dur-1) ease,transform .1s}
.ika-frame .btn:active{transform:scale(.98)}
.ika-frame .btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ika-frame .btn:disabled{opacity:.45;pointer-events:none}
.ika-frame .btn-sm{min-height:34px;padding:0 12px!important;font-size:var(--fs-sm)!important;border-radius:var(--r-sm)!important}
.ika-frame .btn-primary,.ika-frame a.btn-primary,.ika-frame a.btn-primary:visited{background:var(--red-dark)!important;color:var(--on-accent)!important}
.ika-frame .btn-primary:hover{background:var(--red-deep)!important}
.ika-frame .btn-secondary,.ika-frame a.btn-secondary{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
.ika-frame .btn-secondary:hover{border-color:var(--ink)!important}
.ika-frame *{box-sizing:border-box;margin:0;padding:0}
.ika-frame a{color:inherit}
.ika-frame img{display:block}
.ika-frame :focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--r-xs)}
.ika-frame .cart{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--r-md);text-decoration:none}
.ika-frame .cart:hover{background:var(--stone)}
.ika-frame .cart svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ika-frame .cart .count[hidden]{display:none}
.ika-frame .cart .count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--red-dark);color:var(--on-accent);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center}
.ika-frame .dpanel .dn{font-weight:600;font-size:var(--fs-md);word-break:break-all}
.ika-frame .dpanel .dn small{display:block;font-weight:500;font-size:var(--fs-sm)}
.ika-frame .dpanel .no{color:var(--muted)}
.ika-frame .dpanel .price{font-size:var(--fs-md);font-weight:650;white-space:nowrap}
.ika-frame .dpanel .add{font:inherit;font-size:var(--fs-base);font-weight:650;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:7px 12px;cursor:pointer;color:var(--ink);white-space:nowrap}
.ika-frame .dpanel .add:hover{border-color:var(--ink)}
.ika-frame .dpanel .add[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-frame .dpanel li.taken{opacity:.6}
.ika-frame .dpanel li.taken .add{visibility:hidden}
.ika-frame .burger{display:none}
@media (max-width:1000px){.ika-frame .burger{display:inline-flex}}
@media (prefers-reduced-motion:reduce){.ika-frame *,.ika-frame *::before,.ika-frame *::after{transition:none!important;animation:none!important}}
.ika-frame .pill{white-space:nowrap}
.ika-frame .avatar-s{width:30px;height:30px;border-radius:50%;background:var(--tint);color:var(--red-dark);display:grid;place-items:center;font-weight:700;font-size:var(--fs-sm)}
.ika-frame .cmdk kbd{font:inherit;font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:1px 6px;color:var(--muted)}
.ika-frame .cmdk{border:0;padding:0;margin:10vh auto auto;width:min(620px,calc(100vw - 32px));border-radius:var(--r-lg);box-shadow:0 40px 100px rgba(21,20,20,.35)}
.ika-frame .cmdk::backdrop{background:rgba(21,20,20,.4)}
.ika-frame .cmdk-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.ika-frame .cmdk-top svg{width:20px;height:20px;stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round;flex:none}
.ika-frame .cmdk-top input{flex:1;border:0;font:inherit;font-size:var(--fs-md);min-width:0}
.ika-frame .cmdk-top input:focus{outline:none}
.ika-frame .cmdk ul{list-style:none;max-height:50vh;overflow:auto;padding:8px}
.ika-frame .cmdk ul a{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:var(--r-md);text-decoration:none}
.ika-frame .cmdk ul a[aria-selected="true"],.ika-frame .cmdk ul a:hover{background:var(--stone)}
.ika-frame .cmdk ul .ci{width:28px;height:28px;border-radius:var(--r-sm);background:var(--stone);flex:none;object-fit:contain;padding:3px}
.ika-frame .cmdk ul small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.ika-frame .cmdk ul .grp{font-size:var(--fs-xs);color:var(--muted);padding:10px 12px 4px;font-weight:600}
.ika-frame [hidden]{display:none!important}
.ika-frame .dpanel li.dall{display:block;padding:0;border-top:1px solid var(--line)}
.ika-frame .dpanel li.dall a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;font-weight:600;color:var(--red-dark);text-decoration:none}
.ika-frame .dpanel li.dall a:hover{background:var(--tint)}
.ika-frame .dpanel li.dall small{font-weight:400;color:var(--muted);font-size:var(--fs-sm)}
.ika-frame .dpanel li.taken{opacity:1}
.ika-frame .dpanel li.taken .dn{color:var(--muted)}
@media (max-width:520px){.ika-frame .dpanel .add{grid-column:1/-1;justify-self:start}}
.ika-frame .tour-hl{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--r-md);position:relative;z-index:70}
.ika-frame .aibtn{position:relative;isolation:isolate;display:flex;align-items:center;gap:7px;font:inherit;font-size:var(--fs-base);font-weight:600;color:var(--ink);background:var(--surface);border:0;border-radius:var(--r-pill);padding:8px 15px 8px 12px;cursor:pointer}
.ika-frame .aibtn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(110deg,var(--red),var(--ai-2),var(--ai-3),var(--red));background-size:250% 100%;-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:aishine 7s linear infinite;z-index:-1}
.ika-frame .aibtn svg{width:17px;height:17px;fill:var(--red);stroke:none}
.ika-frame .aibtn:hover{background:var(--tint)}
.ika-frame .aibtn:hover svg{animation:aitwinkle .9s ease}
@media (max-width:1000px){.ika-frame .aibtn span{display:none}}
@media (max-width:1000px){.ika-frame .aibtn{padding:9px}}
.ika-frame .aiicon{width:36px;height:36px;border-radius:var(--r-sm);border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--muted);flex:none}
.ika-frame .aiicon:hover{background:var(--stone);color:var(--ink)}
.ika-frame .aiicon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.ika-frame .aibtn::before,.ika-frame .aibtn:hover svg{animation:none}}
.ika-frame .refpill b{font-weight:700}
.ika-frame .pme .menu-pop{--mp-w:272px}
.ika-frame .macct small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ika-frame .macct-n{color:var(--ink);font-weight:500}
.ika-frame .mlang{position:static}
.ika-frame .mlang>summary{list-style:none;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:7px 10px;border-radius:var(--r-sm);cursor:pointer;font-weight:500}
.ika-frame .mlang>summary::-webkit-details-marker{display:none}
.ika-frame .mlang>summary:hover,.ika-frame .mlang[open]>summary{background:var(--stone)}
.ika-frame .mlang>summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ink)}
.ika-frame .mlang>summary .mt::after{content:"";display:inline-block;width:6px;height:6px;margin-left:8px;border-right:1.5px solid var(--ink-4);border-top:1.5px solid var(--ink-4);transform:translateY(-1px) rotate(45deg)}
.ika-frame .mlang[open]>summary{display:none}
.ika-frame .menu-pop:has(.mlang[open])>:not(.mlang){display:none}
.ika-frame .mlang-pop{padding:0}
.ika-frame .mlang-h{display:flex;align-items:flex-start;gap:6px;padding:4px 4px 10px;border-bottom:1px solid var(--line);margin-bottom:4px}
.ika-frame .mlang-h b{display:block;font-size:var(--fs-base)}
.ika-frame .mlang-h small{display:block;font-size:var(--fs-sm);color:var(--muted);margin-top:2px}
.ika-frame .mback{flex:none;width:30px;height:30px;border:0;background:none;border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.ika-frame .mback:hover{background:var(--stone)}
.ika-frame .mback svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ika-frame .mlang-pop a{display:grid;grid-template-columns:18px minmax(0,1fr) 14px;align-items:center;column-gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-weight:500}
.ika-frame .mlang-pop a:hover{background:var(--stone)}
.ika-frame .mlang-pop a small{font-size:var(--fs-sm);color:var(--muted);font-weight:400}
.ika-frame .mlang-pop a[aria-current=true]{font-weight:600}
.ika-frame .mlang-pop a[aria-current=true]::after{content:"";width:14px;height:14px;background:var(--red-dark);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/contain no-repeat}
.ika-frame .mtheme{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;column-gap:10px;width:100%;padding:7px 10px;border:0;background:none;border-radius:var(--r-sm);font:inherit;font-weight:500;color:var(--ink);text-align:left;cursor:pointer}
.ika-frame .mtheme:hover{background:var(--stone)}
.ika-frame .mtheme:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ink)}
.ika-frame .mswitch{width:32px;height:18px;border-radius:var(--r-pill);background:var(--line-2);position:relative;transition:background var(--dur-2)}
.ika-frame .mswitch::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--on-accent);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform var(--dur-2)}
.ika-frame .mtheme[aria-checked=true] .mswitch{background:var(--red-dark)}
.ika-frame .mtheme[aria-checked=true] .mswitch::after{transform:translateX(14px)}
.ika-frame .phdr .hico,.ika-frame .phdr .dd.notif>summary{width:42px;height:42px;padding:0;display:grid;place-items:center;border:0;background:none;border-radius:var(--r-md);cursor:pointer;color:var(--ink)}
.ika-frame .phdr .hico:hover,.ika-frame .phdr .dd.notif>summary:hover,.ika-frame .phdr .dd.notif[open]>summary{background:var(--stone)}
.ika-frame .phdr .hico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ika-frame .phdr>.in{gap:6px}
.ika-frame .phdr .refpill{margin-left:14px}
.ika-frame .phdr .aibtn{margin:0 6px}
.ika-frame .phdr .pme{margin-left:6px}
.ika-frame .cmdk-scope{display:flex;gap:6px;flex-wrap:wrap;padding:10px 14px 0}
.ika-frame .cmdk-scope:empty{display:none}
.ika-frame .cmdk-scope button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-frame .cmdk ul a{display:grid!important;grid-template-columns:36px minmax(0,1fr) 16px;column-gap:12px}
.ika-frame .cmdk .ci{width:36px;height:36px;border-radius:var(--r-sm);background:var(--stone);display:grid;place-items:center}
.ika-frame .cmdk .ci svg,.ika-frame .cmdk .cv{width:18px;height:18px;fill:none;stroke:var(--ink-soft);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-frame .cmdk .cv{width:16px;height:16px;stroke:var(--ink-4)}
.ika-frame .cmdk .ct b{display:block;font-size:var(--fs-base);font-weight:600}
.ika-frame .cmdk .ct small{font-size:var(--fs-sm);color:var(--muted)}
.ika-frame .cmdk-ask{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted)}
.ika-frame .pside-toggle{display:flex;align-items:center;gap:10px;width:100%;margin:14px 0 0;padding:8px 12px;border:0;border-radius:var(--r-sm);background:none;font:inherit;font-size:var(--fs-sm);color:var(--muted);cursor:pointer}
.ika-frame .pside-toggle:hover{background:var(--stone);color:var(--ink)}
.ika-frame .pside-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .2s}
@media (min-width:1001px){body.side-rail .ika-frame .pside{padding:12px 6px}}
@media (min-width:1001px){body.side-rail .ika-frame .pside h2{font-size:0;height:1px;background:var(--line);margin:10px 8px;padding:0}}
@media (min-width:1001px){body.side-rail .ika-frame .pside a{flex-direction:column;gap:3px;padding:8px 2px;text-align:center;position:relative}}
@media (min-width:1001px){body.side-rail .ika-frame .pside a .lbl{font-size:0;line-height:1.15}}
@media (min-width:1001px){body.side-rail .ika-frame .pside a .lbl::after{content:attr(data-short);font-size:var(--fs-xs);font-weight:500}}
@media (min-width:1001px){body.side-rail .ika-frame .pside-toggle{justify-content:center;padding:8px 0}}
@media (min-width:1001px){body.side-rail .ika-frame .pside-toggle .lbl{display:none}}
@media (min-width:1001px){body.side-rail .ika-frame .pside-toggle svg{transform:scaleX(-1)}}
@media (min-width:1001px){body.side-rail .ika-frame .pside-foot{margin:14px 4px 0;justify-items:center}}
@media (min-width:1001px){body.side-rail .ika-frame .pside-foot a:last-child{display:none}}
@media (min-width:1001px){body.side-rail .ika-frame .pside-foot a{font-size:0}}
@media (min-width:1001px){body.side-rail .ika-frame .pside-foot .dot{margin:0}}
.ika-frame .pside-foot{display:grid;gap:4px;margin:18px 12px 4px;padding-top:12px;border-top:1px solid var(--line);font-size:var(--fs-sm)}
.ika-frame .pside .pside-foot a{padding:4px 0;font-weight:400;font-size:var(--fs-sm);color:var(--muted);background:none!important}
.ika-frame .pside .pside-foot a:hover{color:var(--ink)}
.ika-frame .pside-foot .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block;margin-right:8px;flex:none}
.ika-frame .pside .pside-foot a{display:flex;align-items:center}
.ika-frame .pside-foot .dot-news{background:none;border:1.5px solid var(--ink-3)}
.ika-frame .pf-new{margin-left:auto;font-size:var(--fs-xs);font-weight:600;color:var(--red-dark);background:var(--tint);border-radius:var(--r-pill);padding:1px 8px}
.ika-frame .acctchip{font-size:var(--fs-sm);font-weight:600;color:var(--ink);background:var(--stone);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 10px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.ika-frame .refpill{display:inline-flex;align-items:center;gap:7px;margin-left:14px;font-size:var(--fs-sm);font-weight:600;color:var(--red-dark);background:var(--tint);border:1px solid var(--red-line);border-radius:var(--r-pill);padding:5px 12px 5px 9px;text-decoration:none;white-space:nowrap}
.ika-frame .refpill:hover{border-color:var(--red)}
.ika-frame .refpill svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1180px){.ika-frame .refpill span{display:none}}
@media (max-width:1180px){.ika-frame .refpill{padding:6px}}
@media (max-width:700px){.ika-frame .refpill{display:none}}
.ika-frame .pme>summary{padding:3px!important;border-radius:50%!important}
.ika-frame .pme>summary .avatar-s{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--line);transition:box-shadow .15s}
.ika-frame .pme>summary:hover,.ika-frame .pme[open]>summary{background:none!important}
.ika-frame .pme>summary:hover .avatar-s,.ika-frame .pme[open]>summary .avatar-s{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--red)}
.ika-frame .pside{border-right:1px solid var(--line);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .2s}
.ika-frame .pside:hover,.ika-frame .pside:focus-within{scrollbar-color:var(--line-2) transparent}
.ika-frame .pside::-webkit-scrollbar{width:6px}
.ika-frame .pside::-webkit-scrollbar-thumb{background:transparent}
.ika-frame .pside:hover::-webkit-scrollbar-thumb,.ika-frame .pside:focus-within::-webkit-scrollbar-thumb{background:var(--line-2)}
.ika-frame .acctdlg{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100vh - 32px);border:0;padding:0;border-radius:var(--r-lg);width:min(440px,calc(100vw - 24px));box-shadow:0 24px 64px rgba(21,20,20,.25)}
.ika-frame .acctdlg::backdrop{background:rgba(21,20,20,.35)}
.ika-frame .acctin{padding:16px}
.ika-frame .acctin header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ika-frame .acctin header b{font-size:var(--fs-md)}
.ika-frame .acctin input[type=search]{width:100%;font:inherit;font-size:var(--fs-base);border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:8px 11px;margin-bottom:8px}
.ika-frame .acctin ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:50vh;overflow:auto}
.ika-frame .acctin li a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);text-decoration:none;color:var(--ink)}
.ika-frame .acctin li a:hover,.ika-frame .acctin li a.kb{background:var(--stone)}
.ika-frame .acctin li.grp{font-size:var(--fs-xs);font-weight:600;color:var(--muted);padding:10px 10px 4px;position:sticky;top:0;background:var(--surface);z-index:1}
.ika-frame .acctin li.none{padding:18px 10px;text-align:center;color:var(--muted);font-size:var(--fs-sm)}
.ika-frame .acctin li a[aria-current=true]{background:var(--tint)}
.ika-frame .acctin .av{width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--red-dark);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center;flex:none}
.ika-frame .acctin .tx{flex:1;min-width:0;display:grid}
.ika-frame .acctin .tx small{font-size:var(--fs-sm);color:var(--muted)}
@media (max-width:1000px){.ika-frame .aibtn span{display:none}}
.ika-frame .fnote{overflow-wrap:anywhere}
.ika-frame .phdr{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line)}
.ika-frame .phdr .in{display:flex;align-items:center;gap:14px;height:64px;padding:0 20px}
.ika-frame .phdr .logo img{height:28px}
.ika-frame .phdr .sp{flex:1}
.ika-frame .dd{position:relative}
.ika-frame .dd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-md)}
.ika-frame .dd>summary::-webkit-details-marker{display:none}
.ika-frame .dd>summary:hover{background:var(--stone)}
.ika-frame .avatar-s{width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--red-dark);display:grid;place-items:center;font-weight:700;font-size:var(--fs-sm)}
.ika-frame .bell{position:relative;width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ika-frame .bdot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--red-dark);border:2px solid var(--surface)}
.ika-frame .pside{border-right:1px solid var(--line);background:var(--surface);padding:18px 12px;position:sticky;top:64px;height:calc(100vh - 64px);overflow:auto}
.ika-frame .pside h2{font-size:var(--fs-xs);font-weight:600;color:var(--muted);padding:14px 12px 6px;margin:0}
.ika-frame .pside h2 a.shl{display:flex;justify-content:space-between;align-items:center;color:inherit;text-decoration:none;padding:0;margin:0;background:none;min-height:0;border-radius:var(--r-sm)}
.ika-frame .pside h2 a.shl .shl-all{display:inline-flex;align-items:center;gap:2px;font-size:var(--fs-xs);font-weight:600;color:var(--muted);transition:color var(--dur-1)}
.ika-frame .pside h2 a.shl .shl-all svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ika-frame .pside h2 a.shl:hover,.ika-frame .pside h2 a.shl:focus-visible{color:var(--ink);background:none}
.ika-frame .pside h2 a.shl:hover .shl-all,.ika-frame .pside h2 a.shl:focus-visible .shl-all{color:var(--red-dark)}
.ika-frame .pside h2 a.shl[aria-current]{color:var(--red-dark);background:none}
.ika-frame .pside h2 a.shl[aria-current] .shl-all{color:var(--red-dark)}
body.side-rail .ika-frame .pside h2 a.shl{display:none}
.ika-frame .pside a{display:flex;gap:10px;align-items:center;padding:8px 12px;border-radius:var(--r-sm);text-decoration:none;font-weight:550;font-size:var(--fs-base);color:var(--ink-3)}
.ika-frame .pside a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ika-frame .pside a:hover{background:var(--stone);color:var(--ink)}
.ika-frame .pside a[aria-current="page"]{background:var(--tint);color:var(--red-dark)}
.ika-frame .fnote{font-size:var(--fs-sm);color:var(--muted);margin-top:10px}
.ika-frame .pburger{display:none}
@media (max-width:1000px){.ika-frame .pside{position:fixed;inset:64px auto 0 0;width:280px;z-index:30;transform:translateX(-100%);transition:transform .2s;box-shadow:20px 0 40px rgba(21,20,20,.12)}}
@media (max-width:1000px){.ika-frame .pside.open{transform:none}}
@media (max-width:1000px){.ika-frame .pburger{display:grid!important}}
@media (max-width:1000px){.ika-frame .notif .menu-pop{min-width:280px;right:-60px}}
@media (max-width:700px){.ika-frame .phdr .cart{display:none!important}}
@media (max-width:700px){.ika-frame .phdr .aibtn span{display:none}}
@media (max-width:700px){.ika-frame .phdr .in{gap:6px;padding:0 12px;flex-wrap:nowrap;height:60px}}
@media (max-width:700px){.ika-frame .phdr .logo img{height:24px;width:auto}}
@media (max-width:700px){.ika-frame .pside-toggle{display:none}}
@media (max-width:700px){.ika-frame .acctchip{display:none}}
@media (max-width:700px){.ika-frame .phdr .menu-pop{position:fixed;left:12px;right:12px;top:60px;max-width:none;min-width:0}}
.ika-frame .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block}
.ika-frame .dot.warn{background:var(--warn)}
.ika-frame *{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.ika-frame ::-webkit-scrollbar{width:8px;height:8px}
.ika-frame ::-webkit-scrollbar-track{background:transparent}
.ika-frame ::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-pill);border:2px solid transparent;background-clip:padding-box}
.ika-frame ::-webkit-scrollbar-thumb:hover{background:var(--ink-4);background-clip:padding-box}
.ika-frame ::-webkit-scrollbar-corner{background:transparent}
.ika-frame .u-mt12{margin-top:12px!important}
.ika-frame .u-m0{margin:0!important}
.ika-frame .u-mb12{margin-bottom:12px!important}
.ika-frame .u-link{color:inherit;text-decoration:underline}
.ika-frame .mfoot.mhead-row{padding-top:4px}
.ika-frame .mfoot.mhead-row b{color:var(--ink)}
.ika-frame .notif>summary,.ika-frame .dd.notif>summary{position:relative}
.ika-frame .menu-pop{position:absolute;right:0;left:auto;top:calc(100% + 8px);bottom:auto;z-index:60;min-width:var(--mp-w,232px);max-width:min(340px,calc(100vw - 24px));
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);padding:6px;
  box-shadow:0 12px 32px rgba(21,20,20,.12),0 2px 6px rgba(21,20,20,.06);
  font-size:var(--fs-base);line-height:1.35;font-weight:400;text-align:left;display:grid;gap:1px}
.ika-frame .menu-pop>a{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-weight:500}
.ika-frame .menu-pop>a:hover{background:var(--stone)}
.ika-frame .menu-pop>a:focus-visible{outline:none;background:var(--stone);box-shadow:inset 0 0 0 2px var(--ink)}
.ika-frame .menu-pop .ic{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-frame .menu-pop>a:hover .ic{stroke:var(--ink)}
.ika-frame .menu-pop .tx{display:grid;gap:1px;min-width:0}
.ika-frame .menu-pop .tx>span{overflow:hidden;text-overflow:ellipsis}
.ika-frame .menu-pop .tx small{font-size:var(--fs-sm);color:var(--muted);font-weight:400;white-space:normal}
.ika-frame .menu-pop .mt{font-size:var(--fs-xs);color:var(--muted);font-weight:500;white-space:nowrap}
.ika-frame .menu-pop .mt .pill{font-size:var(--fs-xs)}
.ika-frame .menu-pop hr{border:0;border-top:1px solid var(--line);margin:5px 2px}
.ika-frame .menu-pop .mid{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.ika-frame .menu-pop .mid b{display:block;font-size:var(--fs-base);font-weight:600}
.ika-frame .menu-pop .mid small{display:block;font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.ika-frame .menu-pop .mid>span{min-width:0}
.ika-frame .menu-pop .av{width:22px;height:22px;border-radius:50%;background:var(--tint);color:var(--red-dark);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center;flex:none}
.ika-frame .menu-pop .mid .av{width:34px;height:34px;font-size:var(--fs-sm)}
.ika-frame .flag{display:inline-block;width:20px;height:14px;border-radius:var(--r-xs);overflow:hidden;box-shadow:0 0 0 1px rgba(21,20,20,.12);flex:none;vertical-align:-2px;line-height:0}
.ika-frame .flag svg{width:100%;height:100%;display:block}
.ika-frame .menu-pop .flag{width:18px;height:13px}
.ika-frame .menu-pop .mfoot{display:flex;justify-content:space-between;gap:8px;padding:8px 10px 4px;font-size:var(--fs-sm);color:var(--muted)}
.ika-frame .menu-pop .mfoot a{color:var(--ink);font-weight:600}
.ika-frame .menu-pop.wide{--mp-w:320px}
.ika-frame .dd[open]>summary{background:var(--stone)}
.ika-frame .dd:not([open])>.menu-pop{display:none}
.ika-frame .phdr .dd>summary .avatar-s{width:30px;height:30px;font-size:var(--fs-xs)}
@media (max-width:560px){.ika-frame .menu-pop{right:-8px}}
.ika-frame input{max-width:100%}
.ika-frame:not(.has-cart) .cart{display:none}
.ika-frame .burger{width:44px;height:44px;border:0;background:none;border-radius:var(--r-md);cursor:pointer;color:var(--ink);place-items:center;padding:0}
.ika-frame .burger:hover{background:var(--stone)}
.ika-frame .burger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ika-frame .burger svg path{transition:transform var(--dur-2),opacity var(--dur-2);transform-origin:center}
.ika-frame .burger[aria-expanded=true] .l1{transform:translateY(5px) rotate(45deg)}
.ika-frame .burger[aria-expanded=true] .l2{opacity:0}
.ika-frame .burger[aria-expanded=true] .l3{transform:translateY(-5px) rotate(-45deg)}
@media (max-width:1000px){.ika-frame .burger{display:grid!important}}
.ika-frame .mobile-menu .btn{padding:0 16px!important}
@media (max-width:560px){.ika-frame .phdr .dd .menu-pop{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;max-width:none!important;width:auto!important;max-height:78vh;overflow:auto;border-radius:var(--r-lg);box-shadow:0 -8px 40px rgba(21,20,20,.25);padding:8px;z-index:80;animation:sheetup var(--dur-2) cubic-bezier(.2,.8,.2,1)}}
@media (max-width:560px){.ika-frame .phdr .dd[open]::before{content:"";position:fixed;inset:0;background:rgba(21,20,20,.3);z-index:79}}
@media (max-width:560px){.ika-frame .menu-pop>a,.ika-frame .mlang>summary,.ika-frame .mtheme{padding:11px 10px!important}}
.ika-frame .menu-pop .mt{min-width:24px;text-align:center}
.ika-frame .menu-pop .mt:not(:has(.pill)){background:var(--stone);border-radius:var(--r-pill);padding:1px 8px;font-weight:600;color:var(--ink-soft)}
.ika-frame .menu-pop .mt .pill{padding:1px 8px;font-size:var(--fs-xs)}
.ika-frame :where(input:not([type]),input[type=text],input[type=email],input[type=search],input[type=url],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=time],select,textarea){font:inherit;font-size:var(--fs-base);line-height:1.4;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:8px 11px;min-height:38px;transition:border-color var(--dur-1),box-shadow var(--dur-1)}
.ika-frame :where(input,select,textarea):focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 12%,transparent)}
.ika-frame :where(input,select,textarea):disabled{opacity:.55;cursor:not-allowed}
.ika-frame :where(input,textarea)::placeholder{color:var(--ink-4)}
.ika-frame .isel-native{position:absolute!important;inset:0;opacity:0;pointer-events:none;width:100%!important}
.ika-frame .cmdk-top input{box-shadow:none!important;border-radius:0;min-height:0;background-color:transparent}
.ika-frame .menu-pop{color:var(--ink)}
.ika-frame .menu-pop a:not(.btn),.ika-frame .menu-pop a:not(.btn):hover,.ika-frame .menu-pop summary{color:var(--ink)}
.ika-frame .menu-pop small{color:var(--muted)}
.ika-frame .btn.btn-primary,.ika-frame .btn.btn-primary:visited{background:var(--red-dark)!important;color:var(--on-accent)!important}
.ika-frame .btn.btn-primary:hover,.ika-frame .btn.btn-primary:focus-visible{background:var(--red-deep)!important;color:var(--on-accent)!important}
.ika-frame .btn.btn-secondary,.ika-frame .btn.btn-secondary:visited{background:var(--surface)!important;color:var(--ink)!important}
.ika-frame .btn.btn-secondary:hover{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--ink)!important}
@media (max-width:640px){.ika-frame :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select,.isel-btn,.idate>button):not(.search input):not(.otp){font-size:16px!important}}
/* 13-vitrin-mock.css */
/* GENERATED by araclar/cerceve_css.py from the mock (taslaklar/site/assets/site.css) — do not edit by hand.
   359 rules that style the mock vitrin chrome, scoped under .ika-vitrin. */
@keyframes row{from{opacity:0;transform:translateY(10px)}}
@keyframes aishine{to{background-position:250% 0}}
@keyframes aitwinkle{50%{transform:scale(1.2) rotate(12deg)}}
@keyframes sheetup{from{transform:translateY(24px);opacity:.4}}
@keyframes sdotp{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--live) 0%,transparent)}}
.ika-vitrin img[src*="uygulama-ikon"],.ika-vitrin img[src*="teknoloji-logo/"]{object-fit:contain;box-sizing:border-box}
.ika-vitrin .mega .mic.logo{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-md)!important}
.ika-vitrin .pill{display:inline-flex;align-items:center;font-size:var(--fs-sm);font-weight:650;line-height:1.5;border-radius:var(--r-pill);padding:1px 10px;background:var(--ok-soft);color:var(--ok);white-space:nowrap}
.ika-vitrin .pill.bad{background:var(--bad-soft);color:var(--bad)}
.ika-vitrin .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px;padding:0 20px!important;font:inherit;font-size:var(--fs-md)!important;font-weight:650!important;line-height:1.2!important;border-radius:var(--r-md)!important;border:1.5px solid transparent!important;text-decoration:none!important;cursor:pointer!important;white-space:nowrap;transition:background-color var(--dur-1) ease,border-color var(--dur-1) ease,transform .1s}
.ika-vitrin .btn:active{transform:scale(.98)}
.ika-vitrin .btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ika-vitrin .btn:disabled{opacity:.45;pointer-events:none}
.ika-vitrin .btn-sm{min-height:34px;padding:0 12px!important;font-size:var(--fs-sm)!important;border-radius:var(--r-sm)!important}
.ika-vitrin .btn-primary,.ika-vitrin a.btn-primary,.ika-vitrin a.btn-primary:visited{background:var(--red-dark)!important;color:var(--on-accent)!important}
.ika-vitrin .btn-primary:hover{background:var(--red-deep)!important}
.ika-vitrin .btn-secondary,.ika-vitrin a.btn-secondary{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
.ika-vitrin .btn-secondary:hover{border-color:var(--ink)!important}
.ika-vitrin *{box-sizing:border-box;margin:0;padding:0}
.ika-vitrin a{color:inherit}
.ika-vitrin img{display:block}
.ika-vitrin :focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--r-xs)}
.ika-vitrin .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ika-vitrin .topbar{background:var(--ink);color:var(--on-dark);font-size:var(--fs-sm)}
.ika-vitrin .topbar .in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:38px}
.ika-vitrin .topbar ul{display:flex;gap:18px;list-style:none}
.ika-vitrin .topbar a{text-decoration:none}
.ika-vitrin .topbar a:not(.menu-pop *):hover{color:var(--on-accent)}
.ika-vitrin .topbar .news{display:flex;align-items:center;gap:10px;color:var(--on-accent);text-decoration:none}
.ika-vitrin .topbar .news u{text-decoration:underline;text-underline-offset:3px;color:var(--on-dark)}
.ika-vitrin .topbar .news:hover u{color:var(--on-accent)}
.ika-vitrin .topbar .right{justify-self:end}
.ika-vitrin .cart{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--r-md);text-decoration:none}
.ika-vitrin .cart:hover{background:var(--stone)}
.ika-vitrin .cart svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ika-vitrin .cart .count[hidden]{display:none}
.ika-vitrin .cart .count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--red-dark);color:var(--on-accent);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center}
.ika-vitrin .news-wrap{position:relative;display:grid;justify-items:center}
.ika-vitrin .topbar .news{grid-area:1/1;transition:opacity .35s,transform .35s}
.ika-vitrin .topbar .news[aria-hidden="true"]{opacity:0;transform:translateY(6px);pointer-events:none;visibility:hidden}
.ika-vitrin .dpanel .dn{font-weight:600;font-size:var(--fs-md);word-break:break-all}
.ika-vitrin .dpanel .dn small{display:block;font-weight:500;font-size:var(--fs-sm)}
.ika-vitrin .dpanel .no{color:var(--muted)}
.ika-vitrin .dpanel .price{font-size:var(--fs-md);font-weight:650;white-space:nowrap}
.ika-vitrin .dpanel .add{font:inherit;font-size:var(--fs-base);font-weight:650;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:7px 12px;cursor:pointer;color:var(--ink);white-space:nowrap}
.ika-vitrin .dpanel .add:hover{border-color:var(--ink)}
.ika-vitrin .dpanel .add[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-vitrin .dpanel li.taken{opacity:.6}
.ika-vitrin .dpanel li.taken .add{visibility:hidden}
.ika-vitrin header.site{position:sticky;top:0;border-bottom:1px solid var(--line);z-index:20;isolation:isolate}
.ika-vitrin header.site::before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.ika-vitrin .nav{display:flex;align-items:center;gap:8px;height:72px;position:relative}
.ika-vitrin .nav .logo img{height:32px;width:auto}
.ika-vitrin .menu{display:flex;list-style:none;margin-left:28px}
.ika-vitrin .menu>li>button{font:inherit;font-weight:550;font-size:var(--fs-md);background:none;border:0;color:var(--ink);padding:9px 14px;border-radius:var(--r-sm);cursor:pointer;display:flex;align-items:center;gap:7px}
.ika-vitrin .menu>li>button::after{content:"";width:6px;height:6px;border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.ika-vitrin .menu>li>button:hover,.ika-vitrin .menu>li>button[aria-expanded="true"]{background:var(--stone)}
.ika-vitrin .menu>li>button[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(-1px)}
.ika-vitrin .nav .end{margin-left:auto;display:flex;gap:6px;align-items:center}
.ika-vitrin .mega{position:absolute;left:0;right:0;top:66px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 24px 60px rgba(21,20,20,.12);padding:22px;display:grid;grid-template-columns:250px 1fr;gap:22px}
.ika-vitrin .mega[hidden]{display:none}
.ika-vitrin .mega ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;align-content:start}
.ika-vitrin .mega ul a{display:block;text-decoration:none;padding:12px 14px;border-radius:var(--r-md)}
.ika-vitrin .mega ul a:hover,.ika-vitrin .mega ul a:focus-visible{background:var(--stone)}
.ika-vitrin .mega ul b{display:block;font-size:var(--fs-md)}
.ika-vitrin .mega ul span{font-size:var(--fs-base);color:var(--muted)}
.ika-vitrin .burger{display:none}
.ika-vitrin .mobile-menu{border-top:1px solid var(--line);padding:8px 0 16px}
.ika-vitrin .mobile-menu a{display:block;padding:13px 0;text-decoration:none;font-weight:600;border-bottom:1px solid var(--line)}
.ika-vitrin .site-foot{background:var(--ink);color:var(--on-dark-muted);padding:72px 0 32px;font-size:var(--fs-md)}
.ika-vitrin .site-foot .cols{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:32px}
.ika-vitrin .site-foot .brand img{height:30px}
.ika-vitrin .site-foot .brand p{margin:16px 0 0;max-width:15.9em}
.ika-vitrin .site-foot h4{color:var(--on-accent);font-size:var(--fs-md);margin-bottom:14px}
.ika-vitrin .site-foot ul{list-style:none}
.ika-vitrin .site-foot li{padding:5px 0}
.ika-vitrin .site-foot a{text-decoration:none}
.ika-vitrin .site-foot a:not(.menu-pop *):hover{color:var(--on-accent)}
.ika-vitrin .site-foot .legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--ink-3);margin-top:56px;padding-top:24px;font-size:var(--fs-sm)}
.ika-vitrin .site-foot .legal ul{display:flex;gap:20px;flex-wrap:wrap}
@media (max-width:1000px){.ika-vitrin .topbar .in{grid-template-columns:1fr}}
@media (max-width:1000px){.ika-vitrin .topbar .left,.ika-vitrin .topbar .right{display:none}}
@media (max-width:1000px){.ika-vitrin .topbar .news{justify-content:center;padding:8px 0}}
@media (max-width:1000px){.ika-vitrin .menu{display:none}}
@media (max-width:1000px){.ika-vitrin .burger{display:inline-flex}}
@media (max-width:1000px){.ika-vitrin .mega{display:none!important}}
@media (max-width:1000px){.ika-vitrin .site-foot .cols{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.ika-vitrin .site-foot .brand{grid-column:1/-1}}
@media (min-width:1001px){.ika-vitrin .mobile-menu{display:none}}
@media (prefers-reduced-motion:reduce){.ika-vitrin .topbar .news{transition:none}}
@media (prefers-reduced-motion:reduce){.ika-vitrin *,.ika-vitrin *::before,.ika-vitrin *::after{transition:none!important;animation:none!important}}
.ika-vitrin .site-foot .ftop{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px}
.ika-vitrin .site-foot .cols{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:28px}
.ika-vitrin .site-foot li{padding:4px 0;font-size:var(--fs-base)}
.ika-vitrin .fmid{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--ink-3)}
.ika-vitrin .fsoc{display:flex;gap:8px}
.ika-vitrin .fsoc a{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--ink-2)}
.ika-vitrin .fsoc a:hover{background:var(--ink-3)}
.ika-vitrin .fsoc svg{width:18px;height:18px;fill:none;stroke:var(--on-dark);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-vitrin .fpay{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ika-vitrin .fpay .pm{display:inline-block;height:16px;background:var(--on-dark-muted);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;transition:background-color var(--dur-1)}
.ika-vitrin .fpay .pm:hover,.ika-vitrin .fpay .pm-bank:hover .pm{background:var(--on-accent)}
.ika-vitrin .pm-visa{width:48px;--m:url(../img/odeme-logo/visa.svg?v=3)}
.ika-vitrin .pm-mc{width:92px;--m:url(../img/odeme-logo/mastercard.svg?v=3)}
.ika-vitrin .pm-amex{--m:url(../img/odeme-logo/amex.svg?v=3)}
.ika-vitrin .pm-disc{--m:url(../img/odeme-logo/discover.svg?v=3)}
.ika-vitrin .fpay .pm-amex{width:92px;height:11px}
.ika-vitrin .fpay .pm-disc{width:72px;height:13px}
.ika-vitrin .fpay .pm-mc{height:19px;width:110px}
.ika-vitrin .pm-jcb{width:50px;--m:url(../img/odeme-logo/jcb.svg?v=3)}
.ika-vitrin .pm-stripe{width:46px;height:19px!important;--m:url(../img/odeme-logo/stripe.svg?v=3)}
.ika-vitrin .pill{white-space:nowrap}
@media (max-width:640px){.ika-vitrin .topbar .right{display:none}}
@media (max-width:640px){.ika-vitrin .topbar .in{grid-template-columns:1fr}}
.ika-vitrin .site-foot .cols{grid-template-rows:auto auto;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:24px!important}
.ika-vitrin .site-foot .cols h4{white-space:nowrap}
@media (max-width:1100px){.ika-vitrin .site-foot .cols{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:640px){.ika-vitrin .site-foot .cols{grid-template-columns:1fr 1fr!important}}
.ika-vitrin .site-foot .cols>div{display:grid;grid-row:span 2;grid-template-rows:subgrid}
.ika-vitrin .site-foot .cols h4{align-self:start}
.ika-vitrin .pm-more{font-size:var(--fs-sm);font-weight:600;color:var(--on-dark-muted);text-decoration:underline;text-underline-offset:3px}
.ika-vitrin .pm-more:hover{color:var(--on-accent)}
.ika-vitrin .pm-bank{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;color:var(--on-dark-muted)}
.ika-vitrin .pm-bank:hover{color:var(--on-accent)}
.ika-vitrin .pm-havale{width:18px;height:18px!important;--m:url(../img/odeme-logo/havale.svg?v=3)}
.ika-vitrin .site-foot .fbadges{display:grid;grid-template-columns:260px;gap:10px;margin-top:28px}
.ika-vitrin .site-foot .fbadge{--m1:var(--silver);--m2:color-mix(in srgb,var(--silver) 25%,var(--ink));--m3:var(--surface);position:relative;display:flex;align-items:center;gap:12px;height:60px;padding:0 14px 0 12px;border-radius:var(--r-md);text-decoration:none;color:var(--on-accent);overflow:hidden;isolation:isolate;
  background:linear-gradient(160deg,color-mix(in srgb,var(--m1) 10%,var(--ink)),var(--ink) 60%) padding-box,linear-gradient(135deg,var(--m1),var(--m2) 45%,var(--m3) 70%,var(--m1)) border-box;border:1px solid transparent}
.ika-vitrin .site-foot .fbadge.gold{--m1:var(--gold);--m2:var(--gold-2);--m3:var(--gold-3)}
.ika-vitrin .site-foot .fbadge::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 30%,color-mix(in srgb,var(--m3) 30%,transparent) 48%,transparent 62%);transform:translateX(-120%);transition:transform .9s ease}
.ika-vitrin .site-foot .fbadge:hover::after,.ika-vitrin .site-foot .fbadge:focus-visible::after{transform:translateX(120%)}
.ika-vitrin .site-foot .fb-logo{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none;background:linear-gradient(150deg,var(--m3),var(--m1) 55%,var(--m2))}
.ika-vitrin .site-foot .fbadge.silver .fb-logo{background:linear-gradient(150deg,var(--silver),color-mix(in srgb,var(--silver) 45%,var(--ink)) 55%,color-mix(in srgb,var(--silver) 22%,var(--ink)))}
.ika-vitrin .site-foot .fbadge.gold .fb-logo{background:linear-gradient(150deg,var(--gold),var(--gold-2) 55%,color-mix(in srgb,var(--gold-2) 70%,var(--ink)))}
.ika-vitrin .site-foot .fbadge.gold .fb-logo img{filter:brightness(0) invert(1);opacity:.95}
.ika-vitrin .site-foot .fb-pn{width:30px;height:30px}
.ika-vitrin .site-foot .fb-pn text{fill:var(--surface);font:800 62px Inter,Arial,sans-serif}
.ika-vitrin .site-foot .fb-pn circle{fill:var(--surface)}
.ika-vitrin .site-foot .fb-t{display:grid;line-height:1.2}
.ika-vitrin .site-foot .fb-t small{font-size:var(--fs-xs);color:var(--m1)}
.ika-vitrin .site-foot .fb-t b{font-size:var(--fs-base);letter-spacing:.01em}
.ika-vitrin .site-foot .fb-ok{width:18px;height:18px;margin-left:auto;fill:none;stroke:var(--m1);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media (prefers-reduced-motion:reduce){.ika-vitrin .site-foot .fbadge::after{transition:none}}
.ika-vitrin .site-foot .fstat{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:var(--fs-sm);color:var(--on-dark-muted)}
.ika-vitrin .site-foot .fbase{display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap;margin-top:16px;font-size:var(--fs-sm);color:var(--on-dark-muted)}
.ika-vitrin .site-foot .fbase p{margin:0}
.ika-vitrin .site-foot .fbase a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.ika-vitrin .site-foot .fbase a:hover{color:var(--on-accent)}
.ika-vitrin .site-foot .legal{margin-top:20px!important}
@media (max-width:1100px){.ika-vitrin .site-foot .ftop{grid-template-columns:1fr}}
@media (max-width:1100px){.ika-vitrin .site-foot .cols{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (max-width:640px){.ika-vitrin .site-foot .cols{grid-template-columns:1fr 1fr!important}}
.ika-vitrin .nav .usermenu>summary{display:flex;align-items:center;gap:8px;padding:5px 10px 5px 5px;border:1px solid var(--line);border-radius:var(--r-pill);font-weight:600;font-size:var(--fs-base)}
.ika-vitrin .avatar-s{width:30px;height:30px;border-radius:50%;background:var(--tint);color:var(--red-dark);display:grid;place-items:center;font-weight:700;font-size:var(--fs-sm)}
.ika-vitrin .cmdk ul .ci{width:28px;height:28px;border-radius:var(--r-sm);background:var(--stone);flex:none;object-fit:contain;padding:3px}
.ika-vitrin .cmdk ul .grp{font-size:var(--fs-xs);color:var(--muted);padding:10px 12px 4px;font-weight:600}
.ika-vitrin [hidden]{display:none!important}
.ika-vitrin .nav .menu>li>button{font-size:var(--fs-md)}
.ika-vitrin .skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--surface);padding:10px 14px;border-radius:var(--r-sm);z-index:100;text-decoration:none}
.ika-vitrin .skip:focus{top:12px}
.ika-vitrin .news-box{display:flex;align-items:center;gap:8px;justify-self:center}
.ika-vitrin .lang{position:relative;display:inline-block;margin-left:14px}
.ika-vitrin .lang summary{cursor:pointer;list-style:none}
.ika-vitrin .lang summary::-webkit-details-marker{display:none}
.ika-vitrin .dpanel li.dall{display:block;padding:0;border-top:1px solid var(--line)}
.ika-vitrin .dpanel li.dall a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;font-weight:600;color:var(--red-dark);text-decoration:none}
.ika-vitrin .dpanel li.dall a:hover{background:var(--tint)}
.ika-vitrin .dpanel li.dall small{font-weight:400;color:var(--muted);font-size:var(--fs-sm)}
.ika-vitrin .dpanel li.taken{opacity:1}
.ika-vitrin .dpanel li.taken .dn{color:var(--muted)}
.ika-vitrin #mm{max-height:calc(100dvh - 120px);overflow:auto}
@media (max-width:1000px){.ika-vitrin .news-box{justify-self:stretch;justify-content:center}}
@media (max-width:520px){.ika-vitrin .nav .login{display:none}}
@media (max-width:520px){.ika-vitrin .nav .logo img{height:28px}}
@media (max-width:520px){.ika-vitrin .dpanel .add{grid-column:1/-1;justify-self:start}}
.ika-vitrin .tour-hl{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--r-md);position:relative;z-index:70}
.ika-vitrin .aibtn{position:relative;isolation:isolate;display:flex;align-items:center;gap:7px;font:inherit;font-size:var(--fs-base);font-weight:600;color:var(--ink);background:var(--surface);border:0;border-radius:var(--r-pill);padding:8px 15px 8px 12px;cursor:pointer}
.ika-vitrin .aibtn::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(110deg,var(--red),var(--ai-2),var(--ai-3),var(--red));background-size:250% 100%;-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:aishine 7s linear infinite;z-index:-1}
.ika-vitrin .aibtn svg{width:17px;height:17px;fill:var(--red);stroke:none}
.ika-vitrin .aibtn:hover{background:var(--tint)}
.ika-vitrin .aibtn:hover svg{animation:aitwinkle .9s ease}
@media (max-width:1000px){.ika-vitrin .aibtn span{display:none}}
@media (max-width:1000px){.ika-vitrin .aibtn{padding:9px}}
.ika-vitrin .nav .aibtn{margin-right:4px}
@media (prefers-reduced-motion:reduce){.ika-vitrin .aibtn::before,.ika-vitrin .aibtn:hover svg{animation:none}}
.ika-vitrin .menu-pop:has(.mlang[open])>:not(.mlang){display:none}
.ika-vitrin .cmdk .ci{width:36px;height:36px;border-radius:var(--r-sm);background:var(--stone);display:grid;place-items:center}
.ika-vitrin .cmdk .ci svg,.ika-vitrin .cmdk .cv{width:18px;height:18px;fill:none;stroke:var(--ink-soft);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-vitrin .cmdk .cv{width:16px;height:16px;stroke:var(--ink-4)}
.ika-vitrin .cmdk .ct b{display:block;font-size:var(--fs-base);font-weight:600}
.ika-vitrin .cmdk .ct small{font-size:var(--fs-sm);color:var(--muted)}
.ika-vitrin .acctchip{font-size:var(--fs-sm);font-weight:600;color:var(--ink);background:var(--stone);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 10px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.ika-vitrin .acctin li.grp{font-size:var(--fs-xs);font-weight:600;color:var(--muted);padding:10px 10px 4px;position:sticky;top:0;background:var(--surface);z-index:1}
.ika-vitrin .acctin .av{width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--red-dark);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center;flex:none}
@media (max-width:1000px){.ika-vitrin .aibtn span{display:none}}
.ika-vitrin .dd{position:relative}
.ika-vitrin .dd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-md)}
.ika-vitrin .dd>summary::-webkit-details-marker{display:none}
.ika-vitrin .dd>summary:hover{background:var(--stone)}
.ika-vitrin .avatar-s{width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--red-dark);display:grid;place-items:center;font-weight:700;font-size:var(--fs-sm)}
@media (max-width:700px){.ika-vitrin .acctchip{display:none}}
.ika-vitrin *{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.ika-vitrin ::-webkit-scrollbar{width:8px;height:8px}
.ika-vitrin ::-webkit-scrollbar-track{background:transparent}
.ika-vitrin ::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-pill);border:2px solid transparent;background-clip:padding-box}
.ika-vitrin ::-webkit-scrollbar-thumb:hover{background:var(--ink-4);background-clip:padding-box}
.ika-vitrin ::-webkit-scrollbar-corner{background:transparent}
.ika-vitrin .mega ul a{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;align-items:center}
.ika-vitrin .mega .mic{width:40px;height:40px;border-radius:var(--r-md);background:var(--tint);display:grid;place-items:center;grid-row:span 2}
.ika-vitrin .mega .mic svg{width:20px;height:20px;fill:none;stroke:var(--red-dark);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-vitrin .mega ul a:hover .mic{background:var(--red-dark)}
.ika-vitrin .mega ul a:hover .mic svg{stroke:var(--on-accent)}
.ika-vitrin .dd.notif>summary{position:relative}
.ika-vitrin .menu-pop{position:absolute;right:0;left:auto;top:calc(100% + 8px);bottom:auto;z-index:60;min-width:var(--mp-w,232px);max-width:min(340px,calc(100vw - 24px));
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);padding:6px;
  box-shadow:0 12px 32px rgba(21,20,20,.12),0 2px 6px rgba(21,20,20,.06);
  font-size:var(--fs-base);line-height:1.35;font-weight:400;text-align:left;display:grid;gap:1px}
.ika-vitrin .menu-pop>a{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-weight:500}
.ika-vitrin .menu-pop>a:hover{background:var(--stone)}
.ika-vitrin .menu-pop>a:focus-visible{outline:none;background:var(--stone);box-shadow:inset 0 0 0 2px var(--ink)}
.ika-vitrin .menu-pop .ic{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-vitrin .menu-pop>a:hover .ic{stroke:var(--ink)}
.ika-vitrin .menu-pop .tx{display:grid;gap:1px;min-width:0}
.ika-vitrin .menu-pop .tx>span{overflow:hidden;text-overflow:ellipsis}
.ika-vitrin .menu-pop .tx small{font-size:var(--fs-sm);color:var(--muted);font-weight:400;white-space:normal}
.ika-vitrin .menu-pop .mt{font-size:var(--fs-xs);color:var(--muted);font-weight:500;white-space:nowrap}
.ika-vitrin .menu-pop .mt .pill{font-size:var(--fs-xs)}
.ika-vitrin .menu-pop>a[aria-current=true]{font-weight:600}
.ika-vitrin .menu-pop>a[aria-current=true]::after{content:"";width:14px;height:14px;background:var(--red-dark);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.ika-vitrin .menu-pop hr{border:0;border-top:1px solid var(--line);margin:5px 2px}
.ika-vitrin .menu-pop .mhead{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--muted);padding:8px 10px 3px}
.ika-vitrin .menu-pop .mid{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.ika-vitrin .menu-pop .mid b{display:block;font-size:var(--fs-base);font-weight:600}
.ika-vitrin .menu-pop .mid small{display:block;font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.ika-vitrin .menu-pop .mid>span{min-width:0}
.ika-vitrin .menu-pop .av{width:22px;height:22px;border-radius:50%;background:var(--tint);color:var(--red-dark);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center;flex:none}
.ika-vitrin .menu-pop .mid .av{width:34px;height:34px;font-size:var(--fs-sm)}
.ika-vitrin .menu-pop .code{font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;color:var(--muted);border:1px solid var(--line-2);border-radius:var(--r-xs);height:18px;display:grid;place-items:center}
.ika-vitrin .flag{display:inline-block;width:20px;height:14px;border-radius:var(--r-xs);overflow:hidden;box-shadow:0 0 0 1px rgba(21,20,20,.12);flex:none;vertical-align:-2px;line-height:0}
.ika-vitrin .flag svg{width:100%;height:100%;display:block}
.ika-vitrin .menu-pop .flag{width:18px;height:13px}
.ika-vitrin .menu-pop .soon{display:block;padding:7px 10px;color:var(--muted);font-size:var(--fs-sm)}
.ika-vitrin .dd[open]>summary{background:var(--stone)}
.ika-vitrin .dd:not([open])>.menu-pop{display:none}
.ika-vitrin .topbar .right{display:flex;align-items:center;gap:18px}
.ika-vitrin .topbar .right>details>summary{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:var(--r-sm);line-height:1;text-decoration:none}
.ika-vitrin .topbar .dd>summary:hover,.ika-vitrin .topbar .dd[open]>summary{background:rgba(255,255,255,.14);color:var(--on-accent)}
.ika-vitrin .nav .usermenu>summary .avatar-s{width:30px;height:30px;font-size:var(--fs-xs)}
@media (max-width:560px){.ika-vitrin .menu-pop{right:-8px}}
.ika-vitrin .wrap{padding-left:24px!important;padding-right:24px!important}
@media (max-width:640px){.ika-vitrin .wrap{padding-left:16px!important;padding-right:16px!important}}
.ika-vitrin:not(.has-cart) .cart{display:none}
.ika-vitrin .menu>li>button,.ika-vitrin .menu>li>a.mtop,.ika-vitrin .nav .signup,.ika-vitrin .nav .login{font-size:var(--fs-md)!important;min-height:40px}
.ika-vitrin .nav .login{padding:0 18px!important;border-radius:var(--r-md)!important;font-weight:600}
.ika-vitrin .nav .signup{display:inline-flex;align-items:center;font-weight:600;color:var(--ink);text-decoration:none;padding:0 14px;border-radius:var(--r-md)}
.ika-vitrin .nav .signup:hover{background:var(--stone)}
@media (max-width:1000px){.ika-vitrin .nav .signup,.ika-vitrin .nav .login{display:none!important}}
.ika-vitrin .nav .signup,.ika-vitrin .nav .login{white-space:nowrap}
@media (max-width:1440px){.ika-vitrin .menu{margin-left:16px}}
@media (max-width:1440px){.ika-vitrin .menu>li>button,.ika-vitrin .menu>li>a.mtop{padding-inline:10px}}
@media (max-width:1240px){.ika-vitrin .nav .signup{display:none!important}}
@media (max-width:1120px){.ika-vitrin .nav .aibtn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
.ika-vitrin .burger{width:44px;height:44px;border:0;background:none;border-radius:var(--r-md);cursor:pointer;color:var(--ink);place-items:center;padding:0}
.ika-vitrin .burger:hover{background:var(--stone)}
.ika-vitrin .burger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ika-vitrin .burger svg path{transition:transform var(--dur-2),opacity var(--dur-2);transform-origin:center}
.ika-vitrin .burger[aria-expanded=true] .l1{transform:translateY(5px) rotate(45deg)}
.ika-vitrin .burger[aria-expanded=true] .l2{opacity:0}
.ika-vitrin .burger[aria-expanded=true] .l3{transform:translateY(-5px) rotate(-45deg)}
@media (max-width:1000px){.ika-vitrin .burger{display:grid!important}}
.ika-vitrin .mobile-menu{position:fixed;left:0;right:0;top:var(--hdr-h,72px);bottom:0;z-index:40;background:var(--surface);overflow:auto;overscroll-behavior:contain;padding:12px 16px 24px;border-top:1px solid var(--line)}
.ika-vitrin .mobile-menu[hidden]{display:none}
.ika-vitrin .mobile-menu a{border-bottom:0!important;padding:0!important}
.ika-vitrin .mm-auth,.ika-vitrin .mm-guest{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.ika-vitrin .mm-auth{grid-template-columns:1fr}
.ika-vitrin .mobile-menu .btn{padding:0 16px!important}
.ika-vitrin .mobile-menu a.mm-top{border-bottom:1px solid var(--line)!important}
.ika-vitrin .mm-top{display:block;font-weight:650;font-size:var(--fs-md);padding:14px 4px!important;border-bottom:1px solid var(--line)!important;text-decoration:none;color:var(--ink)}
.ika-vitrin .mm-sec{border-bottom:1px solid var(--line)}
.ika-vitrin .mm-sec>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 4px;font-weight:650;font-size:var(--fs-md);cursor:pointer}
.ika-vitrin .mm-sec>summary::-webkit-details-marker{display:none}
.ika-vitrin .mm-sec>summary::after{content:"";width:7px;height:7px;border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform var(--dur-2)}
.ika-vitrin .mm-sec[open]>summary::after{transform:rotate(-135deg)}
.ika-vitrin .mm-list{display:grid;gap:2px;padding:0 0 12px}
.ika-vitrin .mm-list a{display:grid!important;gap:1px;padding:10px 12px!important;border-radius:var(--r-sm);text-decoration:none;color:var(--ink)}
.ika-vitrin .mm-list a:hover,.ika-vitrin .mm-list a:active{background:var(--stone)}
.ika-vitrin .mm-list b{font-size:var(--fs-base);font-weight:600}
.ika-vitrin .mm-list span{font-size:var(--fs-sm);color:var(--muted);font-weight:400}
.ika-vitrin .mm-foot{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:var(--fs-sm);color:var(--muted)}
.ika-vitrin .mm-foot .flag{width:18px;height:13px}
.ika-vitrin .mm-foot a{margin-left:auto;font-weight:600;color:var(--ink)}
@media (min-width:1001px){.ika-vitrin .mobile-menu{display:none!important}}
@media (max-width:560px){.ika-vitrin .nav .dd .menu-pop{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:8px!important;max-width:none!important;width:auto!important;max-height:78vh;overflow:auto;border-radius:var(--r-lg);box-shadow:0 -8px 40px rgba(21,20,20,.25);padding:8px;z-index:80;animation:sheetup var(--dur-2) cubic-bezier(.2,.8,.2,1)}}
@media (max-width:560px){.ika-vitrin .nav .dd[open]::before{content:"";position:fixed;inset:0;background:rgba(21,20,20,.3);z-index:79}}
@media (max-width:560px){.ika-vitrin .menu-pop>a{padding:11px 10px!important}}
.ika-vitrin .menu-pop .mt{min-width:24px;text-align:center}
.ika-vitrin .menu-pop .mt:not(:has(.pill)){background:var(--stone);border-radius:var(--r-pill);padding:1px 8px;font-weight:600;color:var(--ink-soft)}
.ika-vitrin .menu-pop .mt .pill{padding:1px 8px;font-size:var(--fs-xs)}
.ika-vitrin .menu>li>a.mtop{display:flex;align-items:center;font-weight:550;font-size:var(--fs-md);color:var(--ink);text-decoration:none;padding:9px 14px;border-radius:var(--r-sm)}
.ika-vitrin .menu>li>a.mtop:hover{background:var(--stone)}
.ika-vitrin .mega.mx{grid-template-columns:230px minmax(0,1fr) 260px;gap:0;padding:0;overflow:hidden}
.ika-vitrin .mega.mx.two{grid-template-columns:minmax(0,1fr) 280px}
.ika-vitrin .mx h3{font-size:var(--fs-xs);font-weight:600;color:var(--muted);margin:0 0 8px;padding:0 12px}
.ika-vitrin .mrail{background:var(--canvas-2);border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;gap:2px}
.ika-vitrin .mrail button{display:flex;align-items:center;gap:10px;width:100%;font:inherit;font-size:var(--fs-base);font-weight:550;color:var(--ink);background:none;border:0;border-radius:var(--r-sm);padding:8px 10px;text-align:left;cursor:pointer}
.ika-vitrin .mrail button .mic{width:30px;height:30px;border-radius:var(--r-sm);background:none;grid-row:auto}
.ika-vitrin .mrail button .mic svg{width:18px;height:18px;stroke:var(--ink-soft)}
.ika-vitrin .mrail button:hover{background:var(--stone)}
.ika-vitrin .mrail button[aria-selected=true]{background:var(--surface);box-shadow:var(--sh-1);color:var(--red-dark)}
.ika-vitrin .mrail button[aria-selected=true] .mic svg{stroke:var(--red-dark)}
.ika-vitrin .mrail button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.ika-vitrin .mbody{padding:20px 20px 16px;display:grid;gap:14px;align-content:start;min-width:0}
.ika-vitrin .mega.mx.two .mbody{grid-template-columns:1fr 1fr;gap:0 20px}
.ika-vitrin .mpane{display:grid;gap:14px;align-content:start;grid-area:1/1}
.ika-vitrin .mpane[hidden]{display:grid!important;visibility:hidden}
.ika-vitrin .mega.mx{min-height:360px}
.ika-vitrin .mega .mic.logo{background:var(--surface);border:1px solid var(--line)}
.ika-vitrin .mega .mic.logo img{width:28px;height:28px}
.ika-vitrin .mega ul a:hover .mic.logo{background:var(--surface);border-color:var(--ink)}
.ika-vitrin .mgrp ul{grid-template-columns:1fr 1fr}
.ika-vitrin .mgrp+.mgrp{border-top:1px solid var(--line);padding-top:14px}
.ika-vitrin .mega.mx.two .mgrp+.mgrp{border-top:0;padding-top:0;border-left:1px solid var(--line);padding-left:20px}
.ika-vitrin .mega.mx.two .mgrp ul{grid-template-columns:1fr}
.ika-vitrin .mega.mx:not(.two) .mpane:has(>.mgrp+.mgrp){grid-template-columns:1fr 1fr;gap:0 20px}
.ika-vitrin .mega.mx:not(.two) .mpane:has(>.mgrp+.mgrp)>.mgrp+.mgrp{border-top:0;padding-top:0;border-left:1px solid var(--line);padding-left:20px}
.ika-vitrin .mega.mx:not(.two) .mpane:has(>.mgrp+.mgrp) .mgrp ul{grid-template-columns:1fr}
.ika-vitrin .mega.mx:not(.two) .mpane>.mgrp:only-child ul{grid-template-columns:1fr 1fr}
.ika-vitrin .mbadge,.ika-vitrin .mega .mbadge{font-style:normal;font-size:var(--fs-xs);font-weight:600;color:var(--red-dark);background:var(--tint);border-radius:var(--r-pill);padding:1px 8px;margin-left:6px;vertical-align:1px}
.ika-vitrin .mpromo{margin:12px;border-radius:var(--r-md);background:linear-gradient(160deg,var(--ink) 0%,var(--ink-3) 100%);color:var(--on-accent);padding:20px;display:flex;flex-direction:column;gap:8px;align-self:stretch}
.ika-vitrin .mpromo .mk{font-size:var(--fs-xs);font-weight:600;color:var(--red-light)}
.ika-vitrin .mpromo b{font-size:var(--fs-lg);line-height:1.25}
.ika-vitrin .mpromo p{margin:0;font-size:var(--fs-sm);color:var(--on-dark);flex:1}
.ika-vitrin .mpromo .btn{align-self:flex-start}
.ika-vitrin .mpromo.alt{background:var(--tint);color:var(--ink);border:1px solid var(--red-line)}
.ika-vitrin .mpromo.alt .mk{color:var(--red-dark)}
.ika-vitrin .mpromo.alt p{color:var(--muted)}
.ika-vitrin .mpromo.alt b{color:var(--ink)}
@media (max-width:1240px){.ika-vitrin .mega.mx{grid-template-columns:210px minmax(0,1fr)}}
@media (max-width:1240px){.ika-vitrin .mega.mx.two{grid-template-columns:1fr}}
@media (max-width:1240px){.ika-vitrin .mega.mx .mpromo{display:none}}
.ika-vitrin .menu-pop .mgo-btn{display:flex;width:100%;margin:4px 0 6px;background:var(--ink);border-color:var(--ink);color:var(--surface)!important;font-weight:600}
.ika-vitrin .menu-pop .mgo-btn:hover,.ika-vitrin .menu-pop .mgo-btn:focus-visible{background:var(--ink-3);border-color:var(--ink-3)}
.ika-vitrin:not(.has-cart) .menu-pop .mcart{display:none}
.ika-vitrin .menu-pop>a.mattn{grid-template-columns:auto minmax(0,1fr) auto;background:var(--bad-soft);margin:0 0 2px}
.ika-vitrin .menu-pop>a.mattn:hover{background:var(--bad-soft);filter:brightness(.97)}
.ika-vitrin .menu-pop>a.mattn .mt{color:var(--bad);font-weight:700;background:none}
.ika-vitrin .nav .usermenu>summary{position:relative;padding:3px!important;border:0!important;border-radius:50%!important}
.ika-vitrin .nav .usermenu>summary .avatar-s{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--line);transition:box-shadow var(--dur-1)}
.ika-vitrin .nav .usermenu>summary:hover .avatar-s,.ika-vitrin .nav .usermenu[open]>summary .avatar-s{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--red)}
.ika-vitrin .nav .usermenu .udot{position:absolute;top:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--red-dark);border:2px solid var(--surface)}
.ika-vitrin .nav .usermenu .menu-pop{--mp-w:280px}
.ika-vitrin .isel-native{position:absolute!important;inset:0;opacity:0;pointer-events:none;width:100%!important}
.ika-vitrin .sysstat .sdot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 25%,transparent);animation:sdotp 2.4s ease-in-out infinite}
.ika-vitrin .sysstat.warn .sdot{background:var(--warn)}
@media (prefers-reduced-motion:reduce){.ika-vitrin .sysstat .sdot{animation:none}}
.ika-vitrin .menu-pop{color:var(--ink)}
.ika-vitrin .menu-pop a:not(.btn),.ika-vitrin .menu-pop a:not(.btn):hover{color:var(--ink)}
.ika-vitrin .menu-pop .mhead,.ika-vitrin .menu-pop small{color:var(--muted)}
.ika-vitrin .btn.btn-primary,.ika-vitrin .btn.btn-primary:visited{background:var(--red-dark)!important;color:var(--on-accent)!important}
.ika-vitrin .btn.btn-primary:hover,.ika-vitrin .btn.btn-primary:focus-visible{background:var(--red-deep)!important;color:var(--on-accent)!important}
.ika-vitrin .btn.btn-secondary,.ika-vitrin .btn.btn-secondary:visited{background:var(--surface)!important;color:var(--ink)!important}
.ika-vitrin .btn.btn-secondary:hover{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--ink)!important}
.ika-vitrin .brandfill{stroke:none!important;fill:currentColor}
.ika-vitrin .mega .mic,.ika-vitrin .mrail .mic{color:var(--red-dark)}
.ika-vitrin .mega ul a:hover .mic{color:var(--on-accent)}
.ika-vitrin .mrail button .mic{color:var(--ink-soft)}
.ika-vitrin .mrail button[aria-selected=true] .mic{color:var(--red-dark)}
.ika-vitrin [role=tabpanel]:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:var(--r-xs)}
/* 14-cerceve.css */
/* ==== ikahost panel frame: layout glue only. The frame's look (top bar .phdr, side menu .pside, menus, search,
   account picker) is the mock's own CSS, generated into 12-cerceve-mock.css (loaded before this file) by araclar/cerceve_css.py.
   The mock lays out header + menu + page with its own grid (.pwrap); pnlcs has its own layout (.pn-main), so the
   theme pins the header to the top and the menu to the left, and moves pnlcs' page over. */
body:has(> .ika-frame){font-family:'Instrument Sans',system-ui,sans-serif;background:var(--stone);color:var(--ink)}
body:has(> .ika-frame) > .pn-navbar{display:none}
/* The mock keeps header and menu in one grid, so they move as one piece — also in the macOS rubber-band bounce at the
   page ends. pnlcs' layout cannot hold that grid, so both are pinned to the window (fixed): neither moves, they never part. */
.ika-frame{display:contents}
.ika-frame .phdr{position:fixed;top:0;left:0;right:0}
body:has(> .ika-frame){padding-top:64px}
@media (max-width:700px){body:has(> .ika-frame){padding-top:60px}}
@media (min-width:1001px){
  .ika-frame .pside{position:fixed;top:64px;left:0;bottom:0;width:250px;height:auto;z-index:15}
  body.side-rail .ika-frame .pside{width:80px}
  body:has(> .ika-frame) .pn-main,body:has(> .ika-frame) .pn-footer{margin-left:250px}
  body.side-rail:has(> .ika-frame) .pn-main,body.side-rail:has(> .ika-frame) .pn-footer{margin-left:80px}
}
body:has(> .ika-frame) .pn-main{width:auto;max-width:none;margin-right:0;padding:0}  /* the mock's .pbody carries the padding */
/* a pnlcs page the theme has not redrawn keeps a page margin of the mock's size */
body:has(> .ika-frame) .pn-main:not(:has(> .ika-ds)){padding:24px 32px 64px}
@media (max-width:1000px){body:has(> .ika-frame) .pn-main:not(:has(> .ika-ds)){padding:20px 16px 56px}}
/* phone/tablet: the closed menu must not show its shadow at the screen edge */
@media (max-width:1000px){
  .ika-frame .pside{visibility:hidden;transition:transform .2s,visibility 0s .2s}
  .ika-frame .pside.open{visibility:visible;transition:transform .2s}
}
@media (max-width:700px){.ika-frame .pside{top:60px}}
@media (prefers-reduced-motion:reduce){.ika-frame .pside{transition:none}}
/* the mock's page wrapper sits inside pnlcs' .pn-main; its background is the page's */
.ika-ds .pbody{background:none;min-height:0}
/* ==== Storefront pages (mock header.site + footer, 13-vitrin-mock.css) and the sign-in family (full-screen page of its own).
   pnlcs' own bar and footer step aside; its page box takes the full width, since the mock's storefront sections carry their own .wrap. */
.ika-vitrin{display:contents}
body:has(> .ika-vitrin) > .pn-navbar,body:has(> .ika-vitrin) > .pn-footer,
body:has(> .ika-bare) > .pn-navbar,body:has(> .ika-bare) > .pn-footer{display:none}
body:has(> .ika-vitrin),body:has(> .ika-bare){font-family:'Instrument Sans',system-ui,sans-serif;background:var(--paper);color:var(--ink)}
body:has(> .ika-vitrin) .pn-main,body:has(> .ika-bare) .pn-main{max-width:none;width:auto;margin:0;padding:0}
/* pnlcs' public-page layout (legal texts, about, SSL and mail guides: legal.layout) prints its own top bar, navigation and footer;
   with the storefront frame present they step aside and the page box takes the full width like the client layout's */
body:has(> .ika-vitrin) > .top-bar,body:has(> .ika-vitrin) > .main-nav,body:has(> .ika-vitrin) > .footer{display:none}
body:has(> .ika-vitrin) > .legal-wrap{max-width:none;margin:0;padding:0}
body:has(> .ika-bare) .pn-main > .pn-alert{display:none}
/* the browser's default page margin: pnlcs' own stylesheet removes it on its layouts, but not on every page (the home page) */
body:has(> .ika-vitrin),body:has(> .ika-bare),body:has(> .ika-frame){margin:0}
/* phones: an open menu is a bottom sheet with a fixed dim (::before, z-index 79) that also covered the button that
   opened it, so a second tap on the avatar/bell hit the dim instead of closing the menu; the button stays above it */
@media (max-width:560px){.ika-vitrin .nav .dd[open]>summary,.ika-frame .phdr .dd[open]>summary{position:relative;z-index:80}}

/* pnlcs' content box (.pn-main) is a flex item with the default min-width:auto, so it grew to its widest child: on a
   phone a table (which the mock stacks into cards) or a tab row pushed the page 40-700 px sideways and the fixed
   header grew with it. min-width:0 keeps it to the screen; wide things scroll or stack inside it as in the mock. */
body:has(> .ika-frame) .pn-main,body:has(> .ika-frame) .pn-main>.ika-ds{min-width:0;max-width:100%}
/* storefront phone menu: the mock's ".mobile-menu a{padding:0!important}" (for the sub-lists) is more specific than
   ".mm-top{padding:14px 4px!important}", so "Fiyatlar" had no space above or below and its rule touched the text,
   out of line with the "Ürünler / Domainler" rows under it (the mock has the same) */
.ika-vitrin .mobile-menu a.mm-top{padding:14px 4px!important}
/* storefront top strip on phones: the mock stacks the news (two lines) over the language menu, a ~90 px black band
   before the page starts; one row instead — news on one line, cut with "…", the language menu beside it (its
   currency part only in the open menu) */
@media (max-width:640px){
  .ika-vitrin .topbar .in{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:36px}
  /* the rotating news items sit in one grid cell, centred at their natural width: without these they spill out on
     both sides instead of shortening */
  .ika-vitrin .topbar .news-box{min-width:0;overflow:hidden;justify-content:flex-start}
  .ika-vitrin .topbar .news-wrap{flex:1 1 auto;min-width:0;justify-items:stretch}
  .ika-vitrin .topbar .news{min-width:0;max-width:100%;justify-content:flex-start}
  .ika-vitrin .topbar .news span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .ika-vitrin .topbar .news u{display:none}
  .ika-vitrin .topbar .lcur{display:none}
}
/* the phone menu reaches the bottom of the screen by its own top/bottom; the mock's older "max-height:100dvh - 120px"
   (a guess at the header height) left a strip of the page showing under it once the top strip got shorter */
.ika-vitrin #mm.mobile-menu{max-height:none}
/* 15-pnlcs-koruma.css */
/* ==== Guard against pnlcs' own stylesheet inside pages the theme renders (.ika-ds).
   pnlcs' app.css (Tailwind build) pins button/badge/card properties with !important — those are answered in the
   generated CSS itself (ds_css.py PINNED: the mock's own rules get !important), not here; this file keeps what is left: and resets headings
   to inherit (preflight), so the mock's components would lose. Values = the mock's computed styles
   (measured in the browser, 2026-09-28); tokens where the mock uses tokens. Comes before 20-ds.css,
   so the mock's own rules still win where they are more specific. */
/* pnlcs forces its own font (Open Sans) on headings; the mock's font everywhere inside our pages */
/* (also the frame and the storefront header/footer, which sit outside .ika-ds: the footer's column titles lost their
   bold on every page that loads pnlcs' app.css) */
:is(.ika-ds,.ika-frame,.ika-vitrin),:is(.ika-ds,.ika-frame,.ika-vitrin) :is(h1,h2,h3,h4,h5,h6,p,button,input,select,textarea,label){font-family:'Instrument Sans',Arial,'Helvetica Neue',sans-serif}
:is(.ika-ds,.ika-frame,.ika-vitrin) h1{font-size:2em;font-weight:700}
:is(.ika-ds,.ika-frame,.ika-vitrin) h2{font-size:1.5em;font-weight:700}
:is(.ika-ds,.ika-frame,.ika-vitrin) h3{font-size:1.17em;font-weight:700}
:is(.ika-ds,.ika-frame,.ika-vitrin) h4{font-size:1em;font-weight:700}
.ika-ds .btn-primary:hover,.ika-ds .btn-primary:focus-visible{background:var(--red-deep)!important;color:var(--on-accent)!important}
.ika-ds .btn>svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
/* pnlcs' Tailwind reset takes the numbers/bullets and indents off every list; the mock relies on the browser's own for
   lists without a class of their own (e.g. "Nasıl kurulur" 1-2-3). Zero specificity (:where), so every mock list rule
   (20-ds.css: indents, list-style:none on cards) still wins. */
.ika-ds :where(ol,ul):where(:not([class]):not([id]):not([role])){list-style:revert}
/* pnlcs pins .card's bottom margin and overflow with !important; the mock's cards have neither (the mock's own .card
   rules, made !important in 20-ds.css, still win where they set them) */
.ika-ds .card{margin-bottom:0!important;overflow:visible!important}
/* pnlcs' .badge (line height, centring) — the mock's badges inherit these */
.ika-ds .badge{line-height:inherit!important;text-align:start;align-items:normal}
/* the portal search's kind filter: the mock leaves these as bare browser buttons; the theme gives them the chip look used
   by every other filter on the panel (.fchips button) */
.ika-frame .cmdk-scope button{font:inherit;font-size:var(--fs-sm);font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--r-pill);padding:4px 10px;cursor:pointer}
/* pnlcs' Tailwind reset makes every img/svg a block (and caps images at 100% width); in the mock they are inline, as
   browsers have them (an icon sits on the line next to its text). Zero-specificity :where, so the mock's own rules
   (20-ds.css, e.g. display:grid on icon tiles) still win. */
.ika-ds :where(img,svg,video,canvas,audio,iframe,embed,object){display:revert;vertical-align:revert}
.ika-ds :where(img,video){max-width:revert;height:revert}
/* pnlcs' app.css sets a{text-decoration:none}; the mock only sets a{color:inherit} and keeps the browser's underline
   for links without a rule of their own (e.g. the bell menu's "Tümü"). Same specificity as the mock's own base rule and
   earlier in the file order, so every mock rule on a link (20-ds.css, 12/13 frame files) still wins. */
.ika-frame a,.ika-vitrin a,.ika-ds a{text-decoration:underline}
/* custom select showing its empty-value prompt option (js_uret.py FIX adds .is-ph) */
.ika-ds .isel-btn.is-ph{color:var(--ink-4);font-weight:400}
/* 16-sayfa-ekleri.css */
/* ==== Things pnlcs' pages need that the mock draws with links only: in the live panel some menu items and tiles must be
   form buttons (delete = POST/DELETE, install = POST), and some menus hold small forms (rename, password). They take the
   look of the mock's link next to them — values copied from the mock's rules (.rmore .menu-pop a, .agrid a). */
.ika-ds .rmore .menu-pop form{margin:0}
.ika-ds .rmore .menu-pop button:not(.btn){display:block;width:100%;text-align:left;border:0;background:none;font:inherit;padding:8px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--ink);cursor:pointer}
.ika-ds .rmore .menu-pop button:not(.btn):hover{background:var(--stone)}
.ika-ds .rmore .menu-pop button.danger,.ika-ds .rmore .menu-pop .btn-danger{color:var(--bad)}
.ika-ds .rmore .menu-pop .btn-danger{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:400}
.ika-ds .rmore .menu-pop .btn-danger:hover{background:var(--stone)}
/* a small form inside a row menu (rename, new password, link a domain) */
.ika-ds .rmore .menu-pop form:has(input:not([type=hidden])){display:grid;gap:8px;padding:10px 12px;min-width:240px}
.ika-ds .agrid button{display:flex;gap:14px;align-items:center;width:100%;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;background:var(--surface);height:100%;font:inherit;color:inherit;text-align:left;cursor:pointer}
.ika-ds .agrid button:hover{border-color:var(--line-2);box-shadow:0 10px 24px rgba(21,20,20,.06)}
/* an app without a logo: its first letter on a tile the size of the mock's logo */
.ika-ds span.aicon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:var(--r-md);background:var(--stone);color:var(--ink-soft);font-weight:700}
/* page links under a long list (ika/partials/pagination.blade.php): previous · "Sayfa 2 / 5" · next on one line */
.ika-ds .pager{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ika-ds .pager-at{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .pager [aria-disabled=true]{opacity:.45;pointer-events:none}
/* domain search results drawn on the server: the mock's own result rows (its .dpanel li rule) */
.ika-ds .drows li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px 22px;border-bottom:1px solid var(--line)}
.ika-ds .dsug-c form{justify-self:start}
/* real DNS records can be very long (DKIM keys, SPF, TXT); the mock's sample had none. They wrap instead of widening
   the table past the page. */
.ika-ds .ptable td.dnsval{max-width:460px;overflow-wrap:anywhere}
/* file manager: the folder path is the card's title (as in the mock), its parts links back up; the card title's
   side-link rule (.pcard h2 a: small, grey) must not shrink it, and the path stays one block on phones */
.ika-ds .pcard h2 .fpath{min-width:0;overflow-wrap:anywhere}
.ika-ds .pcard h2 .fpath a{font:inherit;color:inherit;text-decoration:none}
.ika-ds .pcard h2 .fpath a:hover{text-decoration:underline}

/* form rows on phones and tablets: one column, but the row gap and each field's own top margin added up to double
   space above the second field (the mock has the same; e.g. DNS "TTL", e-mail/FTP "Kota") — the field margin alone */
@media (max-width:1000px){.ika-ds .frow{row-gap:0}}
/* "get it on your phone" box: on a phone the text squeezed to ~100 px beside two buttons (the mock's too); the
   buttons drop below the text */
@media (max-width:560px){.ika-ds .pwa{flex-wrap:wrap}.ika-ds .pwa div{flex:1 1 calc(100% - 60px)}.ika-ds .pwa .btn{margin-left:58px}.ika-ds .pwa .btn+.btn{margin-left:0}}
/* a fixed suffix beside an input (DNS name ".example.com"): centred on the input, not stuck to its top */
.ika-ds .telrow>.muted{align-self:center;white-space:nowrap}
/* legal documents (pnlcs' own text in the theme's .prose): its tables were styled by pnlcs' .legal-body rules only,
   so in the theme they came out bare — cells ran together and header cells centred. The mock's table look: left
   aligned, rules between rows, muted header row; a label column (seller box) muted; wide tables scroll on phones. */
.ika-ds .prose table{width:100%;border-collapse:collapse;margin:14px 0 20px;font-size:var(--fs-sm)}
.ika-ds .prose :is(th,td){text-align:left;vertical-align:top;padding:9px 12px 9px 0;border-bottom:1px solid var(--line)}
.ika-ds .prose thead th{color:var(--muted);font-weight:600;font-size:var(--fs-xs);letter-spacing:.02em}
.ika-ds .prose tbody th{font-weight:500;color:var(--muted)}
@media (max-width:640px){.ika-ds .prose table{display:block;overflow-x:auto}}
.ika-ds .prose .legal-note{padding:14px 18px}
/* a field's help line (.fnote inside .field) is help, not a label: the field's 600 weight must not reach it */
.ika-ds .field .fnote{font-weight:400;color:var(--muted)}
/* preset top-up amounts are choices, not filters: on a phone they wrap instead of the filter chips' sideways scroll,
   where the last one was cut off with nothing to say the row scrolls */
@media (max-width:640px){.ika-ds .pbody .fchips.amounts{flex-wrap:wrap;overflow-x:visible}}

/* ticket rating (pnlcs #93): five choices on one segmented control; on a phone they wrap instead of overflowing */
.ika-ds .seg.rate{flex-wrap:wrap}
.ika-ds fieldset.u-m0{border:0;padding:0;min-width:0}
/* VPS order: SSH public keys box (pnlcs #98) in a monospace face, keys are read character by character */
.ika-ds #vpsSshKeys{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-sm)}
/* cart "İndirim kodunuz var mı?" (details.promo): the class name is shared with the storefront's promo pill (.promo:
   inline-flex, pill border, shadow), which turned the box into a red-edged pill and pushed the open form beside the
   question. Reset to a plain disclosure; the code field and "Uygula" on one row under it. (The mock has the same clash.) */
.ika-ds details.promo{display:block;background:none;border:0;border-radius:0;padding:0;box-shadow:none;margin:var(--sp-3) 0 var(--sp-4);font-size:var(--fs-base)}
.ika-ds details.promo:hover{border-color:transparent}
.ika-ds details.promo > form{margin-top:var(--sp-2)}
.ika-ds details.promo .u-row{display:flex;flex-wrap:nowrap;gap:var(--sp-2);align-items:stretch}
.ika-ds details.promo .u-row input{flex:1 1 auto;min-width:0}
/* .sum .btn makes every summary button full width; this one sits beside the field */
.ika-ds .sum details.promo .u-row .btn{flex:none;width:auto;margin-top:0}
/* pnlcs' own ticket page (not overridden) marks staff replies with a side stripe; plain line instead */
.pn-msg.staff{border-left:1px solid var(--border,var(--line))}
/* panel top bar logo in dark mode: the white-wordmark variant of the same official logo (the mock's rule) */
:root[data-theme=dark] .ika-frame .phdr .logo img{content:url(../img/vitrin/logo-beyaz-yazi.svg)}
/* cart: the WHOIS privacy line under a domain (pnlcs #107), a quieter sub-row of that domain */
.ika-ds .citem.csub{padding-top:0}
.ika-ds .citem.csub b{font-weight:500;font-size:var(--fs-sm);color:var(--ink-3)}
.ika-ds .citem.csub form{margin:0;justify-self:end}
/* Invoice: the card form. pnlcs' Stripe module draws it with Bootstrap spacing classes (my-3, p-3, mt-3, w-100) that the
   theme does not have, so the Payment Element and its pay button sat glued together. Room for both, and the button in
   the theme's primary style. (.ika-stripe: the theme's own fallback form when the module gives none.) */
.ika-ds .ika-gw .my-3{margin:12px 0}
.ika-ds .ika-gw #stripe-card-element{height:auto!important;min-height:56px;padding:14px!important;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface)}
.ika-ds .ika-gw #stripe-card-errors{margin-top:6px;color:var(--bad);font-size:var(--fs-sm)}
.ika-ds .ika-gw #stripe-submit-btn{display:block;width:100%;margin-top:20px;padding:12px 18px;border:0;border-radius:var(--r-md);background:var(--red-dark);color:var(--on-accent);font:inherit;font-weight:600;cursor:pointer}
.ika-ds .ika-gw #stripe-submit-btn:hover{background:var(--red-deep)}
.ika-ds .ika-gw #stripe-submit-btn:disabled{opacity:.6;cursor:default}
.ika-ds .ika-gw #stripe-message{margin-top:10px}
.ika-ds .ika-stripe{padding:16px;min-height:56px}
.ika-ds .ika-stripe-pay{margin-top:20px!important}
/* Staff viewing as the customer: a strip pinned above the header. Everything that sits below the header (the header
   itself, the side menu, the page) moves down by the strip's height, so nothing is covered at any scroll position. */
.ika-imp{position:fixed;top:0;left:0;right:0;z-index:25;height:36px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;background:#f59e0b;color:#151414;font-size:13px;font-weight:600;white-space:nowrap}
.ika-imp span{min-width:0;overflow:hidden;text-overflow:ellipsis}
.ika-imp a{flex:none;color:inherit;text-decoration:underline}
body:has(> .ika-imp):has(> .ika-frame){padding-top:100px}
body:has(> .ika-imp) .ika-frame .phdr{top:36px}
body:has(> .ika-imp) .ika-frame .pside{top:100px}
@media (min-width:1001px){body:has(> .ika-imp) .ika-frame .pside{height:calc(100vh - 100px)}}
@media (max-width:1000px){body:has(> .ika-imp) .ika-frame .pside{top:100px}}
/* While the card payment runs (the button is off and no message has come back yet): a spinner on the button and the
   form dimmed, so a click visibly does something. When it settles with a message, or fails, the button text says so. */
@keyframes ika-spin{to{transform:rotate(360deg)}}
.ika-ds .ika-gw:has(#stripe-message:empty) #stripe-submit-btn:disabled{display:flex;align-items:center;justify-content:center;gap:10px;opacity:.85;cursor:progress}
.ika-ds .ika-gw:has(#stripe-message:empty) #stripe-submit-btn:disabled::before{content:"";width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ika-spin .7s linear infinite}
.ika-ds .ika-gw:has(#stripe-message:empty):has(#stripe-submit-btn:disabled) #stripe-card-element{opacity:.5;pointer-events:none;transition:opacity .2s}
.ika-ds #ika-paid-ok{margin-bottom:16px}
@media (prefers-reduced-motion:reduce){.ika-ds .ika-gw #stripe-submit-btn:disabled::before{animation-duration:2s}}
/* Invoice: the bank transfer form (pnlcs' BankTransfer module, Bootstrap markup). Tighter cards, room between blocks,
   and the module's notes written as running text: the theme's .alert is a flex row, which split "code INV4. Once…"
   into separate pieces. Accounts are tabs (ika/data/havale.php). */
.ika-ds .ika-gw .mt-3{margin-top:12px}
.ika-ds .ika-gw .card{padding:0;box-shadow:none;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden;margin:10px 0!important}
.ika-ds .ika-gw .card-header{padding:0;border:0;background:none}
.ika-ds .ika-gw .card-header h6{margin:0;font-size:var(--fs-sm);font-weight:600;color:var(--muted)}
.ika-ds .ika-gw .card:has(> .card-header:only-child){border:0;margin:0 0 6px!important}
.ika-ds .ika-gw .table{width:100%;border-collapse:collapse;margin:0;font-size:var(--fs-sm)}
.ika-ds .ika-gw .table th,.ika-ds .ika-gw .table td{padding:7px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ika-ds .ika-gw .table tr:last-child th,.ika-ds .ika-gw .table tr:last-child td{border-bottom:0}
.ika-ds .ika-gw .table th{width:38%;font-weight:500;color:var(--muted)}
.ika-ds .ika-gw .table code{font-size:var(--fs-sm);word-break:break-all}
.ika-ds .ika-gw .alert{display:block!important;margin:12px 0 0}
.ika-ds .ika-gw .alert i{display:none}
.ika-ds .ika-gw .ika-bank .card{margin-top:8px!important}
.ika-ds .ika-gw .card-body{padding:0!important}
.ika-ds .ika-gw .card .table{border:0!important;box-shadow:none!important;border-radius:0!important}
.ika-ds .ika-gw .bg-light{background:none!important}
.ika-ds .ika-gw .card:has(> .card-header){border:0!important;box-shadow:none!important;padding:0!important}
/* Bank transfer: which currency the customer pays in, as radio cards; the chosen one in the theme red with a tick */
.ika-ds .ika-gw .ika-cur{border:0;margin:0;padding:0;min-width:0;container-type:inline-size}
.ika-ds .ika-gw .ika-cur legend{padding:0;margin:0 0 10px;font-weight:600;font-size:var(--fs-base);color:var(--ink)}
.ika-ds .ika-gw .ika-cur-list{display:grid;grid-template-columns:1fr;gap:6px}
/* Side by side only where three fit; the invoice's pay column is narrow on most screens */
@container (min-width:540px){.ika-ds .ika-gw .ika-cur-list{grid-template-columns:repeat(3,1fr);gap:8px}}
.ika-ds .ika-gw .ika-cur-opt{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 36px 10px 12px;border:1px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .15s,background-color .15s}
.ika-ds .ika-gw .ika-cur-opt:hover{border-color:var(--ink-3)}
.ika-ds .ika-gw .ika-cur-opt input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.ika-ds .ika-gw .ika-cur-t{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}
.ika-ds .ika-gw .ika-cur-s{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:color-mix(in srgb,var(--ink) 7%,var(--surface));font-weight:700}
.ika-ds .ika-gw .ika-cur-d{font-size:var(--fs-sm);color:var(--muted);padding-left:34px}
.ika-ds .ika-gw .ika-cur-opt:has(input:checked){border-color:var(--red-dark);background:color-mix(in srgb,var(--red-dark) 7%,var(--surface));box-shadow:0 0 0 1px var(--red-dark) inset}
.ika-ds .ika-gw .ika-cur-opt:has(input:checked) .ika-cur-s{background:var(--red-dark);color:var(--on-accent)}
.ika-ds .ika-gw .ika-cur-opt:has(input:checked)::after{content:"";position:absolute;top:12px;right:12px;width:16px;height:16px;border-radius:50%;background:var(--red-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.ika-ds .ika-gw .ika-cur-opt:has(input:focus-visible){outline:2px solid var(--red-dark);outline-offset:2px}
/* Bank account tables: label above the value, so an IBAN gets the full width and stays on one line; copy button beside it */
.ika-ds .ika-gw .ika-bank .table tr{display:block;padding:7px 12px;border-bottom:1px solid var(--line)}
.ika-ds .ika-gw .ika-bank .table tr:last-child{border-bottom:0}
.ika-ds .ika-gw .ika-bank .table th,.ika-ds .ika-gw .ika-bank .table td{display:block;width:auto;padding:0;border:0}
.ika-ds .ika-gw .ika-bank .table th{font-size:var(--fs-xs);margin-bottom:2px}
.ika-ds .ika-gw .ika-bank .table code{white-space:nowrap;word-break:normal;letter-spacing:-.01em}
.ika-ds .ika-gw .ika-copy-cell{display:flex!important;align-items:center;justify-content:space-between;gap:6px 8px;flex-wrap:wrap}
.ika-ds .ika-gw .ika-copy-cell code{white-space:nowrap}
.ika-ds .ika-gw .ika-copy{flex:none;padding:3px 10px!important;font-size:var(--fs-xs)!important;min-height:0!important}
.ika-ds .ika-gw .ika-amt small{display:block;font-size:var(--fs-xs);color:var(--muted);font-weight:400}
/* Footer social profiles: seven of them wrap on a phone */
.ika-vitrin .fsoc{flex-wrap:wrap}
/* VPS order page: the "os|…" configurable option as the mock's OS tiles (.osgrid + opt-tile, urun-vps-*) with the
   distribution's logo (ika/pages/configure.blade.php). Two per row on a narrow card, four when the card is wide enough —
   measured on the card itself (container query), since the order column's width does not follow the window. Selection,
   hover and the focus ring come from the shared .opt / .opt-tile rules. */
.ika-ds .ospick{container-type:inline-size}
.ika-ds .ospick .osgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@container (min-width:520px){.ika-ds .ospick .osgrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ika-ds .ospick .opt-tile{gap:3px;padding:14px 34px 14px 14px;min-height:118px}
.ika-ds .ospick .oslogo{display:block;width:32px;height:32px;margin:0 0 8px;object-fit:contain}
.ika-ds .ospick .opt-tile b{font-size:var(--fs-base);line-height:1.25}
.ika-ds .ospick .opt-tile .r{margin:2px 0 0;text-align:left;font-size:var(--fs-sm);font-weight:650;color:var(--ink)}
.ika-ds .ospick .opt-tile .r:empty{display:none}
/* 17-banner.css */
/* Banner addon strips (ika/partials/banners on the client overview; the same rules go into admin.css for the addon's
   live preview — css_uret.py, one source): a card whose tone is its background and line (no side stripe), optional
   image, title + one line, one button, optional close. Stacked; on a phone the button takes the full width. */
.ika-ds .bnrs{display:grid;gap:var(--sp-3);margin:0 0 var(--sp-5)}
.ika-ds .bnr{position:relative;display:flex;align-items:center;gap:var(--sp-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5)}
.ika-ds .bnr-promo{background:var(--tint);border-color:var(--red-line)}
.ika-ds .bnr-warning{background:var(--warn-soft);border-color:var(--warn-line)}
.ika-ds .bnr-img{flex:none;width:64px;height:64px;object-fit:cover;border-radius:var(--r-sm)}
.ika-ds .bnr-tx{flex:1 1 auto;min-width:0}
.ika-ds .bnr-tx b{display:block;font-size:var(--fs-md);font-weight:600;color:var(--ink)}
.ika-ds .bnr-tx p{margin:2px 0 0;color:var(--muted);font-size:var(--fs-base);line-height:1.5}
.ika-ds .bnr-go{flex:none}
.ika-ds .bnr-x{flex:none;margin:0}
.ika-ds .bnr-x button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--r-sm);background:none;color:var(--muted);cursor:pointer}
.ika-ds .bnr-x button:hover{background:var(--stone);color:var(--ink)}
.ika-ds .bnr-x svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
@media (max-width:640px){
  .ika-ds .bnr{flex-wrap:wrap;align-items:flex-start;padding:var(--sp-4);padding-right:44px}
  .ika-ds .bnr-img{width:48px;height:48px}
  .ika-ds .bnr-tx{flex-basis:calc(100% - 64px)}
  .ika-ds .bnr-go{flex-basis:100%;justify-content:center;margin-right:-28px}
  .ika-ds .bnr-x{position:absolute;top:8px;right:8px}
}
/* 18-blog.css */
/* Blog addon reader pages (moduller/blog: /blog, /blog/{slug}, categories, authors) in the mock's blog design
   (taslaklar/site/blog.html, yazi-*.html): page head band, category pills, card grid, prose, plain boxes. The addon's
   reader.css stays as the fallback for other themes; these rules come later and override it. No side stripes. */

/* home page: a real cover picture in the featured card */
.ika-ds .bl-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}

/* page frame */
.blog{max-width:1200px;margin:0 auto;padding:0 24px 64px;color:var(--ink);font-size:var(--fs-base)}
.blog-post{max-width:768px}
.blog a{color:inherit}
/* the mock's page head band: white, a line under it, across the whole width (painted outside the box, no overflow) */
.blog-head{padding:28px 0 32px;margin-bottom:32px;border-image:linear-gradient(to top,var(--line) 1px,var(--surface) 1px) fill 0 / 0 / 0 100vmax}
.blog-crumbs{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline;margin:0 0 12px;font-size:var(--fs-base);color:var(--muted)}
.blog-crumbs a{text-decoration:none}
.blog-crumbs a:hover{color:var(--ink)}
.blog-crumbs [aria-hidden]{color:var(--line-2)}
.blog-title{font-size:clamp(32px,4vw,48px);line-height:1.06;font-weight:700;letter-spacing:-.03em;font-variation-settings:var(--tight);margin:0;max-width:18em;text-wrap:balance}
.blog-post .blog-title{font-size:clamp(30px,3.6vw,42px)}
.blog-intro{font-size:var(--fs-md);color:var(--muted);max-width:38em;margin:12px 0 0;line-height:1.6}
.blog-meta{margin:12px 0 0;font-size:var(--fs-sm);color:var(--muted)}
.blog-meta a{font-weight:600;text-decoration:none;color:var(--ink-3)}
.blog-meta a:hover{color:var(--ink)}

/* category pills (the mock's .kbnav) */
.blog-filter{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 0}
.blog-filter a{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font-size:var(--fs-sm);font-weight:600;text-decoration:none}
.blog-filter a:hover{border-color:var(--ink)}
.blog-filter a[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--surface)}

/* list: the mock's .posts / .post cards */
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0}
.blog-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);transition:border-color var(--dur-2)}
.blog-card:hover{border-color:var(--ink-4)}
.blog-card-img{display:block;aspect-ratio:16/9;background:var(--stone);border-bottom:1px solid var(--line)}
.blog-card-img img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0}
.blog-card-body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.blog-card .blog-meta{order:-1;margin:0;font-size:var(--fs-sm)}
.blog-card-title{font-size:var(--fs-lg);line-height:1.3;font-weight:600;font-variation-settings:var(--semi);margin:0}
.blog-card-title a{text-decoration:none}
.blog-card-title a::after{content:"";position:absolute;inset:0}
.blog-card{position:relative}
.blog-card-title a:hover{text-decoration:none}
.blog-card-sum{margin:0;color:var(--muted);font-size:var(--fs-base);line-height:1.55}
.blog-empty{color:var(--muted);margin:0}
.blog-pages{display:flex;justify-content:space-between;margin-top:32px}
.blog-pages a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);font-weight:600;text-decoration:none}
.blog-pages a:hover{border-color:var(--ink)}
.blog-sub{font-size:var(--fs-lg);font-weight:600;margin:0 0 16px}

/* post */
.blog-cover{margin:0 0 28px}
.blog-cover img{width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:var(--r-lg);border:1px solid var(--line)}
/* "Kısa cevap": a plain box, the whole border and a quiet background */
.blog-answer{margin:0 0 28px;padding:18px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas-2)}
.blog-answer h2{margin:0 0 6px;font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}
.blog-answer p{margin:0;font-size:var(--fs-md);line-height:1.6;color:var(--ink)}
.blog-toc{margin:0 0 32px;padding:16px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.blog-toc h2{margin:0 0 8px;font-size:var(--fs-sm);font-weight:700;color:var(--ink)}
.blog-toc ol{margin:0;padding-left:20px;line-height:1.9;color:var(--muted)}
.blog-toc a{text-decoration:none;color:var(--ink-3)}
.blog-toc a:hover{color:var(--red-dark);text-decoration:underline}
.blog-toc .lvl-3{margin-left:16px;list-style:circle}
/* body: the mock's .prose */
.blog-body{font-size:var(--fs-md);line-height:1.7;color:var(--ink-3)}
.blog-body > :first-child{margin-top:0}
.blog-body h2{font-size:var(--fs-xl);line-height:1.25;font-weight:700;font-variation-settings:var(--semi);color:var(--ink);margin:36px 0 10px;scroll-margin-top:96px}
.blog-body h3{font-size:var(--fs-lg);font-weight:600;color:var(--ink);margin:28px 0 8px;scroll-margin-top:96px}
.blog-body h4{font-size:var(--fs-md);font-weight:600;color:var(--ink);margin:22px 0 8px}
.blog-body p,.blog-body ul,.blog-body ol,.blog-body blockquote,.blog-body pre,.blog-body figure,.blog-body table{margin:0 0 16px}
.blog-body ul,.blog-body ol{padding-left:22px}
.blog-body li{margin:4px 0}
.blog-body a{color:var(--red-dark);text-decoration:underline;text-underline-offset:2px}
.blog-body a:hover{color:var(--red-deep)}
.blog-body img{max-width:100%;height:auto;border-radius:var(--r-md);border:1px solid var(--line)}
.blog-body figcaption{font-size:var(--fs-sm);color:var(--muted);margin-top:6px}
.blog-body blockquote{border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas-2);padding:14px 18px;color:var(--ink-3)}
.blog-body pre{background:var(--ink);color:var(--paper);border-radius:var(--r-md);padding:14px 16px;font-size:var(--fs-sm);line-height:1.6;overflow-x:auto}
.blog-body :not(pre) > code{background:var(--stone-2);border-radius:var(--r-xs);padding:.1em .35em;font-size:.92em}
.blog-body th,.blog-body td{border:1px solid var(--line);padding:8px 10px}
.blog-body th{background:var(--canvas-2);color:var(--ink);font-weight:600}
.blog-body hr{border:0;border-top:1px solid var(--line);margin:28px 0}
/* questions: the mock's FAQ rows */
.blog-faq{margin:40px 0 0}
.blog-faq h2{font-size:var(--fs-xl);font-weight:700;font-variation-settings:var(--semi);margin:0 0 8px}
.blog-faq details{border-bottom:1px solid var(--line);padding:0}
.blog-faq details:first-of-type{border-top:1px solid var(--line)}
.blog-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;cursor:pointer;font-weight:600;font-size:var(--fs-md);color:var(--ink)}
.blog-faq summary::-webkit-details-marker{display:none}
.blog-faq summary::after{content:"";flex:none;width:8px;height:8px;border-right:2px solid var(--ink-4);border-bottom:2px solid var(--ink-4);transform:rotate(45deg) translateY(-3px);transition:transform var(--dur-2)}
.blog-faq details[open] summary::after{transform:rotate(-135deg)}
.blog-faq details p{margin:0 0 16px;color:var(--ink-3);line-height:1.65}
/* foot: tags, author, other languages */
.blog-foot{margin-top:40px;gap:20px}
.blog-terms a{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:var(--r-pill);background:var(--stone-2);color:var(--ink-soft);font-size:var(--fs-sm);font-weight:600;text-decoration:none}
.blog-terms a:hover{background:var(--line);color:var(--ink)}
.blog-author-box{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:18px 20px}
.blog-author-box p{color:var(--muted)}
.blog-author-name{color:var(--ink) !important}
.blog-author-name a{text-decoration:none}
.blog-author-name a:hover{text-decoration:underline}
.blog-author-photo{border:1px solid var(--line)}
.blog-author-role{color:var(--ink-3)}
.blog-author-links a{color:var(--red-dark)}
.blog-langs-other{color:var(--muted);font-size:var(--fs-sm)}
.blog-langs-other a{font-weight:600;color:var(--ink-3)}

@media (max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .blog{padding:0 16px 48px}
  .blog-head{padding:20px 0 24px;margin-bottom:24px}
  .blog-grid{grid-template-columns:1fr}
  .blog-body{font-size:var(--fs-md)}
  .blog-author{flex-direction:column}
}
/* lists: the design system resets list markers; prose and the contents list keep theirs */
.blog-body ul{list-style:disc}
.blog-body ol,.blog-toc ol{list-style:decimal}
.blog-body li::marker,.blog-toc li::marker{color:var(--ink-4)}
/* dark mode: pnlcs paints the page its own navy; the blog sits on the theme's dark paper like the rest of the storefront */
:root[data-theme=dark] body:has(.blog){background:var(--paper) !important}
/* category at the start of the card's date line (the mock: "Rehber · 26 Eylül 2026 · 4 dk okuma"); above the
   card-wide title link so it stays clickable on its own */
.blog-card .blog-card-cat{position:relative;z-index:1;font-weight:600;color:var(--ink-3);text-decoration:none}
.blog-card .blog-card-cat:hover{color:var(--red-dark);text-decoration:underline;text-underline-offset:2px}

/* ── Help centre (Blog addon 1.1: /yardim, /en/help) in the same design: the page head carries a large search box
   (the mock's .phead .ptool search), topics are cards with their articles, an article reads like a blog post. ── */
.help-search{display:flex;gap:8px;max-width:720px;margin:24px 0 0}
.help-search input{flex:1 1 auto;min-width:0;height:var(--ctl-md);padding:0 16px;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-md)}
.help-search input:focus{outline:0;border-color:var(--ink);box-shadow:0 0 0 3px var(--tint)}
.help-search button{flex:none;height:var(--ctl-md);padding:0 22px;border:0;border-radius:var(--r-md);background:var(--red);color:var(--on-accent);font:inherit;font-size:var(--fs-base);font-weight:600;cursor:pointer}
.help-search button:hover{background:var(--red-dark)}
.help-search button:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.help-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.help-topic{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:22px}
.help-topic h2{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 12px;font-size:var(--fs-lg);font-weight:600;font-variation-settings:var(--semi)}
.help-topic h2 a{text-decoration:none}
.help-topic h2 a:hover{color:var(--red-dark)}
.help-topic h2 small{flex:none;font-size:var(--fs-sm);font-weight:500;color:var(--muted)}
.help-topic ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.help-topic li a{display:block;padding:7px 0;border-top:1px solid var(--line);color:var(--ink-3);text-decoration:none;line-height:1.4}
.help-topic li:first-child a{border-top:0}
.help-topic li a:hover{color:var(--red-dark)}
.help-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;max-width:820px}
.help-list li{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:16px 20px}
.help-list li a{font-weight:600;font-size:var(--fs-md);text-decoration:none}
.help-list li a:hover{color:var(--red-dark)}
.help-list li p{margin:4px 0 0;color:var(--muted);line-height:1.55}
.help-more{margin:32px 0 0;color:var(--muted);font-size:var(--fs-base)}
.help-more a{color:var(--red-dark);font-weight:600}
/* article: no author line, the update date stays small */
.help-article .blog-meta{font-size:var(--fs-sm)}
.help-helpful{margin:36px 0 0;padding:16px 20px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--canvas-2)}
.help-helpful form{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.help-helpful form span{margin-right:auto;font-weight:600;color:var(--ink)}
.help-helpful button{min-height:36px;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer}
.help-helpful button:hover{border-color:var(--ink)}
.help-helpful p{margin:0;color:var(--ink-3)}
.help-related{margin:32px 0 0}
.help-related h2{font-size:var(--fs-lg);font-weight:600;margin:0 0 8px}
.help-related ul{list-style:none;margin:0;padding:0}
.help-related li a{display:block;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink-3);text-decoration:none}
.help-related li a:hover{color:var(--red-dark)}
:root[data-theme=dark] body:has(.help){background:var(--paper) !important}
@media (max-width:1000px){.help-topics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .help-topics{grid-template-columns:1fr}
  .help-search{flex-wrap:wrap}
  .help-search input{font-size:16px}
  .help-search button{flex:1 1 100%}
}
/* 19-satis-durumu.css */
/* Satış durumu (ISTEKLER 316): menüde ve alt bilgide, satılamayan ürünün rozeti "Yakında" / "Bize ulaşın".
   Kırmızı rozet "Popüler" içindir; durum bildiren rozet nötr (ika/data/satis.php → badgeHtml). */
.ika-vitrin .mbadge.is-soon{color:var(--ink-soft);background:var(--stone-2)}
.ika-vitrin .site-foot .mbadge.is-soon{color:var(--on-dark);background:color-mix(in srgb,var(--on-dark) 14%,transparent);margin-left:6px;font-size:var(--fs-xs);font-style:normal;font-weight:600;border-radius:var(--r-pill);padding:1px 8px}
/* a badge never breaks inside itself: "Coming soon" is two words in English */
.ika-vitrin .mbadge{white-space:nowrap}
/* 20-ds.css */
/* GENERATED by araclar/ds_css.py from the mock (taslaklar/site/assets/site.css) — do not edit by hand.
   2192 rules used on 193 mock pages, scoped under .ika-ds; 504 dropped (unused or mock chrome). */
@keyframes row{from{opacity:0;transform:translateY(10px)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes vprog{to{transform:scaleX(1)}}
@keyframes provp{to{opacity:.35}}
@keyframes gpin{from{opacity:0;transform:translateY(6px)}}
@keyframes beamL{from{transform:rotate(-62deg)}to{transform:rotate(-48deg)}}
@keyframes beamR{from{transform:rotate(48deg)}to{transform:rotate(62deg)}}
@keyframes haze{from{opacity:.6}to{opacity:1}}
@keyframes qin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes tourin{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes pbsweep{0%{background-position:100% 0}60%,100%{background-position:0 0}}
@keyframes aidot{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@keyframes cwspin{to{transform:rotate(360deg)}}
@keyframes sdotp{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--live) 0%,transparent)}}
@keyframes dsspin{to{transform:rotate(360deg)}}
.ika-ds img[src*="uygulama-ikon"],.ika-ds img[src*="teknoloji-logo/"],.ika-ds img[src*="marka/ikon"]{object-fit:contain;box-sizing:border-box}
.ika-ds .svchead img,.ika-ds .agrid .aicon,.ika-ds .aiapp header img{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-md)!important}
.ika-ds .svchead img,.ika-ds .aiapp header img{padding:5px!important}
.ika-ds .svchead img.u-ico36,.ika-ds .agrid .aicon{padding:6px!important}
.ika-ds .pill{display:inline-flex;align-items:center;font-size:var(--fs-sm);font-weight:650;line-height:1.5;border-radius:var(--r-pill);padding:1px 10px;background:var(--ok-soft);color:var(--ok);white-space:nowrap}
.ika-ds .pill.due{background:var(--warn-soft);color:var(--warn)}
.ika-ds .pill.bad{background:var(--bad-soft);color:var(--bad)}
.ika-ds .pill.info{background:var(--info-soft);color:var(--info)}
.ika-ds .pill.gray{background:var(--stone);color:var(--muted)}
.ika-ds .alert{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn);border-radius:var(--r-md);padding:12px 16px;margin-bottom:16px;font-size:var(--fs-base)}
.ika-ds .alert.bad{background:var(--tint);border-color:var(--red-line);color:var(--red-deep)}
.ika-ds .alert.ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}
.ika-ds .alert.info{background:var(--info-soft);border-color:transparent;color:var(--info)}
.ika-ds .alert.alert-note{justify-content:flex-start;align-items:flex-start;margin:18px 0 0;max-width:640px;padding:12px 14px}
.ika-ds .card,.ika-ds .pcard{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--r-lg)!important;min-width:0}
.ika-ds .card{padding:28px}
.ika-ds .card+.card{margin-top:18px}
.ika-ds .pcard{padding:20px;margin-bottom:16px}
.ika-ds .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;min-height:44px;padding:0 20px!important;font:inherit;font-size:var(--fs-md)!important;font-weight:650!important;line-height:1.2!important;border-radius:var(--r-md)!important;border:1.5px solid transparent!important;text-decoration:none!important;cursor:pointer!important;white-space:nowrap;transition:background-color var(--dur-1) ease,border-color var(--dur-1) ease,transform .1s}
.ika-ds .btn:active{transform:scale(.98)}
.ika-ds .btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ika-ds .btn[aria-disabled="true"],.ika-ds .btn:disabled{opacity:.45;pointer-events:none}
.ika-ds .btn-sm{min-height:34px;padding:0 12px!important;font-size:var(--fs-sm)!important;border-radius:var(--r-sm)!important}
.ika-ds .btn-primary,.ika-ds a.btn-primary,.ika-ds a.btn-primary:visited,.ika-ds .pbody a.btn-primary,.ika-ds .adm a.btn-primary{background:var(--red-dark)!important;color:var(--on-accent)!important}
.ika-ds .btn-primary:hover{background:var(--red-deep)!important}
.ika-ds .btn-secondary,.ika-ds a.btn-secondary{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--line-strong)!important}
.ika-ds .btn-secondary:hover{border-color:var(--ink)!important}
.ika-ds .btn-ink{background:var(--ink)!important;color:var(--surface)!important}
.ika-ds .btn-ink:hover{background:var(--ink-3)!important}
.ika-ds .btn-danger,.ika-ds a.btn-danger{background:var(--surface)!important;color:var(--bad)!important;border-color:var(--bad-line)!important}
.ika-ds .btn-danger:hover{background:var(--bad-soft)!important}
.ika-ds .btn-quiet,.ika-ds a.btn-quiet{background:none!important;color:var(--ink)!important;padding-left:8px!important;padding-right:8px!important}
.ika-ds .btn-quiet:hover{background:var(--stone)!important}
.ika-ds *{box-sizing:border-box;margin:0;padding:0}
.ika-ds{scroll-behavior:smooth}
.ika-ds{font-family:'Instrument Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-size:var(--fs-md);line-height:1.55;-webkit-font-smoothing:antialiased}
.ika-ds a{color:inherit}
.ika-ds img{display:block}
.ika-ds :focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--r-xs)}
.ika-ds .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ika-ds .h2{font-size:clamp(28px,3.2vw,42px);line-height:1.1;font-weight:700;font-variation-settings:var(--semi);letter-spacing:-.02em}
.ika-ds .lede{color:var(--muted);font-size:var(--fs-lg);max-width:28.6em;margin-top:12px}
.ika-ds .sec{padding:96px 0}
.ika-ds .sec-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.ika-ds .cart{position:relative;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:var(--r-md);text-decoration:none}
.ika-ds .cart:hover{background:var(--stone)}
.ika-ds .cart svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .cart .count[hidden]{display:none}
.ika-ds .cart .count{position:absolute;top:3px;right:2px;min-width:18px;height:18px;padding:0 5px;border-radius:var(--r-pill);background:var(--red-dark);color:var(--on-accent);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center}
.ika-ds .tlds{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;max-width:600px}
.ika-ds .tlds a{display:inline-flex;align-items:baseline;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:6px 10px;text-decoration:none;font-size:var(--fs-base);color:var(--muted)}
.ika-ds .tlds a b{color:var(--ink);font-weight:650}
.ika-ds .tlds a:hover{border-color:var(--ink)}
.ika-ds .news-wrap{position:relative;display:grid;justify-items:center}
.ika-ds .tech{border-bottom:1px solid var(--line);padding:34px 0}
.ika-ds .tech .in{display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:space-between}
.ika-ds .tech ul{display:flex;flex-wrap:wrap;align-items:center;gap:18px 44px;list-style:none;flex:1;justify-content:space-between}
.ika-ds .tech li{font-size:var(--fs-lg);font-weight:700;color:var(--line-strong);letter-spacing:-.01em;font-variation-settings:var(--semi);transition:color .2s}
.ika-ds .tech li:hover{color:var(--ink)}
.ika-ds .stars{display:flex;gap:2px;color:var(--red);font-size:var(--fs-lg);letter-spacing:1px}
.ika-ds .stars .off{color:var(--line-2)}
.ika-ds .review .who{display:flex;align-items:center;gap:12px}
.ika-ds .avatar{width:40px;height:40px;border-radius:50%;background:var(--stone);display:grid;place-items:center;font-weight:700;font-size:var(--fs-md);color:var(--muted)}
.ika-ds .review .who b{display:block;font-size:var(--fs-md)}
.ika-ds .review .who span{font-size:var(--fs-base);color:var(--muted)}
.ika-ds dialog.write{margin:auto;border:0;border-radius:var(--r-lg);padding:0;width:min(560px,calc(100vw - 32px));box-shadow:0 40px 100px rgba(21,20,20,.3)}
.ika-ds dialog.write::backdrop{background:rgba(21,20,20,.45)}
.ika-ds .write form{padding:30px;display:grid;gap:16px}
.ika-ds .write h3{font-size:var(--fs-xl);font-variation-settings:var(--semi)}
.ika-ds .write .hint{color:var(--muted);font-size:var(--fs-md);margin-top:-8px}
.ika-ds .write label{display:grid;gap:6px;font-size:var(--fs-base);font-weight:600}
.ika-ds .write input[type=text],.ika-ds .write select,.ika-ds .write textarea{font:inherit;font-weight:400;font-size:var(--fs-md);border:1.5px solid var(--line);border-radius:var(--r-md);padding:11px 13px;width:100%;background:var(--surface);color:var(--ink)}
.ika-ds .write input:focus,.ika-ds .write select:focus,.ika-ds .write textarea:focus{outline:none;border-color:var(--ink)}
.ika-ds .write textarea{min-height:120px;resize:vertical}
.ika-ds .rate{border:0}
.ika-ds .rate-stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}
.ika-ds .rate legend{font-size:var(--fs-base);font-weight:600;margin-bottom:6px;padding:0}
.ika-ds .rate input{position:absolute;opacity:0;width:1px;height:1px}
.ika-ds .rate label{font-size:var(--fs-2xl);color:var(--line-2);cursor:pointer;font-weight:400;line-height:1}
.ika-ds .rate input:checked~label,.ika-ds .rate label:hover,.ika-ds .rate label:hover~label{color:var(--red)}
.ika-ds .rate input:focus-visible+label{outline:3px solid var(--red);outline-offset:2px;border-radius:var(--r-xs)}
.ika-ds .write .consent{display:flex;gap:10px;align-items:start;font-weight:400;font-size:var(--fs-base);color:var(--muted)}
.ika-ds .write .consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--red-dark)}
.ika-ds .write .actions{display:flex;gap:10px;justify-content:flex-end}
.ika-ds .write .done{padding:40px 30px;text-align:center}
.ika-ds .write .done b{font-size:var(--fs-lg);display:block;margin-bottom:8px}
.ika-ds .write .done p{color:var(--muted)}
.ika-ds .dpanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:0 30px 70px rgba(21,20,20,.09);overflow:hidden}
.ika-ds .dpanel .head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.ika-ds .dpanel .head b{font-size:var(--fs-md);word-break:break-all}
.ika-ds .dpanel .head span{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}
.ika-ds .dpanel ul{list-style:none}
.ika-ds .dpanel li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:13px 22px;border-bottom:1px solid var(--line);transition:opacity .25s}
.ika-ds .dpanel li:last-child{border-bottom:0}
.ika-ds .dpanel .dn{font-weight:600;font-size:var(--fs-md);word-break:break-all}
.ika-ds .dpanel .dn small{display:block;font-weight:500;font-size:var(--fs-sm)}
.ika-ds .dpanel .ok{color:var(--ok)}
.ika-ds .dpanel .no{color:var(--muted)}
.ika-ds .dpanel .price{font-size:var(--fs-md);font-weight:650;white-space:nowrap}
.ika-ds .dpanel .add{font:inherit;font-size:var(--fs-base);font-weight:650;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:7px 12px;cursor:pointer;color:var(--ink);white-space:nowrap}
.ika-ds .dpanel .add:hover{border-color:var(--ink)}
.ika-ds .dpanel .add[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-ds .dpanel li.taken{opacity:.6}
.ika-ds .dpanel li.taken .add{visibility:hidden}
.ika-ds .dpanel.loading li{opacity:.35}
.ika-ds .dpanel .foot{padding:12px 22px;background:var(--stone);font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ika-ds .post{display:flex;flex-direction:column;text-decoration:none;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}
.ika-ds .post:hover{border-color:var(--line-2)}
.ika-ds .post .cover{aspect-ratio:16/9;background:var(--stone);display:grid;place-items:center;border-bottom:1px solid var(--line)}
.ika-ds .post .cover svg{width:44px;height:44px;stroke:var(--red-dark);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .post .body{padding:22px;display:flex;flex-direction:column;gap:8px;flex:1}
.ika-ds .post .meta{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .post b{font-size:var(--fs-lg);line-height:1.3;font-variation-settings:var(--semi)}
.ika-ds .post p{color:var(--muted);font-size:var(--fs-md)}
.ika-ds .hv{display:grid;align-items:center;min-height:470px}
.ika-ds .hv>*{grid-area:1/1}
.ika-ds .hv .dpanel{opacity:0;transform:translateY(24px) scale(.97);pointer-events:none;visibility:hidden;transition:opacity .45s ease .2s,transform .55s cubic-bezier(.2,.8,.2,1) .2s,visibility 0s linear .65s}
.ika-ds .hv.searching .dpanel{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition-delay:.2s,.2s,0s}
.ika-ds .hv.searching .dpanel li{animation:row .45s cubic-bezier(.2,.8,.2,1) both}
.ika-ds .hv .dpanel li:nth-child(1){animation-delay:.3s}
.ika-ds .hv .dpanel li:nth-child(2){animation-delay:.36s}
.ika-ds .hv .dpanel li:nth-child(3){animation-delay:.42s}
.ika-ds .hv .dpanel li:nth-child(4){animation-delay:.48s}
.ika-ds .hv .dpanel li:nth-child(5){animation-delay:.54s}
.ika-ds .hv .dpanel li:nth-child(6){animation-delay:.6s}
.ika-ds .bill{display:inline-flex;background:var(--stone);border-radius:var(--r-md);padding:4px;gap:2px}
.ika-ds .bill button{font:inherit;font-size:var(--fs-md);font-weight:600;border:0;background:none;padding:9px 16px;border-radius:var(--r-sm);cursor:pointer;color:var(--muted);display:flex;gap:8px;align-items:center}
.ika-ds .bill button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(21,20,20,.12)}
.ika-ds .bill .save{font-size:var(--fs-xs);color:var(--ok);background:var(--ok-soft);border-radius:var(--r-pill);padding:2px 7px}
.ika-ds .plan .pr,.ika-ds .plan .note{transition:opacity .2s}
.ika-ds .plan .was{font-size:var(--fs-md);color:var(--muted);text-decoration:line-through;margin-left:6px;font-weight:500;letter-spacing:0}
.ika-ds .plan .saving{align-self:start;display:inline-block;font-size:var(--fs-sm);font-weight:650;color:var(--ok);background:var(--ok-soft);border-radius:var(--r-pill);padding:2px 8px;margin-top:8px}
.ika-ds .trust{margin-top:28px;border:1px solid var(--line);border-radius:var(--r-lg);display:grid;grid-template-columns:repeat(4,1fr)}
.ika-ds .trust>div{padding:22px 24px;display:flex;gap:14px;align-items:start}
.ika-ds .trust>div+div{border-left:1px solid var(--line)}
.ika-ds .trust svg{flex:none;width:24px;height:24px;stroke:var(--red-dark);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.ika-ds .trust b{display:block;font-size:var(--fs-md)}
.ika-ds .trust span{font-size:var(--fs-base);color:var(--muted)}
.ika-ds .promo{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--red-line);border-radius:var(--r-pill);padding:6px 14px 6px 6px;margin-bottom:22px;text-decoration:none;font-size:var(--fs-base);box-shadow:0 4px 14px rgba(204,24,0,.08)}
.ika-ds .promo b{font-weight:650}
.ika-ds .promo .more{color:var(--red-dark);font-weight:600;white-space:nowrap}
.ika-ds .promo:hover{border-color:var(--red)}
.ika-ds .tlds.one{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.ika-ds .tlds.one::-webkit-scrollbar{display:none}
.ika-ds .tlds.one a{flex:none}
.ika-ds .cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.ika-ds .cta-row .btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;margin-right:8px}
.ika-ds .orbit{position:relative;width:min(470px,100%);aspect-ratio:1;container-type:inline-size;justify-self:center;transition:opacity .45s ease,transform .6s cubic-bezier(.3,.7,.2,1)}
.ika-ds .orbit .track{position:absolute;border-radius:50%;border:1.5px dashed var(--line)}
.ika-ds .orbit .track.t1{inset:8%}
.ika-ds .orbit .track.t2{inset:30%;border-style:solid;border-color:var(--stone-2)}
.ika-ds .orbit .core{position:absolute;left:50%;top:50%;width:112px;height:112px;margin:-56px 0 0 -56px;border-radius:50%;background:var(--surface);box-shadow:0 20px 50px rgba(21,20,20,.12),0 0 0 10px rgba(255,52,25,.06);display:grid;place-items:center;transition:transform .6s cubic-bezier(.3,.7,.2,1)}
.ika-ds .orbit .core img{width:60px;height:60px}
.ika-ds .orbit .ring{position:absolute;inset:0;animation:spin 70s linear infinite}
.ika-ds .orbit .ring a{--r:41cqw;position:absolute;left:50%;top:50%;text-decoration:none;
  transform:translate(-50%,-50%) rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)));transition:transform .6s cubic-bezier(.3,.7,.2,1),opacity .4s ease}
.ika-ds .orbit .chip{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px 7px 7px;box-shadow:0 10px 26px rgba(21,20,20,.08);white-space:nowrap;font-weight:600;font-size:var(--fs-base);animation:spin 70s linear infinite reverse;transition:border-color .2s,box-shadow .2s}
.ika-ds .orbit .chip i{width:30px;height:30px;border-radius:50%;background:var(--tint);display:grid;place-items:center}
.ika-ds .orbit .chip svg{width:16px;height:16px;stroke:var(--red-dark);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .orbit .ring a:hover .chip,.ika-ds .orbit .ring a:focus-visible .chip{border-color:var(--red);box-shadow:0 12px 30px rgba(204,24,0,.15)}
.ika-ds .orbit:hover .ring,.ika-ds .orbit:hover .chip,.ika-ds .orbit:focus-within .ring,.ika-ds .orbit:focus-within .chip{animation-play-state:paused}
.ika-ds .hv.searching .orbit{opacity:0;transform:scale(.85);pointer-events:none}
.ika-ds .hv.searching .orbit .ring a{transform:translate(-50%,-50%) rotate(var(--a)) translateX(0) rotate(calc(-1 * var(--a)));opacity:0}
.ika-ds .hv.searching .orbit .core{transform:scale(.6)}
.ika-ds .afilters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px;margin-bottom:24px}
.ika-ds .afilters::-webkit-scrollbar{display:none}
.ika-ds .afilters button{flex:none;font:inherit;font-size:var(--fs-base);font-weight:600;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-pill);padding:8px 15px;cursor:pointer;color:var(--ink)}
.ika-ds .afilters button:hover{border-color:var(--line-2)}
.ika-ds .afilters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-ds .agrid{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ika-ds .agrid li{animation:row .3s ease both}
.ika-ds .agrid a{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;text-decoration:none;background:var(--surface);height:100%}
.ika-ds .agrid a:hover{border-color:var(--line-2);box-shadow:0 10px 24px rgba(21,20,20,.06)}
.ika-ds .agrid .aicon{flex:none;width:44px;height:44px;border-radius:var(--r-md);object-fit:contain;background:var(--stone);padding:7px}
.ika-ds .agrid .mono{flex:none;width:44px;height:44px;border-radius:var(--r-md);background:var(--stone);display:grid;place-items:center;font-weight:700;font-size:var(--fs-md);color:var(--ink);letter-spacing:-.02em}
.ika-ds .agrid b{display:block;font-size:var(--fs-md);line-height:1.25}
.ika-ds .agrid span.d{font-size:var(--fs-sm);color:var(--muted);line-height:1.35}
.ika-ds .menu{display:flex;list-style:none;margin-left:28px}
.ika-ds .menu>li>button{font:inherit;font-weight:550;font-size:var(--fs-md);background:none;border:0;color:var(--ink);padding:9px 14px;border-radius:var(--r-sm);cursor:pointer;display:flex;align-items:center;gap:7px}
.ika-ds .menu>li>button::after{content:"";width:6px;height:6px;border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.ika-ds .menu>li>button:hover{background:var(--stone)}
.ika-ds .burger{display:none}
.ika-ds .hero{background:linear-gradient(180deg,var(--surface) 0%,var(--stone) 100%)}
.ika-ds .hero .in{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:80px 0 96px}
.ika-ds .hero h1{font-size:clamp(42px,5.6vw,76px);line-height:1;font-weight:700;font-variation-settings:var(--tight);letter-spacing:-.03em;max-width:6.9em}
.ika-ds .hero p{font-size:var(--fs-lg);color:var(--muted);max-width:23.3em;margin:22px 0 32px}
.ika-ds .search{display:flex;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--r-lg);padding:6px;max-width:600px;box-shadow:0 10px 30px rgba(21,20,20,.06)}
.ika-ds .search input{flex:1;border:0;font:inherit;font-size:var(--fs-lg);padding:10px 16px;min-width:0;background:transparent;color:var(--ink)}
.ika-ds .search input:focus{outline:none}
.ika-ds .search:focus-within{border-color:var(--ink)}
.ika-ds .sample-note-sec{font-size:var(--fs-sm);color:var(--muted);margin-top:14px}
.ika-ds .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}
.ika-ds .plan{border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;display:flex;flex-direction:column;background:var(--surface);position:relative}
.ika-ds .plan.pop{border:2px solid var(--red)}
.ika-ds .plan .badge{position:absolute;top:-13px;left:28px;background:var(--red-dark);color:var(--on-accent);font-size:var(--fs-sm)!important;font-weight:650!important;padding:4px 12px!important;border-radius:var(--r-pill)!important}
.ika-ds .plan .kind{font-size:var(--fs-base);color:var(--muted)}
.ika-ds .plan b{font-size:var(--fs-lg);font-variation-settings:var(--semi);display:block;margin-top:2px}
.ika-ds .plan .pr{font-size:var(--fs-3xl);font-weight:700;font-variation-settings:var(--tight);letter-spacing:-.02em;margin-top:18px;line-height:1}
.ika-ds .plan .pr small{font-size:var(--fs-md);font-weight:500;letter-spacing:0;color:var(--muted)}
.ika-ds .plan .note{font-size:var(--fs-sm);color:var(--muted);margin-top:8px}
.ika-ds .plan .note.sample{color:var(--red-dark)}
.ika-ds .plan ul{list-style:none;margin:22px 0 26px;flex:1;font-size:var(--fs-md)}
.ika-ds .plan li{display:flex;gap:10px;padding:7px 0}
.ika-ds .plan li::before{content:"";flex:none;width:16px;height:16px;margin-top:4px;border-radius:50%;background:var(--tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.2 2.2 4.8-4.8' fill='none' stroke='%23cc1800' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.ika-ds .plan .btn{width:100%}
.ika-ds .term.run li{opacity:1;transform:none}
.ika-ds .term li .t{color:var(--on-dark-muted)}
.ika-ds .term li.done{color:var(--on-accent);font-weight:600;margin-top:6px;padding-top:14px;border-top:1px dashed var(--ink-3)}
.ika-ds .term li.done a{color:var(--red-light);text-decoration:none}
.ika-ds .term.run li:nth-child(1){transition-delay:.1s}
.ika-ds .term.run li:nth-child(2){transition-delay:.7s}
.ika-ds .term.run li:nth-child(3){transition-delay:1.3s}
.ika-ds .term.run li:nth-child(4){transition-delay:1.9s}
.ika-ds .term.run li:nth-child(5){transition-delay:2.6s}
.ika-ds .steps{list-style:none;counter-reset:s;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.ika-ds .steps li{counter-increment:s;display:grid;grid-template-columns:48px 1fr;gap:12px;padding:24px 26px}
.ika-ds .steps li+li{border-top:1px solid var(--line)}
.ika-ds .steps li::before{content:counter(s);width:36px;height:36px;border-radius:50%;background:var(--tint);color:var(--red-dark);font-weight:700;display:grid;place-items:center}
.ika-ds .steps b{font-size:var(--fs-lg);display:block}
.ika-ds .steps span{color:var(--muted);font-size:var(--fs-md)}
.ika-ds .row .btn{padding:10px 16px!important;font-size:var(--fs-md)!important}
.ika-ds .faq .grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.ika-ds .faq details{border-bottom:1px solid var(--line)}
.ika-ds .faq details:first-child{border-top:1px solid var(--line)}
.ika-ds .faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-size:var(--fs-md);font-weight:600;position:relative}
.ika-ds .faq summary::-webkit-details-marker{display:none}
.ika-ds .faq summary::after{content:"";position:absolute;right:8px;top:28px;width:8px;height:8px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);transition:transform .2s}
.ika-ds .faq details[open] summary::after{transform:rotate(-135deg);top:32px}
.ika-ds .faq details p{color:var(--muted);padding:0 40px 20px 0;max-width:31.8em}
@media (max-width:1000px){.ika-ds .agrid{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.ika-ds .trust{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.ika-ds .trust>div+div{border-left:0}}
@media (max-width:1000px){.ika-ds .trust>div:nth-child(even){border-left:1px solid var(--line)}}
@media (max-width:1000px){.ika-ds .trust>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:1000px){.ika-ds .hv{min-height:0}}
@media (max-width:1000px){.ika-ds .hv:not(.searching){display:none}}
@media (max-width:1000px){.ika-ds .posts{grid-template-columns:1fr}}
@media (max-width:1000px){.ika-ds .tech .in{gap:20px}}
@media (max-width:1000px){.ika-ds .tech ul{gap:14px 28px;justify-content:flex-start}}
@media (max-width:1000px){.ika-ds .menu{display:none}}
@media (max-width:1000px){.ika-ds .burger{display:inline-flex}}
@media (max-width:1000px){.ika-ds .hero .in{grid-template-columns:1fr;padding:48px 0 64px}}
@media (max-width:1000px){.ika-ds .dpanel{margin-top:8px}}
@media (max-width:1000px){.ika-ds .plans{grid-template-columns:1fr;gap:26px}}
@media (max-width:1000px){.ika-ds .faq .grid{grid-template-columns:1fr;gap:28px}}
@media (max-width:1000px){.ika-ds .row .btn{grid-column:2/4;justify-self:start}}
@media (max-width:640px){.ika-ds .agrid{grid-template-columns:1fr}}
@media (max-width:640px){.ika-ds .sec{padding:64px 0}}
@media (max-width:640px){.ika-ds .search{flex-direction:column;gap:6px}}
@media (prefers-reduced-motion:reduce){.ika-ds{scroll-behavior:auto}}
@media (prefers-reduced-motion:reduce){.ika-ds .orbit .ring,.ika-ds .orbit .chip{animation:none}}
@media (prefers-reduced-motion:reduce){.ika-ds *,.ika-ds *::before,.ika-ds *::after{transition:none!important;animation:none!important}}
.ika-ds .crumbs{font-size:var(--fs-base);color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.ika-ds .crumbs .sep{color:var(--line-2)}
.ika-ds .crumbs a{text-decoration:none}
.ika-ds .crumbs a:hover{color:var(--ink)}
.ika-ds .annwrap > *{max-width:900px}
.ika-ds .annbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ika-ds .annstat .sdot{width:8px;height:8px;border-radius:50%;background:var(--live)}
.ika-ds .annstat{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--muted);text-decoration:none}
.ika-ds .annstat:hover{color:var(--ink)}
.ika-ds .annlist{list-style:none;padding:0;margin:24px 0 0;border-top:1px solid var(--line)}
.ika-ds .annlist li{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--line)}
.ika-ds .annlist h2{font-size:var(--fs-lg);font-weight:600;margin:0}
.ika-ds .annlist h2 a{text-decoration:none;color:var(--ink)}
.ika-ds .annlist h2 a:hover{text-decoration:underline}
.ika-ds .annlist p{color:var(--muted);margin-top:4px;font-size:var(--fs-base)}
.ika-ds .annlist time{color:var(--muted);font-size:var(--fs-sm);white-space:nowrap}
.ika-ds .anntag{display:inline-block;font-size:var(--fs-xs);font-weight:600;padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--line-2);color:var(--ink-soft);text-align:center}
.ika-ds .anntag.t-bakim{color:var(--warn);border-color:currentColor}
.ika-ds .anntag.t-fiyat{color:var(--red-dark);border-color:currentColor}
.ika-ds .anntag.t-urun{color:var(--ok);border-color:currentColor}
.ika-ds .annkv{max-width:560px;margin:0 0 20px}
@media (max-width:640px){.ika-ds .annlist li{grid-template-columns:1fr;gap:6px}}
@media (max-width:640px){.ika-ds .annlist li .anntag{justify-self:start}}
.ika-ds .phead{background:var(--surface);border-bottom:1px solid var(--line)}
.ika-ds .phead .in{padding:32px 0 40px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:end}
.ika-ds .phead h1{font-size:clamp(32px,4vw,48px);line-height:1.04;font-weight:700;font-variation-settings:var(--tight);letter-spacing:-.03em;margin-top:12px;max-width:14em}
.ika-ds .phead p{color:var(--muted);font-size:var(--fs-md);max-width:36em;margin-top:12px}
.ika-ds .phead .ptool{margin-top:24px;max-width:720px}
.ika-ds .phead .ptool .search{margin:0}
.ika-ds .phead .ptool .pnote{margin-top:10px;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .phead + .sec{padding-top:40px}
.ika-ds .qa-list,.ika-ds .qa-upd{max-width:760px}
.ika-ds .qa-list{margin-top:16px}
.ika-ds .qa-list details{border-bottom:1px solid var(--line)}
.ika-ds .qa-list details:first-child{border-top:1px solid var(--line)}
.ika-ds .qa-list summary{padding:16px 36px 16px 0;cursor:pointer;font-weight:600;font-size:var(--fs-md);list-style:none;position:relative}
.ika-ds .qa-list summary::-webkit-details-marker{display:none}
.ika-ds .qa-list summary::after{content:'';position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform var(--dur-2) ease}
.ika-ds .qa-list details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.ika-ds .qa-list p{margin:0 0 16px;color:var(--ink-soft);max-width:68ch;font-size:var(--fs-base);line-height:1.6}
.ika-ds .qa-upd{margin-top:16px;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .plans.two{grid-template-columns:repeat(2,1fr);max-width:820px}
.ika-ds .cmp{width:100%;border-collapse:collapse;margin-top:12px;font-size:var(--fs-md)}
.ika-ds .cmp th,.ika-ds .cmp td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left}
.ika-ds .cmp thead th{font-size:var(--fs-base);color:var(--muted);font-weight:600}
.ika-ds .tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg);padding:0 12px}
.ika-ds .two-col{display:grid;grid-template-columns:1.4fr .9fr;gap:40px;align-items:start}
.ika-ds .card h2,.ika-ds .card h3{font-size:var(--fs-lg);font-variation-settings:var(--semi);margin-bottom:14px}
.ika-ds .opts{display:grid;gap:10px}
.ika-ds .opt{display:flex;gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-md);padding:14px 16px;cursor:pointer}
.ika-ds .opt:has(input:checked){border-color:var(--ink);background:var(--stone)}
.ika-ds .opt input{accent-color:var(--red-dark);width:18px;height:18px}
.ika-ds .opt b{display:block}
.ika-ds .opt span{font-size:var(--fs-base);color:var(--muted)}
.ika-ds .opt .r{margin-left:auto;text-align:right;font-weight:650}
.ika-ds .opt .r small{display:block;font-weight:500;color:var(--ok);font-size:var(--fs-sm)}
.ika-ds .field{display:grid;gap:6px;font-size:var(--fs-base);font-weight:600;margin-top:14px}
.ika-ds .field input,.ika-ds .field select,.ika-ds .field textarea{font:inherit;font-weight:400;font-size:var(--fs-md);border:1.5px solid var(--line);border-radius:var(--r-md);padding:11px 13px;width:100%;background:var(--surface);color:var(--ink)}
.ika-ds .field input:focus,.ika-ds .field select:focus,.ika-ds .field textarea:focus{outline:none;border-color:var(--ink)}
.ika-ds .field textarea{min-height:130px;resize:vertical}
.ika-ds .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ika-ds .sum{position:sticky;top:96px}
.ika-ds .sum .line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line);font-size:var(--fs-md)}
.ika-ds .sum .line.total{font-size:var(--fs-lg);font-weight:700;border:0;padding-top:16px}
.ika-ds .sum .line .free{color:var(--ok);font-weight:650}
.ika-ds .sum .btn{width:100%;margin-top:16px}
.ika-ds .sum .small{font-size:var(--fs-sm);color:var(--muted);margin-top:10px}
.ika-ds .cart-empty{text-align:center;padding:48px 20px;color:var(--muted)}
.ika-ds .cart-empty b{display:block;color:var(--ink);font-size:var(--fs-lg);margin-bottom:6px}
.ika-ds .citem{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.ika-ds .citem b{display:block}
.ika-ds .citem span{font-size:var(--fs-base);color:var(--muted)}
.ika-ds .citem .p{font-weight:650;text-align:right}
.ika-ds .citem .p s{display:block;font-weight:400;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .citem .p .free{display:block;color:var(--ok);font-size:var(--fs-sm)}
.ika-ds .rm{font:inherit;font-size:var(--fs-base);background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer}
.ika-ds .plain-list{list-style:none;display:grid;gap:8px}
.ika-ds .plain-list li{display:flex;gap:10px}
.ika-ds .plain-list li::before{content:"✓";color:var(--red-dark);font-weight:700}
.ika-ds .prose{max-width:720px}
.ika-ds .prose h2{font-size:var(--fs-xl);font-variation-settings:var(--semi);margin:34px 0 10px}
.ika-ds .prose p,.ika-ds .prose li{font-size:var(--fs-md);line-height:1.7;color:var(--ink-3)}
.ika-ds .prose p+p{margin-top:14px}
.ika-ds .prose ol,.ika-ds .prose ul{padding-left:22px;margin-top:12px}
.ika-ds .prose .todo,.ika-ds p.todo{background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn);border-radius:var(--r-md);padding:12px 14px;font-style:normal;font-size:var(--fs-base);max-width:640px}
.ika-ds .kbnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.ika-ds .kbnav a{border:1.5px solid var(--line);border-radius:var(--r-pill);padding:8px 15px;text-decoration:none;font-weight:600;font-size:var(--fs-base)}
.ika-ds .kbnav a[aria-current="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-ds .auth .card{width:min(440px,100%)}
.ika-ds .auth .btn{width:100%;margin-top:20px}
.ika-ds .auth .alt{text-align:center;font-size:var(--fs-md);color:var(--muted);margin-top:18px}
.ika-ds .auth .alt a{color:var(--red-dark);font-weight:600}
.ika-ds .gbtn{display:flex;align-items:center;justify-content:center;gap:10px;border:1.5px solid var(--line);border-radius:var(--r-md);padding:11px;font-weight:600;text-decoration:none;margin-top:18px}
.ika-ds .gbtn+.gbtn{margin-top:10px}
.ika-ds .gbtn-gh svg{color:var(--ink)}
.ika-ds .or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:var(--fs-sm);margin-top:18px}
.ika-ds .or::before,.ika-ds .or::after{content:"";flex:1;height:1px;background:var(--line)}
.ika-ds .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}
.ika-ds .stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px}
.ika-ds .stat span{font-size:var(--fs-base);color:var(--muted)}
.ika-ds .stat b{display:block;font-size:var(--fs-2xl);font-variation-settings:var(--tight)}
.ika-ds .fmid{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--ink-3)}
.ika-ds .fsoc{display:flex;gap:8px}
.ika-ds .fsoc a{width:36px;height:36px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--ink-2)}
.ika-ds .fsoc a:hover{background:var(--ink-3)}
.ika-ds .fsoc svg{width:18px;height:18px;fill:none;stroke:var(--on-dark);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .fpay{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ika-ds .fpay .pm{display:inline-block;height:16px;background:var(--on-dark-muted);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;transition:background-color var(--dur-1)}
.ika-ds .fpay .pm:hover,.ika-ds .fpay .pm-bank:hover .pm{background:var(--on-accent)}
.ika-ds .pm-visa{width:48px;--m:url(../img/odeme-logo/visa.svg?v=3)}
.ika-ds .pm-mc{width:92px;--m:url(../img/odeme-logo/mastercard.svg?v=3)}
.ika-ds .pm-amex{--m:url(../img/odeme-logo/amex.svg?v=3)}
.ika-ds .pm-disc{--m:url(../img/odeme-logo/discover.svg?v=3)}
.ika-ds .fpay .pm-amex{width:92px;height:11px}
.ika-ds .fpay .pm-disc{width:72px;height:13px}
.ika-ds .fpay .pm-mc{height:19px;width:110px}
.ika-ds .pm-jcb{width:50px;--m:url(../img/odeme-logo/jcb.svg?v=3)}
.ika-ds .pm-diners{width:22px;height:19px!important;--m:url(../img/odeme-logo/diners.svg?v=3)}
.ika-ds .pm-stripe{width:46px;height:19px!important;--m:url(../img/odeme-logo/stripe.svg?v=3)}
.ika-ds .paym-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ika-ds .paym{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:grid;gap:16px;align-content:start}
.ika-ds .paym-h{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.01em;margin:0}
.ika-ds .paym-marks{display:flex;align-items:center;gap:14px;flex-wrap:wrap;min-height:28px}
.ika-ds .paym-marks .pm{display:inline-block;height:16px;background:var(--ink);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ika-ds .paym-marks .pm-amex{width:99px;height:12px}
.ika-ds .paym-marks .pm-mc{height:19px;width:110px}
.ika-ds .paym-marks .pm-disc{width:72px;height:13px}
.ika-ds .paym-marks .pm-havale{width:22px;height:22px}
.ika-ds .paym-name{font-weight:600}
.ika-ds .paym-ic{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.8}
.ika-ds .pm-inl{display:inline-block;vertical-align:-4px;width:40px;height:16px;background:var(--muted);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.ika-ds .paym-also{margin:-8px 0 0;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .paym ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--ink-soft)}
.ika-ds .paym-t{margin:0;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:var(--fs-sm)}
.ika-ds .paym-t span{color:var(--muted)}
.ika-ds .paym-soon{margin-top:20px;padding:20px 24px;border:1px dashed var(--line-2);border-radius:var(--r-lg)}
.ika-ds .paym-soon .paym-h{margin:0 0 6px}
.ika-ds .paym-soon p{margin:0;color:var(--ink-soft)}
@media (max-width:900px){.ika-ds .paym-grid{grid-template-columns:1fr}}
.ika-ds .vids{background:radial-gradient(70% 90% at 0% 0%,color-mix(in srgb,var(--red) 22%,transparent),transparent 60%),var(--ink);color:var(--on-dark);padding:96px 0}
.ika-ds .vids-top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 40px;flex-wrap:wrap;margin-bottom:36px}
.ika-ds .vids-top .h2{color:var(--on-dark)}
.ika-ds .vids-top p{color:var(--on-dark-muted);font-size:var(--fs-lg);max-width:30em;margin:12px 0 0}
.ika-ds .vchan{display:flex;align-items:center;gap:12px;padding:8px 8px 8px 8px;border:1px solid color-mix(in srgb,var(--on-dark) 16%,transparent);border-radius:var(--r-pill);color:var(--on-dark);text-decoration:none;transition:border-color var(--dur-2)}
.ika-ds .vchan img{width:44px;height:44px;border-radius:50%}
.ika-ds .vchan b{display:block;font-size:var(--fs-base)}
.ika-ds .vchan small{color:var(--on-dark-muted);font-size:var(--fs-sm)}
.ika-ds .vsubbtn{margin-left:8px;padding:9px 16px;border-radius:var(--r-pill);background:var(--on-accent);color:var(--ink);font-weight:600;font-size:var(--fs-sm)}
.ika-ds .vchan:hover{border-color:color-mix(in srgb,var(--on-dark) 40%,transparent)}
.ika-ds .vchan:hover .vsubbtn{background:var(--red);color:var(--on-accent)}
.ika-ds .vstage{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:28px;align-items:start}
.ika-ds .vfeat{border-radius:var(--r-lg);overflow:hidden;background:color-mix(in srgb,var(--on-dark) 6%,transparent);border:1px solid color-mix(in srgb,var(--on-dark) 10%,transparent)}
.ika-ds .vplayer{position:relative}
.ika-ds .vthumb{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;overflow:hidden;background:var(--ink);cursor:pointer}
.ika-ds .vthumb img,.ika-ds .vthumb iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.ika-ds .vplay{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--red);display:grid;place-items:center;box-shadow:0 12px 40px color-mix(in srgb,var(--red) 55%,transparent);transition:transform var(--dur-2)}
.ika-ds .vplay svg{width:30px;height:30px;fill:var(--on-accent);margin-left:4px}
.ika-ds .vthumb:hover .vplay,.ika-ds .vthumb:focus-visible .vplay{transform:scale(1.07)}
.ika-ds .vdur{position:absolute;right:8px;bottom:8px;padding:2px 6px;border-radius:var(--r-xs);background:rgb(0 0 0 / .78);color:var(--on-accent);font-size:var(--fs-xs);font-weight:600;font-variant-numeric:tabular-nums}
.ika-ds .vinfo{display:flex;justify-content:space-between;align-items:center;gap:16px 24px;flex-wrap:wrap;padding:20px 24px}
.ika-ds .vinfo h3{margin:0;font-size:var(--fs-lg);line-height:1.3;color:var(--on-dark);max-width:24em}
.ika-ds .vmeta{margin:6px 0 0;font-size:var(--fs-sm);color:var(--on-dark-muted)}
.ika-ds .vbuild{display:inline-grid;gap:0;text-align:left;line-height:1.2;padding-block:10px}
.ika-ds .vbuild span{font-size:var(--fs-sm);font-weight:500;opacity:.85}
.ika-ds .vside-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}
.ika-ds .vauto{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:var(--fs-xs);font-weight:600;color:var(--on-dark-muted);background:none;border:1px solid color-mix(in srgb,var(--on-dark) 18%,transparent);border-radius:var(--r-pill);padding:4px 10px 4px 8px;cursor:pointer}
.ika-ds .vauto:hover{color:var(--on-dark);border-color:color-mix(in srgb,var(--on-dark) 40%,transparent)}
.ika-ds .vauto svg{width:13px;height:13px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round}
.ika-ds .vauto .i-play{fill:currentColor;stroke:none}
.ika-ds .vauto .i-play,.ika-ds .vauto[aria-pressed=true] .i-pause{display:none}
.ika-ds .vitem{position:relative}
.ika-ds .vprog{position:absolute;left:8px;right:8px;bottom:0;height:2px;border-radius:var(--r-pill);overflow:hidden;opacity:0}
.ika-ds .vprog i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:var(--red)}
.ika-ds .vids.vrun .vitem[aria-pressed=true] .vprog{opacity:1;background:color-mix(in srgb,var(--on-dark) 14%,transparent)}
.ika-ds .vids.vrun .vitem[aria-pressed=true] .vprog i{animation:vprog 7s linear forwards}
.ika-ds .vids.vhold .vprog i{animation-play-state:paused!important}
.ika-ds .vplayer .vthumb img{transition:opacity var(--dur-2)}
.ika-ds .vside-h{margin:0;font-size:var(--fs-sm);font-weight:600;color:var(--on-dark-muted)}
.ika-ds .vlist{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.ika-ds .vitem{display:grid;grid-template-columns:136px minmax(0,1fr);gap:14px;width:100%;padding:8px;border:0;border-radius:var(--r-md);background:none;text-align:left;font:inherit;color:var(--on-dark);cursor:pointer;transition:background-color var(--dur-1)}
.ika-ds .vitem:hover{background:color-mix(in srgb,var(--on-dark) 7%,transparent)}
.ika-ds .vitem[aria-pressed=true]{background:color-mix(in srgb,var(--on-dark) 11%,transparent)}
.ika-ds .vit{position:relative;aspect-ratio:16/9;border-radius:var(--r-sm);overflow:hidden;background:var(--ink)}
.ika-ds .vit img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ika-ds .vit .vdur{right:4px;bottom:4px}
.ika-ds .vitem[aria-pressed=true] .vit{outline:2px solid var(--red);outline-offset:2px}
.ika-ds .vtx{display:grid;gap:3px;align-content:start}
.ika-ds .vtx b{font-size:var(--fs-base);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ika-ds .vtx small{font-size:var(--fs-xs);color:var(--on-dark-muted)}
.ika-ds .vtx em{font-style:normal;font-size:var(--fs-xs);font-weight:600;color:color-mix(in srgb,var(--red) 55%,var(--on-dark))}
.ika-ds .vall{display:inline-block;margin:14px 8px 0;font-size:var(--fs-sm);font-weight:600;color:var(--on-dark)}
.ika-ds .vall:hover{color:var(--on-accent)}
@media (max-width:900px){.ika-ds .vids{padding:64px 0}}
@media (max-width:900px){.ika-ds .vstage{grid-template-columns:minmax(0,1fr)}}
@media (max-width:900px){.ika-ds .vinfo{padding:16px}}
@media (max-width:900px){.ika-ds .vitem{grid-template-columns:112px minmax(0,1fr)}}
@media (max-width:900px){.ika-ds .vchan{width:100%}}
@media (max-width:900px){.ika-ds .vsubbtn{margin-left:auto}}
.ika-ds .tiers td,.ika-ds .tiers th{text-align:left}
.ika-ds .tiers thead th:not(:first-child){font-size:var(--fs-md)}
.ika-ds .plan>.pill{justify-self:start;align-self:end}
.ika-ds .migr{display:none;margin-top:14px}
.ika-ds #setupset:has(input[value=migrate]:checked) .migr{display:block}
.ika-ds .faq .qside{position:sticky;top:110px;align-self:start;display:grid;gap:18px}
.ika-ds .faq .qside > .btn{justify-self:start}
.ika-ds .qtopics ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.ika-ds .qtopics a{font-size:var(--fs-sm)}
.ika-ds .qsearch{position:relative}
.ika-ds .qsearch svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:var(--muted);stroke-width:2}
.ika-ds .qsearch input{width:100%;padding:13px 14px 13px 42px!important;border-radius:var(--r-pill)!important}
.ika-ds .qchips{display:flex;flex-wrap:wrap;gap:6px}
.ika-ds .qchip{font:inherit;font-size:var(--fs-sm);font-weight:600;padding:7px 14px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);color:var(--ink-soft);cursor:pointer}
.ika-ds .qchip:hover{border-color:var(--ink);color:var(--ink)}
.ika-ds .qchip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-ds .qhelp{display:grid;gap:2px;margin-top:6px;padding:16px;border-radius:var(--r-lg);background:var(--canvas-2);border:1px solid var(--line)}
.ika-ds .qhelp>b{font-size:var(--fs-sm);color:var(--muted);font-weight:600;margin-bottom:6px}
.ika-ds .qhelp .qhl{font:inherit;text-align:left;border:0;background:none;cursor:pointer;width:100%}
.ika-ds .qhelp a,.ika-ds .qhelp .qhl{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--r-md);color:var(--ink);text-decoration:none}
.ika-ds .qhelp a:hover,.ika-ds .qhelp .qhl:hover{background:var(--surface)}
.ika-ds .qhelp a small,.ika-ds .qhelp .qhl small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .qhi{flex:none;width:34px;height:34px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--line);display:grid;place-items:center}
.ika-ds .qhi svg{width:17px;height:17px;fill:none;stroke:var(--red-dark);stroke-width:1.8;stroke-linejoin:round}
.ika-ds .qnone{padding:20px 0;color:var(--ink-soft)}
@media (max-width:900px){.ika-ds .faq .qside{position:static}}
.ika-ds .dexact{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:22px 24px;border-radius:var(--r-lg);border:1.5px solid var(--ok-line);background:var(--ok-soft)}
.ika-ds .dexact.off{border-color:var(--line-2);background:var(--canvas-2)}
.ika-ds .dexact .dxn{font-size:var(--fs-xl);font-weight:700;letter-spacing:-.01em;word-break:break-all}
.ika-ds .dexact .dxs{display:block;font-size:var(--fs-sm);font-weight:600;color:var(--ok);margin-bottom:4px}
.ika-ds .dexact.off .dxs{color:var(--muted)}
.ika-ds .dpr{text-align:right;font-variant-numeric:tabular-nums}
.ika-ds .dpr b{display:block;font-size:var(--fs-lg)}
.ika-ds .dpr small{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .dhint{margin:10px 0 0;font-size:var(--fs-sm);color:var(--ink-soft);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ika-ds .drows{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}
.ika-ds .drows[hidden]{display:none}
.ika-ds .drows .dnm{font-weight:600;word-break:break-all}
.ika-ds .drows .dnm .pill{margin-left:8px}
.ika-ds .drows li.taken .dnm{color:var(--muted);font-weight:500}
.ika-ds .drows .dact{display:flex;justify-content:flex-end;gap:6px}
.ika-ds .drows .dact a{font-size:var(--fs-sm);font-weight:600}
.ika-ds .dempty{padding:18px 16px;color:var(--muted);font-size:var(--fs-sm)}
@media (max-width:640px){.ika-ds .dexact{grid-template-columns:1fr}}
@media (max-width:640px){.ika-ds .dpr{text-align:left}}
@media (max-width:640px){.ika-ds .drows .dact{grid-column:1/-1;justify-content:flex-start}}
.ika-ds .note.sample{color:var(--muted)!important}
.ika-ds .plan .saving,.ika-ds .opt .r,.ika-ds .opt .r small,.ika-ds .bill .save,.ika-ds .pill{white-space:nowrap}
.ika-ds .plans.two{margin-inline:auto}
.ika-ds .tier-cards{display:none}
@media (max-width:640px){.ika-ds .tiers-wrap{display:none}}
@media (max-width:640px){.ika-ds .tier-cards{display:grid;gap:12px;margin-top:20px}}
@media (max-width:640px){.ika-ds .tier-cards article{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:16px}}
@media (max-width:640px){.ika-ds .tier-cards h3{margin:0 0 8px;font-size:var(--fs-lg)}}
@media (max-width:640px){.ika-ds .tier-cards dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;margin:0;font-size:var(--fs-sm)}}
@media (max-width:640px){.ika-ds .tier-cards dt{color:var(--muted)}}
@media (max-width:640px){.ika-ds .tier-cards dd{margin:0;text-align:right;font-weight:600}}
.ika-ds .fgrid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.ika-ds .fgrid.three{grid-template-columns:1fr}}
.ika-ds .postmeta{color:var(--muted);font-size:var(--fs-sm);margin:0 0 16px}
.ika-ds .postcta p,.ika-ds .postrel ul{margin:6px 0 12px;color:var(--ink-soft);font-size:var(--fs-sm)}
.ika-ds .postrel{margin-top:16px}
.ika-ds .postrel ul{padding-left:18px;display:grid;gap:6px}
@media (max-width:640px){.ika-ds .post .cover{height:120px}}
.ika-ds .mbar{display:none}
@media (max-width:900px){.ika-ds .mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgb(21 20 20 / .08)}}
@media (max-width:900px){.ika-ds .mbar small{display:block;font-size:var(--fs-xs);color:var(--muted)}}
@media (max-width:900px){.ika-ds .mbar b{font-size:var(--fs-lg)}}
.ika-ds .co-me{display:flex;align-items:center;gap:12px}
.ika-ds .co-me .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--red-dark);font-weight:700;font-size:var(--fs-sm);flex:none}
.ika-ds .co-me small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .co-me a{margin-left:auto}
@media (max-width:640px){.ika-ds .telrow{flex-wrap:wrap}}
@media (max-width:640px){.ika-ds .telrow #smsSend{width:100%}}
.ika-ds .cardbox .cb-row{flex-direction:column;align-items:stretch;gap:4px;border:0;padding:6px 0}
.ika-ds .cardbox .cb-ph{border:1px solid var(--line-2);border-radius:var(--r-md);padding:10px 12px;background:var(--surface)}
.ika-ds details.promo summary{list-style:none;display:inline-flex;align-items:center;gap:6px}
.ika-ds details.promo summary::-webkit-details-marker{display:none}
.ika-ds details.promo summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--dur-2)}
.ika-ds details.promo[open] summary::after{transform:rotate(-135deg)}
.ika-ds .prov .st::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--warn);margin-right:6px;vertical-align:1px;animation:provp 1s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.ika-ds .prov .st::before{animation:none}}
.ika-ds .prov li.ok .st::before{background:var(--ok);animation:none}
.ika-ds .vids-top .h2{color:var(--on-accent)}
.ika-ds .qhi .sdot{width:10px;height:10px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 25%,transparent)}
.ika-ds .ptrust li::before{margin-right:4px}
@media (max-width:640px){.ika-ds .agrid-home li:nth-child(n+9){display:none}}
@media (max-width:640px){.ika-ds .c-tr,.ika-ds th.c-tr{display:none}}
.ika-ds .sfx{display:flex;align-items:stretch}
.ika-ds .sfx input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;flex:1;min-width:0}
.ika-ds .sfx span{display:grid;place-items:center;padding:0 12px;border:1px solid var(--line-2);border-left:0;border-radius:0 var(--r-md) var(--r-md) 0;background:var(--canvas-2);font-weight:600;color:var(--ink-soft)}
.ika-ds .plans.four .kind{min-height:2.6em}
.ika-ds .stbanner{display:flex;gap:14px;align-items:center;padding:18px 20px;border-radius:var(--r-lg);background:var(--ok-soft);border:1px solid var(--ok-line);margin-bottom:20px}
.ika-ds .stbanner .sdot{width:14px;height:14px;border-radius:50%;background:var(--live);box-shadow:0 0 0 4px color-mix(in srgb,var(--live) 25%,transparent);flex:none}
.ika-ds .stbanner b{display:block;font-size:var(--fs-lg)}
.ika-ds .stbanner span{color:var(--ink-soft);font-size:var(--fs-sm)}
.ika-ds .stlist{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.ika-ds .strow{padding:16px 20px}
.ika-ds .strow+.strow{border-top:1px solid var(--line)}
.ika-ds .sthead{display:flex;justify-content:space-between;margin-bottom:10px}
.ika-ds .sthead .ok{color:var(--ok);font-weight:600;font-size:var(--fs-sm)}
.ika-ds .upbars{display:grid;grid-template-columns:repeat(90,1fr);gap:2px;height:28px}
.ika-ds .upbars i{border-radius:var(--r-xs);background:var(--live)}
.ika-ds .upbars i.warn{background:var(--warn)}
.ika-ds .uplbl{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--muted);margin-top:6px}
.ika-ds .stinc{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.ika-ds .stinc li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 16px;padding:12px 0;border-top:1px solid var(--line)}
.ika-ds .stinc time{color:var(--muted);font-size:var(--fs-sm);grid-row:span 2}
.ika-ds .stinc span{color:var(--ink-soft);font-size:var(--fs-sm)}
@media (max-width:640px){.ika-ds .upbars{grid-template-columns:repeat(45,1fr)}}
@media (max-width:640px){.ika-ds .upbars i:nth-child(-n+45){display:none}}
@media (max-width:640px){.ika-ds .stinc li{grid-template-columns:1fr}}
@media (max-width:640px){.ika-ds .stinc time{grid-row:auto}}
.ika-ds .dhero{padding:40px 0 36px;background:radial-gradient(80% 120% at 50% 0%,var(--tint),transparent 70%)}
.ika-ds .dhero h1{font-size:clamp(var(--fs-2xl),4vw,var(--fs-3xl));line-height:1.05;letter-spacing:-.02em;margin:14px 0 10px;font-variation-settings:var(--tight)}
.ika-ds .dhero .lede{max-width:40em}
.ika-ds .dmodes{display:inline-flex;gap:4px;margin:24px 0 12px;padding:4px;border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--line)}
.ika-ds .dmodes button{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:600;font-size:var(--fs-base);border:0;background:none;border-radius:var(--r-pill);padding:8px 16px;cursor:pointer;color:var(--ink-soft)}
.ika-ds .dmodes button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}
.ika-ds .dmodes button[aria-selected=true]{background:var(--ink);color:var(--surface)}
.ika-ds .dsearch{max-width:none}
.ika-ds .dchips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.ika-ds .dchip{display:inline-flex;gap:6px;align-items:baseline;font:inherit;font-size:var(--fs-sm);padding:6px 12px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);cursor:pointer;color:var(--ink-soft)}
.ika-ds .dchip b{color:var(--ink)}
.ika-ds .dchip:hover{border-color:var(--ink)}
.ika-ds .dai,.ika-ds .dbulk{display:grid;gap:10px;padding:18px;border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1)}
.ika-ds .dai label,.ika-ds .dbulk label{font-weight:600}
.ika-ds .dai textarea,.ika-ds .dbulk textarea{width:100%;resize:vertical}
.ika-ds .dai-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.ika-ds .dai[hidden],.ika-ds .dbulk[hidden],.ika-ds [data-dpane][hidden]{display:none}
.ika-ds .dres{padding:8px 0 40px}
.ika-ds .dres[hidden]{display:none}
.ika-ds .dgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start}
.ika-ds .dh{font-size:var(--fs-lg);margin:28px 0 12px}
.ika-ds .dh-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 12px}
.ika-ds .dh-row .dh{margin:0}
.ika-ds .dsugcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ika-ds .dsug-c{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.ika-ds .dsug-c .dnm{font-size:var(--fs-md);font-weight:700;word-break:break-all}
.ika-ds .dsug-c .why{font-size:var(--fs-xs);color:var(--muted)}
.ika-ds .dsug-c .btn{justify-self:start;margin-top:6px}
.ika-ds .dsel{position:sticky;top:96px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);display:grid;gap:12px}
.ika-ds .dsel .dh{margin:0}
.ika-ds .dsel ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:var(--fs-sm)}
.ika-ds .dsel .dempty{padding:0}
.ika-ds .dsel-tot{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line)}
.ika-ds .dideas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ika-ds .didea{display:grid;gap:8px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.ika-ds .didea b{font-size:var(--fs-lg)}
.ika-ds .didea ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--fs-sm)}
.ika-ds .didea li{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ika-ds .dwhy .fbox svg{width:22px;height:22px;fill:none;stroke:var(--red-dark);stroke-width:1.8;margin-bottom:8px}
.ika-ds .fgrid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.ika-ds .dlinks{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ika-ds .dlinks .card{text-decoration:none;color:var(--ink);display:grid;gap:4px}
.ika-ds .dlinks .card span{color:var(--muted)}
.ika-ds .dlinks .card:hover{border-color:var(--ink)!important}
@media (max-width:1000px){.ika-ds .dgrid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1000px){.ika-ds .dsel{position:static}}
@media (max-width:1000px){.ika-ds .dsugcards,.ika-ds .dideas{grid-template-columns:1fr 1fr}}
@media (max-width:1000px){.ika-ds .fgrid.four{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ika-ds .dsugcards,.ika-ds .dideas,.ika-ds .fgrid.four,.ika-ds .dlinks{grid-template-columns:1fr}}
@media (max-width:640px){.ika-ds .dmodes{display:flex}}
@media (max-width:640px){.ika-ds .dmodes button{flex:1;justify-content:center;padding:8px}}
.ika-ds .swgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ika-ds .swc{display:grid;gap:8px;align-content:start;padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color var(--dur-2)}
.ika-ds .swc:hover{border-color:var(--ink-3)}
.ika-ds .swc b{font-size:var(--fs-lg)}
.ika-ds .swc span{color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .swc em{font-style:normal;font-size:var(--fs-sm);font-weight:600;color:var(--ok)}
.ika-ds .swc.is-soon em{color:var(--muted)}
.ika-ds .swsteps{list-style:none;counter-reset:s;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ika-ds .swsteps li{counter-increment:s;display:grid;gap:4px}
.ika-ds .swsteps li::before{content:counter(s);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--red-dark);font-weight:700;font-size:var(--fs-sm);margin-bottom:6px}
.ika-ds .swsteps span{color:var(--muted);font-size:var(--fs-sm)}
@media (max-width:760px){.ika-ds .swsteps{grid-template-columns:1fr}}
.ika-ds .gp{display:grid;grid-template-columns:320px minmax(0,1fr);gap:40px;align-items:start}
.ika-ds .gp-tabs{display:grid;gap:4px;border-left:2px solid var(--line)}
.ika-ds .gp-tabs button{display:grid;gap:2px;text-align:left;font:inherit;background:none;border:0;border-left:2px solid transparent;margin-left:-2px;padding:14px 18px;cursor:pointer;color:var(--muted)}
.ika-ds .gp-tabs button b{font-size:var(--fs-lg);font-weight:600;color:var(--ink-3)}
.ika-ds .gp-tabs button span{font-size:var(--fs-sm)}
.ika-ds .gp-tabs button:hover b{color:var(--ink)}
.ika-ds .gp-tabs button[aria-selected=true]{border-left-color:var(--red)}
.ika-ds .gp-tabs button[aria-selected=true] b{color:var(--ink)}
.ika-ds .gp-p{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ika-ds .gp-p[hidden]{display:none}
.ika-ds .gp-p a{display:grid;grid-template-rows:auto 1fr auto;gap:8px;padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color var(--dur-2),transform var(--dur-2)}
.ika-ds .gp-p a:hover{border-color:var(--ink-3);transform:translateY(-2px)}
.ika-ds .gp-p b{font-size:var(--fs-lg);font-weight:600}
.ika-ds .gp-p span{color:var(--muted);font-size:var(--fs-sm);line-height:1.5}
.ika-ds .gp-p em{font-style:normal;font-weight:600;font-size:var(--fs-sm);color:var(--red-dark);font-variant-numeric:tabular-nums}
.ika-ds .gp-p:not([hidden]){animation:gpin var(--dur-3) ease both}
@media (prefers-reduced-motion:reduce){.ika-ds .gp-p:not([hidden]){animation:none}}
@media (prefers-reduced-motion:reduce){.ika-ds .gp-p a:hover{transform:none}}
@media (max-width:1000px){.ika-ds .gp{grid-template-columns:1fr;gap:20px}}
@media (max-width:1000px){.ika-ds .gp-tabs{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;border-left:0;border-bottom:2px solid var(--line);scrollbar-width:none}}
@media (max-width:1000px){.ika-ds .gp-tabs button{border-left:0;margin:0 0 -2px;border-bottom:2px solid transparent;padding:10px 14px}}
@media (max-width:1000px){.ika-ds .gp-tabs button span{display:none}}
@media (max-width:1000px){.ika-ds .gp-tabs button[aria-selected=true]{border-bottom-color:var(--red)}}
@media (max-width:1000px){.ika-ds .gp-p{grid-template-columns:1fr}}
.ika-ds .pnlband{position:relative;overflow:hidden;padding:96px 0;background:radial-gradient(60% 80% at 85% 20%,color-mix(in srgb,var(--ai-2) 14%,transparent),transparent 70%),radial-gradient(50% 70% at 10% 100%,color-mix(in srgb,var(--red) 10%,transparent),transparent 70%),var(--stone)}
.ika-ds .pnlband::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:linear-gradient(to right,transparent,black 55%);mask-image:linear-gradient(to right,transparent,black 55%);pointer-events:none}
.ika-ds .pnl-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.ika-ds .pnl-k{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft);padding:5px 12px 5px 6px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface)}
.ika-ds .pnl-copy h2{font-size:clamp(32px,4vw,52px);line-height:1.02;font-weight:700;font-variation-settings:var(--tight);letter-spacing:-.03em;margin:18px 0 14px}
.ika-ds .pnl-copy>p{color:var(--ink-soft);font-size:var(--fs-md);max-width:34em}
.ika-ds .pnl-facts{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.ika-ds .pnl-facts li{display:grid;gap:3px}
.ika-ds .pnl-facts b{font-size:var(--fs-base)}
.ika-ds .pnl-facts span{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .pnl-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.ika-ds .pnl-win{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-3);overflow:hidden;transform:perspective(1400px) rotateY(-6deg) rotateX(2deg);transform-origin:left center}
.ika-ds .pnl-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--canvas-2)}
.ika-ds .pnl-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.ika-ds .pnl-bar span{margin-left:10px;font-size:var(--fs-xs);color:var(--muted)}
.ika-ds .pnl-body{display:grid;grid-template-columns:140px minmax(0,1fr);min-height:300px}
.ika-ds .pnl-side{display:grid;align-content:start;gap:2px;padding:12px 8px;border-right:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .pnl-side span{padding:6px 10px;border-radius:var(--r-sm)}
.ika-ds .pnl-side .on{background:var(--tint);color:var(--red-dark);font-weight:600}
.ika-ds .pnl-main{padding:18px;display:grid;gap:14px;align-content:start}
.ika-ds .pnl-site{display:flex;justify-content:space-between;align-items:center}
.ika-ds .pnl-ok{font-size:var(--fs-xs);font-weight:600;color:var(--ok);background:var(--ok-soft);border-radius:var(--r-pill);padding:2px 10px}
.ika-ds .pnl-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ika-ds .pnl-tiles div{border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;display:grid;gap:4px}
.ika-ds .pnl-tiles small{font-size:var(--fs-xs);color:var(--muted)}
.ika-ds .pnl-tiles b{font-size:var(--fs-sm)}
.ika-ds .pnl-tiles i{height:5px;border-radius:var(--r-pill);background:var(--stone);overflow:hidden}
.ika-ds .pnl-tiles em{display:block;height:100%;background:var(--ink)}
.ika-ds .pnl-tiles .w41{width:41%}
.ika-ds .pnl-tiles .w40{width:40%}
.ika-ds .pnl-apps{display:grid;gap:8px}
.ika-ds .pnl-apps span{display:flex;align-items:center;gap:10px;font-size:var(--fs-sm);font-weight:600;border:1px solid var(--line);border-radius:var(--r-md);padding:8px 12px}
.ika-ds .pnl-apps img{width:20px;height:20px}
.ika-ds .pnl-apps em{margin-left:auto;font-style:normal;font-size:var(--fs-xs);color:var(--ok)}
@media (max-width:1000px){.ika-ds .pnl-in{grid-template-columns:1fr;gap:40px}}
@media (max-width:1000px){.ika-ds .pnl-win{transform:none}}
@media (max-width:1000px){.ika-ds .pnlband{padding:64px 0}}
@media (max-width:640px){.ika-ds .pnl-facts{grid-template-columns:1fr}}
@media (max-width:640px){.ika-ds .pnl-body{grid-template-columns:1fr}}
@media (max-width:640px){.ika-ds .pnl-side{display:none}}
.ika-ds .ap-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.ika-ds .ap-steps{list-style:none;counter-reset:s;display:flex;gap:0;margin:0;padding:0}
.ika-ds .ap-steps li{counter-increment:s;display:grid;grid-template-columns:28px auto;column-gap:10px;align-items:center;padding:0 20px;border-left:1px solid var(--line)}
.ika-ds .ap-steps li:first-child{border-left:0;padding-left:0}
.ika-ds .ap-steps li::before{content:counter(s);grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--red-dark);font-weight:700;font-size:var(--fs-sm)}
.ika-ds .ap-steps b{font-size:var(--fs-base)}
.ika-ds .ap-steps span{font-size:var(--fs-xs);color:var(--muted)}
.ika-ds .ap-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}
.ika-ds .ap-foot span{color:var(--muted);font-size:var(--fs-sm)}
@media (max-width:640px){.ika-ds .ap-steps{flex-direction:column;gap:12px}}
@media (max-width:640px){.ika-ds .ap-steps li{border-left:0;padding:0}}
.ika-ds .rv-wrap{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:start}
.ika-ds .reviews{background:var(--canvas-2);border-block:1px solid var(--line)}
.ika-ds .rv-sum{display:grid;gap:14px;align-content:start}
.ika-ds .rv-score{display:flex;align-items:center;gap:14px}
.ika-ds .rv-score>b{font-size:var(--fs-3xl);line-height:1;letter-spacing:-.03em;font-variation-settings:var(--tight)}
.ika-ds .rv-score small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .rv-sum .stars,.ika-ds .rv .stars{color:var(--warn);letter-spacing:1px}
.ika-ds .stars .off{color:var(--line-2)}
.ika-ds .rv-bars{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .rv-bars li{display:grid;grid-template-columns:14px minmax(0,1fr) 34px;gap:10px;align-items:center}
.ika-ds .rv-bars i{height:6px;border-radius:var(--r-pill);background:var(--stone);overflow:hidden}
.ika-ds .rv-bars b{display:block;height:100%;background:var(--warn);border-radius:inherit}
.ika-ds .rv-sum .lede{font-size:var(--fs-base);margin:0}
.ika-ds .rv-sum .btn{justify-self:start}
.ika-ds .rv-list{columns:2;column-gap:16px}
.ika-ds .rv{break-inside:avoid;margin:0 0 16px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);display:grid;gap:12px}
.ika-ds .rv.feat{background:var(--ink);color:var(--on-dark);border-color:var(--ink)}
.ika-ds .rv.feat blockquote{font-size:var(--fs-lg);color:var(--on-accent)}
.ika-ds .rv.feat small,.ika-ds .rv.feat .rv-ver{color:var(--on-dark-muted)}
.ika-ds .rv-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.ika-ds .rv-ver{font-size:var(--fs-xs);font-weight:600;color:var(--ok)}
.ika-ds .rv blockquote{margin:0;font-size:var(--fs-md);line-height:1.55}
.ika-ds .rv figcaption{display:flex;align-items:center;gap:10px}
.ika-ds .rv figcaption small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .rv .avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--red-dark);font-weight:700;font-size:var(--fs-xs)}
@media (max-width:900px){.ika-ds .rv-wrap{grid-template-columns:1fr}}
@media (max-width:900px){.ika-ds .rv-sum{position:static}}
@media (max-width:900px){.ika-ds .rv-list{columns:1}}
.ika-ds .bl-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:stretch}
.ika-ds .bl-feat{display:grid;grid-template-rows:auto 1fr;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);text-decoration:none;color:var(--ink);transition:border-color var(--dur-2)}
.ika-ds .bl-feat:hover{border-color:var(--ink)}
.ika-ds .bl-cover{position:relative;aspect-ratio:16/7;display:grid;place-items:center}
.ika-ds .bl-cover svg{width:64px;height:64px;fill:none;stroke:var(--on-accent);stroke-width:1.4}
.ika-ds .c-auto{background:linear-gradient(135deg,var(--red),var(--red-dark))}
.ika-ds .bl-dot.c-mail{background:var(--info)}
.ika-ds .bl-dot.c-dom{background:var(--red)}
.ika-ds .bl-dot.c-wp{background:var(--ink)}
.ika-ds .bl-dot.c-srv{background:var(--warn)}
.ika-ds .bl-vid{position:absolute;left:14px;bottom:14px;font-size:var(--fs-xs);font-weight:700;color:var(--on-accent);background:rgb(0 0 0 / .35);padding:4px 10px;border-radius:var(--r-pill)}
.ika-ds .bl-body{padding:22px;display:grid;gap:8px;align-content:start}
.ika-ds .bl-body b{font-size:var(--fs-xl);line-height:1.2}
.ika-ds .bl-body p{margin:0;color:var(--ink-soft)}
.ika-ds .bl-go{font-weight:600;color:var(--red-dark);margin-top:6px}
.ika-ds .bl-list{list-style:none;margin:0;padding:0;display:grid;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
.ika-ds .bl-list li+li{border-top:1px solid var(--line)}
.ika-ds .bl-list a{display:grid;grid-template-columns:10px minmax(0,1fr);gap:14px;align-items:start;padding:18px 20px;text-decoration:none;color:var(--ink)}
.ika-ds .bl-list a:hover b{color:var(--red-dark)}
.ika-ds .bl-dot{width:10px;height:10px;border-radius:50%;margin-top:6px}
.ika-ds .bl-list small{display:block;margin-top:4px;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .bl-list b{display:block;font-size:var(--fs-md);line-height:1.35}
.ika-ds .meta{font-size:var(--fs-xs);color:var(--muted);font-weight:600}
@media (max-width:900px){.ika-ds .bl-grid{grid-template-columns:1fr}}
.ika-ds .endcta{position:relative;overflow:hidden;isolation:isolate;background:var(--ink)!important}
.ika-ds .endcta::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(color-mix(in srgb,var(--on-dark) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--on-dark) 8%,transparent) 1px,transparent 1px);background-size:56px 56px;background-position:center top;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 35%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 35%,transparent 100%)}
.ika-ds .endcta::after{content:"";position:absolute;left:50%;bottom:-30%;width:900px;height:420px;transform:translateX(-50%);z-index:-2;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--silver) 16%,transparent),transparent);animation:haze 8s ease-in-out infinite alternate}
.ika-ds .endcta .beam{position:absolute;z-index:-2;top:-40px;width:520px;height:1100px;pointer-events:none;filter:blur(10px);mix-blend-mode:screen}
.ika-ds .endcta .beam::before{content:"";position:absolute;inset:0;clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);background:linear-gradient(to bottom,color-mix(in srgb,var(--silver) 55%,transparent) 0%,color-mix(in srgb,var(--silver) 22%,transparent) 40%,transparent 80%)}
.ika-ds .endcta .bl{left:-230px;transform-origin:50% 0;transform:rotate(-38deg);animation:beamL 7s ease-in-out infinite alternate}
.ika-ds .endcta .br{right:-230px;transform-origin:50% 0;transform:rotate(38deg);animation:beamR 9s ease-in-out -3s infinite alternate}
.ika-ds .endcta .beam .src{position:absolute;top:24px;left:50%;width:34px;height:34px;margin-left:-17px;border-radius:50%;background:var(--silver);filter:blur(6px);opacity:.9}
.ika-ds .endcta .search{background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
@media (prefers-reduced-motion:reduce){.ika-ds .endcta .beam,.ika-ds .endcta::after{animation:none}}
@media (max-width:640px){.ika-ds .endcta .beam{width:300px}}
@media (max-width:640px){.ika-ds .endcta .bl{left:-170px}}
@media (max-width:640px){.ika-ds .endcta .br{right:-170px}}
@media (max-width:640px){.ika-ds .endcta::before{background-size:40px 40px}}
.ika-ds .qlist{transition:height var(--dur-3) ease;overflow:hidden}
.ika-ds .qlist details.q-in{animation:qin var(--dur-3) ease both}
@media (prefers-reduced-motion:reduce){.ika-ds .qlist{transition:none}}
@media (prefers-reduced-motion:reduce){.ika-ds .qlist details.q-in{animation:none}}
.ika-ds .ks{display:grid;gap:8px;align-content:start}
.ika-ds .ks .btn{justify-self:start;margin-top:6px}
.ika-ds .ksteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0}
.ika-ds .ksteps b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--surface);flex:none}
.ika-ds .ksform{max-width:760px}
@media (max-width:900px){.ika-ds .ksteps{grid-template-columns:1fr}}
.ika-ds .wlay{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.ika-ds .wmain{min-width:0}
.ika-ds .qa-inner{margin-top:48px}
.ika-ds .qa-inner .h2{font-size:var(--fs-xl);font-variation-settings:var(--semi)}
.ika-ds .wside{position:sticky;top:96px;display:grid;gap:16px}
.ika-ds .wside .h3{margin:0 0 4px;font-size:var(--fs-lg)}
.ika-ds .wbuy{display:flex;gap:8px;margin:14px 0}
.ika-ds .wbuy input{flex:1;min-width:0;font:inherit;padding:9px 12px;border:1px solid var(--line-2);border-radius:var(--r-md)}
.ika-ds .wtl{list-style:none;padding:0;margin:0 0 12px;display:grid}
.ika-ds .wtl li{display:grid;grid-template-columns:70px auto 1fr;gap:8px;align-items:baseline;padding:8px 0;border-top:1px solid var(--line);font-size:var(--fs-sm)}
.ika-ds .wtl b{font-size:var(--fs-base)}
.ika-ds .wtl span{font-weight:600}
.ika-ds .wtl small{text-align:right;color:var(--muted)}
.ika-ds .wside-tr p{margin:4px 0 8px}
@media (max-width:1000px){.ika-ds .wlay{grid-template-columns:1fr}}
@media (max-width:1000px){.ika-ds .wside{position:static}}
.ika-ds .wres-sec{padding-bottom:64px}
.ika-ds .wres-sec .whois-out{margin:0 0 32px;max-width:760px}
.ika-ds .kv.wkv{grid-template-columns:160px 1fr;gap:10px 24px;max-width:760px}
.ika-ds .kv.wkv dd{margin:0;text-align:left;font-weight:500}
.ika-ds .wres-sec #wstate:empty{display:none}
.ika-ds .wprose{max-width:760px}
.ika-ds .wprose h2{margin-top:0}
.ika-ds .wkv{margin:12px 0 0}
.ika-ds .aroutes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ika-ds .aroute{display:grid;gap:6px;align-content:start;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-decoration:none;color:var(--ink)}
.ika-ds .aroute:hover{border-color:var(--ink)}
.ika-ds .aroute .mk{font-size:var(--fs-xs);font-weight:700;color:var(--red-dark)}
.ika-ds .aroute b{font-size:var(--fs-lg)}
.ika-ds .aroute p{margin:0;color:var(--ink-soft);font-size:var(--fs-sm)}
.ika-ds .aroute .go{margin-top:8px;font-weight:600;font-size:var(--fs-sm)}
.ika-ds .u-pb0{padding-bottom:0!important}
@media (max-width:900px){.ika-ds .aroutes{grid-template-columns:1fr}}
.ika-ds .pm-more{font-size:var(--fs-sm);font-weight:600;color:var(--on-dark-muted);text-decoration:underline;text-underline-offset:3px}
.ika-ds .pm-more:hover{color:var(--on-accent)}
.ika-ds .pm-bank{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);font-weight:600;color:var(--on-dark-muted)}
.ika-ds .pm-bank:hover{color:var(--on-accent)}
.ika-ds .pm-havale{width:18px;height:18px!important;--m:url(../img/odeme-logo/havale.svg?v=3)}
@media (max-width:1000px){.ika-ds .phead .in{grid-template-columns:1fr;padding:20px 0 28px}}
@media (max-width:1000px){.ika-ds .phead + .sec{padding-top:28px}}
@media (max-width:1000px){.ika-ds .two-col,.ika-ds .plans.two{grid-template-columns:1fr}}
@media (max-width:1000px){.ika-ds .sum{position:static}}
@media (max-width:1000px){.ika-ds .frow{grid-template-columns:1fr}}
@media (max-width:1000px){.ika-ds .stats{grid-template-columns:1fr 1fr}}
.ika-ds .ostabs{display:flex;gap:4px;margin:0 0 12px;padding:3px;background:var(--stone);border-radius:var(--r-md);width:max-content}
.ika-ds .ostabs button{font:inherit;font-weight:600;font-size:var(--fs-sm);border:0;background:none;border-radius:var(--r-sm);padding:7px 12px;cursor:pointer;color:var(--muted)}
.ika-ds .ostabs button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.ika-ds .osgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ika-ds .osgrid[hidden]{display:none}
.ika-ds .sum{position:sticky;top:96px;align-self:start}
.ika-ds .steplist{list-style:none;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--line);display:grid;gap:6px;font-size:var(--fs-sm)}
.ika-ds .steplist li{display:flex;align-items:center;gap:8px;color:var(--muted)}
.ika-ds .steplist li::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line-2)}
.ika-ds .steplist li.ok{color:var(--ink)}
.ika-ds .steplist li.ok::before{border:0;background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4L18 8'/%3E%3C/svg%3E") center/11px no-repeat}
.ika-ds .steplist li.warn::before{border-color:var(--warn);background:var(--warn-soft)}
.ika-ds .htrust{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;padding:0;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .htrust li{display:inline-flex;align-items:center;gap:6px}
.ika-ds .htrust li::before{content:"";width:14px;height:14px;background:var(--ok);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.ika-ds .wizband{background:radial-gradient(80% 120% at 0% 0%,var(--tint) 0%,transparent 60%),radial-gradient(80% 120% at 100% 100%,color-mix(in srgb,var(--ai-2) 14%,transparent) 0%,transparent 60%),var(--canvas-2);border-block:1px solid var(--line);padding:72px 0}
.ika-ds .wizband .wz{max-width:980px;margin:0 auto;box-shadow:var(--sh-2);border:0}
.ika-ds .wizband .wz-top{justify-content:center;text-align:center;flex-direction:column;align-items:center}
.ika-ds .tour{padding:96px 0 64px}
.ika-ds .tour-head{max-width:38em;margin-bottom:36px}
.ika-ds .tour-head .lede{margin-top:12px}
.ika-ds .tour-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;align-items:start}
.ika-ds .tour-tabs{display:grid;gap:6px}
.ika-ds .tour-tabs button{display:grid;gap:6px;text-align:left;font:inherit;background:none;border:0;border-left:2px solid var(--line);padding:12px 0 12px 18px;cursor:pointer;color:var(--ink-soft);transition:border-color var(--dur-2),color var(--dur-2)}
.ika-ds .tour-tabs b{font-size:var(--fs-md);font-weight:600;color:var(--ink)}
.ika-ds .tour-tabs span{font-size:var(--fs-sm);line-height:1.5;display:none}
.ika-ds .tour-tabs button:hover{border-left-color:var(--line-2)}
.ika-ds .tour-tabs button:hover b{color:var(--red-dark)}
.ika-ds .tour-tabs button[aria-selected=true]{border-left-color:var(--red)}
.ika-ds .tour-tabs button[aria-selected=true] span{display:block}
.ika-ds .tour-win{border-radius:var(--r-lg);background:linear-gradient(160deg,var(--tint),var(--canvas-2) 55%);border:1px solid var(--line);padding:40px;min-height:430px;display:grid;align-items:center}
.ika-ds .tour-p[hidden]{display:none}
.ika-ds .tour-p{animation:tourin var(--dur-3) ease}
@media (prefers-reduced-motion:reduce){.ika-ds .tour-p{animation:none}}
.ika-ds .mu{max-width:560px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:20px 22px;display:grid;gap:14px}
.ika-ds .mu-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line)}
.ika-ds .mu-h b{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-md)}
.ika-ds .mu-h span{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .mu-rows,.ika-ds .mu-apps,.ika-ds .mu-cal{list-style:none;margin:0;padding:0;display:grid}
.ika-ds .mu-rows li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ika-ds .mu-rows li:last-child{border-bottom:0}
.ika-ds .mu-rows li>span:first-child{font-weight:700;font-size:var(--fs-sm)}
.ika-ds .mu-rows em{font-style:normal;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .mu-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border-radius:var(--r-md);background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 30%,transparent)}
.ika-ds .mu-alert p{margin:0;font-size:var(--fs-sm);color:var(--ink);flex:1;min-width:14em}
.ika-ds .mu-alert.ok{background:var(--ok-soft);border-color:var(--ok-line)}
.ika-ds .mu-alert[hidden]{display:none}
.ika-ds .mu-apps li{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ika-ds .mu-apps li:last-child{border-bottom:0}
.ika-ds .mu-apps img{width:40px;height:40px;padding:7px;border:1px solid var(--line);border-radius:var(--r-sm)}
.ika-ds .mu-apps small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .mu-prog{display:grid;gap:8px}
.ika-ds .mu-prog[hidden]{display:none}
.ika-ds .mu-pl{display:flex;justify-content:space-between;font-size:var(--fs-sm)}
.ika-ds .mu-prog i{display:block;height:6px;border-radius:var(--r-pill);background:var(--stone);overflow:hidden}
.ika-ds .mu-prog i b{display:block;height:100%;width:0;background:var(--red-dark);transition:width .25s linear}
.ika-ds .mu-cal li{display:grid;grid-template-columns:56px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.ika-ds .mu-cal li:last-child{border-bottom:0}
.ika-ds .mu-cal time{font-size:var(--fs-sm);font-weight:700;color:var(--red-dark);font-variant-numeric:tabular-nums}
.ika-ds .mu-cal small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .mu-sw{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--fs-xs);color:var(--muted)}
.ika-ds .mu-sw input{position:absolute;opacity:0;width:1px;height:1px}
.ika-ds .mu-sw span{position:relative;width:34px;height:20px;border-radius:var(--r-pill);background:var(--line-2);transition:background-color var(--dur-2)}
.ika-ds .mu-sw span::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:var(--surface);box-shadow:var(--sh-1);transition:transform var(--dur-2)}
.ika-ds .mu-sw input:checked+span{background:var(--ok)}
.ika-ds .mu-sw input:checked+span::after{transform:translateX(14px)}
.ika-ds .mu-sw input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}
.ika-ds .mu-sw em{font-style:normal;min-width:4.5em}
.ika-ds .mu-spark{width:22px;height:22px;border-radius:var(--r-sm);background:linear-gradient(145deg,var(--red),var(--red-dark));display:grid;place-items:center}
.ika-ds .mu-spark svg{width:13px;height:13px;fill:var(--on-accent)}
.ika-ds .mu-chat{display:grid;gap:10px;min-height:96px;align-content:end}
.ika-ds .mu-b{margin:0;max-width:85%;padding:10px 14px;border-radius:var(--r-md);font-size:var(--fs-sm);line-height:1.5}
.ika-ds .mu-b[hidden]{display:none}
.ika-ds .mu-b.me{justify-self:end;background:var(--ink);color:var(--surface);border-bottom-right-radius:var(--r-xs)}
.ika-ds .mu-b.ai{background:var(--canvas-2);border:1px solid var(--line);border-bottom-left-radius:var(--r-xs)}
.ika-ds .mu-qs{display:flex;flex-wrap:wrap;gap:6px}
.ika-ds .tour-more{margin:28px 0 0;text-align:right}
.ika-ds .tour-cap{display:none}
.ika-ds .jlink{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:var(--fs-md);color:var(--ink);text-decoration:none;padding-bottom:8px;border-bottom:1px solid var(--line-2);min-width:260px;justify-content:space-between}
.ika-ds .jlink::after{content:"";width:9px;height:9px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}
.ika-ds .jlink:hover{border-color:var(--ink)}
.ika-ds .pricing{background:var(--canvas-2);border-block:1px solid var(--line)}
.ika-ds .pr-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.ika-ds .pr-tabs{display:flex;gap:6px;margin:24px 0 14px;flex-wrap:wrap}
.ika-ds .pr-tabs button{font:inherit;font-weight:600;font-size:var(--fs-base);border:1.5px solid var(--line-2);background:var(--surface);border-radius:var(--r-pill);padding:8px 18px;cursor:pointer}
.ika-ds .pr-tabs button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-ds .ptrust{list-style:none;display:flex;gap:6px 20px;flex-wrap:wrap;margin:0 0 22px;padding:0;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .ptrust li::before{content:"✓ ";color:var(--ok);font-weight:700}
.ika-ds .pricing .plans[hidden]{display:none}
.ika-ds .pr-all{text-align:center;margin:26px 0 0;font-weight:600}
.ika-ds .aiband{background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--red) 28%,transparent) 0%,transparent 55%),var(--ink);color:var(--on-dark);padding:96px 0}
.ika-ds .aiband-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.ika-ds .aik{display:inline-block;font-size:var(--fs-sm);font-weight:600;color:var(--red-light);margin-bottom:12px}
.ika-ds .aiband h2{color:var(--on-accent);font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.02em;margin:0 0 16px;font-variation-settings:var(--semi)}
.ika-ds .aiband p{color:var(--on-dark-muted);font-size:var(--fs-lg);margin:0 0 24px;max-width:28em}
.ika-ds .ailist{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--ink-3)}
.ika-ds .ailist a{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 12px;padding:16px 4px;border-bottom:1px solid var(--ink-3);text-decoration:none;color:var(--on-dark)}
.ika-ds .ailist a:hover{color:var(--on-accent)}
.ika-ds .ailist b{font-size:var(--fs-lg);font-weight:600}
.ika-ds .ailist span{grid-column:1;font-size:var(--fs-sm);color:var(--on-dark-muted)}
.ika-ds .ailist em{grid-row:1/3;grid-column:2;font-style:normal;font-size:var(--fs-xs);font-weight:600;color:var(--red-light);border:1px solid color-mix(in srgb,var(--red-light) 50%,transparent);border-radius:var(--r-pill);padding:2px 10px}
@media (max-width:900px){.ika-ds .aiband-in{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (max-width:900px){.ika-ds .aiband{padding:64px 0}}
@media (max-width:900px){.ika-ds .tour{padding:64px 0 48px}}
@media (max-width:900px){.ika-ds .tour-grid{grid-template-columns:minmax(0,1fr);gap:20px}}
@media (max-width:900px){.ika-ds .tour-tabs{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;scrollbar-width:none;gap:4px;border-bottom:1px solid var(--line)}}
@media (max-width:900px){.ika-ds .tour-tabs button{border-left:0;border-bottom:2px solid transparent;padding:10px 12px}}
@media (max-width:900px){.ika-ds .tour-tabs button[aria-selected=true]{border-bottom-color:var(--red)}}
@media (max-width:900px){.ika-ds .tour-tabs button[aria-selected=true] span{display:none}}
@media (max-width:900px){.ika-ds .tour-win{padding:16px;min-height:0}}
@media (max-width:900px){.ika-ds .mu{padding:16px}}
@media (max-width:900px){.ika-ds .mu-cal li{grid-template-columns:48px minmax(0,1fr) auto;row-gap:6px}}
@media (max-width:900px){.ika-ds .mu-cal .mu-sw{grid-column:2/-1}}
@media (max-width:900px){.ika-ds .tour-more{text-align:left}}
@media (max-width:900px){.ika-ds .tour-cap{display:block;margin:12px 4px 0;font-size:var(--fs-sm);color:var(--ink-soft)}}
.ika-ds .plans.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.ika-ds .plans.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ika-ds .plans.four{grid-template-columns:1fr}}
.ika-ds .poweredby{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;text-decoration:none;font-size:var(--fs-sm);font-weight:600;white-space:nowrap}
.ika-ds .poweredby img{width:18px;height:18px}
.ika-ds .poweredby span{background:linear-gradient(100deg,var(--muted) 0%,var(--muted) 40%,var(--red) 48%,var(--ai-2) 52%,var(--muted) 60%,var(--muted) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pbsweep 4.5s ease-in-out infinite}
.ika-ds .poweredby:hover span{color:var(--ink);background:none;-webkit-background-clip:border-box;animation:none}
.ika-ds .poweredby span{position:relative}
.ika-ds .poweredby span::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1.5px;border-radius:var(--r-pill);background:linear-gradient(100deg,var(--line-2) 0%,var(--line-2) 40%,var(--red) 48%,var(--ai-2) 52%,var(--line-2) 60%,var(--line-2) 100%);background-size:250% 100%;animation:pbsweep 4.5s ease-in-out infinite}
.ika-ds .poweredby:hover span::after{background:var(--red);animation:none}
@media (prefers-reduced-motion:reduce){.ika-ds .poweredby span{animation:none;color:var(--muted);background:none}}
@media (prefers-reduced-motion:reduce){.ika-ds .poweredby span::after{animation:none;background:var(--line-2)}}
.ika-ds .pnl-in{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.ika-ds .pnl-k{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:4px 12px 4px 6px;margin-bottom:14px}
.ika-ds .pnl-k img{border-radius:var(--r-xs)}
@media (max-width:900px){.ika-ds .pnl-in{grid-template-columns:1fr;gap:28px}}
.ika-ds .wz{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:32px;display:grid;gap:24px}
.ika-ds .wz-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}
.ika-ds .wz-top .lede{margin-top:6px}
.ika-ds .wz-dots{list-style:none;display:flex;gap:6px;margin:8px 0 0;padding:0}
.ika-ds .wz-dots li{width:28px;height:6px;border-radius:var(--r-pill);background:var(--line)}
.ika-ds .wz-dots li.on{background:var(--red-dark)}
.ika-ds .wz-q{display:grid;gap:14px}
.ika-ds .wz-q h3{font-size:var(--fs-lg);margin:0}
.ika-ds .wz-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ika-ds .wz-opts button{display:grid;grid-template-columns:40px 1fr;column-gap:12px;align-items:center;text-align:left;font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--r-md);padding:14px;cursor:pointer;transition:border-color var(--dur-1),background var(--dur-1)}
.ika-ds .wz-opts button:hover{border-color:var(--ink);background:var(--canvas-2)}
.ika-ds .wz-opts button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ika-ds .wz-opts .wi{grid-row:1/3;width:40px;height:40px;border-radius:var(--r-md);background:var(--tint);display:grid;place-items:center}
.ika-ds .wz-opts .wi svg{width:20px;height:20px;fill:none;stroke:var(--red-dark);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .wz-opts b{font-size:var(--fs-md)}
.ika-ds .wz-opts span.h{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .wz-nav{display:flex;gap:12px;align-items:center}
.ika-ds .wz-back{font:inherit;font-weight:600;background:none;border:0;color:var(--muted);cursor:pointer;padding:6px 0}
.ika-ds .wz-back:hover{color:var(--ink)}
.ika-ds .wz-res{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;background:var(--canvas-2);border:1px solid var(--line);border-radius:var(--r-md);padding:24px}
.ika-ds .wz-res .wk{font-size:var(--fs-sm);font-weight:600;color:var(--red-dark)}
.ika-ds .wz-res b.t{display:block;font-size:var(--fs-xl);line-height:1.2;margin:4px 0 6px}
.ika-ds .wz-res p{margin:0;color:var(--muted)}
.ika-ds .wz-res .acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ika-ds .wz-res .alt{grid-column:1/-1;font-size:var(--fs-sm);color:var(--muted)}
@media (max-width:860px){.ika-ds .wz{padding:20px}}
@media (max-width:860px){.ika-ds .wz-opts{grid-template-columns:1fr}}
@media (max-width:860px){.ika-ds .wz-res{grid-template-columns:1fr}}
@media (max-width:860px){.ika-ds .wz-res .acts{justify-content:flex-start}}
.ika-ds .endcta{background:radial-gradient(90% 120% at 50% 0%,var(--ink-3) 0%,var(--ink) 65%);color:var(--on-dark);padding:96px 0 0}
.ika-ds .endcta-in{padding:0 0 96px;border-bottom:1px solid var(--ink-3);display:grid;justify-items:center;text-align:center;gap:14px}
.ika-ds .endcta h2{color:var(--on-accent);font-size:clamp(var(--fs-2xl),4.4vw,56px);line-height:1.05;letter-spacing:-.02em;max-width:9.5em;font-variation-settings:var(--tight)}
.ika-ds .endcta p{font-size:var(--fs-lg);color:var(--on-dark-muted);margin:0 0 10px}
.ika-ds .endcta .search{width:min(600px,100%);border-color:transparent}
.ika-ds .endcta .endlink{color:var(--on-dark);font-weight:600;margin-top:6px}
@media (max-width:640px){.ika-ds .endcta{padding-top:64px}}
@media (max-width:640px){.ika-ds .endcta-in{padding-bottom:64px}}
.ika-ds .fgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.ika-ds .fbox{border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;background:var(--surface)}
.ika-ds .fbox b{display:block;font-size:var(--fs-lg);margin-bottom:6px}
.ika-ds .fbox p{margin:0;color:var(--muted)}
.ika-ds .fbox .fnote{margin-top:10px;font-size:var(--fs-sm)}
@media (max-width:760px){.ika-ds .fgrid{grid-template-columns:1fr}}
.ika-ds .pprices{padding-top:32px}
.ika-ds .pprices .sec-head{align-items:center;gap:16px;flex-wrap:wrap}
.ika-ds .pjump{display:flex;gap:6px;flex-wrap:wrap}
.ika-ds .pgroup:first-of-type{padding-top:16px}
.ika-ds .pjump a{font-size:var(--fs-sm);font-weight:600;text-decoration:none;border:1px solid var(--line);border-radius:var(--r-pill);padding:6px 14px;background:var(--surface)}
.ika-ds .pjump a:hover{border-color:var(--ink)}
.ika-ds .pgroup{padding-top:40px;scroll-margin-top:90px}
.ika-ds .pg-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px}
.ika-ds .pg-head h2{font-size:var(--fs-xl);margin:0}
.ika-ds .pg-head a{font-weight:600;font-size:var(--fs-sm)}
.ika-ds .partners .pcards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.ika-ds .pcard-x{display:flex;flex-direction:column;gap:8px;padding:28px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s}
.ika-ds .pcard-x:hover{border-color:var(--ink)}
.ika-ds .pcard-x .px-k{font-size:var(--fs-sm);font-weight:600;color:var(--red-dark)}
.ika-ds .pcard-x b{font-size:var(--fs-lg);line-height:1.3}
.ika-ds .pcard-x p{margin:0;color:var(--muted);font-size:var(--fs-md);flex:1}
.ika-ds .pcard-x .px-go{display:inline-flex;align-items:center;gap:6px;font-weight:600;margin-top:8px}
.ika-ds .pcard-x .xl{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:760px){.ika-ds .partners .pcards{grid-template-columns:1fr}}
.ika-ds .paysel{margin-bottom:14px}
.ika-ds .bankbox{border:1px solid var(--line);border-radius:var(--r-md);padding:14px;margin-bottom:12px;background:var(--canvas-2)}
.ika-ds .bankkv{margin:0}
.ika-ds .bankkv code{font-size:var(--fs-sm)}
.ika-ds .dotlist{margin:8px 0 0;padding-left:20px;line-height:1.7}
.ika-ds .dotlist li::marker{color:var(--muted)}
.ika-ds .donecheck.fail{background:var(--bad-soft)}
.ika-ds .donecheck.fail::after{content:"!";color:var(--bad);border:0;transform:none;width:auto;height:auto;font-weight:800;font-size:var(--fs-xl);position:static}
.ika-ds .addr-in{margin:-2px 0 6px;padding:12px 14px;border:1px solid var(--line);border-top:0;border-radius:0 0 12px 12px;background:var(--canvas-2)}
.ika-ds .affix{display:flex;align-items:center;gap:0;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);overflow:hidden}
.ika-ds .affix:focus-within{outline:2px solid var(--red);outline-offset:1px}
.ika-ds .affix input{flex:1;min-width:0;border:0;outline:0;padding:10px 12px;font:inherit;background:transparent}
.ika-ds .affix span{padding:0 12px 0 2px;color:var(--muted);font-weight:600;white-space:nowrap}
.ika-ds .affix input+span+input{border-left:0;padding-left:2px}
.ika-ds .ahint{margin:6px 0 0;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .ahint.ok{color:var(--ok)}
.ika-ds .ahint.bad{color:var(--bad)}
.ika-ds .addr-out{margin:14px 0 0;font-size:var(--fs-md)}
.ika-ds .avatar-s{width:30px;height:30px;border-radius:50%;background:var(--tint);color:var(--red-dark);display:grid;place-items:center;font-weight:700;font-size:var(--fs-sm)}
.ika-ds .donehead{display:flex;gap:18px;align-items:center}
.ika-ds .donecheck{width:56px;height:56px;border-radius:50%;background:var(--ok);flex:none;display:grid;place-items:center}
.ika-ds .donecheck::after{content:"";width:14px;height:24px;border:solid var(--surface);border-width:0 4px 4px 0;transform:rotate(45deg) translate(-2px,-2px)}
.ika-ds .prov{list-style:none;display:grid;gap:10px}
.ika-ds .prov li{display:flex;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:var(--r-md);padding:14px 16px}
.ika-ds .prov .st{color:var(--muted);font-size:var(--fs-base)}
.ika-ds .prov li.ok .st{color:var(--ok);font-weight:650}
.ika-ds .authbody{background:var(--surface)}
.ika-ds .asplit{display:grid;grid-template-columns:minmax(420px,1fr) 1.05fr;min-height:100vh}
.ika-ds .aform{display:flex;flex-direction:column;padding:28px 40px}
.ika-ds .atop{display:flex;justify-content:space-between;align-items:center}
.ika-ds .atop img{height:32px;width:auto}
.ika-ds .aback{font-size:var(--fs-base);color:var(--muted);text-decoration:none}
.ika-ds .aback:hover{color:var(--ink)}
.ika-ds .ainner{width:min(400px,100%);margin:auto;padding:40px 0}
@media (max-width:640px){.ika-ds .ainner{margin-top:8px;padding-top:16px}}
@media (max-width:640px){.ika-ds .aformbox .frow{gap:0 12px}}
.ika-ds .ainner h1{font-size:var(--fs-2xl);font-variation-settings:var(--semi);letter-spacing:-.02em;line-height:1.1}
.ika-ds .asub{color:var(--muted);margin-top:8px;font-size:var(--fs-md)}
.ika-ds .asub a,.ika-ds .flink{color:var(--red-dark);font-weight:600;text-decoration:none}
.ika-ds .flink{font-size:var(--fs-base)}
.ika-ds .arow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px}
.ika-ds .arow .agree{margin-top:0}
.ika-ds .capnote{font-size:var(--fs-sm);color:var(--muted);margin-top:12px}
.ika-ds .authbody .capnote{text-align:center}
.ika-ds .capnote a{color:var(--muted)}
.ika-ds .aswitch{text-align:center;margin-top:18px;font-size:var(--fs-md);color:var(--muted)}
.ika-ds .aswitch a{color:var(--red-dark);font-weight:600;text-decoration:none}
.ika-ds .aformbox .field label{display:block}
.ika-ds .ab{width:100%;margin-top:18px}
.ika-ds .pwrow{position:relative}
.ika-ds .pwrow input{padding-right:78px}
.ika-ds .pwtoggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);font:inherit;font-size:var(--fs-sm);font-weight:600;border:0;background:var(--stone);border-radius:var(--r-sm);padding:5px 9px;cursor:pointer;color:var(--ink)}
.ika-ds .otp{font-size:var(--fs-xl)!important;letter-spacing:.4em;text-align:center;font-family:ui-monospace,Menlo,monospace}
.ika-ds .afoot{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:var(--fs-sm);color:var(--muted);background:none;padding:0;margin:0}
.ika-ds .afoot a{color:var(--muted);text-decoration:none}
.ika-ds .afoot a:hover{color:var(--ink)}
.ika-ds .afoot .lang{margin:0}
.ika-ds .afoot .lang .menu-pop{top:auto;bottom:calc(100% + 8px);left:0;right:auto}
.ika-ds .apanel{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 100% 0%,#3a1a14 0%,var(--ink) 55%);color:var(--on-accent);display:flex;align-items:center}
.ika-ds .apanel-in{position:relative;z-index:1;padding:56px;max-width:560px}
.ika-ds .an-kicker{font-size:var(--fs-base);color:var(--red-light);font-weight:600}
.ika-ds .an-slide time{display:block;font-size:var(--fs-sm);color:var(--on-dark-muted);margin-top:18px}
.ika-ds .an-slide h2{font-size:clamp(28px,3vw,42px);line-height:1.08;font-variation-settings:var(--semi);letter-spacing:-.02em;margin-top:6px}
.ika-ds .an-slide p{color:var(--on-dark);font-size:var(--fs-md);margin-top:12px;max-width:21.2em}
.ika-ds .an-slide a{display:inline-block;margin-top:16px;color:var(--on-accent);font-weight:600;text-decoration:none;border-bottom:1px solid var(--red-light)}
.ika-ds .an-dots{display:flex;gap:8px;margin-top:28px}
.ika-ds .an-dots button{width:9px;height:9px;border-radius:var(--r-pill);border:0;background:var(--muted);cursor:pointer;padding:0;transition:width .2s,background .2s}
.ika-ds .an-dots button[aria-current="true"]{width:26px;background:var(--red)}
.ika-ds .apromo{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:48px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-lg);padding:16px 18px}
.ika-ds .apromo b{display:block}
.ika-ds .apromo span{font-size:var(--fs-base);color:var(--on-dark)}
.ika-ds .aorbit{position:absolute;right:-120px;bottom:-120px;width:460px;height:460px;border-radius:50%;border:1.5px dashed rgba(255,255,255,.12);display:grid;place-items:center}
.ika-ds .aorbit img{width:120px;opacity:.12}
@media (max-width:900px){.ika-ds .asplit{grid-template-columns:1fr}}
@media (max-width:900px){.ika-ds .apanel{display:none}}
@media (max-width:900px){.ika-ds .aform{padding:20px}}
.ika-ds [hidden]{display:none!important}
.ika-ds fieldset.card>legend+*{margin-top:6px}
.ika-ds .co-login{padding:16px 20px;font-size:var(--fs-md)}
.ika-ds .hint{font-weight:400;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .telrow{display:flex;gap:8px;align-items:stretch}
.ika-ds .telrow select{width:auto;flex:none}
.ika-ds .telrow input{flex:1;min-width:0}
.ika-ds .seg{display:inline-flex;background:var(--stone);border-radius:var(--r-md);padding:4px;gap:2px}
.ika-ds .seg label{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-sm);cursor:pointer;font-weight:600;font-size:var(--fs-base)}
.ika-ds .seg label:has(input:checked){background:var(--surface);box-shadow:0 1px 3px rgba(21,20,20,.12)}
.ika-ds .seg input{accent-color:var(--red-dark)}
.ika-ds .vmsg{font-weight:500;font-size:var(--fs-sm)}
.ika-ds .vmsg.ok{color:var(--ok)}
.ika-ds .vmsg.bad{color:var(--red-deep)}
.ika-ds .cardbox{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:12px 14px;background:var(--surface)}
.ika-ds .cb-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--fs-base);color:var(--muted)}
.ika-ds .cb-ph{color:var(--ink-4);font-family:ui-monospace,Menlo,monospace}
.ika-ds .gatelist{list-style:none;margin-top:12px;font-size:var(--fs-sm);color:var(--muted);display:grid;gap:4px}
.ika-ds .gatelist li::before{content:"○ ";color:var(--red-deep)}
.ika-ds .gatelist li.done{color:var(--ok)}
.ika-ds .gatelist li.done::before{content:"✓ ";color:var(--ok)}
.ika-ds .citem.disc .p{color:var(--ok)}
.ika-ds .bundle .bitems{list-style:none;margin:14px 0 4px;font-size:var(--fs-base)}
.ika-ds .bundle .bitems li{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--line)}
.ika-ds .bundle .bitems li::before{display:none}
.ika-ds .bundle .bitems .bp{color:var(--muted);white-space:nowrap}
.ika-ds .bundle .pr{margin-top:14px}
.ika-ds .bundle .field{margin:14px 0 12px}
.ika-ds{font-size:var(--fs-md)}
.ika-ds .lede{font-size:var(--fs-md)}
.ika-ds .hero p{font-size:var(--fs-lg)}
.ika-ds .h2{font-size:clamp(26px,3vw,38px)}
.ika-ds .hero h1{font-size:clamp(40px,5.2vw,68px)}
.ika-ds .phead h1{font-size:clamp(32px,4vw,50px)}
.ika-ds .phead p{font-size:var(--fs-md)}
.ika-ds .plan ul,.ika-ds .post p{font-size:var(--fs-md)}
.ika-ds .prose p,.ika-ds .prose li{font-size:var(--fs-md)}
.ika-ds .gbtn svg{flex:none}
.ika-ds{scroll-padding-top:96px}
.ika-ds .skip{position:absolute;left:12px;top:-60px;background:var(--ink);color:var(--surface);padding:10px 14px;border-radius:var(--r-sm);z-index:100;text-decoration:none}
.ika-ds .skip:focus{top:12px}
.ika-ds .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ika-ds .news-box{display:flex;align-items:center;gap:8px;justify-self:center}
.ika-ds .orbit.paused .ring,.ika-ds .orbit.paused .chip{animation-play-state:paused}
.ika-ds .orbit .ring{list-style:none;margin:0;padding:0}
.ika-ds .lang{position:relative;display:inline-block;margin-left:14px}
.ika-ds .lang summary{cursor:pointer;list-style:none}
.ika-ds .lang summary::-webkit-details-marker{display:none}
.ika-ds .tech .in{justify-content:center}
.ika-ds .tech ul.logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:22px 44px;list-style:none;width:100%}
.ika-ds .tech .logo-i{display:block;width:30px;height:30px;background:var(--line-strong);-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background-color .2s}
.ika-ds .hero .in>div{min-width:0}
.ika-ds .tech li:hover .logo-i{background:var(--red)}
.ika-ds .plan.pop{border-color:var(--red-dark)}
.ika-ds .field input,.ika-ds .field select,.ika-ds .field textarea,.ika-ds .search,.ika-ds .opt,.ika-ds .write input[type=text],.ika-ds .write select,.ika-ds .write textarea{border-color:var(--line-strong)}
.ika-ds .write input:not([type=checkbox]):focus{outline:none}
.ika-ds .write input[type=checkbox]:focus-visible,.ika-ds .agree input:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.ika-ds .stars .off,.ika-ds .rate label{color:var(--line-strong)}
.ika-ds .dpanel li.dall{display:block;padding:0;border-top:1px solid var(--line)}
.ika-ds .dpanel li.dall a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 22px;font-weight:600;color:var(--red-dark);text-decoration:none}
.ika-ds .dpanel li.dall a:hover{background:var(--tint)}
.ika-ds .dpanel li.dall small{font-weight:400;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .dpanel li.taken{opacity:1}
.ika-ds .dpanel li.taken .dn{color:var(--muted)}
.ika-ds .vat{font-size:var(--fs-sm);color:var(--muted);font-weight:500;letter-spacing:0}
.ika-ds fieldset.card{min-width:0}
.ika-ds fieldset.card legend{float:left;width:100%;font-size:var(--fs-lg);font-variation-settings:var(--semi);font-weight:700;padding:0;margin:0 0 14px}
.ika-ds fieldset.card>legend~*{clear:both}
.ika-ds fieldset.card>legend+*,.ika-ds fieldset.card>legend+input[type=hidden]+*{margin-top:0!important}
.ika-ds .whois-out{margin-top:20px}
.ika-ds .whois-out .line{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.ika-ds .whois-out .line b{text-align:right;word-break:break-word}
.ika-ds .agree{display:flex;gap:10px;align-items:start;margin-top:12px;font-size:var(--fs-base);color:var(--muted)}
.ika-ds .agree input{margin-top:3px;width:18px;height:18px;accent-color:var(--red-dark);flex:none}
.ika-ds #mm{max-height:calc(100dvh - 120px);overflow:auto}
@media (max-width:1000px){.ika-ds .news-box{justify-self:stretch;justify-content:center}}
@media (max-width:1000px){.ika-ds .hv .orbit{display:none}}
@media (max-width:520px){.ika-ds .dpanel li{grid-template-columns:1fr auto}}
@media (max-width:520px){.ika-ds .dpanel .add{grid-column:1/-1;justify-self:start}}
.ika-ds .d4{display:grid;gap:20px;margin-top:8px}
.ika-ds .d4 b{font-weight:600}
.ika-ds .d4 li span,.ika-ds .d4 div>span{display:block;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .d4dot{width:8px;height:8px;border-radius:50%;background:var(--line-2);flex:none;display:inline-block}
.ika-ds .d4 .bad .d4dot,.ika-ds .d4 .d4st.bad .d4dot{background:var(--bad)}
.ika-ds .d4 .warn .d4dot,.ika-ds .d4 .d4st.warn .d4dot{background:var(--warn)}
.ika-ds .d4 .d4st.ok .d4dot{background:var(--ok)}
.ika-ds .d4todo,.ika-ds .d4svc,.ika-ds .d4pay,.ika-ds .d4log{list-style:none;margin:0;padding:0}
.ika-ds .d4todo li{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ika-ds .d4todo li:first-child{border-top:0}
.ika-ds .d4todo li .d4dot{align-self:start;margin-top:7px}
.ika-ds .d4more summary{cursor:pointer;list-style:none;padding:10px 0 0;font-size:var(--fs-sm);color:var(--muted);border-top:1px solid var(--line)}
.ika-ds .d4more summary::-webkit-details-marker{display:none}
.ika-ds .d4more summary::after{content:" ▾"}
.ika-ds .d4svc li{display:grid;grid-template-columns:28px minmax(0,1fr) minmax(0,200px) auto;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.ika-ds .d4svc li:first-child{border-top:0}
.ika-ds .d4svc img{width:28px;height:28px;padding:4px;border:1px solid var(--line);border-radius:var(--r-sm)}
.ika-ds .d4st{display:inline-flex!important;align-items:center;gap:8px;font-size:var(--fs-sm)!important;color:var(--ink-soft)!important}
.ika-ds .d4st.bad{color:var(--bad)!important}
.ika-ds .d4st.warn{color:var(--warn)!important}
.ika-ds .d4new .ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ika-ds .d4grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:start}
.ika-ds .d4dom{list-style:none;margin:0;padding:0}
.ika-ds .d4dom li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.ika-ds .d4dom li:first-child{border-top:0}
.ika-ds .d4dom .d4st{display:flex!important;margin-top:2px}
.ika-ds .d4pair .d4svc li{grid-template-columns:28px minmax(0,1fr) auto auto}
.ika-ds .d4pair .d4svc .d4st{min-width:0}
.ika-ds .d4pay li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:10px 0;border-top:1px solid var(--line)}
.ika-ds .d4pay li:first-child{border-top:0}
.ika-ds .d4pay time{font-size:var(--fs-sm);color:var(--muted);font-variant-numeric:tabular-nums}
.ika-ds .d4amt{font-variant-numeric:tabular-nums}
.ika-ds .d4pay span.bad{color:var(--bad)!important}
.ika-ds .d4pay span.warn{color:var(--warn)!important}
.ika-ds .d4sum{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;margin:12px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .d4sum b{color:var(--ink)}
.ika-ds .d4tk,.ika-ds .d4pin{display:flex;align-items:center;gap:12px;padding:0 0 14px}
.ika-ds .d4tk>div,.ika-ds .d4pin>div{flex:1;min-width:0}
.ika-ds .d4pin{padding-top:14px;border-top:1px solid var(--line)}
.ika-ds .d4pin code{font-size:var(--fs-md);letter-spacing:.18em;font-variant-numeric:tabular-nums}
.ika-ds .d4h3 a{color:var(--muted);text-decoration:none;font-weight:500}
.ika-ds .d4h3 a:hover{color:var(--ink);text-decoration:underline}
.ika-ds .d4h3{display:flex;justify-content:space-between;align-items:baseline;font-size:var(--fs-sm);font-weight:600;margin:0;padding-top:14px;border-top:1px solid var(--line)}
.ika-ds .d4log li{display:flex;justify-content:space-between;gap:12px;padding:8px 0 0;font-size:var(--fs-sm)}
.ika-ds .d4log li span{color:var(--ink-soft)!important;font-size:var(--fs-sm)}
.ika-ds .d4log li.bad span{color:var(--bad)!important}
.ika-ds .d4log time{color:var(--muted);flex:none}
@media (max-width:1000px){.ika-ds .d4grid{grid-template-columns:1fr}}
@media (max-width:640px){.ika-ds .d4svc li{grid-template-columns:28px minmax(0,1fr) auto}}
@media (max-width:640px){.ika-ds .d4svc .d4st{grid-column:2;grid-row:2}}
@media (max-width:640px){.ika-ds .d4svc li>.btn{grid-row:1/3;grid-column:3}}
@media (max-width:640px){.ika-ds .d4todo li{grid-template-columns:8px minmax(0,1fr)}}
@media (max-width:640px){.ika-ds .d4todo li>.btn{grid-column:2;justify-self:start}}
.ika-ds .tour-hl{outline:3px solid var(--red);outline-offset:3px;border-radius:var(--r-md);position:relative;z-index:70}
.ika-ds .ob-hero h2{font-size:var(--fs-xl);margin:0 0 6px}
.ika-ds .ob-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}
.ika-ds .ob-pick{display:grid;gap:6px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);text-decoration:none;color:var(--ink);transition:border-color var(--dur-2)}
.ika-ds .ob-pick:hover{border-color:var(--red)}
.ika-ds .ob-pick b{font-size:var(--fs-md)}
.ika-ds .ob-pick span:last-child{color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .todo li.done .tt b{text-decoration:line-through;color:var(--muted)}
.ika-ds .todo li.done .tic{background:var(--ok-soft);color:var(--ok)}
.ika-ds .prov-steps{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:12px}
.ika-ds .pcard .prov-steps li{border:0;padding:0;background:none}
.ika-ds .prov-steps li{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;color:var(--muted)}
.ika-ds .prov-steps li i{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);margin-top:1px}
.ika-ds .prov-steps li.on{color:var(--ink)}
.ika-ds .prov-steps li.on i{border-color:var(--red);border-top-color:transparent;animation:spin .9s linear infinite}
.ika-ds .prov-steps li.ok{color:var(--ink)}
.ika-ds .prov-steps li.ok i{border-color:var(--ok);background:var(--ok)}
.ika-ds .prov-steps small{display:block;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .prov-done{margin-top:16px;padding:12px 14px;border-radius:var(--r-md);background:var(--ok-soft);display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ika-ds .ask{position:relative}
.ika-ds .ask-x{position:absolute;top:12px;right:12px}
.ika-ds .nps{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;margin-top:14px;max-width:560px}
.ika-ds .nps button,.ika-ds .stars button{font:inherit;font-weight:600;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);padding:8px 0;cursor:pointer}
.ika-ds .nps button:hover{border-color:var(--ink);background:var(--ink);color:var(--on-accent)}
.ika-ds .nps-l{display:flex;justify-content:space-between;max-width:560px;font-size:var(--fs-xs);color:var(--muted);margin-top:6px}
.ika-ds .nps-more{display:grid;gap:8px;max-width:560px;margin-top:14px}
.ika-ds .nps-more textarea{font:inherit;padding:8px 10px;border:1px solid var(--line-2);border-radius:var(--r-md)}
.ika-ds .nps-more .btn{justify-self:start}
.ika-ds .stars{display:flex;gap:6px;margin-top:12px}
.ika-ds .stars button{width:44px;font-size:var(--fs-lg);color:var(--line-2)}
.ika-ds .stars button.on{color:var(--warn);border-color:var(--warn-line)}
.ika-ds .ask-thx{margin-top:12px;font-weight:600;color:var(--ok)}
@media (max-width:760px){.ika-ds .ob-picks{grid-template-columns:1fr}}
@media (max-width:760px){.ika-ds .nps{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (min-width:1001px){.ika-ds{--aiw:0px}}
.ika-ds .aipage{display:grid;grid-template-columns:250px minmax(0,1fr);height:calc(100vh - 88px);min-height:520px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.ika-ds .aihist{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--line);background:var(--canvas-2);overflow:auto}
.ika-ds .aihist .btn{min-height:38px;font-size:var(--fs-base)!important;background:var(--tint);border-color:transparent!important;color:var(--red-dark);margin-bottom:8px}
.ika-ds .aihist .btn:hover{border-color:var(--red-line)!important}
.ika-ds .aihist h2{font-size:var(--fs-xs);font-weight:600;color:var(--muted);margin:14px 10px 4px}
.ika-ds .aihist a{display:block;padding:7px 10px;border-radius:var(--r-sm);color:var(--ink-soft);text-decoration:none;font-size:var(--fs-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ika-ds .aihist a:hover{background:var(--stone)}
.ika-ds .aihist a[aria-current=true]{background:var(--stone);color:var(--ink);font-weight:600}
.ika-ds .aihist .fnote{margin:auto 10px 0;padding-top:14px}
.ika-ds .aipage-slot{min-width:0;min-height:0;display:flex}
.ika-ds:not(.ai-page) .ai-shrink{display:none}
@media (max-width:1000px){.ika-ds .aipage{grid-template-columns:1fr;height:calc(100vh - 88px)}}
@media (max-width:1000px){.ika-ds .aihist{display:none}}
.ika-ds .aiht{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding-left:4px}
.ika-ds .aiht b{font-size:var(--fs-md);font-weight:600}
.ika-ds .aiicon{width:36px;height:36px;border-radius:var(--r-sm);border:0;background:none;display:grid;place-items:center;cursor:pointer;color:var(--muted);flex:none}
.ika-ds .aiicon:hover{background:var(--stone);color:var(--ink)}
.ika-ds .aiicon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .aiicon.sm{width:32px;height:32px}
.ika-ds .aimenu>summary{list-style:none}
.ika-ds .aimenu>summary::-webkit-details-marker{display:none}
.ika-ds .aimenu .menu-pop{--mp-w:220px;left:0;right:auto}
.ika-ds .aibody{flex:1;min-height:0;overflow:auto;padding:20px 16px 12px;display:flex;flex-direction:column;gap:18px;scroll-behavior:smooth;overscroll-behavior:contain}
.ika-ds .aimark{width:36px;height:36px;border-radius:var(--r-md);background:linear-gradient(145deg,var(--red),var(--red-dark));display:grid;place-items:center;flex:none}
.ika-ds .aimark svg{width:20px;height:20px;fill:var(--on-accent);stroke:none}
.ika-ds .aimark.lg{width:44px;height:44px;margin:0 auto 12px;box-shadow:0 8px 20px rgba(204,24,0,.22)}
.ika-ds .aimark.lg svg{width:24px;height:24px}
.ika-ds .aiwelcome{margin:auto 0;text-align:center;padding:8px 0}
.ika-ds .aiwelcome h3{margin:0;font-size:var(--fs-lg);letter-spacing:-.01em}
.ika-ds .aiwelcome>p{margin:4px auto 18px;color:var(--muted);font-size:var(--fs-base);max-width:30em}
.ika-ds .aiwelcome .aiwhy{display:inline-flex;align-items:center;gap:8px;margin:-6px 0 16px;padding:5px 12px;border-radius:var(--r-pill);background:var(--warn-soft);color:var(--warn);font-size:var(--fs-sm);font-weight:600}
.ika-ds .aiwelcome .aiwhy .dot{width:7px;height:7px;border-radius:50%;background:var(--warn)}
.ika-ds .aistarts{display:grid;text-align:left;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.ika-ds .aistarts button{font:inherit;color:inherit;display:grid;grid-template-columns:32px minmax(0,1fr) 16px;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:10px 12px;border:0;background:var(--surface);text-align:left;cursor:pointer;transition:background var(--dur-1,.12s)}
.ika-ds .aistarts button+button{border-top:1px solid var(--line)}
.ika-ds .aistarts button:hover{background:var(--canvas-2)}
.ika-ds .aistarts button:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--ink)}
.ika-ds .aistarts svg{grid-row:1/3;width:32px;height:32px;padding:7px;border-radius:var(--r-sm);background:var(--stone);fill:none;stroke:var(--ink-soft);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .aistarts button.isbad svg{background:var(--bad-soft);stroke:var(--bad)}
.ika-ds .aistarts b{grid-column:2;font-size:var(--fs-base);font-weight:600;line-height:1.3}
.ika-ds .aistarts span{grid-column:2;font-size:var(--fs-sm);color:var(--muted);line-height:1.35}
.ika-ds .aistarts button::after{content:"";grid-column:3;grid-row:1/3;justify-self:center;width:7px;height:7px;border-right:1.6px solid var(--ink-4);border-top:1.6px solid var(--ink-4);transform:rotate(45deg)}
.ika-ds .aistarts button:hover::after{border-color:var(--ink)}
.ika-ds .aiscope{margin-top:14px;text-align:center;font-size:var(--fs-sm)}
.ika-ds .aiscope summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--muted);font-weight:500;list-style:none;padding:4px 8px;border-radius:var(--r-sm)}
.ika-ds .aiscope summary:hover{color:var(--ink);background:var(--stone)}
.ika-ds .aiscope summary::-webkit-details-marker{display:none}
.ika-ds .aiscope summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--dur-1,.12s)}
.ika-ds .aiscope-g{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;text-align:left;background:var(--canvas-2);border-radius:var(--r-md);padding:12px 14px}
.ika-ds .aiscope-g b{font-size:var(--fs-sm)}
.ika-ds .aiscope-g ul{margin:6px 0 0;padding-left:16px;color:var(--muted);line-height:1.55}
.ika-ds .aim{display:flex;gap:10px;align-items:flex-start}
.ika-ds .aim.me{justify-content:flex-end}
.ika-ds .aim.me .aibub{max-width:85%;background:var(--stone);color:var(--ink);padding:9px 14px;border-radius:var(--r-lg) var(--r-lg) var(--r-xs) var(--r-lg);font-size:var(--fs-base);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.ika-ds .aiav{width:26px;height:26px;border-radius:var(--r-sm);background:linear-gradient(145deg,var(--red),var(--red-dark));display:grid;place-items:center;flex:none;margin-top:1px}
.ika-ds .aiav svg{width:15px;height:15px;fill:var(--on-accent)}
.ika-ds .aic{flex:1;min-width:0;font-size:var(--fs-base);line-height:1.6}
.ika-ds .aic p{margin:0 0 8px}
.ika-ds .aic ol,.ika-ds .aic ul{margin:0 0 8px;padding-left:20px}
.ika-ds .aic li{margin:2px 0}
.ika-ds .aic .act{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ika-ds .airecs{display:grid;gap:6px;margin:8px 0}
.ika-ds .airec{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px;text-decoration:none;color:var(--ink);background:var(--surface)}
.ika-ds a.airec:hover{border-color:var(--ink)}
.ika-ds .airec small{display:block;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .airec b{font-size:var(--fs-base)}
.ika-ds .airec-v{display:flex;align-items:center;gap:8px;white-space:nowrap}
.ika-ds .aiconfirm{border:1px solid var(--warn-line);background:var(--warn-soft);border-radius:var(--r-md);padding:12px;margin-top:10px}
.ika-ds .aiconfirm b{display:block;font-size:var(--fs-base)}
.ika-ds .aiconfirm p{margin:4px 0 0;font-size:var(--fs-sm);color:var(--warn)}
.ika-ds .aimeta{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .aisrc{display:inline-flex;align-items:center;gap:5px}
.ika-ds .aisrc::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.ika-ds .aifb{display:flex;align-items:center;gap:2px}
.ika-ds .aifb button{font:inherit;font-size:var(--fs-sm);border:0;background:none;color:var(--muted);padding:3px 7px;border-radius:var(--r-sm);cursor:pointer}
.ika-ds .aifb button:hover{background:var(--stone);color:var(--ink)}
.ika-ds .aifb button[aria-pressed=true]{background:var(--stone);color:var(--ink);font-weight:600}
.ika-ds .aidots{display:flex;gap:4px;padding:10px 0}
.ika-ds .aidots i{width:7px;height:7px;border-radius:50%;background:var(--ink-4);animation:aidot 1s infinite ease-in-out}
.ika-ds .aidots i:nth-child(2){animation-delay:.15s}
.ika-ds .aidots i:nth-child(3){animation-delay:.3s}
.ika-ds .aicomp{flex:none;padding:10px 12px 10px;border-top:1px solid var(--line);background:var(--surface)}
.ika-ds .aibox{display:flex;flex-direction:column;border:1.5px solid var(--line-2);border-radius:var(--r-lg);padding:10px 8px 8px 12px;background:var(--surface);transition:border-color var(--dur-1,.12s)}
.ika-ds .aibox:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px rgba(21,20,20,.06)}
.ika-ds .aibox textarea{min-width:0;border:0;outline:0;resize:none;font:inherit;font-size:var(--fs-base);line-height:1.5;padding:0 4px 0 0;max-height:140px;background:transparent}
.ika-ds .aibar{display:flex;align-items:center;gap:6px;margin-top:4px}
.ika-ds .aibar .aisp{flex:1}
.ika-ds .aibar .aiicon.sm{margin-left:-6px}
.ika-ds .aisend{width:32px;height:32px;border-radius:var(--r-sm);border:0;background:var(--red);display:grid;place-items:center;cursor:pointer;flex:none}
.ika-ds .aisend:disabled{background:var(--stone);cursor:default}
.ika-ds .aisend:disabled svg{stroke:var(--ink-4)}
.ika-ds .aisend svg{width:17px;height:17px;fill:none;stroke:var(--on-accent);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .aifoot{margin:8px 0 0;text-align:center;font-size:var(--fs-xs);color:var(--ink-4)}
.ika-ds .aifoot a{color:var(--ink);font-weight:600}
@media (max-width:520px){.ika-ds .aiscope-g{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.ika-ds .aidots i{animation:none}}
@media (prefers-reduced-motion:reduce){.ika-ds .aibody{scroll-behavior:auto}}
.ika-ds .mback{flex:none;width:30px;height:30px;border:0;background:none;border-radius:var(--r-sm);display:grid;place-items:center;cursor:pointer;color:var(--ink)}
.ika-ds .mback:hover{background:var(--stone)}
.ika-ds .mback svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .mswitch{width:32px;height:18px;border-radius:var(--r-pill);background:var(--line-2);position:relative;transition:background var(--dur-2)}
.ika-ds .mswitch::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--on-accent);box-shadow:0 1px 2px rgba(0,0,0,.25);transition:transform var(--dur-2)}
.ika-ds .cpbox{display:flex;align-items:center;gap:12px}
.ika-ds .cpbox img{border:1px solid var(--line);border-radius:var(--r-md);padding:6px;background:var(--surface)}
.ika-ds .cpbox>div{flex:1;display:grid}
.ika-ds .cpbox b{font-size:var(--fs-base)}
.ika-ds .cpbox span{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .dx-live{display:inline-flex;align-items:center;gap:7px}
.ika-ds .dx-live i{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 22%,transparent)}
.ika-ds .dx-src summary{cursor:pointer}
.ika-ds .dx-src p{margin-top:6px}
.ika-ds .todo ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ika-ds .todo li{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 8px;border-radius:var(--r-md)}
.ika-ds .todo li+li{border-top:1px solid var(--line);border-radius:0}
.ika-ds .todo .tt b{display:block;font-size:var(--fs-base)}
.ika-ds .todo .tt span{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .tic{width:36px;height:36px;border-radius:var(--r-md);background:var(--stone);display:grid;place-items:center}
.ika-ds .tic svg{width:18px;height:18px;fill:none;stroke:var(--ink-soft);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:620px){.ika-ds .todo li{grid-template-columns:36px minmax(0,1fr)}}
@media (max-width:620px){.ika-ds .todo li>.btn{grid-column:2;justify-self:start}}
.ika-ds .tout{margin-top:12px;font-size:var(--fs-sm)}
.ika-ds .tout:empty{display:none}
.ika-ds .tout .kv{margin:0}
.ika-ds .tout .res{border:1px solid var(--line);border-radius:var(--r-md);padding:12px;background:var(--canvas-2)}
.ika-ds .pf-new{margin-left:auto;font-size:var(--fs-xs);font-weight:600;color:var(--red-dark);background:var(--tint);border-radius:var(--r-pill);padding:1px 8px}
.ika-ds .aigrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.ika-ds .aiapp{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px;display:flex;flex-direction:column;gap:12px}
.ika-ds .aiapp header{display:flex;gap:12px;align-items:center}
.ika-ds .aiapp header img{border-radius:var(--r-md);background:var(--stone);padding:4px}
.ika-ds .aiapp header b{display:block;font-size:var(--fs-md)}
.ika-ds .aiapp header span{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .aiapp .checks{flex:1;margin:0}
.ika-ds .aiapp .btn{align-self:flex-start}
.ika-ds .soonrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ika-ds .soonrow>div{border:1px dashed var(--line-2);border-radius:var(--r-md);padding:12px 14px;display:grid;gap:2px}
.ika-ds .soonrow span{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .soonrow .btn{justify-self:start;padding-left:0!important}
.ika-ds .usegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ika-ds .usegrid>div{display:grid;grid-template-columns:36px 1fr;column-gap:12px;row-gap:2px}
.ika-ds .usegrid .nic{grid-row:span 2;width:36px;height:36px;border-radius:var(--r-md);background:var(--tint);display:grid;place-items:center}
.ika-ds .usegrid .nic svg{width:18px;height:18px;fill:none;stroke:var(--red-dark);stroke-width:1.7}
.ika-ds .usegrid b{font-size:var(--fs-base)}
.ika-ds .usegrid span{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .qa{border-top:1px solid var(--line);padding:10px 0}
.ika-ds .qa summary{cursor:pointer;font-weight:600;font-size:var(--fs-base)}
.ika-ds .qa p{margin:6px 0 0;font-size:var(--fs-sm);color:var(--muted)}
@media (max-width:1100px){.ika-ds .aigrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){.ika-ds .usegrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.ika-ds .aigrid,.ika-ds .usegrid,.ika-ds .soonrow{grid-template-columns:1fr}}
.ika-ds .rcodes{display:grid;grid-template-columns:repeat(2,max-content);gap:4px 24px;margin:8px 0 0;padding-left:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm)}
.ika-ds .acctchip{font-size:var(--fs-sm);font-weight:600;color:var(--ink);background:var(--stone);border:1px solid var(--line);border-radius:var(--r-pill);padding:3px 10px;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.ika-ds .payok{border:1px solid var(--ok-line);background:var(--ok-soft);border-radius:var(--r-md);padding:14px;margin-top:12px}
.ika-ds .payok b{display:block;color:var(--ok);margin-bottom:4px}
.ika-ds .payok .acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ika-ds .bankbox{border:1px solid var(--line);border-radius:var(--r-md);padding:14px;margin-top:12px;background:var(--canvas-2)}
.ika-ds .pnform{margin-top:12px}
.ika-ds .pnform>summary{list-style:none;display:inline-flex}
.ika-ds .pnform>summary::-webkit-details-marker{display:none}
.ika-ds .acctdlg{position:fixed;inset:0;margin:auto;height:fit-content;max-height:calc(100vh - 32px);border:0;padding:0;border-radius:var(--r-lg);width:min(440px,calc(100vw - 24px));box-shadow:0 24px 64px rgba(21,20,20,.25)}
.ika-ds .acctdlg::backdrop{background:rgba(21,20,20,.35)}
.ika-ds .acctin{padding:16px}
.ika-ds .acctin header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ika-ds .acctin header b{font-size:var(--fs-md)}
.ika-ds .acctin input[type=search]{width:100%;font:inherit;font-size:var(--fs-base);border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:8px 11px;margin-bottom:8px}
.ika-ds .acctin ul{list-style:none;margin:0;padding:0;display:grid;gap:2px;max-height:50vh;overflow:auto}
.ika-ds .acctin li a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-md);text-decoration:none;color:var(--ink)}
.ika-ds .acctin li a:hover,.ika-ds .acctin li a.kb{background:var(--stone)}
.ika-ds .acctin li.grp{font-size:var(--fs-xs);font-weight:600;color:var(--muted);padding:10px 10px 4px;position:sticky;top:0;background:var(--surface);z-index:1}
.ika-ds .acctin li.none{padding:18px 10px;text-align:center;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .acctin li a[aria-current=true]{background:var(--tint)}
.ika-ds .acctin .av{width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--red-dark);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center;flex:none}
.ika-ds .acctin .tx{flex:1;min-width:0;display:grid}
.ika-ds .acctin .tx small{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .nlist{list-style:none;margin:0;padding:0}
.ika-ds .nlist td{border:0!important;padding:0!important}
.ika-ds .nlist .dayrow td{padding:14px 4px 6px!important;font-size:var(--fs-sm);font-weight:600;color:var(--muted)}
.ika-ds .nlist .n{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px;border-radius:var(--r-md);text-decoration:none;color:var(--ink);position:relative}
.ika-ds .nlist .n:hover{background:var(--stone)}
.ika-ds .nlist .n .nic{width:36px;height:36px;border-radius:var(--r-md);background:var(--stone);display:grid;place-items:center}
.ika-ds .nlist .n .nic svg{width:18px;height:18px;fill:none;stroke:var(--ink-soft);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .nlist .n.bad .nic{background:var(--bad-soft)}
.ika-ds .nlist .n.bad .nic svg{stroke:var(--bad)}
.ika-ds .nlist .n.ok .nic{background:var(--ok-soft)}
.ika-ds .nlist .n.ok .nic svg{stroke:var(--ok)}
.ika-ds .nlist .n b{display:block;font-size:var(--fs-base)}
.ika-ds .nlist .n span.d{display:block;font-size:var(--fs-sm);color:var(--muted);margin-top:2px}
.ika-ds .nlist .n time{font-size:var(--fs-sm);color:var(--muted);white-space:nowrap}
.ika-ds .nlist .n.unread b::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--red);margin-left:8px;vertical-align:2px}
.ika-ds .pwa{display:flex;gap:14px;align-items:center;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);padding:14px 16px;margin-bottom:16px}
.ika-ds .pwa img{width:44px;height:44px;border-radius:var(--r-md)}
.ika-ds .pwa div{flex:1;min-width:0}
.ika-ds .pwa b{display:block}
.ika-ds .pwa span{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .subh{font-size:var(--fs-base);margin:16px 0 6px}
.ika-ds .cmdlist{display:grid;gap:8px;justify-items:start}
.ika-ds .impbar{background:var(--warn-soft);color:var(--warn);text-align:center;font-size:var(--fs-sm);padding:7px 12px;border-bottom:1px solid var(--warn-line)}
.ika-ds .impbar a{color:var(--warn);font-weight:700}
.ika-ds .steps-on li.run>div>b::after{content:" · sürüyor";color:var(--warn);font-weight:600}
.ika-ds tr.emptyrow td{text-align:center;color:var(--muted);padding:26px 12px}
.ika-ds .addrs{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ika-ds .addrs li{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px}
.ika-ds .addrs li>span{flex:1;min-width:0}
.ika-ds .addrs b{display:block;overflow-wrap:anywhere}
.ika-ds .addrs small{color:var(--ok);font-size:var(--fs-xs)}
.ika-ds .linkish{background:none!important;border:0!important;color:var(--muted)!important;text-decoration:underline!important}
.ika-ds .cw-step{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}
.ika-ds .cw-step p{margin:0 0 10px;font-size:var(--fs-base)}
.ika-ds .dnsrec code{font-size:var(--fs-sm)}
.ika-ds .cw-prog{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.ika-ds .cw-prog li{display:flex;align-items:center;gap:10px;font-size:var(--fs-base);color:var(--muted)}
.ika-ds .cw-prog li::before{content:"";width:18px;height:18px;border-radius:50%;border:2px solid var(--line-2);flex:none}
.ika-ds .cw-prog li.run::before{border-color:var(--red);border-right-color:transparent;animation:cwspin .8s linear infinite}
.ika-ds .cw-prog li.done{color:var(--ink)}
.ika-ds .cw-prog li.done::before{border-color:var(--ok);background:var(--ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 3 3 5-6' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E") center/12px no-repeat}
@media (prefers-reduced-motion:reduce){.ika-ds .cw-prog li.run::before{animation:none}}
.ika-ds .dmap{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ika-ds .dmap li{display:grid;grid-template-columns:minmax(0,1.2fr) 28px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:var(--r-md);padding:10px 12px}
.ika-ds .mapfrom b{display:block;overflow-wrap:anywhere;font-size:var(--fs-base)}
.ika-ds .mapfrom small{color:var(--muted);font-size:var(--fs-xs)}
.ika-ds .maparrow{height:1px;background:var(--ink-4);position:relative}
.ika-ds .maparrow::after{content:"";position:absolute;right:0;top:-3px;border:3.5px solid transparent;border-left:6px solid var(--ink-4);border-right:0}
.ika-ds .mapto{display:flex;align-items:center;gap:8px;font-weight:600;font-size:var(--fs-base);color:var(--ink);text-decoration:none}
.ika-ds .mapto:hover{text-decoration:underline}
.ika-ds .mapto img{width:22px;height:22px;border-radius:var(--r-sm);object-fit:contain}
@media (max-width:560px){.ika-ds .dmap li{grid-template-columns:1fr auto}}
@media (max-width:560px){.ika-ds .maparrow{display:none}}
@media (max-width:560px){.ika-ds .mapto{grid-column:1}}
.ika-ds .tsteps{margin:0 0 16px;padding:0;list-style:none;counter-reset:t;display:grid;gap:10px}
.ika-ds .tsteps li{counter-increment:t;display:grid;grid-template-columns:28px 1fr;column-gap:10px}
.ika-ds .tsteps li::before{content:counter(t);grid-row:span 2;width:26px;height:26px;border-radius:50%;background:var(--stone);border:1px solid var(--line);display:grid;place-items:center;font-size:var(--fs-sm);font-weight:700}
.ika-ds .tsteps span{color:var(--muted);font-size:var(--fs-base)}
.ika-ds .dleft{font-variant-numeric:tabular-nums;color:var(--muted)}
.ika-ds .dleft.dl-w{color:var(--warn);font-weight:600}
.ika-ds .dleft.dl-b{color:var(--bad);font-weight:600}
.ika-ds .yrsel{font:inherit;font-size:var(--fs-base);border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:6px 8px;background:var(--surface)}
.ika-ds .nsfields input[readonly]{background:var(--stone);color:var(--muted)}
.ika-ds .samecb{display:flex;gap:8px;align-items:center;font-size:var(--fs-base);margin:10px 0 0}
.ika-ds .glue summary{list-style:none;cursor:pointer}
.ika-ds .glue summary::-webkit-details-marker{display:none}
.ika-ds .glue summary h2{margin:0}
.ika-ds .glue summary h2::after{content:"+";margin-left:auto;color:var(--muted)}
.ika-ds .btn-pnl{display:inline-flex!important;align-items:center!important;gap:8px!important;background:var(--surface)!important;color:var(--ink)!important;border:1px solid var(--line-strong,var(--line-2))!important;font-weight:600!important}
.ika-ds .btn-pnl:hover{border-color:var(--ink)!important}
.ika-ds .btn-pnl img{width:20px;height:20px;border-radius:var(--r-xs)}
.ika-ds .cplogin{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.ika-ds .cplogin a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;border:1px solid var(--line);border-radius:var(--r-md);text-decoration:none;color:var(--ink);font-weight:600;font-size:var(--fs-base);text-align:center}
.ika-ds .cplogin a:hover{border-color:var(--ink)}
.ika-ds .cplogin a span{font-weight:400;font-size:var(--fs-xs);color:var(--muted)}
.ika-ds .cplogin svg{width:36px;height:36px}
@media (max-width:520px){.ika-ds .cplogin{grid-template-columns:1fr}}
@media (max-width:520px){.ika-ds .cplogin a{flex-direction:row;justify-content:flex-start;text-align:left}}
.ika-ds .kv .cp{display:inline-flex;gap:6px;align-items:center}
.ika-ds .kv .cp .btn{padding:3px 8px!important;font-size:var(--fs-xs)!important;min-height:0}
.ika-ds .kv .cp code{font-size:var(--fs-sm)}
.ika-ds .typ{display:inline-block;font-size:var(--fs-sm);font-weight:600;color:var(--ink);background:var(--stone);border:1px solid var(--line);border-radius:var(--r-sm);padding:2px 8px;white-space:nowrap}
.ika-ds .mgbar{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 16px;margin-bottom:16px;font-size:var(--fs-base);color:var(--muted)}
.ika-ds .mgbar p{margin:0}
.ika-ds .mgbar b{color:var(--ink)}
.ika-ds .codeed{width:100%;min-height:320px;font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-sm);line-height:1.6;border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:12px;background:var(--ink-2);color:var(--line);resize:vertical}
.ika-ds .cardbox{border:1px solid var(--line-strong);border-radius:var(--r-md);padding:12px 14px;background:var(--surface)}
.ika-ds .cb-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:var(--fs-base);color:var(--muted)}
.ika-ds .cb-ph{color:var(--ink-4);font-family:ui-monospace,Menlo,monospace}
.ika-ds .fchips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.ika-ds .fchips button{font:inherit;font-size:var(--fs-sm);font-weight:600;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);padding:6px 12px;cursor:pointer;display:flex;gap:6px;align-items:center}
.ika-ds .fchips button b{font-size:var(--fs-xs);background:var(--stone);border-radius:var(--r-pill);padding:0 7px}
.ika-ds .fchips button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-ds .fchips button[aria-pressed="true"] b{background:var(--ink-3);color:var(--surface)}
.ika-ds .tbar{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.ika-ds .dfilter{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ika-ds .tbar>input[type=search]{flex:1 1 220px;max-width:340px}
.ika-ds .tbar input[type=search]{font:inherit;font-size:var(--fs-base);border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:7px 11px;min-width:220px}
.ika-ds .bulkbar{display:flex;gap:10px;align-items:center;background:var(--ink);color:var(--surface);border-radius:var(--r-md);padding:8px 12px;font-size:var(--fs-base)}
.ika-ds .bulkbar .btn-secondary{background:var(--surface)!important}
.ika-ds .rowmenu{position:relative}
.ika-ds .rowmenu>summary{list-style:none;cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:5px 10px;font-size:var(--fs-sm);font-weight:600;background:var(--surface)}
.ika-ds .rowmenu>summary::-webkit-details-marker{display:none}
.ika-ds .rowmenu .menu-pop{--mp-w:210px}
.ika-ds .oldnote{font-size:var(--fs-sm);color:var(--muted);margin-top:10px}
.ika-ds .steps-on{list-style:none;display:grid;gap:10px}
.ika-ds .steps-on li{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;background:var(--surface)}
.ika-ds .steps-on li::before{content:"";width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong)}
.ika-ds .steps-on li.ok::before{background:var(--ok);border-color:var(--ok)}
.ika-ds .steps-on span{display:block;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .pbody .stats{margin:0 0 16px;gap:12px}
.ika-ds .pbody .stat{padding:16px}
.ika-ds .pbody .stat span{font-size:var(--fs-sm)}
.ika-ds .pbody .stat b{font-size:var(--fs-xl)}
.ika-ds .pbody .field{font-size:var(--fs-sm)}
.ika-ds .pbody .field input,.ika-ds .pbody .field select,.ika-ds .pbody .field textarea{font-size:var(--fs-base);padding:9px 12px}
.ika-ds .pbody .opt{padding:11px 14px}
.ika-ds .pbody .opt span{font-size:var(--fs-sm)}
.ika-ds .pbody .opts .opt b{font-size:var(--fs-base)}
.ika-ds .pbody .switch b{font-size:var(--fs-base)}
.ika-ds .pbody .switch span{font-size:var(--fs-sm)}
.ika-ds .pbody .pill{font-size:var(--fs-xs)}
.ika-ds .pcard h2 .pill{font-weight:600}
.ika-ds .pbody .msg p{font-size:var(--fs-base)}
.ika-ds .inv{padding:26px}
.ika-ds .pgrid>*{min-width:0}
.ika-ds .alert span,.ika-ds .fnote{overflow-wrap:anywhere}
.ika-ds .checks{list-style:none;display:grid;gap:8px;font-size:var(--fs-base)}
.ika-ds .checks li{position:relative;padding-left:22px}
.ika-ds .checks li::before{content:"○";color:var(--warn);font-weight:700;position:absolute;left:0;top:0}
.ika-ds .checks li.ok::before{content:"✓";color:var(--ok)}
.ika-ds .pcard h2{flex-wrap:wrap}
.ika-ds .secret code{min-width:0}
.ika-ds .dd{position:relative}
.ika-ds .dd>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-md)}
.ika-ds .dd>summary::-webkit-details-marker{display:none}
.ika-ds .dd>summary:hover{background:var(--stone)}
.ika-ds .avatar-s{width:32px;height:32px;border-radius:50%;background:var(--tint);color:var(--red-dark);display:grid;place-items:center;font-weight:700;font-size:var(--fs-sm)}
.ika-ds .bell{position:relative;width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .bdot{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--red-dark);border:2px solid var(--surface)}
.ika-ds .pbody{background:var(--stone);padding:24px 32px 64px;min-width:0;font-size:var(--fs-base);line-height:1.5}
.ika-ds .ptop{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.ika-ds .ptop h1{font-size:var(--fs-xl);font-variation-settings:var(--semi);letter-spacing:-.02em;line-height:1.1;margin-top:6px}
.ika-ds .ptop .sub{color:var(--muted);margin-top:4px}
.ika-ds .ptop .acts{display:flex;gap:8px;flex-wrap:wrap}
.ika-ds .pcard h2{font-size:var(--fs-md);font-variation-settings:var(--semi);margin:0 0 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.ika-ds .pcard h2 a{font-size:var(--fs-base);font-weight:600;color:var(--red-dark);text-decoration:none}
.ika-ds .pgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;align-items:start}
.ika-ds .ptable{width:100%;border-collapse:collapse;font-size:var(--fs-base)}
.ika-ds .ptable th{font-size:var(--fs-sm);color:var(--muted);font-weight:600;text-align:left;padding:10px 12px;border-bottom:1px solid var(--line)}
.ika-ds .ptable td{padding:11px 12px;border-bottom:1px solid var(--line);vertical-align:middle}
.ika-ds .ptable tr:last-child td{border-bottom:0}
.ika-ds .ptable td a.rowlink{font-weight:650;text-decoration:none}
.ika-ds .ptable td a.rowlink:hover{color:var(--red-dark)}
.ika-ds .ptable .muted{color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .tscroll{overflow-x:auto}
.ika-ds .kv{display:grid;grid-template-columns:auto 1fr;gap:8px 24px;font-size:var(--fs-base)}
.ika-ds .kv dt{color:var(--muted)}
.ika-ds .kv dd{font-weight:600;margin:0;text-align:right}
.ika-ds .meter{margin-bottom:14px}
.ika-ds .meter .l{display:flex;justify-content:space-between;font-size:var(--fs-sm);margin-bottom:5px}
.ika-ds .meter .l span{color:var(--muted)}
.ika-ds .meter .bar{height:8px;border-radius:var(--r-pill);background:var(--stone);overflow:hidden}
.ika-ds .meter .bar i{display:block;height:100%;background:var(--ink);border-radius:var(--r-pill)}
.ika-ds .meter .bar i.hi{background:var(--red-dark)}
.ika-ds .ptabs{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin-bottom:20px;scrollbar-width:none}
.ika-ds .ptabs::-webkit-scrollbar{display:none}
.ika-ds .ptabs a{flex:none;padding:9px 12px;text-decoration:none;font-weight:600;font-size:var(--fs-sm);color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.ika-ds .ptabs a:hover{color:var(--ink)}
.ika-ds .ptabs a[aria-current="page"]{color:var(--ink);border-bottom-color:var(--red-dark)}
.ika-ds .svchead{display:flex;gap:16px;align-items:center}
.ika-ds .svchead img{width:44px;height:44px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);padding:9px}
.ika-ds .switch{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}
.ika-ds .switch:last-child{border:0}
.ika-ds .switch span{color:var(--muted);font-size:var(--fs-base);display:block}
.ika-ds .switch button[role=switch]{position:relative;width:44px;height:26px;border-radius:var(--r-pill);border:0;background:var(--line-2);cursor:pointer;flex:none}
.ika-ds .switch button[role=switch]::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--surface);transition:transform .15s}
.ika-ds .switch button[role=switch][aria-checked="true"]{background:var(--red-dark)}
.ika-ds .switch button[role=switch][aria-checked="true"]::after{transform:translateX(18px)}
.ika-ds .secret{display:flex;gap:8px;align-items:center}
.ika-ds .secret code{flex:1;font-family:ui-monospace,Menlo,monospace;background:var(--stone);border-radius:var(--r-sm);padding:9px 12px;font-size:var(--fs-base);overflow:auto}
.ika-ds .chat{display:grid;gap:14px}
.ika-ds .msg{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;background:var(--surface)}
.ika-ds .msg.staff{background:var(--canvas-2)}
.ika-ds .msg .who{display:flex;justify-content:space-between;font-size:var(--fs-base);color:var(--muted);margin-bottom:8px}
.ika-ds .msg .who b{color:var(--ink)}
.ika-ds .logbox{background:var(--ink-2);color:var(--line-2);border-radius:var(--r-md);padding:14px;font-family:ui-monospace,Menlo,monospace;font-size:var(--fs-sm);line-height:1.6;max-height:240px;overflow:auto}
.ika-ds .inv{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px}
.ika-ds .inv .top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}
.ika-ds .inv .top img{height:28px}
.ika-ds .inv .tot{margin-left:auto;max-width:320px}
.ika-ds .inv .tot div{display:flex;justify-content:space-between;padding:6px 0}
.ika-ds .inv .tot .g{font-size:var(--fs-lg);font-weight:700;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.ika-ds .empty{text-align:center;padding:36px 16px;color:var(--muted)}
.ika-ds .empty b{display:block;color:var(--ink);font-size:var(--fs-lg);margin-bottom:6px}
.ika-ds .fnote{font-size:var(--fs-sm);color:var(--muted);margin-top:10px}
@media (max-width:1000px){.ika-ds .pbody{padding:20px 16px 56px}}
@media (max-width:1000px){.ika-ds .pgrid{grid-template-columns:1fr}}
@media (max-width:700px){.ika-ds .acctchip{display:none}}
.ika-ds .pbody .pill{display:inline-flex;align-items:center;gap:7px;background:none!important;border:0!important;padding:0!important;border-radius:0;font-size:var(--fs-sm);font-weight:500;color:var(--ink-soft);white-space:nowrap}
.ika-ds .pbody .pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);flex:none}
.ika-ds .pbody .pill.info::before,.ika-ds .pbody .pill.gray::before{background:var(--line-2)}
.ika-ds .pbody .pill.gray{color:var(--muted)}
.ika-ds .pbody .pill.due{color:var(--warn)}
.ika-ds .pbody .pill.due::before{background:var(--warn)}
.ika-ds .pbody .pill.bad{color:var(--bad)}
.ika-ds .pbody .pill.bad::before{background:var(--bad)}
.ika-ds .pbody h2 .pill{background:var(--stone)!important;padding:1px 8px!important;border-radius:var(--r-pill);color:var(--muted);font-size:var(--fs-xs);font-weight:600}
.ika-ds .pbody h2 .pill::before{display:none}
.ika-ds .pcard h2{font-size:var(--fs-md);font-weight:600;font-variation-settings:normal;letter-spacing:0}
.ika-ds .pcard h2 a{font-size:var(--fs-sm);font-weight:500;color:var(--muted)}
.ika-ds .pcard h2 a:hover{color:var(--ink);text-decoration:underline}
.ika-ds .pbody .typ{background:none;border:0;padding:0;font-weight:500;color:var(--muted)}
.ika-ds .pbody .btn:not(.btn-sm):not(.aibtn){min-height:34px;padding:0 14px!important;font-size:var(--fs-sm)!important;border-radius:var(--r-sm)!important}
.ika-ds .pbody .opt .r small{color:var(--muted)}
.ika-ds .usegrid .nic{background:var(--stone)!important}
.ika-ds .usegrid .nic svg{stroke:var(--ink-soft)!important}
.ika-ds .steps-on li.ok::before{background:var(--surface)!important;border-color:var(--ok)!important}
.ika-ds .nlist .n.unread b::after{background:var(--ink)}
.ika-ds .nlist .n.bad .nic,.ika-ds .nlist .n.ok .nic{background:var(--stone)}
.ika-ds .nlist .n.bad .nic svg,.ika-ds .nlist .n.ok .nic svg{stroke:var(--ink-soft)}
.ika-ds .ptable .ic{width:16px;height:16px;vertical-align:-3px;fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linejoin:round;margin-right:4px}
.ika-ds .h2acts{display:inline-flex;gap:8px;font-size:var(--fs-sm)}
.ika-ds .racts{display:inline-flex;align-items:center;gap:6px}
.ika-ds .rmore>summary{list-style:none;width:32px;height:32px;display:grid;place-items:center;font-size:var(--fs-lg);line-height:1;cursor:pointer;border-radius:var(--r-sm)}
.ika-ds .rmore>summary::-webkit-details-marker{display:none}
.ika-ds .rmore .menu-pop{min-width:190px;padding:6px;z-index:70}
.ika-ds .rmore .menu-pop a{display:block;padding:8px 12px;border-radius:var(--r-sm);font-size:var(--fs-sm);color:var(--ink);text-decoration:none}
.ika-ds .rmore .menu-pop a:hover{background:var(--stone)}
.ika-ds .rmore .menu-pop a.danger{color:var(--bad)}
.ika-ds .linklist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ika-ds .linklist a{font-size:var(--fs-sm)}
.ika-ds .pbody input[type=checkbox]{accent-color:var(--ink)}
.ika-ds .filein{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.ika-ds .filein{position:relative}
.ika-ds .filein input[type=file]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;border:0!important;opacity:0;left:0;top:0}
.ika-ds .filein-n{font-size:var(--fs-sm);color:var(--muted)}
@media (max-width:640px){.ika-ds .pbody .fchips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}}
@media (max-width:640px){.ika-ds .pbody .fchips>*{flex:none}}
@media (max-width:640px){.ika-ds .pbody .tscroll{overflow:visible}}
@media (max-width:640px){.ika-ds .pbody .ptable,.ika-ds .pbody .ptable tbody{display:block;width:100%}}
@media (max-width:640px){.ika-ds .pbody .ptable thead{display:none}}
@media (max-width:640px){.ika-ds .pbody .ptable tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--line)}}
@media (max-width:640px){.ika-ds .pbody .ptable td{display:block;padding:0!important;border:0!important;min-width:0;grid-column:1}}
@media (max-width:640px){.ika-ds .pbody .ptable td:first-child{font-weight:600}}
@media (max-width:640px){.ika-ds .pbody .ptable td:last-child:not(:first-child){grid-column:2;grid-row:1/span 6;align-self:center}}
@media (max-width:640px){.ika-ds .pbody .ptable td[data-label]:not([data-label=""]):not(:first-child):not(:last-child)::before{content:attr(data-label) ": ";color:var(--muted);font-size:var(--fs-xs)}}
.ika-ds .ahdr{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--line)}
.ika-ds .ahdr .in{display:flex;align-items:center;gap:6px;height:58px;padding:0 20px}
.ika-ds .ahdr .logo{display:flex;align-items:center;margin-right:14px}
.ika-ds .ahdr .logo img{height:26px;width:auto}
.ika-ds .anav{display:flex;align-items:stretch;height:100%;gap:2px;list-style:none;margin:0;padding:0}
.ika-ds .anav>li{position:relative;display:flex}
.ika-ds .anav>li>a{display:flex;align-items:center;gap:6px;padding:0 11px;font-size:var(--fs-base);font-weight:600;color:var(--ink-soft);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.ika-ds .anav>li>a:hover,.ika-ds .anav>li:focus-within>a{color:var(--ink)}
.ika-ds .anav>li>a[aria-current=true]{color:var(--ink);border-bottom-color:var(--red)}
.ika-ds .anav>li>a svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2;opacity:.6}
.ika-ds .anav .mn{display:none;position:absolute;top:100%;left:0;min-width:240px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 18px 40px rgba(21,20,20,.12);padding:6px;z-index:40}
.ika-ds .anav>li:hover .mn,.ika-ds .anav>li:focus-within .mn{display:block}
.ika-ds .anav .mn a{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--r-sm);font-size:var(--fs-base);color:var(--ink);text-decoration:none}
.ika-ds .anav .mn a:hover{background:var(--stone)}
.ika-ds .anav .mn hr{border:0;border-top:1px solid var(--line);margin:4px 0}
.ika-ds .anav .mn .b{font-size:var(--fs-xs);font-weight:700;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-pill);padding:0 7px}
.ika-ds .anav .n-add>a{color:var(--red-dark)}
.ika-ds .ahdr .sp{flex:1}
.ika-ds .asearch{display:flex;align-items:center;gap:8px;font:inherit;font-size:var(--fs-sm);color:var(--muted);background:var(--stone);border:1px solid var(--line);border-radius:var(--r-md);padding:7px 10px;min-width:220px;cursor:pointer}
.ika-ds .asearch svg,.ika-ds .aico svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ika-ds .asearch kbd{margin-left:auto;font:inherit;font-size:var(--fs-xs);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:0 6px}
.ika-ds .aico{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:var(--r-sm);color:var(--ink-soft);text-decoration:none;font-size:var(--fs-base);font-weight:600;position:relative;background:none;border:0;cursor:pointer}
.ika-ds .aico:hover{background:var(--stone);color:var(--ink)}
.ika-ds .aico .bdot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--red)}
.ika-ds .ahdr .dd>summary{list-style:none}
.ika-ds .ahdr .dd>summary::-webkit-details-marker{display:none}
.ika-ds .ahdr .avatar-s{width:30px;height:30px;font-size:var(--fs-xs)}
.ika-ds .awrap{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:calc(100vh - 58px)}
.ika-ds .actx{background:var(--canvas-2);border-right:1px solid var(--line);padding:18px 12px;position:sticky;top:58px;height:calc(100vh - 58px);overflow:auto;font-size:var(--fs-base)}
.ika-ds .actx h2{font-size:var(--fs-sm);font-weight:600;color:var(--muted);margin:16px 8px 6px}
.ika-ds .actx h2:first-child{margin-top:0}
.ika-ds .actx a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--r-sm);color:var(--ink-3);text-decoration:none}
.ika-ds .actx a:hover{background:var(--stone-2)}
.ika-ds .actx a[aria-current=page]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);font-weight:600;color:var(--ink)}
.ika-ds .actx .n{font-size:var(--fs-xs);font-weight:700;color:var(--ink-soft);background:var(--stone-2);border-radius:var(--r-pill);padding:0 8px}
.ika-ds .actx .n.w{background:var(--warn-soft);color:var(--warn)}
.ika-ds .actx .n.r{background:var(--bad-soft);color:var(--bad)}
.ika-ds .actx .qs{margin:18px 0 0;padding-top:14px;border-top:1px solid var(--line)}
.ika-ds .actx .qs input{width:100%;font:inherit;font-size:var(--fs-sm);border:1px solid var(--line-2);border-radius:var(--r-sm);padding:7px 10px;background:var(--surface)}
.ika-ds .actx .who{display:flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--muted);padding:6px 8px}
.ika-ds .actx .who i{width:7px;height:7px;border-radius:50%;background:var(--ok)}
.ika-ds .adm .pbody{padding:24px 28px 64px}
@media (max-width:1100px){.ika-ds .asearch span,.ika-ds .asearch kbd{display:none}}
@media (max-width:1100px){.ika-ds .asearch{min-width:0}}
@media (max-width:1100px){.ika-ds .anav>li>a{padding:0 8px}}
@media (max-width:920px){.ika-ds .awrap{grid-template-columns:1fr}}
@media (max-width:920px){.ika-ds .actx{display:none}}
@media (max-width:920px){.ika-ds .anav{overflow-x:auto}}
@media (max-width:920px){.ika-ds .ahdr .in{gap:2px}}
.ika-ds .attn{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 18px}
.ika-ds .attn a{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;text-decoration:none;color:var(--ink)}
.ika-ds .attn a:hover{border-color:var(--ink-4)}
.ika-ds .attn span{display:block;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .attn b{display:block;font-size:var(--fs-xl);margin-top:2px;font-variant-numeric:tabular-nums}
.ika-ds .attn small{font-size:var(--fs-xs);color:var(--muted)}
.ika-ds .attn a.hot small{color:var(--bad)}
@media (max-width:1200px){.ika-ds .attn{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.ika-ds .attn{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ika-ds .bars{display:flex;align-items:flex-end;gap:6px;height:110px;padding-top:8px}
.ika-ds .bars i{flex:1;background:var(--line);border-radius:var(--r-xs) 4px 0 0;min-height:3px}
.ika-ds .bars i.today{background:var(--ink)}
.ika-ds .bars i:hover{background:var(--muted)}
.ika-ds .barx{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--muted);margin-top:6px}
.ika-ds .kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:10px}
.ika-ds .kpis div span{display:block;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .kpis div b{font-size:var(--fs-lg);font-variant-numeric:tabular-nums}
.ika-ds .kv2{display:grid;grid-template-columns:1fr auto;gap:8px 12px;font-size:var(--fs-base);margin:0}
.ika-ds .kv2 dt{color:var(--muted)}
.ika-ds .kv2 dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
.ika-ds .kv2 dd.bad{color:var(--bad)}
.ika-ds .kv2 dd.ok{color:var(--ok)}
.ika-ds .srv{display:grid;gap:10px}
.ika-ds .srv .srow{border:1px solid var(--line);border-radius:var(--r-md);padding:12px}
.ika-ds .srv .srow h3{display:flex;align-items:center;gap:8px;font-size:var(--fs-base);margin:0 0 8px}
.ika-ds .dot{width:8px;height:8px;border-radius:50%;background:var(--ok);display:inline-block}
.ika-ds .dot.warn{background:var(--warn)}
.ika-ds .dot.bad{background:var(--bad)}
.ika-ds .srv .mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .srv .mini b{display:block;color:var(--ink);font-size:var(--fs-sm)}
.ika-ds .srv .mini i{display:block;height:4px;background:var(--line);border-radius:var(--r-xs);margin-top:4px;overflow:hidden}
.ika-ds .srv .mini i::after{content:"";display:block;height:100%;width:var(--w);background:var(--muted)}
.ika-ds .cmdbar{display:flex;gap:8px;flex-wrap:wrap}
.ika-ds .logl{font-size:var(--fs-sm);line-height:1.55;margin:0;padding:0;list-style:none}
.ika-ds .logl li{display:grid;grid-template-columns:12px 1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}
.ika-ds .logl li:last-child{border-bottom:0}
.ika-ds .logl li span{color:var(--muted);font-size:var(--fs-sm);white-space:nowrap}
.ika-ds .logl li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink-4);margin-top:7px}
.ika-ds .logl .ok::before{background:var(--ok)}
.ika-ds .logl .er::before{background:var(--bad)}
.ika-ds .ctx{display:grid;gap:4px;font-size:var(--fs-sm)}
.ika-ds .ctx a{color:var(--ink)}
.ika-ds .thread{display:grid;gap:12px}
.ika-ds .tmsg{border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;background:var(--surface)}
.ika-ds .tmsg.note{background:var(--warn-soft);border-color:var(--warn-line)}
.ika-ds .tmsg header{display:flex;justify-content:space-between;gap:8px;font-size:var(--fs-sm);color:var(--muted);margin-bottom:6px}
.ika-ds .tmsg header b{color:var(--ink)}
.ika-ds .tmsg p{margin:0;font-size:var(--fs-base);line-height:1.6}
.ika-ds .aidraft{border:1px dashed var(--red-line);background:var(--tint);border-radius:var(--r-md);padding:10px 12px;font-size:var(--fs-sm);margin-bottom:10px;display:flex;gap:10px;align-items:flex-start}
.ika-ds .aidraft p{margin:0;flex:1}
.ika-ds .setgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ika-ds .setgrid section{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}
.ika-ds .setgrid h2{font-size:var(--fs-md);margin:0 0 8px;display:flex;align-items:center;gap:8px}
.ika-ds .setgrid h2 svg{width:18px;height:18px;fill:none;stroke:var(--ink);stroke-width:1.7}
.ika-ds .setgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ika-ds .setgrid a{display:block;padding:6px 8px;margin:0 -8px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-size:var(--fs-base)}
.ika-ds .setgrid a:hover{background:var(--stone)}
.ika-ds .setgrid small{display:block;color:var(--muted);font-size:var(--fs-sm)}
@media (max-width:1000px){.ika-ds .setgrid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.ika-ds .setgrid{grid-template-columns:1fr}}
.ika-ds .fraud{display:flex;align-items:center;gap:8px}
.ika-ds .fraud i{width:56px;height:6px;border-radius:var(--r-xs);background:var(--line);overflow:hidden}
.ika-ds .fraud i::after{content:"";display:block;height:100%;width:var(--w);background:var(--c)}
.ika-ds .lineitems td:last-child,.ika-ds .lineitems th:last-child{text-align:right}
.ika-ds *{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}
.ika-ds ::-webkit-scrollbar{width:8px;height:8px}
.ika-ds ::-webkit-scrollbar-track{background:transparent}
.ika-ds ::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:var(--r-pill);border:2px solid transparent;background-clip:padding-box}
.ika-ds ::-webkit-scrollbar-thumb:hover{background:var(--ink-4);background-clip:padding-box}
.ika-ds ::-webkit-scrollbar-corner{background:transparent}
.ika-ds .u-mt0{margin-top:0!important}
.ika-ds .u-mt8{margin-top:8px!important}
.ika-ds .u-mt12{margin-top:12px!important}
.ika-ds .u-mt16{margin-top:16px!important}
.ika-ds .u-mt24{margin-top:24px!important}
.ika-ds .u-m0{margin:0!important}
.ika-ds .u-mb8{margin-bottom:8px!important}
.ika-ds .u-mb12{margin-bottom:12px!important}
.ika-ds .u-pt0{padding-top:0!important}
.ika-ds .u-tl{text-align:left!important}
.ika-ds .u-fs-sm{font-size:var(--fs-sm)!important}
.ika-ds .u-fs-base{font-size:var(--fs-base)!important}
.ika-ds .u-fw5{font-weight:500!important}
.ika-ds .u-link{color:inherit;text-decoration:underline}
.ika-ds .mfoot.mhead-row{padding-top:4px}
.ika-ds .mfoot.mhead-row b{color:var(--ink)}
.ika-ds .u-fw4{font-weight:400!important}
.ika-ds .u-muted{color:var(--muted)!important}
.ika-ds .u-brand{color:var(--red-dark)!important}
.ika-ds .u-w100{width:100%!important}
.ika-ds a.opt,.ika-ds .pbody a.opt{text-decoration:none}
.ika-ds .kv.kv-left dd,.ika-ds .kv.kv-left{text-align:left}
.ika-ds .kv.kv-left dd{font-weight:400}
.ika-ds .menu-pop{position:absolute;right:0;left:auto;top:calc(100% + 8px);bottom:auto;z-index:60;min-width:var(--mp-w,232px);max-width:min(340px,calc(100vw - 24px));
  background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r-md);padding:6px;
  box-shadow:0 12px 32px rgba(21,20,20,.12),0 2px 6px rgba(21,20,20,.06);
  font-size:var(--fs-base);line-height:1.35;font-weight:400;text-align:left;display:grid;gap:1px}
.ika-ds .menu-pop>a{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:7px 10px;border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-weight:500}
.ika-ds .menu-pop>a:hover{background:var(--stone)}
.ika-ds .menu-pop>a:focus-visible{outline:none;background:var(--stone);box-shadow:inset 0 0 0 2px var(--ink)}
.ika-ds .menu-pop .ic{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .menu-pop>a:hover .ic{stroke:var(--ink)}
.ika-ds .menu-pop .tx{display:grid;gap:1px;min-width:0}
.ika-ds .menu-pop .tx>span{overflow:hidden;text-overflow:ellipsis}
.ika-ds .menu-pop .tx small{font-size:var(--fs-sm);color:var(--muted);font-weight:400;white-space:normal}
.ika-ds .menu-pop .mt{font-size:var(--fs-xs);color:var(--muted);font-weight:500;white-space:nowrap}
.ika-ds .menu-pop .mt .pill{font-size:var(--fs-xs)}
.ika-ds .menu-pop>a[aria-current=true]{font-weight:600}
.ika-ds .menu-pop>a[aria-current=true]::after{content:"";width:14px;height:14px;background:var(--red-dark);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E") center/contain no-repeat}
.ika-ds .menu-pop hr{border:0;border-top:1px solid var(--line);margin:5px 2px}
.ika-ds .menu-pop .mhead{display:block;font-size:var(--fs-xs);font-weight:600;color:var(--muted);padding:8px 10px 3px}
.ika-ds .menu-pop .mid{display:flex;align-items:center;gap:10px;padding:8px 10px 10px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.ika-ds .menu-pop .mid b{display:block;font-size:var(--fs-base);font-weight:600}
.ika-ds .menu-pop .mid small{display:block;font-size:var(--fs-sm);color:var(--muted);overflow:hidden;text-overflow:ellipsis}
.ika-ds .menu-pop .mid>span{min-width:0}
.ika-ds .menu-pop .av{width:22px;height:22px;border-radius:50%;background:var(--tint);color:var(--red-dark);font-size:var(--fs-xs);font-weight:700;display:grid;place-items:center;flex:none}
.ika-ds .menu-pop .mid .av{width:34px;height:34px;font-size:var(--fs-sm)}
.ika-ds .menu-pop .code{font-size:var(--fs-xs);font-weight:700;letter-spacing:.02em;color:var(--muted);border:1px solid var(--line-2);border-radius:var(--r-xs);height:18px;display:grid;place-items:center}
.ika-ds .flag{display:inline-block;width:20px;height:14px;border-radius:var(--r-xs);overflow:hidden;box-shadow:0 0 0 1px rgba(21,20,20,.12);flex:none;vertical-align:-2px;line-height:0}
.ika-ds .flag svg{width:100%;height:100%;display:block}
.ika-ds .menu-pop .flag{width:18px;height:13px}
.ika-ds .menu-pop .soon{display:block;padding:7px 10px;color:var(--muted);font-size:var(--fs-sm)}
.ika-ds .menu-pop .mfoot{display:flex;justify-content:space-between;gap:8px;padding:8px 10px 4px;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .menu-pop .mfoot a{color:var(--ink);font-weight:600}
.ika-ds .menu-pop.wide{--mp-w:320px}
.ika-ds .dd[open]>summary{background:var(--stone)}
.ika-ds .dd:not([open])>.menu-pop{display:none}
@media (max-width:560px){.ika-ds .menu-pop{right:-8px}}
.ika-ds .wrap{padding-left:24px!important;padding-right:24px!important}
@media (max-width:640px){.ika-ds .wrap{padding-left:16px!important;padding-right:16px!important}}
.ika-ds fieldset{min-width:0}
.ika-ds .two-col>*,.ika-ds .pgrid>*,.ika-ds .pnl-in>*,.ika-ds .opts>*{min-width:0}
.ika-ds .opts{grid-template-columns:minmax(0,1fr)}
.ika-ds select,.ika-ds input,.ika-ds textarea{max-width:100%}
.ika-ds .affix{min-width:0}
.ika-ds .affix input{min-width:0;flex:1 1 80px}
.ika-ds:not(.has-cart) .cart{display:none}
.ika-ds .menu>li>button,.ika-ds .menu>li>a.mtop{font-size:var(--fs-md)!important;min-height:40px}
@media (max-width:1440px){.ika-ds .menu{margin-left:16px}}
@media (max-width:1440px){.ika-ds .menu>li>button,.ika-ds .menu>li>a.mtop{padding-inline:10px}}
.ika-ds .burger{width:44px;height:44px;border:0;background:none;border-radius:var(--r-md);cursor:pointer;color:var(--ink);place-items:center;padding:0}
.ika-ds .burger:hover{background:var(--stone)}
.ika-ds .burger svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.ika-ds .burger svg path{transition:transform var(--dur-2),opacity var(--dur-2);transform-origin:center}
@media (max-width:1000px){.ika-ds .burger{display:grid!important}}
@media (max-width:560px){.ika-ds .menu-pop>a{padding:11px 10px!important}}
.ika-ds .menu-pop .mt{min-width:24px;text-align:center}
.ika-ds .menu-pop .mt:not(:has(.pill)){background:var(--stone);border-radius:var(--r-pill);padding:1px 8px;font-weight:600;color:var(--ink-soft)}
.ika-ds .menu-pop .mt .pill{padding:1px 8px;font-size:var(--fs-xs)}
@media (max-width:640px){.ika-ds .trust{grid-template-columns:1fr!important}}
@media (max-width:640px){.ika-ds .trust>div{border-left:0!important}}
@media (max-width:640px){.ika-ds .trust>div+div{border-top:1px solid var(--line)}}
@media (max-width:640px){.ika-ds .tech ul{display:grid!important;grid-template-columns:repeat(5,1fr);gap:18px 8px!important;justify-items:center}}
@media (max-width:640px){.ika-ds .hero .in{padding-top:32px!important;padding-bottom:48px!important}}
@media (max-width:640px){.ika-ds .hero p{font-size:var(--fs-md);margin:16px 0 24px}}
@media (max-width:640px){.ika-ds .search .btn{width:100%}}
@media (max-width:640px){.ika-ds .cta-row{display:grid!important;grid-template-columns:1fr;gap:8px}}
@media (max-width:640px){.ika-ds .cta-row .btn{width:100%}}
@media (max-width:640px){.ika-ds .sec-head{flex-wrap:wrap;gap:12px}}
@media (max-width:640px){.ika-ds .pg-head{flex-direction:column;align-items:flex-start;gap:4px}}
@media (max-width:640px){.ika-ds .bill{display:grid!important;grid-template-columns:repeat(4,1fr);width:100%}}
@media (max-width:640px){.ika-ds .bill button{white-space:nowrap;justify-content:center;padding:9px 4px!important}}
@media (max-width:640px){.ika-ds .bill .save{display:none}}
.ika-ds .menu>li>a.mtop{display:flex;align-items:center;font-weight:550;font-size:var(--fs-md);color:var(--ink);text-decoration:none;padding:9px 14px;border-radius:var(--r-sm)}
.ika-ds .menu>li>a.mtop:hover{background:var(--stone)}
.ika-ds .mx h3{font-size:var(--fs-xs);font-weight:600;color:var(--muted);margin:0 0 8px;padding:0 12px}
.ika-ds .mrail{background:var(--canvas-2);border-right:1px solid var(--line);padding:20px 12px;display:flex;flex-direction:column;gap:2px}
.ika-ds .mrail button{display:flex;align-items:center;gap:10px;width:100%;font:inherit;font-size:var(--fs-base);font-weight:550;color:var(--ink);background:none;border:0;border-radius:var(--r-sm);padding:8px 10px;text-align:left;cursor:pointer}
.ika-ds .mrail button .mic{width:30px;height:30px;border-radius:var(--r-sm);background:none;grid-row:auto}
.ika-ds .mrail button .mic svg{width:18px;height:18px;stroke:var(--ink-soft)}
.ika-ds .mrail button:hover{background:var(--stone)}
.ika-ds .mrail button[aria-selected=true]{background:var(--surface);box-shadow:var(--sh-1);color:var(--red-dark)}
.ika-ds .mrail button[aria-selected=true] .mic svg{stroke:var(--red-dark)}
.ika-ds .mrail button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.ika-ds .mbody{padding:20px 20px 16px;display:grid;gap:14px;align-content:start;min-width:0}
.ika-ds .mpane{display:grid;gap:14px;align-content:start;grid-area:1/1}
.ika-ds .mpane[hidden]{display:grid!important;visibility:hidden}
.ika-ds .mgrp ul{grid-template-columns:1fr 1fr}
.ika-ds .mgrp+.mgrp{border-top:1px solid var(--line);padding-top:14px}
.ika-ds .mbadge{font-style:normal;font-size:var(--fs-xs);font-weight:600;color:var(--red-dark);background:var(--tint);border-radius:var(--r-pill);padding:1px 8px;margin-left:6px;vertical-align:1px}
.ika-ds .menu-pop .mgo-btn{display:flex;width:100%;margin:4px 0 6px;background:var(--ink);border-color:var(--ink);color:var(--surface)!important;font-weight:600}
.ika-ds .menu-pop .mgo-btn:hover,.ika-ds .menu-pop .mgo-btn:focus-visible{background:var(--ink-3);border-color:var(--ink-3)}
.ika-ds:not(.has-cart) .menu-pop .mcart{display:none}
.ika-ds .menu-pop>a.mattn{grid-template-columns:auto minmax(0,1fr) auto;background:var(--bad-soft);margin:0 0 2px}
.ika-ds .menu-pop>a.mattn:hover{background:var(--bad-soft);filter:brightness(.97)}
.ika-ds .menu-pop>a.mattn .mt{color:var(--bad);font-weight:700;background:none}
.ika-ds .u-row{display:flex;gap:8px;flex-wrap:wrap}
.ika-ds .u-ac{align-items:center}
.ika-ds .u-gap12{gap:12px!important}
.ika-ds .u-mw-xs{max-width:120px}
.ika-ds .u-mw-xxs{max-width:90px}
.ika-ds .u-mw-sm{max-width:420px}
.ika-ds .u-mw-md{max-width:560px}
.ika-ds .u-mw-lg{max-width:680px}
.ika-ds .u-mw-xl{max-width:820px}
.ika-ds .u-minw-xs{min-width:86px}
.ika-ds .u-minw-md{min-width:220px}
.ika-ds .u-minh0{min-height:0!important}
.ika-ds .u-minh80{min-height:80px}
.ika-ds .u-ico32{width:32px!important;height:32px!important;padding:5px}
.ika-ds .u-ico36{width:36px!important;height:36px!important;padding:6px}
.ika-ds .u-accent{color:var(--red-deep)!important}
.ika-ds .u-bad{color:var(--bad)!important}
.ika-ds .u-ok{color:var(--ok)!important}
.ika-ds .u-fs-xl{font-size:var(--fs-xl)!important}
.ika-ds .u-fw6{font-weight:600!important}
.ika-ds .u-fw7{font-weight:700!important}
.ika-ds .u-mt4{margin-top:4px!important}
.ika-ds .u-my16{margin:16px 0!important}
.ika-ds .u-pt12{padding-top:12px!important}
.ika-ds .u-pointer{cursor:pointer}
.ika-ds .u-tr{text-align:right!important}
.ika-ds .u-block{display:block}
.ika-ds .u-ml-auto{margin-left:auto}
.ika-ds .u-btnreset{font:inherit;background:var(--surface)}
.ika-ds .agrid.agrid-sm{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}
.ika-ds .qr-ph{width:140px;height:140px;background:repeating-conic-gradient(var(--ink) 0 25%,var(--surface) 0 50%) 0 0/20px 20px;border-radius:var(--r-sm);margin:10px 0}
.ika-ds .itip{position:relative;display:inline-flex;vertical-align:middle}
.ika-ds .itip-b{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:var(--fs-sm);font-weight:500;color:var(--muted);background:none;border:0;border-radius:var(--r-pill);padding:4px 8px 4px 6px;cursor:help}
.ika-ds .itip-b:hover{color:var(--ink);background:var(--stone)}
.ika-ds .itip-b:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.ika-ds .itip-b svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.ika-ds .itip-pop{position:absolute;z-index:70;top:calc(100% + 8px);left:50%;transform:translate(-50%,4px);width:min(340px,calc(100vw - 32px));background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-2);padding:12px 14px;font-size:var(--fs-sm);font-weight:400;color:var(--ink);text-align:left;line-height:1.5;opacity:0;visibility:hidden;transition:opacity .12s,transform .12s,visibility 0s .12s}
.ika-ds .itip-pop>b{display:block;font-size:var(--fs-base);margin-bottom:8px}
.ika-ds .itip-pop dl{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin:0;align-items:start}
.ika-ds .itip-pop dt{margin:0}
.ika-ds .itip-pop dd{margin:0;color:var(--ink-2)}
.ika-ds .itip-pop .fnote{margin:10px 0 0}
.ika-ds .fchips .itip{margin-left:auto}
.ika-ds .fchips .itip-b{border:0;background:none;padding:4px 8px 4px 6px;font-weight:500}
.ika-ds .fchips .itip-b:hover{background:var(--stone)}
.ika-ds .itip.end .itip-pop{left:auto;right:0;transform:translate(0,4px)}
@media (hover:hover){.ika-ds .itip:hover .itip-pop{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:.15s,.15s,0s}}
@media (hover:hover){.ika-ds .itip.end:hover .itip-pop{transform:none}}
.ika-ds .itip:focus-within .itip-pop,.ika-ds .itip.is-open .itip-pop{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.ika-ds .itip.end:focus-within .itip-pop,.ika-ds .itip.end.is-open .itip-pop{transform:none}
@media (prefers-reduced-motion:reduce){.ika-ds .itip-pop{transition:none}}
.ika-ds :where(input:not([type]),input[type=text],input[type=email],input[type=search],input[type=url],input[type=tel],input[type=password],input[type=number],input[type=date],input[type=time],select,textarea){font:inherit;font-size:var(--fs-base);line-height:1.4;color:var(--ink);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--r-md);padding:8px 11px;min-height:38px;transition:border-color var(--dur-1),box-shadow var(--dur-1)}
.ika-ds :where(textarea){min-height:88px;resize:vertical}
.ika-ds :where(select){appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235f5a58' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer}
.ika-ds :where(input,select,textarea):focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 12%,transparent)}
.ika-ds :where(input,select,textarea):disabled{opacity:.55;cursor:not-allowed}
.ika-ds :where(input,textarea)::placeholder{color:var(--ink-4)}
.ika-ds :where(input[type=checkbox],input[type=radio]){appearance:none;flex:none;width:18px;height:18px;margin:0;border:1.5px solid var(--line-strong);background:var(--surface) center/12px no-repeat;border-radius:var(--r-xs);cursor:pointer;vertical-align:-3px;transition:background-color var(--dur-1),border-color var(--dur-1)}
.ika-ds :where(input[type=radio]){border-radius:50%}
.ika-ds :where(input[type=checkbox],input[type=radio]):hover{border-color:var(--ink)}
.ika-ds :where(input[type=checkbox]):checked{background-color:var(--red-dark);border-color:var(--red-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.ika-ds :where(input[type=checkbox]):indeterminate{background-color:var(--red-dark);border-color:var(--red-dark);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round'%3E%3Cpath d='M6 12h12'/%3E%3C/svg%3E")}
.ika-ds :where(input[type=radio]):checked{border-color:var(--red-dark);background:radial-gradient(circle,var(--red-dark) 0 4.5px,var(--surface) 5px)}
.ika-ds :where(input[type=checkbox],input[type=radio]):focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:none}
.ika-ds .isel,.ika-ds .idate{position:relative;display:block}
.ika-ds .isel-native{position:absolute!important;inset:0;opacity:0;pointer-events:none;width:100%!important}
.ika-ds .isel-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:42px;padding:0 12px 0 14px;font:inherit;font-size:var(--fs-base);color:var(--ink);text-align:left;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);cursor:pointer}
.ika-ds .isel-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ika-ds .isel-btn::after{content:"";flex:none;width:8px;height:8px;border-right:1.8px solid var(--muted);border-bottom:1.8px solid var(--muted);transform:translateY(-2px) rotate(45deg);transition:transform var(--dur-2)}
.ika-ds .isel.is-open .isel-btn::after,.ika-ds .isel-btn[aria-expanded=true]::after{transform:translateY(2px) rotate(-135deg)}
.ika-ds .isel-btn:hover{border-color:var(--ink-3)}
.ika-ds .isel-btn:focus-visible{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 12%,transparent)}
.ika-ds .isel-btn:disabled{opacity:.55;cursor:not-allowed}
.ika-ds .idate-btn.is-empty span{color:var(--ink-4)}
.ika-ds .idate-btn::after{width:14px;height:14px;border:0;transform:none!important;background:currentColor;color:var(--muted);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E") center/contain no-repeat}
.ika-ds .isel-list,.ika-ds .ipop,.ika-ds .dfpop{position:absolute;z-index:60;top:calc(100% + 6px);left:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-2)}
.ika-ds .isel-list{right:0;min-width:100%;max-height:280px;overflow:auto;list-style:none;margin:0;padding:6px}
.ika-ds .isel-list:focus{outline:none}
.ika-ds .isel-list li{padding:9px 12px;border-radius:var(--r-sm);font-size:var(--fs-base);cursor:pointer;display:flex;justify-content:space-between;gap:12px}
.ika-ds .isel-list li.act{background:var(--stone)}
.ika-ds .isel-list li[aria-selected=true]{font-weight:600}
.ika-ds .isel-list li[aria-selected=true]::after{content:"";width:6px;height:11px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg);margin-top:1px}
.ika-ds .isel-list li[aria-disabled=true]{color:var(--ink-4);cursor:not-allowed}
.ika-ds .ipop{padding:14px;width:max-content}
.ika-ds .ical-nav{position:relative;height:0}
.ika-ds .ical-nav button{position:absolute;top:-2px;width:30px;height:30px;border:0;background:none;border-radius:var(--r-sm);font-size:var(--fs-lg);color:var(--ink-soft);cursor:pointer}
.ika-ds .ical-nav button:hover{background:var(--stone)}
.ika-ds .ical-pv{left:0}
.ika-ds .ical-nx{right:0}
.ika-ds .ical-months{display:flex;gap:24px}
.ika-ds .ical-t{display:block;text-align:center;font-size:var(--fs-base);font-weight:600;line-height:26px;margin-bottom:8px}
.ika-ds .ical-g{display:grid;grid-template-columns:repeat(7,36px);gap:2px 0}
.ika-ds .ical-w{font-size:var(--fs-xs);color:var(--muted);text-align:center;padding-bottom:4px}
.ika-ds .ical-d{height:34px;border:0;background:none;font:inherit;font-size:var(--fs-sm);color:var(--ink);border-radius:var(--r-sm);cursor:pointer;font-variant-numeric:tabular-nums}
.ika-ds .ical-d:hover{background:var(--stone)}
.ika-ds .ical-d.today{box-shadow:inset 0 0 0 1px var(--line-2)}
.ika-ds .ical-d.inr{background:var(--stone);border-radius:0}
.ika-ds .ical-d.sel{background:var(--ink);color:var(--surface);font-weight:600}
.ika-ds .ical-d:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.ika-ds .dfilter{position:relative;display:inline-block}
.ika-ds .dfbtn{width:auto;min-width:210px}
.ika-ds .dfbtn .dfl{color:var(--muted)}
.ika-ds .dfbtn b{font-weight:600;margin-left:6px}
.ika-ds .dfbtn.is-set{border-color:var(--ink)}
.ika-ds .dfbtn span{display:inline}
.ika-ds .dfpop{right:0;left:auto;display:grid;grid-template-columns:180px auto;width:max-content;max-width:calc(100vw - 32px)}
.ika-ds .dfpop[hidden]{display:none}
.ika-ds .dfpre{list-style:none;margin:0;padding:10px;border-right:1px solid var(--line);display:grid;align-content:start;gap:2px}
.ika-ds .dfpre button{width:100%;text-align:left;font:inherit;font-size:var(--fs-sm);padding:8px 10px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink-soft);cursor:pointer}
.ika-ds .dfpre button:hover{background:var(--stone)}
.ika-ds .dfpre button[aria-pressed=true]{background:var(--stone);color:var(--ink);font-weight:600}
.ika-ds .dfcal{padding:14px 16px}
.ika-ds .dffoot{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--line)}
.ika-ds .dffoot .dfsum{margin-right:auto;font-size:var(--fs-sm);color:var(--ink-soft)}
@media (max-width:640px){.ika-ds .dfilter{display:block;width:100%}}
@media (max-width:640px){.ika-ds .dfbtn{width:100%;min-width:0}}
@media (max-width:640px){.ika-ds .dfpop{position:fixed;left:12px!important;right:12px;top:auto;bottom:12px;width:auto;grid-template-columns:1fr;max-height:85vh;overflow:auto}}
@media (max-width:640px){.ika-ds .dfpre{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr}}
@media (max-width:640px){.ika-ds .ical-months{display:block}}
@media (max-width:640px){.ika-ds .ical-m{width:100%}}
@media (max-width:640px){.ika-ds .ical-g{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media (max-width:640px){.ika-ds .ical-d{height:40px}}
@media (max-width:640px){.ika-ds .ipop{max-width:calc(100vw - 32px)}}
.ika-ds .affix input,.ika-ds .aibox textarea,.ika-ds .search input{box-shadow:none!important;border-radius:0;min-height:0;background-color:transparent}
.ika-ds .aibox textarea{min-height:0!important}
.ika-ds{font-family:'Instrument Sans',Arial,'Helvetica Neue',sans-serif}
.ika-ds .endcta h2,.ika-ds .hero h1,.ika-ds .phead h1,.ika-ds .plan .pr,.ika-ds .stat b{font-family:'Instrument Sans','Arial Narrow',Arial,sans-serif}
.ika-ds .hero h1{max-width:6.9em}
.ika-ds .sysstat .sdot{width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px color-mix(in srgb,var(--live) 25%,transparent);animation:sdotp 2.4s ease-in-out infinite}
.ika-ds .sysstat.warn .sdot{background:var(--warn)}
@media (prefers-reduced-motion:reduce){.ika-ds .sysstat .sdot{animation:none}}
.ika-ds .faq{border-top:1px solid var(--line)}
.ika-ds .menu-pop{color:var(--ink)}
.ika-ds .menu-pop a:not(.btn),.ika-ds .menu-pop a:not(.btn):hover,.ika-ds .menu-pop summary{color:var(--ink)}
.ika-ds .menu-pop .mhead,.ika-ds .menu-pop small{color:var(--muted)}
.ika-ds .btn.btn-primary,.ika-ds .btn.btn-primary:visited{background:var(--red-dark)!important;color:var(--on-accent)!important}
.ika-ds .btn.btn-primary:hover,.ika-ds .btn.btn-primary:focus-visible{background:var(--red-deep)!important;color:var(--on-accent)!important}
.ika-ds .btn.btn-secondary,.ika-ds .btn.btn-secondary:visited{background:var(--surface)!important;color:var(--ink)!important}
.ika-ds .btn.btn-secondary:hover{background:var(--surface)!important;color:var(--ink)!important;border-color:var(--ink)!important}
.ika-ds .btn.btn-ink:hover{background:var(--ink-3)!important;color:var(--on-accent)!important}
.ika-ds .btn.btn-danger:hover{background:var(--bad-soft)!important;color:var(--bad)!important}
.ika-ds .btn.btn-quiet:hover{background:var(--stone)!important;color:var(--ink)!important}
.ika-ds .brandfill{stroke:none!important;fill:currentColor}
.ika-ds .tic,.ika-ds .wz-opts .wi,.ika-ds .orbit .chip i,.ika-ds .mrail .mic{color:var(--red-dark)}
.ika-ds .mrail button .mic{color:var(--ink-soft)}
.ika-ds .mrail button[aria-selected=true] .mic{color:var(--red-dark)}
.ika-ds .stats>a.stat{text-decoration:none;color:inherit;transition:border-color var(--dur-1)}
.ika-ds .stats>a.stat:hover{border-color:var(--line-strong)}
.ika-ds .stats>a.stat:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ika-ds .stat span{display:block}
.ika-ds .stat.bad b{color:var(--bad)}
.ika-ds .stat.due b{color:var(--warn)}
.ika-ds .stats.four{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:760px){.ika-ds .stats.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ika-ds .d4quick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.ika-ds .d4quick .btn>svg{width:16px;height:16px;flex:none;margin-right:6px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ika-ds .ptabs{position:relative}
.ika-ds .ptabs>a,.ika-ds .ptabs>button{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:0 12px;font:inherit;font-size:var(--fs-base);font-weight:600;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;text-decoration:none;cursor:pointer;white-space:nowrap}
.ika-ds .ptabs>a:hover,.ika-ds .ptabs>button:hover{color:var(--ink)}
.ika-ds .ptabs>a[aria-current=page],.ika-ds .ptabs>button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--red-dark)}
.ika-ds .ptabs-in{margin-bottom:12px}
.ika-ds .ptabs.more-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.ika-ds .ptabs.more-l{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px);mask-image:linear-gradient(90deg,transparent,#000 40px)}
.ika-ds .ptabs.more-l.more-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.ika-ds [role=tabpanel]:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:var(--r-xs)}
.ika-ds :is(.ptable,.cmp) :is(td,th){font-variant-numeric:tabular-nums}
.ika-ds :is(.ptable,.cmp) :is(td,th).num{text-align:right}
.ika-ds :is(.ptable,.cmp) :is(td,th).act{text-align:right;white-space:nowrap;width:1%}
.ika-ds :is(.ptable,.cmp) td.act .racts{justify-content:flex-end}
.ika-ds .tbl-wrap:focus-visible,.ika-ds .tscroll:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ika-ds .tbl-wrap,.ika-ds .tscroll{position:relative}
@media (max-width:640px){.ika-ds .pbody .ptable td.num,.ika-ds .pbody .ptable td.act{text-align:left;width:auto}}
@media (max-width:640px){.ika-ds .tbl-wrap{padding:0!important}}
@media (max-width:640px){.ika-ds .cmp :is(th,td):first-child{padding-left:14px}}
@media (max-width:640px){.ika-ds .cmp :is(th,td):last-child{padding-right:14px}}
@media (max-width:640px){.ika-ds .cmp :is(th[scope=row],thead th:first-child){position:sticky;left:0;z-index:1;background:var(--surface);box-shadow:1px 0 0 var(--line)}}
@media (max-width:640px){.ika-ds .cmp :is(td,thead th:not(:first-child)){min-width:128px}}
@media (max-width:640px){.ika-ds .cmp td{hyphens:none}}
.ika-ds .opt{border:1.5px solid var(--line-strong);transition:border-color var(--dur-1),background-color var(--dur-1)}
.ika-ds .opt:hover{border-color:var(--ink-3)}
.ika-ds .opt:has(input:checked){border-color:var(--ink);background:var(--stone);box-shadow:inset 0 0 0 1px var(--ink)}
.ika-ds .opt:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.ika-ds .opt:has(input:disabled){opacity:.62;border-style:dashed;cursor:not-allowed}
.ika-ds .opt:has(input:disabled):hover{border-color:var(--line-strong)}
.ika-ds .opt-tile{position:relative;display:grid;gap:2px;align-content:start;align-items:start;padding:14px 38px 14px 14px}
.ika-ds .opt-tile>input{position:absolute!important;opacity:0;pointer-events:none;width:1px!important;height:1px!important}
.ika-ds .opt-tile>span{font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .opt-tile:has(input:checked)::after{content:"";position:absolute;top:12px;right:12px;width:18px;height:18px;border-radius:50%;background:var(--red-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 3 3 5-6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.ika-ds .opt-tile.is-soon a{pointer-events:auto}
.ika-ds .field :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.isel-btn,.idate>button){height:var(--ctl-md);min-height:0;font-size:var(--fs-md);padding-top:0;padding-bottom:0;border:1.5px solid var(--line-strong)}
.ika-ds .field select{height:var(--ctl-md);font-size:var(--fs-md)}
.ika-ds .field :is(.telrow,.sfx,.u-row)>.btn{height:var(--ctl-md);min-height:0}
.ika-ds .pbody .field :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),.isel-btn,.idate>button),.ika-ds .pbody .field select{height:var(--ctl-sm);font-size:var(--fs-base)}
.ika-ds .pbody .field :is(.telrow,.sfx,.u-row)>.btn{height:var(--ctl-sm)}
.ika-ds .field .affix input{border:0!important;height:calc(var(--ctl-md) - 3px)}
.ika-ds .pbody .field .affix input{height:calc(var(--ctl-sm) - 3px)}
.ika-ds .actx .qs input{border:1.5px solid var(--line-strong);border-radius:var(--r-md);font-size:var(--fs-base);min-height:var(--ctl-sm)}
@media (max-width:640px){.ika-ds :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),textarea,select,.isel-btn,.idate>button):not(.search input):not(.otp){font-size:16px!important}}
.ika-ds :is(input,select,textarea,.isel-btn)[aria-invalid=true]{border-color:var(--red-dark)!important}
.ika-ds :is(input,select,textarea,.isel-btn)[aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--red-dark) 18%,transparent)}
.ika-ds .ferr{display:flex;gap:6px;align-items:flex-start;margin-top:6px;font-size:var(--fs-sm);font-weight:500;line-height:1.45;color:var(--red-deep)}
.ika-ds .ferr::before{content:"";flex:0 0 16px;height:16px;margin-top:1px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='M10 6v4.6M10 13.6v.1'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='M10 6v4.6M10 13.6v.1'/%3E%3C/svg%3E") center/16px no-repeat}
.ika-ds .alert{align-items:flex-start!important;justify-content:flex-start!important;gap:10px 12px!important;padding:14px 16px!important;color:var(--ink)!important;line-height:1.55;border-radius:var(--r-md)}
.ika-ds .alert::before{content:"";flex:0 0 20px;width:20px;height:20px;margin-top:1px;background-color:var(--warn);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2.8 18 16.6H2z'/%3E%3Cpath d='M10 8v3.6M10 14.1v.1'/%3E%3C/svg%3E") center/20px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 2.8 18 16.6H2z'/%3E%3Cpath d='M10 8v3.6M10 14.1v.1'/%3E%3C/svg%3E") center/20px no-repeat}
.ika-ds .alert>span{flex:1 1 260px;min-width:0}
.ika-ds .alert b{font-weight:600;color:inherit}
.ika-ds .alert>.btn,.ika-ds .alert>button,.ika-ds .alert>a.btn{margin-left:auto;align-self:center;flex:none}
.ika-ds .alert.bad::before{background-color:var(--red-deep);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='M10 6v4.6M10 13.6v.1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='M10 6v4.6M10 13.6v.1'/%3E%3C/svg%3E")}
.ika-ds .alert.ok::before{background-color:var(--ok);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='m6.8 10.2 2.2 2.2 4.2-4.6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='m6.8 10.2 2.2 2.2 4.2-4.6'/%3E%3C/svg%3E")}
.ika-ds .alert.info{background:var(--canvas-2)!important;border-color:var(--line)!important}
.ika-ds .alert.info::before{background-color:var(--ink-soft);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='M10 9.2v4.6M10 6.3v.1'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='10' cy='10' r='7.6'/%3E%3Cpath d='M10 9.2v4.6M10 6.3v.1'/%3E%3C/svg%3E")}
.ika-ds .alert.alert-note{background:transparent!important;border:1px dashed var(--line-2)!important;color:var(--muted)!important;padding:12px 14px!important}
.ika-ds .alert.alert-note::before{flex-basis:16px;width:16px;height:16px;margin-top:3px;background-color:var(--ink-4);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 3.5l3 3L7 16H4v-3z'/%3E%3C/svg%3E") center/16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13.5 3.5l3 3L7 16H4v-3z'/%3E%3C/svg%3E") center/16px no-repeat}
.ika-ds .alert.alert-note code{font-size:.92em}
.ika-ds .fnote.is-draft{border-left:2px dashed var(--line-2);padding-left:10px;color:var(--ink-4)}
.ika-ds .alert.alert-note:not(:last-child){margin-bottom:16px}
.ika-ds .steps-on,.ika-ds .prov-steps,.ika-ds .cw-prog{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ika-ds .steps-on li,.ika-ds .pcard .prov-steps li,.ika-ds .prov-steps li,.ika-ds .cw-prog li{position:relative;display:grid;grid-template-columns:24px minmax(0,1fr) auto;column-gap:14px;align-items:start;padding:0 0 18px;margin:0;border:0;border-radius:0;background:none;color:var(--ink);font-size:var(--fs-md)}
.ika-ds .steps-on li:last-child,.ika-ds .prov-steps li:last-child,.ika-ds .cw-prog li:last-child{padding-bottom:0}
.ika-ds .steps-on li::before,.ika-ds .prov-steps li::before,.ika-ds .cw-prog li::before{content:"";grid-column:1;grid-row:1/3;width:24px;height:24px;box-sizing:border-box;border-radius:50%;border:2px solid var(--line-strong);background:var(--surface) center/14px no-repeat;animation:none}
.ika-ds .steps-on li:not(:last-child)::after,.ika-ds .prov-steps li:not(:last-child)::after,.ika-ds .cw-prog li:not(:last-child)::after{content:"";position:absolute;left:11px;top:28px;bottom:4px;width:2px;border-radius:2px;background:var(--line)}
.ika-ds .steps-on li.ok::before,.ika-ds .prov-steps li.ok::before,.ika-ds .cw-prog li.done::before{border-color:var(--ok)!important;background-color:var(--ok)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 8 3 3 5-6' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-size:14px!important;background-position:center!important;background-repeat:no-repeat!important}
.ika-ds .steps-on li.ok:not(:last-child)::after,.ika-ds .prov-steps li.ok:not(:last-child)::after,.ika-ds .cw-prog li.done:not(:last-child)::after{background:color-mix(in srgb,var(--ok) 45%,var(--line))}
.ika-ds .steps-on li.run::before,.ika-ds .prov-steps li.on::before,.ika-ds .cw-prog li.run::before{border-color:var(--red);border-right-color:transparent;animation:dsspin .8s linear infinite}
.ika-ds .prov-steps li i{display:none}
.ika-ds .steps-on li>div,.ika-ds .prov-steps li>span{grid-column:2;min-width:0}
.ika-ds .steps-on li>div>b,.ika-ds .prov-steps li b{display:block;font-size:var(--fs-md);font-weight:600;line-height:1.35;padding-top:2px;color:var(--ink)}
.ika-ds .steps-on li>div>span,.ika-ds .prov-steps li small{display:block;margin-top:2px;font-size:var(--fs-sm);color:var(--muted)}
.ika-ds .steps-on li:not(.ok):not(.run)>div>b,.ika-ds .prov-steps li:not(.ok):not(.on) b,.ika-ds .cw-prog li:not(.done):not(.run){color:var(--muted)}
.ika-ds .steps-on li>:last-child:not(div){grid-column:3;grid-row:1/3;align-self:center}
.ika-ds .cw-prog{margin-top:14px}
.ika-ds .cw-prog li{padding-bottom:12px;font-size:var(--fs-base);line-height:24px}
@media (prefers-reduced-motion:reduce){.ika-ds .steps-on li.run::before,.ika-ds .prov-steps li.on::before,.ika-ds .cw-prog li.run::before{animation:none;border-right-color:var(--red)}}
.ika-ds .qlist details,.ika-ds .qa-list details,.ika-ds details.qa{border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;padding:0;margin:0}
.ika-ds .qlist details:first-of-type,.ika-ds .qa-list details:first-of-type,.ika-ds details.qa:first-of-type{border-top:1px solid var(--line)}
.ika-ds .qlist summary,.ika-ds .qa-list summary,.ika-ds details.qa>summary{list-style:none;position:relative;display:block;padding:18px 40px 18px 0;cursor:pointer;font-size:var(--fs-md);font-weight:600;line-height:1.4;color:var(--ink)}
.ika-ds .qlist summary::-webkit-details-marker,.ika-ds .qa-list summary::-webkit-details-marker,.ika-ds details.qa>summary::-webkit-details-marker{display:none}
.ika-ds .qlist summary::after,.ika-ds .qa-list summary::after,.ika-ds details.qa>summary::after{content:"";position:absolute;right:8px;top:50%;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-70%) rotate(45deg);transition:transform var(--dur-2) ease}
.ika-ds .qlist details[open]>summary::after,.ika-ds .qa-list details[open]>summary::after{transform:translateY(-30%) rotate(-135deg)}
.ika-ds .qlist summary:hover,.ika-ds .qa-list summary:hover,.ika-ds details.qa>summary:hover{color:var(--red-dark)}
.ika-ds .qlist details>p,.ika-ds .qa-list details>p,.ika-ds details.qa>p{margin:0 0 18px;max-width:68ch;color:var(--ink-soft);font-size:var(--fs-md);line-height:1.6}
@media (prefers-reduced-motion:reduce){.ika-ds .qlist summary::after,.ika-ds .qa-list summary::after,.ika-ds details.qa>summary::after{transition:none}}
.ika-ds .afilters button,.ika-ds .qchip,.ika-ds .pr-tabs button,.ika-ds .fchips button,.ika-ds .kbnav a{display:inline-flex;align-items:center;gap:8px;min-height:36px;height:auto;padding:0 16px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-sm);font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap;box-shadow:none;transition:border-color var(--dur-2),background-color var(--dur-2)}
.ika-ds .afilters button:hover,.ika-ds .qchip:hover,.ika-ds .pr-tabs button:hover,.ika-ds .fchips button:hover,.ika-ds .kbnav a:hover{border-color:var(--ink)}
.ika-ds .afilters button[aria-pressed=true],.ika-ds .qchip[aria-pressed=true],.ika-ds .pr-tabs button[aria-selected=true],.ika-ds .fchips button[aria-pressed=true],.ika-ds .kbnav a[aria-current=true]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-ds .fchips button b{font-size:var(--fs-xs);font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-pill);display:inline-grid;place-items:center;background:var(--stone);color:var(--ink)}
.ika-ds .fchips button[aria-pressed=true] b{background:color-mix(in srgb,var(--surface) 22%,transparent);color:var(--surface)}
.ika-ds .afilters,.ika-ds .qchips,.ika-ds .pr-tabs,.ika-ds .fchips,.ika-ds .kbnav{display:flex;flex-wrap:wrap;gap:8px;background:none;padding-left:0;padding-right:0}
.ika-ds .fchips .itip{margin-left:4px;align-self:center}
.ika-ds .dchip,.ika-ds .pjump a,.ika-ds .tlds a{display:inline-flex;align-items:baseline;gap:6px;min-height:34px;padding:7px 14px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font:inherit;font-size:var(--fs-sm);font-weight:500;line-height:1.3;text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color var(--dur-2)}
.ika-ds .dchip:hover,.ika-ds .pjump a:hover,.ika-ds .tlds a:hover{border-color:var(--ink)}
.ika-ds .dchip b,.ika-ds .tlds a b{font-weight:700}
.ika-ds .dchip span{color:var(--muted)}
.ika-ds .tlds,.ika-ds .dchips,.ika-ds .pjump{display:flex;flex-wrap:wrap;gap:8px;background:none;padding:0;border:0}
.ika-ds .bill,.ika-ds .ostabs,.ika-ds .seg{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;background:var(--stone);border-radius:var(--r-md);border:0;width:auto}
.ika-ds .bill button,.ika-ds .ostabs button,.ika-ds .seg label{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border:0;border-radius:var(--r-sm);background:none;color:var(--muted);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;box-shadow:none}
.ika-ds .bill button[aria-pressed=true],.ika-ds .ostabs button[aria-selected=true],.ika-ds .seg label:has(input:checked){background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.ika-ds .steps,.ika-ds .swsteps,.ika-ds .ksteps,.ika-ds .ap-steps,.ika-ds .tsteps{list-style:none;counter-reset:dsstep;margin:0;padding:0;border:0;border-radius:0;overflow:visible}
.ika-ds .steps li,.ika-ds .swsteps li,.ika-ds .ksteps li,.ika-ds .ap-steps li,.ika-ds .ap-steps li:first-child,.ika-ds .tsteps li{counter-increment:dsstep;position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;row-gap:0;gap:0 14px;align-content:start;align-items:start;padding:0;border:0;margin:0}
.ika-ds .steps li::before,.ika-ds .swsteps li::before,.ika-ds .ksteps li::before,.ika-ds .ap-steps li::before,.ika-ds .tsteps li::before{content:counter(dsstep);grid-row:1/4;width:32px;height:32px;border-radius:50%;border:0;margin:0;background:var(--tint);color:var(--red-dark);font-weight:700;font-size:var(--fs-sm);display:grid;place-items:center}
.ika-ds .steps b,.ika-ds .swsteps b,.ika-ds .ksteps b,.ika-ds .ap-steps b,.ika-ds .tsteps b{display:block;font-size:var(--fs-md);font-weight:600;line-height:1.35;padding-top:5px;width:auto;height:auto;background:none;color:var(--ink);border-radius:0}
.ika-ds .steps span,.ika-ds .swsteps span,.ika-ds .ap-steps span,.ika-ds .tsteps span{display:block;margin-top:2px;color:var(--muted);font-size:var(--fs-sm);line-height:1.5}
.ika-ds .swsteps,.ika-ds .ksteps,.ika-ds .ap-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px 28px}
.ika-ds .ksteps{margin:32px 0}
.ika-ds .swsteps{margin-top:20px}
.ika-ds .ap-steps{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;gap:0 28px}
@media (max-width:640px){.ika-ds .ap-steps{grid-auto-flow:row;grid-auto-columns:auto;gap:14px}}
.ika-ds .steps,.ika-ds .tsteps{display:grid;gap:0}
.ika-ds .steps li,.ika-ds .tsteps li{padding-bottom:22px}
.ika-ds .steps li+li,.ika-ds .tsteps li+li{border-top:0}
.ika-ds .steps li:last-child,.ika-ds .tsteps li:last-child{padding-bottom:0}
.ika-ds .steps li:not(:last-child)::after,.ika-ds .tsteps li:not(:last-child)::after{content:"";position:absolute;left:15px;top:38px;bottom:6px;width:2px;border-radius:2px;background:var(--line)}
.ika-ds .tsteps{margin:0 0 16px}
.ika-ds .card,.ika-ds .fbox,.ika-ds .swc,.ika-ds .pcard-x,.ika-ds .gp-p a,.ika-ds .ob-pick,.ika-ds .dlinks .card{padding:var(--card-pad)}
.ika-ds .plan{padding:var(--card-pad-plan)}
.ika-ds .pcard{padding:var(--card-pad-panel)}
.ika-ds .card>h2,.ika-ds .card>h3,.ika-ds .card>b,.ika-ds .fbox>b,.ika-ds .swc>b,.ika-ds .pcard-x>b,.ika-ds .gp-p a>b,.ika-ds .dlinks .card>b,.ika-ds .ob-pick>b{font-size:var(--fs-lg);font-weight:600;font-variation-settings:normal;letter-spacing:-.01em;line-height:1.25}
.ika-ds a.card,.ika-ds .swc,.ika-ds .pcard-x,.ika-ds .gp-p a,.ika-ds .ob-pick,.ika-ds .dlinks .card{transition:border-color var(--dur-2)}
.ika-ds a.card:hover,.ika-ds .swc:hover,.ika-ds .pcard-x:hover,.ika-ds .gp-p a:hover,.ika-ds .ob-pick:hover,.ika-ds .dlinks .card:hover{border-color:var(--ink)!important;transform:none}
.ika-ds .dscomp-ex>.kv{flex:1 1 100%}
.ika-ds .pcard h2 a.btn{color:var(--ink);font-weight:650!important;font-size:var(--fs-sm)!important}
.ika-ds .pcard h2 .h2acts{align-items:center}
.ika-ds .pbody .pill.count{background:var(--stone)!important;padding:1px 8px!important;border-radius:var(--r-pill);color:var(--muted);font-size:var(--fs-xs);font-weight:600}
.ika-ds .pbody .pill.count::before{display:none}
/* 21-diyalog.css */
/* pnlcs 1.4 dialogs (SweetAlert2, resources/css/dialogs.css) in the theme's look: our font, ink and red, a quiet icon.
   The popup sits on <body>, outside .ika-ds, so the rules target .pn-dialog directly. */
.pn-dialog{font-family:'Instrument Sans',Arial,'Helvetica Neue',sans-serif;border-radius:16px;color:var(--ink)}
.pn-dialog .pn-dialog__title{color:var(--ink);font-weight:700;letter-spacing:-.01em}
.pn-dialog .pn-dialog__text{color:var(--muted)}
.pn-dialog .swal2-icon.swal2-question,.pn-dialog .swal2-icon.swal2-info{border-color:var(--line);color:var(--muted)}
.pn-dialog__button{font-family:inherit;border-radius:10px}
.pn-dialog__button--confirm{background:var(--ink)}
.pn-dialog__button--confirm.pn-dialog__button--danger,.pn-dialog__button--danger{background:var(--red-dark)}
.pn-dialog__button--cancel{background:var(--paper);color:var(--ink);border-color:var(--line)}
.pn-dialog__button--cancel:hover{background:var(--stone)}
/* 22-fiyatlar.css */
/* Price list (ISTEKLER 329): ika/pages/store + ika/partials/plan-card (also on the home page), behaviour
   tema-js/50-fiyatlar.js. Tab pills are links (each tab its own address); "Bireysel ve işletme | Ajans" is a segmented
   in-page tablist; the home page's period switch (.stbill) looks like the mock's .bill but has its own class, so the
   mock's global billing toggle does not drive it. */

/* tab pills + the dimmed "Reseller" */
.ika-ds .st-pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px;margin:0 -2px 16px}
.ika-ds .st-pills::-webkit-scrollbar{display:none}
.ika-ds .st-pills>a,.ika-ds .st-pills>.st-soon{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);font-size:var(--fs-md);font-weight:600;text-decoration:none;white-space:nowrap}
.ika-ds .st-pills>a:hover{border-color:var(--ink)}
.ika-ds .st-pills>a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.ika-ds .st-pills>a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.ika-ds .st-pills>.st-soon{color:var(--muted);opacity:.7;cursor:default;border-style:dashed}

/* top strip: guarantee (with its note) · support · cancel */
.ika-ds .st-strip{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin:0 0 28px;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--ink-2)}
.ika-ds .st-strip>li{display:inline-flex;align-items:center;gap:6px}
.ika-ds .st-strip>li:not(:first-child)::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.ika-ds .st-strip .itip-b{padding-left:0;color:var(--ink-2);font-weight:600}
.ika-ds .st-strip .itip-pop{left:0;transform:translate(0,4px)}
.ika-ds .st-strip .itip:hover .itip-pop,.ika-ds .st-strip .itip:focus-within .itip-pop,.ika-ds .st-strip .itip.is-open .itip-pop{transform:none}

/* "Bireysel ve işletme | Ajans" */
.ika-ds .st-seg{display:inline-flex;gap:2px;padding:4px;background:var(--stone);border-radius:var(--r-md);margin-bottom:24px}
.ika-ds .st-seg>button{min-height:36px;padding:0 16px;border:0;border-radius:var(--r-sm);background:none;color:var(--muted);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;white-space:nowrap}
.ika-ds .st-seg>button:hover{color:var(--ink)}
.ika-ds .st-seg>button[aria-selected=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.ika-ds .st-seg>button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}
.ika-ds .st-panel[hidden]{display:none}
.ika-ds .st-panel:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:var(--r-sm)}

/* home page period switch */
.ika-ds .stbill{display:inline-flex;flex-wrap:wrap;gap:2px;padding:4px;background:var(--stone);border-radius:var(--r-md);margin-left:auto}
.ika-ds .stbill button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 14px;border:0;border-radius:var(--r-sm);background:none;color:var(--muted);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer;white-space:nowrap}
.ika-ds .stbill button:hover{color:var(--ink)}
.ika-ds .stbill button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--sh-1)}
.ika-ds .stbill button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}

/* the card: badge + struck price → big price → billing line → button → list (Hostinger's order) */
.ika-ds .plan .st-off{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:26px;margin-top:16px}
.ika-ds .plan .st-off .saving{margin-top:0}
.ika-ds .plan .st-off .was{margin-left:0}
.ika-ds .plan .st-off+.pr{margin-top:6px}
.ika-ds .plan>.btn{margin-top:20px}
.ika-ds .plan .st-feat{flex:none;margin:22px 0 0}
.ika-ds .plan .st-feat ul{margin:0;flex:none}
.ika-ds .plan .st-fh{margin:14px 0 2px;font-size:var(--fs-sm);font-weight:600;color:var(--ink)}
.ika-ds .plan .st-fh:first-child{margin-top:0}
.ika-ds .plan .st-all{display:inline-block;margin-top:8px;font-size:var(--fs-sm);font-weight:600}
.ika-ds .plan.st-soonplan .amt{color:var(--muted)}

/* Uygulamalar: a few apps */
.ika-ds .st-apps{margin-top:56px}
.ika-ds .st-apps h2{margin:0 0 16px}
.ika-ds .st-apps ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.ika-ds .st-apps li{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);min-width:0}
.ika-ds .st-apps li img{flex:none;width:40px;height:40px;padding:5px;border:1px solid var(--line);border-radius:var(--r-sm);background:#fff}
.ika-ds .st-apps li>span{flex:1;min-width:0;display:flex;flex-direction:column}
.ika-ds .st-apps li small{color:var(--muted);font-size:var(--fs-sm)}

/* "Her pakette olanlar": one quiet row of short items */
.ika-ds .st-inc{margin-top:56px;padding:20px 22px;background:var(--stone);border-radius:var(--r-md)}
.ika-ds .st-inc h2{margin:0 0 10px}
.ika-ds .st-inc ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;color:var(--ink-2)}
.ika-ds .st-inc li{display:inline-flex;align-items:baseline;gap:8px}
.ika-ds .st-inc li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--ok);transform:translateY(-2px)}

/* comparison table and FAQ */
.ika-ds .st-cmp{margin-top:56px;scroll-margin-top:90px}
.ika-ds .st-cmp h2,.ika-ds .st-faq h2{margin:0}
.ika-ds .st-cmp .cmp th[scope=row]{font-weight:500;color:var(--ink-2)}
.ika-ds .st-cmp .cmp thead th:not(:first-child){color:var(--ink);font-size:var(--fs-md)}
.ika-ds .st-cmp .cmp td svg{color:var(--ok);vertical-align:-3px}
.ika-ds .st-cmp .st-cmp-h th{padding-top:22px;font-size:var(--fs-sm);font-weight:600;color:var(--muted)}
.ika-ds .st-faq{margin-top:56px;max-width:820px}
.ika-ds .st-faq .qlist{margin-top:12px}

/* Alan adı tab */
.ika-ds .st-dom .dsearch{max-width:720px;margin-bottom:24px}

/* order page (ika/pages/configure) with a campaign code: list per-month price struck through next to the discounted one */
.ika-ds .opt .r .st-was{color:var(--muted);font-weight:400;margin-right:4px}
.ika-ds .st-promo{margin:0 0 12px}

@media (max-width:1000px){.ika-ds .st-apps ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .ika-ds .st-pills>a,.ika-ds .st-pills>.st-soon{font-size:var(--fs-base);padding:0 14px}
  .ika-ds .st-seg{display:flex;width:100%}
  .ika-ds .st-seg>button{flex:1 1 0;min-width:0;padding:0 6px}
  .ika-ds .stbill{display:flex;width:100%;margin-left:0;flex-wrap:nowrap}
  .ika-ds .stbill button{flex:1 1 0;min-width:0;padding:0 4px}
  .ika-ds .st-apps ul{grid-template-columns:1fr}
  .ika-ds .st-inc{padding:16px}
  .ika-ds :is(.st-cmp,.st-inc,.st-apps,.st-faq){margin-top:40px}
}


/* order page: the free address field (name + fixed .parent) */
.ika-ds .dnwrap{display:flex;align-items:center;gap:6px}
.ika-ds .dnwrap input{flex:1;min-width:0}
.ika-ds .dnsuffix{font-weight:600;color:var(--ink);white-space:nowrap}
.ika-ds .dnwrap select{width:auto}