.demo-kabuk{min-height:100dvh;background:var(--zemin)}.demo-serit{background:var(--murekkep);color:var(--ust-metin);border-bottom:1px solid var(--murekkep-cizgi);--odak:#FFFFFF}.demo-serit .ic{max-width:1000px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.demo-serit .etiket{padding:4px 10px;border-radius:var(--r-sm);background:var(--eylem-dolgu);color:var(--uzeri-eylem);font-family:var(--f-baslik);font-stretch:90%;font-weight:800;font-size:13px;letter-spacing:0;text-transform:none;flex:none}.demo-serit p{margin:0;font-size:13.5px;color:rgba(255,255,255,.74)}.demo-serit .cikis-bag{margin-left:auto;font-size:13.5px;color:#fff;text-decoration:underline;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}.demo-serit .cikis-bag:hover{color:#fff}.demo-ust{background:var(--ust-bg);color:var(--ust-metin);position:-webkit-sticky;position:sticky;top:0;z-index:30;--odak:#FFFFFF}.demo-ust .ic{max-width:1000px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.demo-ust .marka{display:inline-flex;align-items:center;gap:9px;min-height:44px;color:#fff;font-family:var(--f-baslik);font-stretch:85%;font-size:21px;font-weight:800}.demo-ust .marka:hover{color:#fff;text-decoration:none}.demo-ust .marka{--isaret-blok:#FFFFFF;--isaret-k:#B8352A}.demo-ust .marka .ad{font-family:var(--f-baslik)}.demo-sekmeler{display:flex;gap:6px;margin-left:auto;overflow-x:auto;scrollbar-width:none;max-width:100%}.demo-sekmeler::-webkit-scrollbar{display:none}.demo-sekmeler a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;flex:0 0 auto;white-space:nowrap;border-radius:var(--r-sm);font-size:14px;font-weight:600;color:rgba(255,255,255,.78);transition:background var(--gecis),color var(--gecis)}.demo-sekmeler a:hover{background:rgba(255,255,255,.1);color:#fff;text-decoration:none}.demo-sekmeler a.aktif{background:var(--eylem-dolgu);color:var(--uzeri-eylem)}.demo-sekmeler a:focus-visible{outline-offset:-2px}@media (max-width:420px){.demo-sekmeler{gap:4px}.demo-sekmeler a{padding:0 10px}}.demo-govde{--kabuk-bosluk:16px;max-width:1000px;margin:0 auto;padding:18px var(--kabuk-bosluk) 40px}@media (max-width:640px){.demo-govde{--kabuk-bosluk:12px}}.demo-govde button[disabled]{cursor:default;opacity:.55}.demo-liste{list-style:none;margin:0;padding:0;display:grid;grid-gap:11px;gap:11px}.demo-liste li{display:flex;gap:10px;font-size:14.8px;line-height:1.5;color:var(--metin)}.demo-liste li svg{flex:none;margin-top:3px;color:var(--yesil)}.kod-kutu{font-size:26px;font-weight:700;letter-spacing:.12em;padding:10px 16px;border-radius:12px;background:var(--yesil-acik);color:var(--yesil-koyu);border:1px solid var(--yesil-kontur);white-space:nowrap}.kod-kutu,.oneri-kart b{font-family:var(--f-baslik)}.oneri-kart b{font-size:19px;font-weight:600}.oneri-kart p{margin:6px 0 0;font-size:14.5px;line-height:1.6;color:var(--gri)}.oneri-kart.dikkat{border-top:2px solid var(--enerji)}.oneri-kart.bilgi{border-top:2px solid var(--yesil)}.demo-alt{background:var(--murekkep);--odak:#FFFFFF;color:#eef4f1;padding:44px 16px calc(44px + env(safe-area-inset-bottom));text-align:center}.demo-alt .ic{max-width:620px;margin:0 auto}.demo-alt h3{margin:0;color:#fff;font-size:clamp(26px,5vw,34px);line-height:1.1}.demo-alt p{margin:12px 0 0;font-size:15.5px;line-height:1.6;color:rgba(255,255,255,.74)}.demo-alt .dugmeler{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px}.demo-dugme{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--r-sm);font-size:15px;font-weight:600;border:1px solid transparent;transition:background var(--gecis),border-color var(--gecis),transform .14s var(--ease-out)}.demo-dugme.birincil{background:var(--eylem-dolgu);color:var(--uzeri-eylem)}.demo-dugme.ikincil{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.demo-dugme:hover{text-decoration:none}.demo-dugme.birincil:hover{background:var(--eylem-dolgu-ust);color:var(--uzeri-eylem)}.demo-dugme.ikincil:hover{color:#fff;border-color:#fff}.demo-dugme:active{transform:scale(.97)}.demo-alt .kucuk{margin-top:16px;font-size:13px;letter-spacing:0;text-transform:none;color:rgba(255,255,255,.74);font-weight:600}@media (prefers-reduced-motion:reduce){.demo-dugme:active{transform:none}}.demo-ust .demo-giris{margin-left:auto;font-size:13px;padding:8px 12px;border:1px solid;border-radius:8px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;color:inherit}.demo-ust .demo-giris:hover{color:inherit}