.sp{padding-top:clamp(28px,4vw,56px);padding-bottom:var(--section)}.sp [hidden],.sp__bar[hidden]{display:none!important}.sp__head{margin-top:18px}.sp h1{flex-wrap:wrap;align-items:baseline;gap:14px;font-size:clamp(2.2rem,4.4vw,3.6rem);display:flex}.sp__n{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--step);color:var(--accent);border-radius:999px;padding:5px 12px;font-size:.8rem;font-weight:500}.sp .lead{color:var(--muted);margin-top:10px}.sp__grid{grid-template-columns:minmax(0,1.75fr) minmax(320px,1fr);align-items:start;gap:clamp(20px,3vw,40px);margin-top:32px;display:grid}.sp__bas{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 150px 44px;gap:16px;padding:0 18px 10px;font-size:.7rem;display:grid}.sp__list{gap:10px;margin-top:12px;display:grid}.sp__satir{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s var(--ease);border-radius:16px;grid-template-columns:112px minmax(0,1fr) 150px 44px;align-items:center;gap:16px;padding:12px 18px 12px 12px;display:grid}.sp__satir:hover{box-shadow:inset 0 0 0 1px #c9d4e1,0 10px 26px #0f172a0f}.sp__gorsel{aspect-ratio:4/3;background:var(--step);border-radius:10px;display:block;overflow:hidden}.sp__gorsel img{object-fit:cover;width:100%;height:100%}.sp__bilgi2{gap:4px;min-width:0;display:grid}.sp__kod{font-family:var(--mono);letter-spacing:.08em;color:var(--accent);font-size:.72rem}.sp__ad{font-family:var(--head);font-size:1.05rem;font-weight:600;line-height:1.3;transition:color .16s}.sp__ad:hover{color:var(--accent)}.sp__birim{color:var(--muted);font-size:.85rem}.sp__adet{height:44px;box-shadow:inset 0 0 0 1px var(--line);background:var(--ground);border-radius:12px;grid-template-columns:40px minmax(0,1fr) 40px;display:grid;overflow:hidden}.sp__adet button{color:var(--ink);place-items:center;transition:background-color .16s;display:grid}.sp__adet button:hover{background:var(--step)}.sp__adet button:active{scale:.92}.sp__adet svg,.sp__sil svg{width:16px;height:16px}.sp__adet input{text-align:center;width:100%;min-width:0;color:var(--ink);-moz-appearance:textfield;background:0 0;border:0;font-size:1rem;font-weight:600}.sp__adet input::-webkit-inner-spin-button{-webkit-appearance:none}.sp__sil{width:44px;height:44px;color:var(--muted);border-radius:12px;place-items:center;transition:background-color .16s,color .16s;display:grid}.sp__sil:hover{color:#b42318;background:#fdecec}.sp__alt{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.sp__alt .link svg{width:15px;height:15px}.sp__bosalt{color:var(--muted);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;transition:color .16s,background-color .16s;display:inline-flex}.sp__bosalt svg{width:16px;height:16px}.sp__bosalt:hover{color:#b42318;background:#fdecec}.sp__ozet{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), 0 18px 40px #0f172a0f;border-radius:18px;gap:16px;padding:clamp(20px,2.4vw,30px);display:grid;position:sticky;top:104px}.sp__ozet h2{font-size:1.5rem}.sp__say{border-block:1px solid var(--line);margin:0;display:grid}.sp__say div{justify-content:space-between;gap:12px;padding:11px 0;display:flex}.sp__say div+div{border-top:1px dashed var(--line)}.sp__say dt{color:var(--muted)}.sp__say dd{font-family:var(--head);margin:0;font-weight:700}.sp__fiyat dd{color:var(--accent)}.sp__bilgi{background:var(--ground);color:var(--muted);border-radius:12px;gap:10px;padding:12px 14px;font-size:.875rem;line-height:1.5;display:flex}.sp__bilgi svg{width:18px;height:18px;color:var(--accent);flex:none;margin-top:2px}.sp__form{gap:12px;display:grid}.sp__odeme{background:#e9f7ef;border-radius:12px;padding:14px}.sp__odeme h3{font-size:1rem}.sp__odeme p{color:#14532d;gap:10px;margin-top:6px;font-size:.875rem;line-height:1.5;display:flex}.sp__odeme svg{color:#128c4b;flex:none;width:18px;height:18px;margin-top:2px}.sp__form label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);gap:6px;font-size:.7rem;display:grid}.sp__form input,.sp__form textarea{border:1px solid var(--line);background:var(--ground);width:100%;color:var(--ink);letter-spacing:0;text-transform:none;border-radius:12px;padding:12px 14px;font-family:IBM Plex Sans,sans-serif;font-size:1rem;transition:border-color .16s,box-shadow .16s}.sp__form input:focus,.sp__form textarea:focus{border-color:var(--accent);outline:0;box-shadow:0 0 0 3px #0a5aa324}.sp__form .btn{width:100%}.sp__wa{background:#128c4b}.sp__wa:hover{background:#0e7a40}.sp__kvkk{color:var(--muted);font-size:.8rem;line-height:1.5}.sp__kvkk a{text-decoration:underline}.sp__bos{text-align:center;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;justify-items:center;gap:10px;margin-top:32px;padding:clamp(40px,7vw,88px) 20px;display:grid}.sp__ikon{background:var(--step);width:76px;height:76px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.sp__ikon svg{width:34px;height:34px}.sp__bos h2{font-size:1.6rem}.sp__bos p{max-width:44ch;color:var(--muted)}.sp__bos .btn{margin-top:10px}.sp__bar{display:none}@media (width<=900px){.sp__grid{grid-template-columns:1fr}.sp__ozet{position:static}}@media (width<=640px){.sp__bas{display:none}.sp__satir{grid-template-columns:84px minmax(0,1fr) 40px;grid-template-areas:"g b s""g a a";gap:10px 12px;padding:10px}.sp__gorsel{grid-area:g;align-self:start}.sp__bilgi2{grid-area:b}.sp__adet{grid-area:a;justify-self:start;width:150px}.sp__sil{grid-area:s;align-self:start}.sp__bar{z-index:41;inset:auto 0 calc(62px + env(safe-area-inset-bottom));backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fffffff5;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;font-size:.9rem;display:flex;position:fixed}.sp__bar[hidden]{display:none}.sp__bar .btn{min-height:42px;padding:0 18px}.sp{padding-bottom:140px}}
