/* bi.bilgisayar vitrin 1.4 — yoğun mağaza düzeni (İtopya / İncehesap sınıfı). Renkler panelden: --ana, --vurgu, --koyu */
:root{--ana:#1E263B;--ana-2:#303D59;--koyu:#111522;--vurgu:#536684;--vurgu-acik:#98A9C4;--ana-acik:#DCE3EF;--ana-cok-acik:#eef1f6;
--mavi:#1d5fd1;--mavi-2:#174da8;--mavi-zemin:#eaf1fd;
--zemin:#f3f4f7;--yuzey:#fff;--zemin-2:#f3f4f7;--cizgi:#e4e7ee;--cizgi-2:#cfd5e0;--kenar:#e4e7ee;--kenar-2:#cfd5e0;
--yazi:#141a26;--yazi-2:#3a4254;--soluk:#6b7383;--cok-soluk:#8d94a3;
--fiyat:#d9480f;--fiyat-zemin:#fff1e8;--yesil:#15803d;--yesil-zemin:#e8f6ee;--turuncu:#b45309;--turuncu-zemin:#fff4e5;--kirmizi:#dc2626;--kirmizi-zemin:#fdecec;--indirim:#e11d48;
--yazi-tipi:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--baslik-tipi:var(--yazi-tipi);
--r:10px;--r-b:12px;--r-k:14px;--kap:1320px;--g1:0 1px 2px rgba(20,26,38,.06);--g2:0 8px 24px -10px rgba(20,26,38,.25);--g3:0 24px 60px -20px rgba(20,26,38,.35);--gecis:cubic-bezier(.2,.8,.2,1);--golge:var(--g1);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{margin:0;background:var(--zemin);color:var(--yazi-2);font:15px/1.5 var(--yazi-tipi);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg{display:block;max-width:100%}img{height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--baslik-tipi);color:var(--yazi);margin:0;line-height:1.2;letter-spacing:-.01em;text-wrap:balance}
p{margin:0}ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid color-mix(in srgb,var(--mavi) 45%,transparent);outline-offset:2px;border-radius:6px}
::selection{background:color-mix(in srgb,var(--mavi) 22%,transparent)}
.gizli{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:-999px;top:8px;z-index:200;background:var(--ana);color:#fff;padding:.5rem .9rem;border-radius:8px}.atla:focus{left:8px}
:root{--oluk:16px}
.kap{width:min(var(--kap),100% - 2 * var(--oluk));margin-inline:auto}.kap--dar{max-width:440px}.kap--orta{max-width:720px}.giris-kap{max-width:920px}
.soluk{color:var(--soluk)}.yesil{color:var(--yesil);font-weight:600}
.ust-baslik{font-size:.78rem;font-weight:600;color:var(--vurgu);margin-bottom:.3rem}.ust-baslik--acik{color:rgba(255,255,255,.7)}
.ok-link{display:inline-flex;align-items:center;gap:.2rem;color:var(--mavi);font-weight:600;font-size:.88rem;white-space:nowrap}.ok-link:hover{text-decoration:underline}
.ikon{flex:none}
.gorsel-kutu{display:grid;place-items:center;background:#fff;overflow:hidden;flex:none}

/* ---- düğmeler ---- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:42px;padding:.5rem 1.1rem;border-radius:var(--r);font-size:.92rem;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent}
.btn:active{transform:translateY(1px)}
.btn[disabled],.btn--pasif{opacity:.45;pointer-events:none}
.btn--ana{background:var(--ana);color:#fff}.btn--ana:hover{background:var(--ana-2)}
.btn--mavi{background:var(--mavi);color:#fff}.btn--mavi:hover{background:var(--mavi-2)}
.btn--beyaz{background:#fff;color:var(--ana)}.btn--beyaz:hover{background:#f1f3f8}
.btn--cizgi{background:#fff;border-color:var(--kenar-2);color:var(--yazi)}.btn--cizgi:hover{border-color:var(--ana);color:var(--ana)}
.btn--cizgi-acik{border-color:rgba(255,255,255,.45);color:#fff}.btn--cizgi-acik:hover{background:rgba(255,255,255,.12)}
.btn--ince{min-height:36px;padding:.35rem .85rem;font-size:.85rem}
.btn--kucuk{min-height:32px;padding:.25rem .7rem;font-size:.8rem}
.btn--buyuk{min-height:50px;padding:.7rem 1.4rem;font-size:1rem}
.btn--tam{width:100%}
.btn--metin{background:transparent;border:0;color:var(--mavi);padding-inline:.2rem;min-height:32px;font-size:.84rem}.btn--metin:hover{text-decoration:underline}
.btn--kare{width:50px;padding:0;flex:none}
.btn--kare[aria-pressed=true]{color:#e11d48;border-color:#fecdd3;background:#fff1f2}.btn--kare[aria-pressed=true] svg{fill:currentColor}
.btn--kare[data-kiyas][aria-pressed=true]{color:var(--mavi);border-color:#bfdbfe;background:var(--mavi-zemin)}.btn--kare[data-kiyas][aria-pressed=true] svg{fill:none}
.ikon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;border:0;background:transparent;color:var(--soluk);cursor:pointer}.ikon-btn:hover{background:var(--zemin-2);color:var(--yazi)}
.kopyalandi{background:var(--yesil)!important;border-color:var(--yesil)!important;color:#fff!important}

/* ---- şeritler ---- */
.serit{background:var(--koyu);color:rgba(255,255,255,.88);font-size:.82rem}
.serit__ic{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:34px;padding:.3rem 0;text-align:center}
.serit b{color:#fff;font-weight:600}.serit .ikon{color:#7ee2a8}
.serit__link{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;margin-left:.25rem}.serit__link:hover{color:#7ee2a8}
.taklit{display:flex;align-items:center;justify-content:center;gap:.6rem;background:#fff4d6;color:#7a5200;font-size:.86rem;padding:.5rem 1rem;flex-wrap:wrap}.taklit a{font-weight:600;text-decoration:underline}
.demo-bant{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem .6rem;background:#ff7300;color:#fff;font-size:.85rem;padding:.45rem 1rem;text-align:center}
.demo-bant code{background:rgba(255,255,255,.2);padding:.05rem .4rem;border-radius:5px;font-size:.82rem}.demo-bant a{font-weight:600;text-decoration:underline}.demo-bant__ayir{opacity:.6}

/* ---- üst çubuk ---- */
.ust{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--kenar)}
.ust__ic{display:flex;align-items:center;gap:1.5rem;height:72px}
.ust__menu-ac{display:none;width:42px;height:42px;border:0;background:transparent;border-radius:8px;color:var(--yazi);cursor:pointer;place-items:center}
.marka{display:flex;align-items:center;gap:.6rem;flex:none}
.marka__logo{height:34px;width:auto;max-width:190px;object-fit:contain}
.marka__ad{font-weight:800;font-size:1.3rem;color:var(--yazi);letter-spacing:-.02em}
.marka__b2b{font-weight:700;font-size:.72rem;letter-spacing:.06em;color:#fff;background:var(--ana);border-radius:5px;padding:.2rem .4rem;line-height:1}
.arama{position:relative;flex:1;min-width:0;max-width:720px;display:flex;align-items:center;height:46px;border:2px solid var(--ana);border-radius:var(--r);background:#fff;color:var(--soluk);overflow:visible}
.arama input{flex:1;min-width:0;border:0;background:transparent;font-size:.95rem;color:var(--yazi);height:100%;padding:0 .9rem}.arama input:focus{outline:none}.arama input::placeholder{color:var(--cok-soluk)}
.arama__btn{width:52px;height:100%;border:0;background:var(--ana);color:#fff;display:grid;place-items:center;cursor:pointer;border-radius:0 6px 6px 0;margin-right:-1px}.arama__btn:hover{background:var(--ana-2)}
.arama:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--ana) 14%,transparent)}
.arama__oneri{position:absolute;left:-2px;right:-2px;top:calc(100% + 6px);background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);box-shadow:var(--g3);padding:.4rem;max-height:min(72vh,560px);overflow:auto;z-index:90;color:var(--yazi-2)}
.arama__oneri[hidden]{display:none}
.ao-baslik{font-size:.72rem;font-weight:600;color:var(--cok-soluk);padding:.5rem .6rem .25rem}
.ao-urun{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.4rem .55rem;border-radius:8px;color:var(--yazi)}
.ao-urun .gorsel-kutu{width:44px;height:40px;border-radius:6px;padding:2px;border:1px solid var(--kenar)}.ao-urun img{width:100%;height:100%;object-fit:contain}
.ao-urun span{font-size:.86rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ao-urun b{font-size:.86rem;white-space:nowrap;color:var(--fiyat);font-variant-numeric:tabular-nums}
.ao-satir{display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem;border-radius:8px;font-size:.9rem;color:var(--yazi)}.ao-satir small{color:var(--cok-soluk);margin-left:auto;font-size:.76rem}
.ao-urun:hover,.ao-satir:hover,[aria-selected=true].ao-urun,[aria-selected=true].ao-satir{background:var(--zemin-2)}
.ao-tum{display:flex;justify-content:center;gap:.3rem;padding:.6rem;margin-top:.2rem;border-top:1px solid var(--kenar);font-size:.86rem;font-weight:600;color:var(--mavi)}
.ao-bos{padding:1rem .8rem;font-size:.9rem;color:var(--soluk)}
.ust__menu{display:flex;align-items:center;gap:.1rem;margin-left:auto;flex:none}
.ust__eylem{position:relative;display:flex;align-items:center;gap:.55rem;height:48px;padding:0 .7rem;border-radius:8px;color:var(--yazi);transition:background .15s}
.ust__eylem:hover{background:var(--zemin-2)}
.ust__eylem>span:not(.rozet){display:flex;flex-direction:column;line-height:1.15}
.ust__eylem small{font-size:.68rem;color:var(--soluk);white-space:nowrap}.ust__eylem b{font-size:.82rem;font-weight:600;white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.ust__eylem .ikon{color:var(--ana)}
.rozet{position:absolute;top:2px;left:22px;min-width:16px;height:16px;padding:0 4px;border-radius:9px;background:var(--indirim);color:#fff;font-size:.62rem;font-weight:700;display:grid;place-items:center;border:2px solid #fff;box-sizing:content-box;line-height:1}
.rozet[hidden]{display:none}

/* kategori şeridi */
.kat-menu{background:#fff;border-bottom:1px solid var(--kenar);position:relative;z-index:50}
.kat-menu__ic{display:flex;align-items:center;gap:.4rem;height:48px}
.kat-menu__tum-kap{position:relative;flex:none;width:256px;height:100%}
.kat-menu__tum{display:flex;align-items:center;gap:.6rem;width:100%;height:100%;border:0;background:var(--ana);color:#fff;font-weight:700;font-size:.92rem;padding:0 1rem;cursor:pointer;border-radius:var(--r) var(--r) 0 0}
.kat-menu__tum .ikon:last-child{margin-left:auto;transform:rotate(90deg);opacity:.7}
.kat-menu__tum-kap--sabit .kat-menu__tum{cursor:default;border-radius:var(--r) var(--r) 0 0}.kat-menu__tum-kap--sabit .kat-menu__tum .ikon:last-child{display:none}
.kat-menu__acilir{display:none;position:absolute;left:0;top:100%;width:256px;z-index:60}
.kat-menu__tum-kap:hover .kat-menu__acilir,.kat-menu__tum-kap:focus-within .kat-menu__acilir,.kat-menu__tum-kap.acik .kat-menu__acilir{display:block}
.kat-menu__sol{display:flex;flex-wrap:wrap;align-content:flex-start;gap:0 .1rem;flex:1;min-width:0;overflow:hidden;height:48px}
.kat-menu__link{display:flex;align-items:center;gap:.4rem;height:48px;padding:0 .7rem;font-size:.86rem;font-weight:500;color:var(--yazi-2);white-space:nowrap;border-radius:8px;flex:none}
.kat-menu__link:hover{color:var(--ana);background:transparent;box-shadow:inset 0 -3px 0 var(--ana)}
.kat-menu__sag{margin-left:auto;display:flex;align-items:center;gap:.1rem;flex:none}
.kat-menu__link--ozel{color:var(--yazi)}
.kat-menu__link--pc{height:36px;margin-left:.3rem;padding:0 .9rem;border-radius:8px;background:var(--fiyat);color:#fff;font-weight:700}.kat-menu__link--pc:hover{background:#b93c0a;color:#fff}

/* dikey kategori menüsü */
.kat-dikey{background:#fff;border:1px solid var(--kenar);border-radius:0 0 var(--r) var(--r);box-shadow:var(--g2);position:relative}
.kat-dikey__bas{display:none}
.kat-dikey__liste{display:grid;grid-template-columns:minmax(0,1fr);padding:.3rem 0}
.kat-dikey__oge{position:relative;min-width:0}
.kat-dikey__link{display:flex;align-items:center;gap:.7rem;min-height:40px;padding:.4rem .9rem;font-size:.86rem;font-weight:500;color:var(--yazi);line-height:1.25}
.kat-dikey__link .ikon:first-child{color:var(--vurgu)}.kat-dikey__link span{flex:1;min-width:0}.kat-dikey__link .ikon:last-child{color:var(--cok-soluk)}.kat-dikey__link small{color:var(--cok-soluk);font-size:.72rem}.kat-dikey__oge--tum{border-top:1px solid var(--kenar);margin-top:.2rem;padding-top:.2rem}
.kat-dikey__oge:hover>.kat-dikey__link,.kat-dikey__oge.acik>.kat-dikey__link{background:var(--ana-cok-acik);color:var(--ana)}
.kat-dikey__oge:hover>.kat-dikey__link .ikon{color:var(--ana)}
.kat-dikey__panel{display:none;position:absolute;left:100%;top:-1px;min-width:620px;max-width:860px;min-height:100%;background:#fff;border:1px solid var(--kenar);border-radius:0 var(--r) var(--r) var(--r);box-shadow:var(--g3);padding:1.1rem 1.2rem 1rem;z-index:5}
.kat-dikey__oge:hover>.kat-dikey__panel{display:block}
.kat-dikey__sutunlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem 1.2rem}
.kat-dikey__grup{display:flex;flex-direction:column;gap:.15rem;font-size:.82rem;min-width:0}
.kat-dikey__grup a{color:var(--soluk);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kat-dikey__grup a:hover{color:var(--mavi)}
.kat-dikey__alt-bas{color:var(--yazi)!important;font-weight:600;font-size:.86rem;margin-bottom:.1rem;display:flex;gap:.3rem;align-items:baseline;white-space:normal!important}.kat-dikey__alt-bas small{color:var(--cok-soluk);font-weight:500;font-size:.72rem}
.kat-dikey__tum{display:inline-flex;align-items:center;gap:.2rem;margin-top:1rem;padding-top:.7rem;border-top:1px solid var(--kenar);width:100%;font-size:.84rem;font-weight:600;color:var(--mavi)}

/* ---- bildirimler ---- */
.flash{margin:1rem 0 0;padding:.7rem 1rem;border-radius:var(--r);font-size:.9rem;display:flex;gap:.5rem;align-items:center;background:#fff;border:1px solid var(--kenar)}
.flash--ok{background:var(--yesil-zemin);color:#145c35;border-color:#bfe6cd}.flash--hata{background:var(--kirmizi-zemin);color:#8f1f1b;border-color:#f3c3c3}.flash--uyari{background:var(--turuncu-zemin);color:#7a4100;border-color:#f5d9b0}.flash--bilgi{background:var(--mavi-zemin);color:#1d3f7a;border-color:#c5d8f7}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;z-index:300;background:rgba(20,26,38,.94);color:#fff;padding:.7rem 1.1rem;border-radius:var(--r-b);font-size:.9rem;box-shadow:0 10px 30px rgba(0,0,0,.25);transition:opacity .25s,transform .25s;max-width:calc(100% - 32px);display:flex;gap:.6rem;align-items:center}
.toast.gorunur{opacity:1;transform:translate(-50%,0)}.toast a{color:#9ecbff;font-weight:600}

/* ---- bölümler ---- */
.bolum{padding:2.25rem 0}.bolum--gri{background:transparent}.bolum--sik{padding:1.5rem 0}.bolum--liste{padding:1.25rem 0 3rem}.bolum--urun{padding:1rem 0 2rem}
.bolum__bas{margin-bottom:.9rem}.bolum__bas h2{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:.45rem}.bolum__bas h2 .ikon{color:var(--vurgu)}
.bolum__bas--satir{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.raf{padding:.75rem 0}.raf .bolum__bas{margin-bottom:.7rem}.raf .bolum__bas h2{font-size:1.2rem}
.raf__kap{position:relative}
.raf__liste{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5 * .75rem) / 6);gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 6px;margin:-2px -2px 0;scrollbar-width:none}
.raf__liste::-webkit-scrollbar{display:none}
.raf__liste>.kart{scroll-snap-align:start}
.raf__ok{position:absolute;top:40%;z-index:5;width:40px;height:40px;border-radius:50%;border:1px solid var(--kenar);background:#fff;box-shadow:var(--g2);display:grid;place-items:center;cursor:pointer;color:var(--yazi);transition:opacity .2s}
.raf__ok--sol{left:-16px}.raf__ok--sag{right:-16px}.raf__ok[disabled]{opacity:0;pointer-events:none}
@media (hover:none),(max-width:900px){.raf__ok{display:none}}
.kutu-bolum{background:#fff;border:1px solid var(--kenar);border-radius:var(--r-k);padding:1.1rem 1.25rem 1.25rem}
.kutu-bolum+.kutu-bolum,.kutu-bolum+.raf,.raf+.kutu-bolum{margin-top:1rem}

/* ---- ürün kartı ---- */
.kartlar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.kartlar--3{grid-template-columns:repeat(4,minmax(0,1fr))}
.kart{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);overflow:hidden;transition:border-color .2s,box-shadow .2s;min-width:0}
.kart:hover{border-color:var(--vurgu-acik);box-shadow:var(--g2)}
.kart__medya{position:relative;background:#fff}
.kart__gorsel{display:block;aspect-ratio:1/1;padding:1rem}
.kart__gorsel img{width:100%;height:100%;object-fit:contain;transition:transform .35s var(--gecis)}
.kart:hover .kart__gorsel img{transform:scale(1.04)}
.kart__rozetler{position:absolute;left:.55rem;top:.55rem;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;pointer-events:none;z-index:2}
.kart__rozetler--buyuk{left:1rem;top:1rem}
.rozet-etiket{display:inline-flex;align-items:center;height:22px;font-size:.7rem;font-weight:700;padding:0 .5rem;border-radius:6px;background:var(--ana);color:#fff}
.rozet-etiket--indirim{background:var(--indirim)}
.rozet-etiket--yakinda{background:var(--yazi)}
.rozet-etiket--yeni{background:var(--mavi)}
.rozet-etiket--kampanya,.rozet-etiket--firsat{background:#f59e0b;color:#1d1d1f}
.rozet-etiket--cok-satan{background:var(--yesil)}
.rozet-etiket--ornek{background:#fef3c7;color:#92400e}
.rozet-etiket--tur{background:var(--zemin-2);color:var(--soluk)}
.kart__eylemler{position:absolute;right:.5rem;top:.5rem;display:flex;flex-direction:column;gap:.35rem;z-index:2;opacity:0;transition:opacity .15s}
.kart:hover .kart__eylemler,.kart:focus-within .kart__eylemler,.kart__eylemler:has([aria-pressed=true]){opacity:1}
@media (hover:none){.kart__eylemler{opacity:1}.kart__eylem{width:40px;height:40px}.kart .sepet-form .btn{min-height:42px}.slayt__nokta{box-shadow:0 0 0 8px transparent;position:relative}.slayt__nokta::after{content:"";position:absolute;inset:-10px}}
.kart__eylem{width:36px;height:36px;border-radius:50%;border:1px solid var(--kenar);background:#fff;display:grid;place-items:center;color:var(--soluk);cursor:pointer}
.kart__eylem:hover{color:var(--yazi);border-color:var(--kenar-2)}
.kart__eylem[data-favori][aria-pressed=true]{color:#e11d48}.kart__eylem[data-favori][aria-pressed=true] svg,.ust__eylem--favori-dolu svg{fill:currentColor}
.kart__eylem[data-kiyas][aria-pressed=true]{color:#fff;background:var(--mavi);border-color:var(--mavi)}
.kart__govde{display:flex;flex-direction:column;gap:.3rem;padding:.2rem .85rem .85rem;flex:1;border-top:1px solid var(--kenar);padding-top:.7rem}
.kart__ust{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:18px}
.marka-rozet{display:inline-flex;align-items:center;height:18px;font-size:.72rem;font-weight:600;color:var(--soluk);letter-spacing:.01em;text-transform:uppercase}
.marka-rozet img{max-height:16px;max-width:70px;object-fit:contain}
.kart__baslik{font-size:.86rem;font-weight:500;line-height:1.4;letter-spacing:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em;color:var(--yazi)}
.kart__baslik a:hover{color:var(--mavi)}
.kart__kod{font-size:.75rem;color:var(--cok-soluk)}
.kart__puan{display:flex;align-items:center;gap:.35rem;font-size:.74rem;color:var(--soluk)}
.kart__alt{margin-top:auto;padding-top:.5rem;display:flex;flex-direction:column;gap:.45rem}
.stok{font-size:.72rem;font-weight:600;padding:.1rem .45rem;border-radius:6px;white-space:nowrap}
.stok--var{background:var(--yesil-zemin);color:var(--yesil)}.stok--yok{background:var(--turuncu-zemin);color:var(--turuncu)}
.teslim-rozet{display:inline-flex;align-items:center;gap:.3rem;align-self:flex-start;font-size:.72rem;font-weight:600;color:var(--yesil)}
.teslim-rozet--bugun{background:var(--yesil-zemin);padding:.15rem .5rem .15rem .4rem;border-radius:6px}
.fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:.1rem .4rem}
.fiyat b{font-size:1.15rem;font-weight:800;color:var(--fiyat);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fiyat s{font-size:.78rem;color:var(--cok-soluk);order:-1;flex-basis:100%}.fiyat small{font-size:.72rem;color:var(--cok-soluk)}
.fiyat--sayfa b{font-size:2rem}.fiyat--sayfa s{font-size:.95rem;flex-basis:auto;order:0}
.fiyat__not{flex-basis:100%;font-style:normal;font-size:.82rem;font-weight:600;color:var(--yesil)}.fiyat__not+.fiyat__not{margin-top:.1rem}
.fiyat--kilit{display:inline-flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:var(--ana);background:var(--ana-cok-acik);border-radius:6px;padding:.35rem .55rem;align-self:flex-start}
.fiyat--yok{font-size:.82rem;color:var(--soluk);font-weight:500}
.taksit-satir{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;color:var(--soluk);font-variant-numeric:tabular-nums}.taksit-satir .ikon{color:var(--cok-soluk)}.taksit-satir b{color:var(--yazi);font-weight:600}
.taksit-link{align-self:flex-start}.taksit-link:hover .taksit-satir{color:var(--mavi)}
.sepet-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.kart .sepet-form{flex-wrap:nowrap}.kart .sepet-form .btn{min-height:38px;border-radius:8px;font-size:.84rem}
.kart .btn--cizgi.btn--ince{border-radius:8px;min-height:38px}
.kart__giris{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--mavi)}
.adet{display:inline-flex;align-items:center;border:1px solid var(--kenar-2);border-radius:var(--r);height:50px;overflow:hidden;background:#fff;flex-shrink:0}
.adet button{width:42px;height:100%;border:0;background:transparent;font-size:1.2rem;cursor:pointer;color:var(--yazi)}.adet button:hover{background:var(--zemin-2)}
.adet input{width:48px;text-align:center;border:0;height:100%;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:transparent;font-weight:600}.adet input::-webkit-inner-spin-button{-webkit-appearance:none}.adet input:focus{outline:none}
.adet--kucuk{height:38px}.adet--kucuk button{width:32px}.adet--kucuk input{width:40px}
.yildizlar{display:inline-flex;gap:1px;vertical-align:-2px}
.yildiz{display:inline-block;background:linear-gradient(90deg,#f5a524 var(--d),#d8dbe2 var(--d));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 2.8 2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3L2.9 9.5l6.3-.9Z'/%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'%3E%3Cpath d='m12 2.8 2.8 5.8 6.3.9-4.6 4.4 1.1 6.3L12 17.2l-5.6 3 1.1-6.3L2.9 9.5l6.3-.9Z'/%3E%3C/svg%3E") center/contain no-repeat}

/* ---- ana sayfa ---- */
.vitrin-ust{padding:1rem 0 0}
.vitrin-ust__ic{display:grid;grid-template-columns:256px minmax(0,1fr);gap:1rem;align-items:stretch}
.vitrin-ust .kat-dikey{border-radius:0 0 var(--r) var(--r);box-shadow:none;margin-top:-1px}
.slayt{position:relative;min-width:0;border-radius:var(--r-k);overflow:hidden;isolation:isolate;min-height:420px}
.slayt__kaydir{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;height:100%}
.slayt__kaydir::-webkit-scrollbar{display:none}
.slayt__kaydir>.kampanya{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;border-radius:0;min-width:0}
.kampanya{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:center;min-height:420px;padding:2.4rem 3rem 3.6rem;overflow:hidden;color:#fff;
  background:radial-gradient(900px 420px at 95% -20%,color-mix(in srgb,var(--vurgu) 60%,transparent),transparent 60%),linear-gradient(135deg,var(--ana),var(--koyu))}
.kampanya h1,.kampanya__baslik{color:#fff;font-size:clamp(1.7rem,2.9vw,2.6rem);line-height:1.08;font-weight:800;letter-spacing:-.02em}
.kampanya__alt{margin-top:.8rem;color:rgba(255,255,255,.8);font-size:.98rem;max-width:36ch}
.kampanya__eylem{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.3rem}
.kampanya__ozet{display:flex;flex-wrap:wrap;gap:.4rem 1rem;margin-top:1.2rem;font-size:.8rem;color:rgba(255,255,255,.72)}
.kampanya__ozet li{display:flex;align-items:center;gap:.35rem}.kampanya__ozet .ikon{color:#9ecbff}
.kampanya__not{margin-top:1rem;font-size:.8rem;color:rgba(255,255,255,.6)}
.kampanya__urunler{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;max-width:460px;margin-left:auto}
.kampanya__urunler a{background:#fff;border-radius:var(--r);aspect-ratio:1;padding:.6rem;display:grid;place-items:center}
.kampanya__urunler a:nth-child(2),.kampanya__urunler a:nth-child(4){transform:translateY(12px)}
.kampanya__urunler img{width:100%;height:100%;object-fit:contain}
.kampanya--pc{background:radial-gradient(900px 480px at 100% -10%,rgba(83,102,132,.85),transparent 60%),linear-gradient(135deg,#111522,#1E263B 55%,#303D59)}
.kampanya--gpu{background:radial-gradient(800px 420px at 90% 0%,rgba(118,185,0,.35),transparent 60%),linear-gradient(135deg,#0d1117,#16202c 60%,#1d2b1f)}
.kampanya--hizmet{background:radial-gradient(800px 420px at 100% 0%,rgba(10,132,255,.45),transparent 60%),linear-gradient(135deg,#0b1a33,#12305e)}
.kampanya--firsat{background:radial-gradient(800px 420px at 100% 0%,rgba(217,72,15,.6),transparent 60%),linear-gradient(135deg,#2a0f05,#5a1d08)}
.kampanya--renk-ana{background:radial-gradient(900px 420px at 95% -20%,color-mix(in srgb,var(--vurgu) 60%,transparent),transparent 60%),linear-gradient(135deg,var(--ana),var(--koyu))}
.kampanya--renk-koyu{background:radial-gradient(800px 420px at 100% 0%,rgba(83,102,132,.5),transparent 60%),linear-gradient(135deg,#0b0e17,#1a1f2e)}
.kampanya--renk-mavi{background:radial-gradient(800px 420px at 100% 0%,rgba(10,132,255,.5),transparent 60%),linear-gradient(135deg,#0b1a33,#12305e)}
.kampanya--renk-yesil{background:radial-gradient(800px 420px at 100% 0%,rgba(52,199,89,.4),transparent 60%),linear-gradient(135deg,#0b2416,#14532d)}
.kampanya--renk-turuncu{background:radial-gradient(800px 420px at 100% 0%,rgba(255,159,10,.5),transparent 60%),linear-gradient(135deg,#3a1a05,#9a3412)}
.kampanya--renk-mor{background:radial-gradient(800px 420px at 100% 0%,rgba(175,82,222,.5),transparent 60%),linear-gradient(135deg,#1e0b36,#4c1d95)}
.kampanya__gorsel{display:grid;place-items:center;max-width:520px;margin-left:auto}.kampanya__gorsel img{width:100%;max-height:360px;object-fit:contain;border-radius:var(--r-b)}
.slayt__kontrol{position:absolute;left:2.6rem;bottom:1.1rem;z-index:2;display:flex;align-items:center;gap:.6rem}
.slayt__noktalar{display:flex;gap:.4rem}
.slayt__nokta{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:rgba(255,255,255,.35);cursor:pointer;transition:width .3s,background .3s}
.slayt__nokta[aria-current=true]{width:24px;background:#fff}
.slayt__ok{width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;cursor:pointer}
.slayt__ok:hover{background:rgba(255,255,255,.18)}
.yan-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;grid-auto-rows:1fr;min-width:0;margin-top:1rem}
.yan-kart{display:flex;flex-direction:column;gap:.35rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-k);padding:1.1rem 1.2rem;min-width:0}
.yan-kart h2{font-size:1.05rem;font-weight:700}.yan-kart p{font-size:.85rem;color:var(--soluk)}.yan-kart small{font-size:.76rem;color:var(--cok-soluk);margin-top:auto}
.yan-kart b{color:var(--yazi)}.yan-kart .ok-link{margin-top:auto;white-space:normal}
.yan-kart__ikon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--ana-cok-acik);color:var(--ana);margin-bottom:.2rem}
.yan-kart--teslimat .yan-kart__ikon{background:var(--yesil-zemin);color:var(--yesil)}
.yan-kart--pc{background:radial-gradient(400px 220px at 110% -10%,rgba(29,95,209,.45),transparent 60%),linear-gradient(150deg,#141a2b,#0b0e17);border:0;color:rgba(255,255,255,.75)}
.yan-kart--pc h2{color:#fff}.yan-kart--pc p{color:rgba(255,255,255,.72)}.yan-kart--pc .ok-link{color:#9ecbff}
.yan-kart__parcalar{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.4rem}.yan-kart__parcalar .ikon{width:32px;height:32px;padding:6px;border-radius:8px;background:rgba(255,255,255,.08);color:#fff}
a.yan-kart:hover{border-color:var(--vurgu-acik);box-shadow:var(--g2)}
.marka-serit{margin-top:1rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-k);padding:.6rem 1rem}
.marka-serit ul{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 94%,transparent)}.marka-serit ul::-webkit-scrollbar{display:none}
.marka-serit li{flex:none}.marka-serit a{display:flex;align-items:center;justify-content:center;height:44px;min-width:110px;padding:0 1rem;border-radius:8px;color:var(--yazi);font-weight:700;font-size:.88rem;letter-spacing:.02em}
.marka-serit a:hover{background:var(--zemin-2)}.marka-serit img{max-height:26px;max-width:96px;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}.marka-serit a:hover img{filter:none;opacity:1}
.avantajlar{margin-top:1rem}
.avantajlar__ic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.avantajlar__ic>div{display:flex;gap:.7rem;align-items:center;color:var(--ana);background:#fff;border:1px solid var(--kenar);border-radius:var(--r);padding:.7rem .9rem}
.avantajlar__ic span{display:flex;flex-direction:column;min-width:0}.avantajlar__ic b{color:var(--yazi);font-size:.86rem;font-weight:600}.avantajlar__ic small{color:var(--soluk);font-size:.76rem}
.kat-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}
.kat-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.kat-kart:hover{border-color:var(--vurgu-acik);box-shadow:var(--g2)}
.kat-kart__gorsel{aspect-ratio:4/3;display:grid;place-items:center;padding:1rem;color:var(--cok-soluk)}
.kat-kart__gorsel img{max-height:100%;width:auto;object-fit:contain}
.kat-kart__metin{padding:0 .9rem .9rem}.kat-kart__metin h3{font-size:.92rem;font-weight:600}.kat-kart__metin p{font-size:.8rem;color:var(--soluk);margin-top:.2rem}
.kat-kart__adet{display:inline-block;margin-top:.25rem;font-size:.76rem;color:var(--soluk)}
.kat-izgara--magaza{grid-template-columns:repeat(6,minmax(0,1fr))}
.kat-izgara--magaza .kat-kart__gorsel{aspect-ratio:1;padding:.8rem}
.kat-izgara--magaza .kat-kart__metin{padding:.4rem .8rem .8rem;text-align:center}.kat-izgara--magaza h3{font-size:.84rem;line-height:1.3}
.hazir__liste{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr));gap:.75rem}
.hazir-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);overflow:hidden;transition:border-color .2s,box-shadow .2s;min-width:0}
.hazir-kart:hover{border-color:var(--vurgu-acik);box-shadow:var(--g2)}
.hazir-kart__gorsel{display:block;position:relative;aspect-ratio:4/3;background:#fff;padding:1rem;border-bottom:1px solid var(--kenar)}
.hazir-kart__rozet{position:absolute;left:.6rem;top:.6rem;background:var(--indirim);color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .55rem;border-radius:6px}
.hazir-kart__etiket{font-size:.74rem;font-weight:600;color:var(--vurgu);margin-bottom:-.25rem}
.hazir-kart__gorsel img{width:100%;height:100%;object-fit:contain}
.hazir-kart__govde{display:flex;flex-direction:column;gap:.5rem;padding:.9rem 1rem 1rem;flex:1}
.hazir-kart h3{font-size:1rem;font-weight:700}.hazir-kart h3 a{color:var(--yazi)}
.hazir-kart__alt{font-size:.8rem;color:var(--soluk);line-height:1.4}
.hazir-kart__ozet{display:grid;gap:.3rem;margin-top:.1rem}
.hazir-kart__ozet li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;color:var(--yazi-2)}.hazir-kart__ozet svg{flex:none;color:var(--vurgu);width:22px;height:22px;padding:3px;border-radius:6px;background:var(--ana-cok-acik)}
.hazir-kart__fiyat{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--kenar);display:flex;align-items:baseline;gap:.4rem;flex-wrap:wrap}
.hazir-kart__fiyat b{font-size:1.3rem;font-weight:800;color:var(--fiyat);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.hazir-kart__fiyat small{color:var(--cok-soluk);font-size:.74rem}.hazir-kart__fiyat s{flex-basis:100%;color:var(--cok-soluk);font-size:.82rem}
.hazir-kart__eylem{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.hazir-kart__eylem form{margin:0}.hazir-kart__eylem .btn{min-height:40px;padding-inline:.6rem;font-size:.84rem}
.hazir__not{margin-top:.8rem}
.marka-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.6rem}
.marka-izgara a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;height:92px;border:1px solid var(--kenar);border-radius:var(--r);padding:.8rem;text-align:center;background:#fff;transition:border-color .2s,box-shadow .2s}
.marka-izgara a:hover{border-color:var(--vurgu-acik);box-shadow:var(--g2)}
.marka-izgara img{max-height:30px;max-width:100px;object-fit:contain}.marka-izgara b{font-size:.95rem;color:var(--yazi)}.marka-izgara span{font-size:.72rem;color:var(--cok-soluk)}
.marka-izgara--kucuk a{height:84px}
.harfler{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0 1.5rem}.harfler a{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;background:#fff;border:1px solid var(--kenar);font-weight:600;font-size:.84rem}.harfler a:hover{background:var(--ana);color:#fff;border-color:var(--ana)}
.harf-bas{font-size:1.2rem;margin:2rem 0 .8rem;padding-bottom:.4rem;border-bottom:1px solid var(--kenar)}
.hizmet-izgara{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.hizmet-kart{display:grid;grid-template-columns:84px minmax(0,1fr);gap:.9rem;align-items:center;background:#fff;border-radius:var(--r-b);padding:.8rem;border:1px solid var(--kenar);transition:border-color .2s,box-shadow .2s}
.hizmet-kart:hover{border-color:var(--vurgu-acik);box-shadow:var(--g2)}
.hizmet-kart img{width:84px;height:84px;object-fit:cover;border-radius:8px}
.hizmet-kart h3{font-size:.95rem;margin-bottom:.15rem}.hizmet-kart p{font-size:.8rem;color:var(--soluk);line-height:1.4}
.hizmet-kart__fiyat{display:inline-block;margin-top:.35rem;font-weight:700;font-size:.9rem;color:var(--fiyat)}
.yazilim-izgara{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.yazilim-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);overflow:hidden;transition:border-color .2s,box-shadow .2s}
.yazilim-kart:hover{border-color:var(--vurgu-acik);box-shadow:var(--g2)}
.yazilim-kart img{width:100%;aspect-ratio:10/7;object-fit:cover}
.yazilim-kart>div{padding:.8rem .95rem 1rem}.yazilim-kart h3{font-size:.95rem;margin:.3rem 0 .25rem}.yazilim-kart p{font-size:.8rem;color:var(--soluk);line-height:1.4}
.yazilim-kart__durum{display:inline-block;font-size:.68rem;font-weight:700;padding:.15rem .5rem;border-radius:6px;background:var(--ana-cok-acik);color:var(--ana)}
.kurumsal-cta{background:linear-gradient(135deg,var(--ana),var(--koyu));color:#fff;margin-top:1.5rem;border-radius:var(--r-k);padding:2rem}
.kurumsal-cta__ic{display:grid;grid-template-columns:minmax(0,1.6fr) auto;gap:2rem;align-items:center}
.kurumsal-cta h2{color:#fff;font-size:clamp(1.3rem,2.4vw,1.8rem);max-width:26ch}
.kurumsal-cta__adimlar{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:1rem;color:rgba(255,255,255,.82);font-size:.88rem}
.kurumsal-cta__adimlar b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:.74rem;margin-right:.4rem}
.kurumsal-cta__eylem{display:flex;flex-direction:column;gap:.5rem}
.bant{padding:1rem 0}
.bant__ic{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:center;border-radius:var(--r-k);padding:2.2rem;overflow:hidden}
.bant--pc .bant__ic{background:radial-gradient(700px 360px at 100% 0%,rgba(29,95,209,.38),transparent 60%),linear-gradient(140deg,#121829,#090c14);color:rgba(255,255,255,.78)}
.bant h2{color:#fff;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.1;max-width:18ch}
.bant ul{display:grid;gap:.45rem;margin:1rem 0 1.3rem}.bant li{display:flex;gap:.5rem;align-items:center}.bant li .ikon{color:#7ee2a8}
.bant__gorsel{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem}
.bant__gorsel span{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.9rem .4rem;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.76rem}
.bant__gorsel small{color:rgba(255,255,255,.65)}
.adimlar{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.adimlar li{background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);padding:1.3rem}
.adimlar span{width:32px;height:32px;border-radius:50%;background:var(--ana);color:#fff;display:grid;place-items:center;font-weight:700;margin-bottom:.8rem}
.adimlar h3{font-size:1.05rem;margin-bottom:.3rem}.adimlar p{font-size:.88rem;color:var(--soluk)}

/* ---- listeleme ---- */
.kirinti{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.8rem;color:var(--cok-soluk);margin:.9rem 0}
.kirinti a:hover{color:var(--mavi)}.kirinti [aria-current]{color:var(--yazi-2)}
.liste-bas{margin-bottom:.9rem;display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}.liste-bas h1{font-size:1.5rem;font-weight:700}.liste-bas p{margin:0}
.liste-bas--marka{align-items:center}.liste-bas__logo{max-height:48px;max-width:150px;object-fit:contain}
.liste-bas--satir{justify-content:space-between;align-items:center}
.cipler{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}
.cip{display:inline-flex;align-items:center;gap:.35rem;min-height:34px;padding:.3rem .8rem;border-radius:8px;background:#fff;border:1px solid var(--kenar);font-size:.84rem;color:var(--yazi-2);transition:border-color .15s,color .15s}
.cip:hover{border-color:var(--ana);color:var(--ana)}.cip small{color:var(--cok-soluk);font-size:.72rem}
.cip--secili{background:var(--ana);color:#fff;border-color:var(--ana)}.cip--secili:hover{color:#fff;background:var(--ana-2)}
.cipler--kaydir{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
.cipler--kaydir .cip{flex:none;white-space:nowrap;scroll-snap-align:start}.cipler--kaydir::-webkit-scrollbar{display:none}
.liste-duzen{display:grid;grid-template-columns:260px minmax(0,1fr);gap:1rem;align-items:start}
.filtre{position:sticky;top:84px;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);padding:.9rem 1rem 1.1rem;display:grid;gap:.1rem}
.filtre__bas{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.55rem;border-bottom:1px solid var(--kenar);margin-bottom:.3rem}
.filtre__bas b{color:var(--yazi)}.filtre__kapat{display:none}
.filtre details{border-bottom:1px solid var(--kenar);padding:.3rem 0 .6rem}.filtre details:last-child{border-bottom:0}
.filtre summary{font-weight:600;color:var(--yazi);cursor:pointer;padding:.35rem 0;list-style:none;font-size:.9rem;display:flex;justify-content:space-between;align-items:center}.filtre summary::-webkit-details-marker{display:none}
.filtre summary::after{content:"";width:8px;height:8px;border-right:2px solid var(--cok-soluk);border-bottom:2px solid var(--cok-soluk);transform:rotate(45deg);margin-right:4px;transition:transform .2s}.filtre details[open]>summary::after{transform:rotate(-135deg)}
.filtre__liste{max-height:280px;overflow:auto;margin-top:.2rem;display:grid;gap:.05rem}
.filtre__liste a{display:flex;justify-content:space-between;gap:.5rem;padding:.3rem .5rem;border-radius:6px;font-size:.86rem}.filtre__liste a:hover{background:var(--zemin-2)}
.filtre__liste a.secili{background:var(--ana-cok-acik);color:var(--ana);font-weight:600}.filtre__liste small{color:var(--cok-soluk)}
.filtre-fiyat{display:grid;gap:.5rem;margin-top:.3rem}
.filtre-fiyat__satir{display:grid;grid-template-columns:1fr auto 1fr;gap:.4rem;align-items:center;color:var(--cok-soluk)}
.filtre-fiyat input{width:100%;border:1px solid var(--kenar-2);border-radius:8px;padding:.45rem .55rem;font-size:.86rem;background:#fff}
.filtre__anahtar{display:flex;align-items:center;gap:.6rem;padding:.35rem 0;font-size:.86rem;color:var(--yazi-2)}
.anahtar-mini{width:34px;height:20px;border-radius:99px;background:var(--kenar-2);position:relative;transition:background .2s;flex:none}
.anahtar-mini::after{content:"";position:absolute;left:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:transform .2s}
.filtre__anahtar.secili .anahtar-mini{background:var(--yesil)}.filtre__anahtar.secili .anahtar-mini::after{transform:translateX(14px)}
.liste-arac{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.75rem;flex-wrap:wrap;background:#fff;border:1px solid var(--kenar);border-radius:var(--r);padding:.5rem .7rem}.liste-arac--sag{justify-content:flex-end}
.etkin-filtreler{display:flex;flex-wrap:wrap;gap:.35rem;flex:1}.etkin-filtreler .cip{min-height:30px;font-size:.78rem}.etkin-filtreler .cip--secili{background:var(--ana);color:#fff}
.filtre-ac{display:none}
.sirala select{appearance:none;border:1px solid var(--kenar-2);border-radius:8px;height:36px;padding:0 2rem 0 .7rem;font-size:.86rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7383' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right .6rem center;cursor:pointer}
.sayfalar{display:flex;justify-content:center;gap:.3rem;margin-top:1.5rem;flex-wrap:wrap}
.sayfalar a,.sayfalar span{min-width:38px;height:38px;display:grid;place-items:center;border-radius:8px;font-size:.88rem;padding:0 .5rem;background:#fff;border:1px solid var(--kenar)}
.sayfalar a:hover{border-color:var(--ana)}.sayfalar [aria-current]{background:var(--ana);color:#fff;font-weight:600;border-color:var(--ana)}.sayfalar__bos{color:var(--cok-soluk);border:0!important;background:transparent!important}
.bos-durum{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-k)}.bos-durum h1,.bos-durum h2{font-size:1.3rem}.bos-durum p{color:var(--soluk);max-width:48ch}
.bos-durum--kucuk{padding:1.6rem 1rem}
.bos-durum__ikon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--zemin-2);color:var(--ana)}
.kat-agac{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}
.kat-agac__grup{border:1px solid var(--kenar);border-radius:var(--r-b);padding:.9rem 1rem;background:#fff}
.kat-agac__bas{display:grid;grid-template-columns:1fr auto auto;gap:.6rem;align-items:center;font-weight:700;color:var(--yazi)}.kat-agac__bas small{font-weight:500;color:var(--cok-soluk);font-size:.76rem}
.kat-agac__alt{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.7rem}.kat-agac__alt a{font-size:.8rem;padding:.25rem .6rem;border-radius:6px;background:var(--zemin-2);color:var(--yazi-2)}.kat-agac__alt a:hover{background:var(--ana-acik)}.kat-agac__alt small{color:var(--cok-soluk)}
.pc-serit{display:flex;align-items:center;gap:1rem;padding:.9rem 1.1rem;margin:0 0 1rem;border-radius:var(--r-b);background:linear-gradient(140deg,#141a2b,#0b0e17);color:#fff}
.pc-serit span{display:flex;flex-direction:column;flex:1}.pc-serit small{color:rgba(255,255,255,.7);font-size:.82rem}.pc-serit>.ikon:first-child{color:#9ecbff}
.pc-serit--ince{padding:.65rem .9rem;margin-bottom:.9rem}

/* ---- ürün sayfası ---- */
.urun{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem;align-items:start}
.urun__gorseller{position:sticky;top:84px;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-k);padding:1rem}
.urun__ana{position:relative;aspect-ratio:1/1;display:grid;place-items:center;padding:1.5rem}
.urun__ana img{max-width:100%;max-height:100%;object-fit:contain}
.urun__kucukler{display:flex;gap:.5rem;margin-top:.5rem;overflow-x:auto;padding-bottom:2px}
.urun__kucukler button{width:66px;height:66px;flex:none;border:2px solid var(--kenar);border-radius:8px;background:#fff;padding:4px;cursor:pointer}
.urun__kucukler button.secili{border-color:var(--ana)}.urun__kucukler img{width:100%;height:100%;object-fit:contain}
.urun__bilgi{min-width:0}
.urun__marka{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.urun__marka .marka-rozet{font-size:.8rem;color:var(--mavi)}
.urun__bilgi h1{font-size:1.35rem;font-weight:700;line-height:1.3}
.urun__alt-bilgi{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .9rem;margin-top:.5rem;font-size:.82rem}
.urun__puan{display:inline-flex;align-items:center;gap:.35rem;color:var(--soluk)}.urun__puan b{color:var(--yazi)}.urun__puan:hover span{color:var(--mavi)}
.urun__ozet{font-size:.95rem;color:var(--yazi-2);margin-top:.7rem}
.satin-al{margin-top:1rem;padding:1.2rem;border-radius:var(--r-k);background:#fff;border:1px solid var(--kenar);display:flex;flex-direction:column;gap:.9rem}
.satin-al .fiyat--sayfa b{font-size:2.1rem}
.satin-al__satir{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.satin-al__satir .sepet-form{flex:1;min-width:240px;flex-wrap:nowrap}.satin-al__satir .sepet-form .btn{flex:1}
.satin-al__alt{display:flex;gap:.4rem;flex-wrap:wrap}.satin-al__alt .btn--metin{min-height:36px}
.satin-al .kurumsal-ipucu{background:var(--ana-cok-acik)}
.satin-al__oneri{display:flex;flex-direction:column;gap:.4rem;margin-top:.3rem;padding-top:.8rem;border-top:1px solid var(--kenar)}
.satin-al__oneri-bas{display:flex;align-items:center;gap:.35rem;margin:0 0 .1rem;font-size:.78rem;font-weight:600;color:var(--soluk)}
.satin-al__oneri .mini-kart{grid-template-columns:46px minmax(0,1fr) auto;padding:.35rem;gap:.6rem;border-radius:8px}
.satin-al__oneri .mini-kart__gorsel img{width:46px;height:42px}.satin-al__oneri .mini-kart__ad{font-size:.78rem}.satin-al__oneri .mini-kart__metin b{font-size:.84rem}
.mobil-etiket{display:none}
.yakinda-kutu{display:grid;gap:.25rem;padding:.9rem 1rem;border-radius:var(--r);background:var(--zemin-2)}.yakinda-kutu b{color:var(--yazi);font-size:1.1rem}.yakinda-kutu span{color:var(--soluk);font-size:.9rem}
.teslim-kutu{display:flex;gap:.7rem;align-items:flex-start;background:var(--yesil-zemin);border-radius:var(--r);padding:.75rem .9rem;color:var(--yesil)}
.teslim-kutu div{display:flex;flex-direction:column;gap:.1rem}.teslim-kutu b{color:#14532d;font-size:.92rem}.teslim-kutu span{font-size:.82rem;color:#256a43}
.teslim-kutu--ozet{margin:0 0 1rem}.teslim-kutu span.teslim-kutu__ek{margin-top:.3rem;padding-top:.4rem;border-top:1px solid rgba(29,138,78,.18);color:#256a43}
.teslim-kutu--bilgi{background:var(--mavi-zemin);color:var(--mavi)}.teslim-kutu--bilgi b{color:#0b3a75}.teslim-kutu--bilgi span{color:#285894}
.guven-liste{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem;font-size:.82rem;color:var(--yazi-2)}
.guven-liste li{display:flex;gap:.5rem;align-items:center;background:#fff;border:1px solid var(--kenar);border-radius:var(--r);padding:.55rem .7rem}.guven-liste .ikon{color:var(--yesil)}
.urun__ozellik{margin-top:1rem;display:grid;gap:.4rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);padding:.9rem 1rem}
.urun__ozellik li{display:flex;gap:.5rem;font-size:.88rem}.urun__ozellik svg{color:var(--yesil);margin-top:.15rem}
.ozellik-cipler{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}
.ozellik-cipler span{display:inline-flex;flex-direction:column;gap:.05rem;padding:.35rem .65rem;border-radius:8px;background:#fff;border:1px solid var(--kenar);font-size:.78rem;color:var(--soluk)}.ozellik-cipler b{color:var(--yazi);font-size:.84rem}
.urun__kunye{margin:1.2rem 0 0;border-top:1px solid var(--kenar)}
.urun__kunye div{display:grid;grid-template-columns:140px 1fr;gap:1rem;padding:.55rem 0;border-bottom:1px solid var(--kenar);font-size:.9rem}
.urun__kunye dt{color:var(--soluk)}.urun__kunye dd{margin:0;color:var(--yazi)}
.kurumsal-al{display:grid;gap:.8rem;margin-top:.4rem}.kurumsal-al p{display:flex;gap:.45rem;align-items:flex-start;font-size:.9rem;color:var(--soluk)}.kurumsal-al .satir-dugmeler{margin-top:0}
.kurumsal-ipucu{display:flex;gap:.55rem;align-items:flex-start;margin-top:.6rem;padding:.7rem .9rem;border-radius:var(--r);background:var(--ana-cok-acik);font-size:.84rem;color:var(--yazi-2);line-height:1.45}
.kurumsal-ipucu .ikon{flex:none;margin-top:.1rem;color:var(--ana)}.kurumsal-ipucu a{color:var(--mavi);font-weight:600;white-space:nowrap}.kurumsal-ipucu--kucuk{font-size:.8rem;padding:.6rem .8rem}
.birlikte{margin-top:1rem;padding:1.1rem 1.25rem 1.25rem;border-radius:var(--r-k);background:#fff;border:1px solid var(--kenar)}
.birlikte .bolum__bas{margin-bottom:.9rem}.birlikte .bolum__bas h2{font-size:1.15rem}
.urun-sekme{position:sticky;top:72px;z-index:40;margin-top:1rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b) var(--r-b) 0 0;border-bottom:0}
.urun-sekme__ic{display:flex;gap:.1rem;overflow-x:auto;scrollbar-width:none;padding:0 .5rem}
.urun-sekme a{position:relative;padding:.9rem .9rem;font-size:.9rem;font-weight:600;color:var(--soluk);white-space:nowrap}
.urun-sekme a small{font-size:.72rem;background:var(--zemin-2);border-radius:99px;padding:.05rem .4rem;margin-left:.2rem}
.urun-sekme a[aria-current]{color:var(--ana)}.urun-sekme a[aria-current]::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:0;height:3px;background:var(--ana);border-radius:3px 3px 0 0}
.urun-bolumler{display:grid;gap:0;background:#fff;border:1px solid var(--kenar);border-radius:0 0 var(--r-k) var(--r-k);padding:0 1.5rem}
.urun-bolum{padding:1.8rem 0;border-bottom:1px solid var(--kenar);scroll-margin-top:130px}.urun-bolum:last-child{border-bottom:0}
.urun-bolum h2{font-size:1.2rem;margin-bottom:1rem}.urun-bolum h3{font-size:1rem;margin:1.4rem 0 .5rem}
.metin{font-size:.95rem;color:var(--yazi-2)}.metin--uzun{line-height:1.65;max-width:80ch}.madde{list-style:disc;padding-left:1.2rem;display:grid;gap:.35rem;font-size:.92rem}
.teknik{width:100%;border-collapse:collapse;font-size:.9rem;max-width:900px;border:1px solid var(--kenar);border-radius:var(--r);overflow:hidden}
.teknik th,.teknik td{text-align:left;padding:.55rem .8rem;border-bottom:1px solid var(--kenar);vertical-align:top}
.teknik th{width:40%;font-weight:500;color:var(--soluk)}.teknik tr:nth-child(odd){background:#f9fafc}
.teknik-not{margin-top:.7rem;font-size:.8rem;color:var(--cok-soluk)}
.taksit-tablo-kap{max-width:640px;border:1px solid var(--kenar);border-radius:var(--r);overflow:hidden}.taksit-tablo-vitrin th,.taksit-tablo-vitrin td{padding:.65rem 1rem}.taksit-tablo-vitrin tr:last-child td{border-bottom:0}
.bilgi-kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}
.bilgi-kartlar>div{display:grid;gap:.35rem;padding:1.1rem;border-radius:var(--r-b);background:var(--zemin-2)}.bilgi-kartlar .ikon{color:var(--ana)}.bilgi-kartlar b{color:var(--yazi)}.bilgi-kartlar p{font-size:.88rem;color:var(--soluk)}.bilgi-kartlar a{color:var(--mavi)}
.sss{display:grid;gap:.5rem;max-width:860px}
.sss details{border:1px solid var(--kenar);border-radius:var(--r);background:#fff}
.sss summary{cursor:pointer;list-style:none;padding:.8rem 1rem;font-weight:600;color:var(--yazi);font-size:.92rem;display:flex;justify-content:space-between;gap:1rem;align-items:center}.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-size:1.2rem;color:var(--cok-soluk);line-height:1}.sss details[open] summary::after{content:"–"}
.sss details>div{padding:0 1rem .9rem;font-size:.9rem;color:var(--yazi-2);line-height:1.55}.sss details>div a{color:var(--mavi)}
.yorum-duzen{display:grid;grid-template-columns:300px minmax(0,1fr);gap:2rem;align-items:start}
.yorum-ozet{display:grid;gap:.5rem}
.yorum-ozet__ort{font-size:2.8rem;line-height:1;color:var(--yazi);font-weight:800}
.yorum-dagilim{display:grid;gap:.3rem;margin:.4rem 0}.yorum-dagilim li{display:grid;grid-template-columns:14px 1fr 26px;gap:.5rem;align-items:center;font-size:.8rem;color:var(--soluk)}
.yorum-dagilim i{height:6px;border-radius:99px;background:var(--zemin-2);position:relative;overflow:hidden}.yorum-dagilim i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--y);background:#f5a524;border-radius:inherit}
.yorum-liste{display:grid;gap:.75rem}
.yorum{padding:1rem 1.1rem;border:1px solid var(--kenar);border-radius:var(--r-b)}
.yorum__ust{display:flex;gap:.6rem;align-items:center;margin-bottom:.4rem}.yorum__ust b{color:var(--yazi)}
.yorum p{font-size:.92rem}
.yorum__alt{display:flex;flex-wrap:wrap;gap:.3rem 1rem;margin-top:.6rem;font-size:.78rem;color:var(--cok-soluk)}
.yorum__dogrulanmis{display:inline-flex;align-items:center;gap:.25rem;color:var(--yesil);font-weight:600}
.yorum__yanit{margin-top:.7rem;padding:.7rem .9rem;border-radius:var(--r);background:var(--zemin-2);font-size:.88rem}.yorum__yanit b{color:var(--yazi)}
.yorum-form{display:grid;gap:.7rem;margin-top:.5rem;padding-top:.9rem;border-top:1px solid var(--kenar)}
.puan-sec{border:0;padding:0;margin:0;display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:.15rem}
.puan-sec legend{float:left;width:100%;font-size:.85rem;font-weight:500;color:var(--soluk);margin-bottom:.3rem}
.puan-sec input{position:absolute;opacity:0;width:1px;height:1px}
.puan-sec label{cursor:pointer;color:#d8dbe2;transition:color .1s}.puan-sec label svg{fill:currentColor;stroke:none}
.puan-sec input:checked~label,.puan-sec label:hover,.puan-sec label:hover~label{color:#f5a524}
.yapiskan-al{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(255,255,255,.97);border-top:1px solid var(--kenar);box-shadow:0 -12px 30px -18px rgba(20,26,38,.3);animation:yukari .3s var(--gecis)}
.yapiskan-al[hidden]{display:none}
.yapiskan-al__ic{display:flex;align-items:center;gap:1rem;padding:.55rem 0}
.yapiskan-al .gorsel-kutu{width:46px;height:42px;border-radius:6px;border:1px solid var(--kenar)}.yapiskan-al img{width:100%;height:100%;object-fit:contain}
.yapiskan-al__ad{flex:1;min-width:0;display:flex;flex-direction:column}.yapiskan-al__ad b{font-size:.86rem;color:var(--yazi);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yapiskan-al__ad span{font-size:.95rem;font-weight:800;color:var(--fiyat)}
.yapiskan-al .sepet-form{width:auto}.yapiskan-al .sepet-form .btn{min-width:170px}
.alarm-form{display:grid;gap:1rem}.alarm-form h2{font-size:1.3rem;margin-right:2.5rem}.alarm-form p{color:var(--soluk);font-size:.9rem}

/* ---- kutular / formlar ---- */
.kutu{background:#fff;border:1px solid var(--kenar);border-radius:var(--r-k);padding:1.3rem;margin-bottom:.9rem}
.kutu__baslik{font-size:1.05rem;margin-bottom:.9rem}.kutu__not{font-size:.86rem;margin:-.5rem 0 .9rem}
.kutu__bas-satir{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem}
.kutu--odeme{padding:.5rem}
.form-kutu{padding:1.8rem;display:flex;flex-direction:column;gap:.9rem}
.form-kutu__bas{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;margin-bottom:.4rem}.form-kutu__bas h1{font-size:1.5rem}
.form-kutu__ikon{width:52px;height:52px;border-radius:50%;background:var(--ana-cok-acik);color:var(--ana);display:grid;place-items:center}
.form-kutu__ikon--ok{background:var(--yesil-zemin);color:var(--yesil)}
.form-kutu__alt{text-align:center;font-size:.86rem;color:var(--soluk)}.form-kutu__alt a{color:var(--mavi);font-weight:500}
.grup-form{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:.8rem}.grup-form legend{font-weight:600;color:var(--yazi);margin-bottom:.5rem}
.alan{display:flex;flex-direction:column;gap:.3rem;font-size:.84rem;color:var(--soluk)}.alan span{font-weight:500}
.alan input,.alan textarea,.alan select{width:100%;border:1px solid var(--kenar-2);border-radius:8px;padding:.6rem .8rem;font-size:.95rem;color:var(--yazi);background:#fff;min-height:42px;transition:border-color .15s,box-shadow .15s}
.alan textarea{resize:vertical}
.alan input:focus,.alan textarea:focus,.alan select:focus{outline:none;border-color:var(--ana);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 14%,transparent)}
.alan input:disabled{background:var(--zemin-2);color:var(--soluk)}
.alan-2{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.alan-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.8rem}
.sepet-yan .alan{margin-bottom:.7rem}
.onay{display:flex;gap:.6rem;align-items:flex-start;font-size:.86rem;color:var(--soluk)}.onay input{width:18px;height:18px;margin-top:.15rem;accent-color:var(--ana)}
.onay--hiza{align-self:end;padding-bottom:.7rem}.onay--sozlesme{margin-top:.5rem;font-size:.88rem;color:var(--yazi-2)}.onay--sozlesme a,.onay a{color:var(--mavi);text-decoration:underline;text-underline-offset:2px}
.ipucu{font-size:.8rem;color:var(--cok-soluk);margin-top:.5rem}.ipucu a{color:var(--mavi)}.ipucu--hata{color:var(--kirmizi)}
.ipucu--vurgu{margin:0 0 .6rem;padding:.6rem .8rem;border-radius:8px;background:var(--turuncu-zemin);color:#7a4100}
.bal{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.satir-dugmeler{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}.satir-dugmeler form{margin:0}
.giris-duzen{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;align-items:start}.giris-duzen .kutu{margin:0}.giris-duzen h2{font-size:1.2rem}
.giris-not{display:flex;gap:.5rem;align-items:center;justify-content:center;margin:0 0 .9rem;font-size:.9rem;color:var(--yazi-2);text-align:center}
.kurumsal-kart{display:flex;gap:.9rem;align-items:center;background:var(--ana-cok-acik);border-color:transparent}.kurumsal-kart>.ikon{flex:none;color:var(--ana)}
.kurumsal-kart>div{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:0}.kurumsal-kart b{color:var(--yazi)}.kurumsal-kart span{font-size:.86rem;color:var(--soluk)}
.kurumsal-avantaj .madde{margin-top:.4rem}
.kunye{display:grid;gap:.45rem;margin-top:.7rem}.kunye div{display:grid;grid-template-columns:130px 1fr;gap:.6rem;font-size:.88rem}.kunye dt{color:var(--soluk)}.kunye dd{margin:0;color:var(--yazi)}

/* ---- sepet / ödeme ---- */
.sepet-duzen{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;align-items:start}
.sepet-yan{position:sticky;top:84px}
.sepet-satir{display:grid;grid-template-columns:80px minmax(0,1fr) auto 120px 38px;gap:.9rem;align-items:center;padding:.8rem 0;border-top:1px solid var(--kenar)}
.sepet-satir:first-of-type{border-top:0}
.sepet-satir__gorsel{background:#fff;border:1px solid var(--kenar);border-radius:8px;display:grid;place-items:center;height:72px}.sepet-satir__gorsel img{width:66px;height:60px;object-fit:contain}
.sepet-satir__ad a{font-size:.9rem;font-weight:500;color:var(--yazi);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sepet-satir__ad small{display:block;font-size:.76rem;color:var(--cok-soluk);margin-top:.15rem}
.sepet-satir__tutar{text-align:right;font-variant-numeric:tabular-nums;color:var(--yazi);font-weight:700}
.ozet dl{margin:0 0 .9rem}.ozet dl div{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.92rem}.ozet dd{margin:0;font-variant-numeric:tabular-nums}
.ozet__toplam{border-top:1px solid var(--kenar);margin-top:.4rem;padding-top:.7rem!important;font-weight:800;color:var(--yazi);font-size:1.15rem!important}.ozet__toplam dd{color:var(--fiyat)}
.ozet__kdv{margin:-.6rem 0 .8rem;text-align:right;font-size:.76rem;color:var(--cok-soluk)}.ozet__indirim dd{color:var(--yesil);font-weight:600}
.kupon{border:1px dashed var(--kenar-2);border-radius:var(--r);padding:.55rem .8rem;margin:0 0 .9rem;font-size:.88rem}
.kupon summary{cursor:pointer;display:flex;align-items:center;gap:.45rem;font-weight:600;color:var(--yazi);list-style:none}.kupon summary::-webkit-details-marker{display:none}
.kupon__form{display:flex;gap:.4rem;margin-top:.6rem}.kupon__form input{flex:1;min-width:0;border:1px solid var(--kenar-2);border-radius:8px;padding:.5rem .7rem;text-transform:uppercase;letter-spacing:.04em}
.kupon--uygulandi{display:flex;align-items:center;justify-content:space-between;border-style:solid;border-color:#bbf7d0;background:var(--yesil-zemin);color:var(--yesil)}.kupon--uygulandi span{display:flex;align-items:center;gap:.4rem}
.kargo-ilerleme{display:grid;gap:.35rem;margin:0 0 .9rem}.kargo-ilerleme span{height:6px;border-radius:99px;background:var(--zemin-2);overflow:hidden;position:relative}
.kargo-ilerleme span::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--y);background:var(--yesil);border-radius:inherit}.kargo-ilerleme small{font-size:.78rem;color:var(--soluk)}
.sepet-oneri{margin-top:1.5rem}.sepet-oneri .bolum__bas h2{font-size:1.2rem}
.adim-no{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--ana);color:#fff;font-size:.78rem;font-weight:700;margin-right:.5rem;vertical-align:2px}
.secim-liste{display:grid;gap:.5rem}
.secim{display:flex;gap:.8rem;align-items:flex-start;padding:.8rem .9rem;border:1.5px solid var(--kenar);border-radius:var(--r);cursor:pointer;transition:border-color .15s,background .15s;background:#fff}
.secim:hover{border-color:var(--kenar-2)}.secim:has(input:checked){border-color:var(--ana);background:var(--ana-cok-acik)}
.secim input{width:18px;height:18px;margin-top:.15rem;accent-color:var(--ana);flex:none}
.secim span{display:flex;flex-direction:column;gap:.15rem}.secim b{color:var(--yazi);font-weight:600}.secim small{color:var(--soluk);font-size:.82rem;line-height:1.4}
.secim--kapali{opacity:.55;cursor:not-allowed}
.yeni-adres{margin-top:.9rem;display:grid;gap:.8rem}.yeni-adres[hidden]{display:none}
.ozet-kalem{margin:0 0 .8rem;padding:0 0 .6rem;border-bottom:1px solid var(--kenar);display:grid;gap:.4rem;font-size:.84rem}
.ozet-kalem li{display:flex;justify-content:space-between;gap:.8rem}.ozet-kalem b{font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.banka{display:flex;flex-direction:column;gap:.1rem;margin:.6rem 0;padding:.7rem .9rem;background:var(--zemin-2);border-radius:var(--r)}.banka .btn--metin{align-self:flex-start;margin-top:.2rem}
.iban{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.98rem;letter-spacing:.02em;color:var(--yazi)}
.adres-satir{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:.7rem 0;border-top:1px solid var(--kenar)}
.adres-satir:first-of-type{border-top:0;padding-top:0}.adres-satir div{display:flex;flex-direction:column;gap:.15rem}.adres-satir small{font-size:.84rem}
.taksit-sec{margin:.2rem 0 .4rem;padding:.9rem;border-radius:var(--r);background:var(--zemin-2)}.taksit-sec[hidden]{display:none}
.taksit-sec__baslik{font-size:.84rem;font-weight:600;color:var(--yazi);margin-bottom:.5rem}
.taksit-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}
.taksit{position:relative;display:block;cursor:pointer}.taksit input{position:absolute;opacity:0;pointer-events:none}
.taksit>span{display:flex;flex-direction:column;gap:.1rem;height:100%;padding:.65rem .8rem;border:1.5px solid var(--kenar);border-radius:8px;background:#fff;transition:border-color .15s,box-shadow .15s}
.taksit b{font-size:.9rem;color:var(--yazi)}.taksit small{font-size:.84rem;color:var(--yazi-2);font-variant-numeric:tabular-nums}.taksit em{font-style:normal;font-size:.74rem;color:var(--cok-soluk)}
.taksit:hover>span{border-color:var(--kenar-2)}
.taksit input:checked+span{border-color:var(--ana);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 14%,transparent)}
.taksit-liste{display:grid;gap:.4rem}
.taksit--satir>span{flex-direction:row;align-items:center;justify-content:space-between;gap:.6rem}.taksit--satir>span>b{min-width:5.5em}.taksit--satir>span>small{flex:1;padding-right:6.5rem}
.taksit--satir{display:flex}.taksit--satir>span{flex:1}.taksit--satir em{display:none}
.taksit--satir>em{display:block;position:absolute;right:.85rem;top:50%;transform:translateY(-50%);font-size:.86rem;font-weight:600;color:var(--yazi)}
.odeme-kodu{display:grid;gap:.35rem;margin:.6rem 0 .8rem;padding:.9rem 1rem;border-radius:var(--r);background:var(--ana);color:rgba(255,255,255,.78)}
.odeme-kodu small{font-size:.8rem}.odeme-kodu small b{color:#fff}
.odeme-kodu__satir{display:flex;align-items:center;justify-content:space-between;gap:.8rem}
.odeme-kodu__satir>b{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;letter-spacing:.14em;color:#fff}
.odeme-kodu .btn--cizgi{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);color:#fff}
.kart-form{display:grid;gap:.9rem}
.kart-form__bas{display:flex;justify-content:space-between;align-items:center;gap:1rem}.kart-form__bas .kutu__baslik{margin:0;display:flex;align-items:center;gap:.45rem}
.kart-form__logo{font-size:.74rem;font-weight:600;color:var(--soluk);background:var(--zemin-2);border-radius:6px;padding:.3rem .6rem}
.kart-form input[name=cardnumber]{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;font-size:1.05rem}
.fatura-bilgi{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--kenar);display:grid;gap:.4rem}.fatura-bilgi .ipucu{margin:0}
.sozlesme{border:1px solid var(--kenar);border-radius:var(--r);margin-bottom:.5rem;background:#fff}
.sozlesme summary{cursor:pointer;padding:.7rem .9rem;font-weight:600;font-size:.9rem;color:var(--yazi);list-style:none;display:flex;justify-content:space-between;align-items:center}
.sozlesme summary::-webkit-details-marker{display:none}.sozlesme summary::after{content:"Oku";font-weight:500;font-size:.8rem;color:var(--mavi)}.sozlesme[open] summary::after{content:"Kapat"}
.sozlesme>.yasal,.sozlesme>div{padding:0 .9rem .9rem;max-height:340px;overflow:auto}
.yasal{font-size:.9rem;color:var(--yazi-2);line-height:1.55}.yasal h2{font-size:1.05rem;margin:1.2rem 0 .4rem;color:var(--yazi)}.yasal h3{font-size:.95rem;margin:1rem 0 .3rem;color:var(--yazi)}
.yasal p{margin:.3rem 0}.yasal ul{list-style:disc;padding-left:1.2rem;margin:.3rem 0;display:grid;gap:.25rem}
.yasal table{border-collapse:collapse;width:100%;font-size:.85rem;margin:.4rem 0 .6rem}.yasal th,.yasal td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid var(--kenar)!important}
.yasal__onay{background:var(--mavi-zemin);color:#1d3f7a;border-radius:8px;padding:.6rem .8rem;font-size:.84rem}
.yasal-sayfa h1{font-size:1.5rem;margin:.2rem 0 .6rem}.yasal-sayfa .yasal{font-size:.95rem}
.yasal-nav{display:flex;flex-wrap:wrap;gap:.4rem;margin:.4rem 0 1rem}.yasal-nav a{padding:.4rem .75rem;border-radius:8px;border:1px solid var(--kenar);font-size:.84rem;color:var(--yazi-2);background:#fff}
.yasal-nav a[aria-current]{background:var(--ana);border-color:var(--ana);color:#fff}

/* ---- hesabım ---- */
.sekmeler{display:flex;gap:.2rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r);padding:4px;margin-bottom:1.2rem;width:max-content;max-width:100%;overflow-x:auto}
.sekmeler a{padding:.45rem .9rem;border-radius:7px;font-size:.88rem;font-weight:500;white-space:nowrap}.sekmeler a[aria-current]{background:var(--ana);color:#fff}
.sekmeler--tam{width:100%;margin:0 0 .4rem}.sekmeler--tam a{flex:1;text-align:center}
.ozet-kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:.9rem}
.ozet-kartlar .kutu{margin:0}.ozet-kartlar small{display:block;font-size:.8rem;color:var(--soluk)}.ozet-kartlar b{display:block;font-size:1.4rem;color:var(--yazi);margin-top:.25rem;font-weight:800}
.tablo{width:100%;border-collapse:collapse;font-size:.9rem}
.tablo th{text-align:left;font-weight:500;color:var(--soluk);font-size:.78rem;padding:.55rem .5rem;border-bottom:1px solid var(--kenar)}
.tablo td{padding:.7rem .5rem;border-bottom:1px solid var(--kenar);font-variant-numeric:tabular-nums}
.tablo td a{color:var(--mavi);font-weight:500}.tablo .sag{text-align:right}
.tablo tfoot td{border:0;padding:.3rem .5rem}.tablo tfoot .toplam td{font-weight:700;font-size:1.02rem;color:var(--yazi);padding-top:.6rem}
.durum{display:inline-block;font-size:.74rem;font-weight:600;padding:.2rem .55rem;border-radius:6px;background:var(--zemin-2);color:var(--yazi-2)}
.durum--yeni{background:var(--mavi-zemin);color:#1d4ed8}.durum--onaylandi,.durum--hazirlaniyor{background:var(--turuncu-zemin);color:var(--turuncu)}.durum--kargoda{background:#f1ebff;color:#6b3fd1}.durum--tamamlandi{background:var(--yesil-zemin);color:var(--yesil)}.durum--iptal{background:var(--kirmizi-zemin);color:var(--kirmizi)}
.ilerleme{display:flex;margin:1rem 0 1.4rem}
.ilerleme li{flex:1;position:relative;text-align:center;font-size:.76rem;color:var(--cok-soluk);padding-top:22px}
.ilerleme li span{position:absolute;top:0;left:50%;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;background:var(--kenar-2);z-index:1}
.ilerleme li::before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--kenar-2)}.ilerleme li:first-child::before{display:none}
.ilerleme li.tamam{color:var(--yazi)}.ilerleme li.tamam span,.ilerleme li.tamam::before{background:var(--ana)}
.iki-kolon{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1.1rem 0}.iki-kolon h3{font-size:.98rem;margin-bottom:.4rem}.iki-kolon h3:not(:first-child){margin-top:.9rem}.iki-kolon>.kutu{margin:0}

/* ---- karşılaştırma ---- */
.kiyas-kap{overflow-x:auto;border:1px solid var(--kenar);border-radius:var(--r-k);background:#fff}
.kiyas{border-collapse:collapse;width:100%;min-width:calc(180px + var(--n) * 230px);font-size:.88rem;table-layout:fixed}
.kiyas th,.kiyas td{padding:.75rem 1rem;border-bottom:1px solid var(--kenar);text-align:left;vertical-align:top}
.kiyas tbody th{width:180px;color:var(--soluk);font-weight:500;background:#f9fafc;position:sticky;left:0;z-index:1}
.kiyas thead .kiyas__bos{width:180px;position:sticky;left:0;z-index:2;background:#fff}
.kiyas__urun{position:relative;width:calc((100% - 180px) / var(--n))}
.kiyas__urun a{display:grid;gap:.5rem;color:var(--yazi);font-weight:500;line-height:1.35}
.kiyas__gorsel{border-radius:8px;padding:.6rem;border:1px solid var(--kenar)}.kiyas__urun img{width:100%;aspect-ratio:10/9;object-fit:contain;max-height:200px}
.kiyas__cikar{position:absolute;top:.8rem;right:1rem;background:#fff;box-shadow:var(--g1)}
.kiyas__fiyat{margin:.5rem 0}.kiyas__fark td{background:#fffbea}.kiyas td{overflow-wrap:anywhere}
.kiyas-bar{position:fixed;left:0;right:0;bottom:0;z-index:65;background:rgba(255,255,255,.97);border-top:1px solid var(--kenar);box-shadow:0 -12px 30px -18px rgba(20,26,38,.3);animation:yukari .3s var(--gecis)}
.kiyas-bar[hidden]{display:none}
.kiyas-bar__ic{display:flex;align-items:center;gap:1rem;padding:.6rem 0}
.kiyas-bar__urunler{display:flex;gap:.5rem;flex:1;overflow-x:auto}
.kiyas-bar__urun{position:relative;display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem .3rem .3rem;border:1px solid var(--kenar);border-radius:8px;background:#fff;font-size:.76rem;max-width:220px;flex:none}
.kiyas-bar__urun img{width:36px;height:34px;object-fit:contain}
.kiyas-bar__urun span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kiyas-bar__urun button{border:0;background:transparent;color:var(--cok-soluk);cursor:pointer;padding:2px}
.kiyas-bar__eylem{display:flex;gap:.4rem;align-items:center;flex:none}
@keyframes yukari{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:760px){.kiyas-bar__ic{gap:.5rem}.kiyas-bar__urun{max-width:150px;font-size:.72rem;padding:.25rem .35rem}.kiyas-bar__urun img{width:30px;height:28px}.kiyas-bar__eylem .btn--metin{display:none}.kiyas-bar__eylem .btn--ana span{display:none}.kiyas-bar__eylem .btn--ana{width:44px;padding:0}}

/* ---- panel (sepete eklendi, PC parça seçimi, haber ver) ---- */
.panel-kap{position:fixed;inset:0;z-index:120;display:flex;justify-content:flex-end}
.panel-kap[hidden]{display:none}
.panel-arka{position:absolute;inset:0;background:rgba(10,12,20,.45);animation:sol .25s}
.panel{position:relative;width:min(520px,100%);height:100%;background:#fff;box-shadow:var(--g3);overflow:auto;animation:panelGir .3s var(--gecis);outline:none}
.panel--genis{width:min(860px,100%)}
.panel__kapat{position:absolute;top:.7rem;right:.7rem;z-index:3;background:var(--zemin-2)}
.panel__ic{padding:1.4rem 1.4rem 2rem}
@keyframes panelGir{from{transform:translateX(40px);opacity:.4}to{transform:none;opacity:1}}
@keyframes sol{from{opacity:0}to{opacity:1}}
.eklendi__durum{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--yesil);margin:0 2.5rem .9rem 0}
.eklendi__durum .ikon{background:var(--yesil-zemin);border-radius:50%;padding:4px;width:28px;height:28px}
.eklendi__urun{display:grid;grid-template-columns:90px 1fr;gap:.9rem;align-items:center;padding:.9rem;border-radius:var(--r-b);background:var(--zemin-2)}
.eklendi__urun img{width:90px;height:80px;object-fit:contain;background:#fff;border-radius:8px}
.eklendi__urun b{display:block;color:var(--yazi);font-weight:600;font-size:.92rem;line-height:1.35}.eklendi__urun span{font-size:.86rem;color:var(--fiyat);font-weight:700}
.eklendi__eylem{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.9rem 0 1.2rem}
.eklendi__oneri-baslik{font-weight:700;color:var(--yazi);margin-bottom:.4rem}
.oneri-gruplar{display:grid;gap:1rem}
.oneri-grup__baslik{font-size:.8rem;font-weight:600;color:var(--soluk);margin-bottom:.45rem}
.oneri-grup__liste{display:grid;gap:.45rem}
.mini-kart{display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.5rem;border:1px solid var(--kenar);border-radius:var(--r);background:#fff;transition:border-color .15s}
.mini-kart:hover{border-color:var(--kenar-2)}
.mini-kart__gorsel{display:block;border:1px solid var(--kenar);border-radius:8px;background:#fff}.mini-kart__gorsel img{width:60px;height:54px;object-fit:contain;padding:3px}
.mini-kart__metin{display:flex;flex-direction:column;gap:.1rem;min-width:0}
.mini-kart__ad{font-size:.82rem;color:var(--yazi);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.mini-kart__ad:hover{color:var(--mavi)}
.mini-kart__metin b{font-size:.88rem;color:var(--fiyat);font-variant-numeric:tabular-nums}.mini-kart__metin small{color:var(--cok-soluk);font-weight:500}
.mini-kart .btn.eklendi-btn{background:var(--yesil-zemin);border-color:transparent;color:var(--yesil)}
.oneri-gruplar--yatay{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-items:start}

/* ---- PC toplama ---- */
.pc-bas{width:min(var(--kap),100% - 2 * var(--oluk));margin:1rem auto 0;background:radial-gradient(900px 400px at 90% -30%,rgba(29,95,209,.4),transparent 60%),linear-gradient(150deg,#141a2b,#0a0d16);color:rgba(255,255,255,.78);border-radius:var(--r-k)}
.pc-bas__ic{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem;align-items:end;padding:2rem 2rem 1.8rem;width:auto}
.pc-bas h1{color:#fff;font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.1;max-width:22ch}
.pc-bas__alt{margin-top:.7rem;max-width:56ch;font-size:.95rem}
.pc-bas__adim{display:grid;gap:.5rem;font-size:.88rem}.pc-bas__adim li{display:flex;align-items:center;gap:.6rem}.pc-bas__adim b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:.78rem}
.pc-duzen{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:1rem;align-items:start}
.pc-yuvalar{display:grid;gap:.6rem}
.pc-yuva{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.85rem 1rem;border:1px solid var(--kenar);border-radius:var(--r-b);background:#fff;scroll-margin-top:110px;transition:border-color .2s,box-shadow .2s}
.pc-yuva--dolu{border-color:color-mix(in srgb,var(--yesil) 40%,transparent)}
.pc-yuva:target{box-shadow:0 0 0 4px color-mix(in srgb,var(--mavi) 18%,transparent)}
.pc-yuva__ikon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;background:var(--ana-cok-acik);color:var(--ana)}
.pc-yuva--dolu .pc-yuva__ikon{background:var(--yesil-zemin);color:var(--yesil)}
.pc-yuva__bilgi{display:grid;gap:.4rem;min-width:0}
.pc-yuva__ad{font-weight:700;color:var(--yazi);font-size:.92rem}.pc-yuva__ad small{font-weight:500;color:var(--cok-soluk);font-size:.74rem;margin-left:.3rem}
.pc-yuva__bos{font-size:.84rem;color:var(--cok-soluk)}
.pc-yuva__eylem{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}
.pc-parca{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto auto;gap:.7rem;align-items:center}
.pc-parca .gorsel-kutu{width:52px;height:46px;border-radius:8px;border:1px solid var(--kenar)}.pc-parca img{width:100%;height:100%;object-fit:contain}
.pc-parca__metin{display:grid;gap:.25rem;min-width:0}.pc-parca__metin a{font-size:.86rem;color:var(--yazi);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.pc-parca__metin a:hover{color:var(--mavi)}
.pc-parca__fiyat{font-variant-numeric:tabular-nums;color:var(--yazi);white-space:nowrap;font-weight:600}
.pc-cipler{display:flex;flex-wrap:wrap;gap:.25rem}.pc-cipler span{font-size:.68rem;font-weight:600;padding:.1rem .4rem;border-radius:5px;background:var(--zemin-2);color:var(--yazi-2)}
.pc-aday__uyari{display:inline-flex;align-items:center;gap:.25rem;font-size:.76rem;color:var(--kirmizi);font-weight:500}
.adet--link{display:inline-flex;align-items:center;height:32px;border:1px solid var(--kenar);border-radius:6px}.adet--link a{width:28px;height:100%;display:grid;place-items:center;font-size:1rem;color:var(--yazi)}.adet--link a:hover{background:var(--zemin-2)}.adet--link b{min-width:22px;text-align:center;font-variant-numeric:tabular-nums}
.pc-secici-kap{border:1px solid var(--kenar);border-radius:var(--r-k);padding:1.1rem;background:#fff;box-shadow:var(--g2);margin-bottom:.5rem}
.pc-secici__bas{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.9rem}.pc-secici__bas h2{font-size:1.2rem}
.pc-secici__arac{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.5rem}
.arama--kucuk{flex:1;min-width:200px;height:40px;max-width:none;border-width:1px;border-color:var(--kenar-2)}.arama--kucuk .arama__btn{display:none}.arama--kucuk input{padding:0 .7rem}
.pc-secici__sayi{font-size:.82rem;margin-bottom:.5rem}
.pc-aday-liste{display:grid;gap:.45rem}
.pc-aday{display:grid;grid-template-columns:66px minmax(0,1fr) auto auto;gap:.8rem;align-items:center;padding:.5rem .6rem;border:1px solid var(--kenar);border-radius:var(--r);transition:border-color .15s,background .15s}
.pc-aday:hover{border-color:var(--kenar-2)}
.pc-aday .gorsel-kutu{width:66px;height:58px;border-radius:8px;border:1px solid var(--kenar)}.pc-aday img{width:100%;height:100%;object-fit:contain}
.pc-aday__metin{display:grid;gap:.25rem;min-width:0}.pc-aday__metin a{font-size:.86rem;color:var(--yazi);font-weight:500;line-height:1.35}
.pc-aday__fiyat{text-align:right;display:flex;flex-direction:column;font-variant-numeric:tabular-nums}.pc-aday__fiyat b{color:var(--fiyat);font-weight:700}.pc-aday__fiyat small{font-size:.7rem;color:var(--cok-soluk)}
.pc-aday--uyumsuz{background:#f9fafc}.pc-aday--uyumsuz .gorsel-kutu,.pc-aday--uyumsuz .pc-aday__metin a{opacity:.6}
.pc-aday--secili{border-color:var(--yesil);background:var(--yesil-zemin)}
.pc-ozet{position:sticky;top:84px}
.pc-ozet__kutu{display:grid;gap:.9rem}.pc-ozet__kutu .kutu__baslik{margin:0}
.pc-ilerleme{display:grid;gap:.35rem}.pc-ilerleme span{height:8px;border-radius:99px;background:var(--zemin-2);position:relative;overflow:hidden}.pc-ilerleme span::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--y);background:linear-gradient(90deg,var(--mavi),var(--yesil));border-radius:inherit;transition:width .4s var(--gecis)}.pc-ilerleme small{font-size:.78rem;color:var(--soluk)}
.pc-durum{display:flex;gap:.6rem;align-items:flex-start;padding:.75rem .85rem;border-radius:var(--r);background:var(--zemin-2);font-size:.86rem;color:var(--yazi-2)}
.pc-durum div{display:grid;gap:.15rem}.pc-durum b{color:var(--yazi)}.pc-durum ul{list-style:disc;padding-left:1rem;display:grid;gap:.15rem;margin-top:.2rem}
.pc-durum--tamam{background:var(--yesil-zemin);color:#256a43}.pc-durum--tamam .ikon{color:var(--yesil)}
.pc-durum--uyari{background:var(--kirmizi-zemin);color:#8f1f1b}.pc-durum--uyari .ikon{color:var(--kirmizi)}
.pc-guc{display:flex;gap:.5rem;align-items:center;font-size:.82rem;color:var(--soluk)}.pc-guc b{color:var(--yazi)}
.pc-ekler{display:grid;gap:.4rem}.pc-ekler__baslik{font-size:.8rem;font-weight:600;color:var(--soluk)}
.pc-ek{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:.6rem;align-items:center;padding:.5rem .6rem;border:1px solid var(--kenar);border-radius:8px;cursor:pointer;font-size:.84rem}
.pc-ek input{width:18px;height:18px;accent-color:var(--ana)}.pc-ek span{display:grid}.pc-ek b{color:var(--yazi);font-weight:500}.pc-ek small{font-size:.72rem;color:var(--cok-soluk)}.pc-ek em{font-style:normal;font-weight:600;color:var(--yazi);font-variant-numeric:tabular-nums}
.pc-ek:has(input:checked){border-color:var(--ana);background:var(--ana-cok-acik)}
.pc-toplam{margin:0}.pc-toplam div{display:flex;justify-content:space-between;padding:.3rem 0}.pc-toplam dd{margin:0;font-variant-numeric:tabular-nums}
.pc-ozet__alt{display:flex;justify-content:space-between}
.pc-ayar{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;margin-top:12px}

/* ---- güven şeridi ve alt bilgi ---- */
.guven{margin-top:2rem;background:#fff;border-top:1px solid var(--kenar)}
.guven__ic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1.3rem 0}
.guven__ic>div{display:flex;gap:.7rem;align-items:center;color:var(--ana)}
.guven__ic span{display:flex;flex-direction:column}.guven__ic b{color:var(--yazi);font-size:.88rem}.guven__ic small{color:var(--soluk);font-size:.78rem}
.alt{background:var(--koyu);color:rgba(255,255,255,.7);font-size:.85rem}
.alt__ic{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.2fr;gap:1.6rem;padding:2.5rem 0 1.8rem}
.alt__logo{max-height:32px;width:auto;max-width:170px;object-fit:contain;margin-bottom:.9rem}.alt__logo--ters{filter:brightness(0) invert(1)}
.alt__marka b{display:block;font-size:1.05rem;color:#fff;margin-bottom:.7rem}.alt__marka p{max-width:46ch}
.alt__iletisim{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.alt__iletisim .btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff}.alt__iletisim .btn:hover{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.alt__kol{display:flex;flex-direction:column;gap:.4rem}.alt__kol h4{font-size:.86rem;color:#fff;margin-bottom:.25rem}.alt__kol a:hover{color:#fff;text-decoration:underline}
.alt__not{display:flex;gap:.5rem;align-items:center;padding:.9rem 0;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;color:rgba(255,255,255,.6)}
.alt__son{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0 1.5rem;border-top:1px solid rgba(255,255,255,.1);font-size:.76rem;flex-wrap:wrap}
.alt__imza{color:rgba(255,255,255,.4)}
.alt__odeme{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.alt__odeme span{font-size:.68rem;font-weight:700;color:var(--yazi);border-radius:4px;padding:.2rem .45rem;background:#fff}.alt__odeme img{height:28px;width:auto;background:#fff;border-radius:4px;padding:3px 6px}

/* mobil alt menü */
.alt-bar{display:none}
.kat-dikey__bas{display:none}

/* ---- duyarlı ---- */
@media (max-width:1240px){.ust__eylem small{display:none}.ust__eylem{gap:.4rem;padding:0 .5rem}.ust__ic{gap:1rem}.kartlar{grid-template-columns:repeat(4,minmax(0,1fr))}.kartlar--3{grid-template-columns:repeat(3,minmax(0,1fr))}.raf__liste{grid-auto-columns:calc((100% - 4 * .75rem) / 5)}.vitrin-ust__ic{grid-template-columns:236px minmax(0,1fr)}.kat-menu__tum-kap{width:236px}.kat-menu__acilir{width:236px}.kat-izgara--magaza{grid-template-columns:repeat(5,minmax(0,1fr))}.alt__ic{grid-template-columns:1.4fr 1fr 1fr 1fr}.alt__ic>.alt__kol:last-child{grid-column:1/-1}}
@media (max-width:1080px){.vitrin-ust__ic{grid-template-columns:minmax(0,1fr)}.vitrin-ust .kat-dikey{margin:0}.kat-menu__tum-kap--sabit .kat-menu__tum{cursor:pointer}.kat-menu__tum-kap--sabit .kat-menu__tum .ikon:last-child{display:block}
  .kartlar{grid-template-columns:repeat(3,minmax(0,1fr))}.raf__liste{grid-auto-columns:calc((100% - 3 * .75rem) / 4)}.hazir__liste{grid-template-columns:repeat(2,minmax(0,1fr))}.kat-izgara--magaza{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sepet-duzen{grid-template-columns:1fr}.sepet-yan{position:static}.ozet-kartlar{grid-template-columns:repeat(2,1fr)}.hizmet-izgara,.yazilim-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-duzen{grid-template-columns:1fr}.pc-ozet{position:static}.guven__ic{grid-template-columns:1fr 1fr}.yorum-duzen{grid-template-columns:1fr}.bant__ic{grid-template-columns:1fr}.kampanya{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);padding:2rem 2rem 3.4rem}.kampanya__urunler{max-width:300px}}
@media (max-width:900px){
  .ust__ic{gap:.8rem;height:64px}.ust__eylem{padding:0 .5rem}.ust__eylem>span:not(.rozet){display:none}.ust__eylem{width:44px;justify-content:center}.rozet{left:auto;right:2px}
  .kat-menu{border:0;background:transparent}.kat-menu__ic{height:0;visibility:hidden;overflow:hidden}.kat-menu .kat-dikey--cekmece{visibility:visible}
  .liste-duzen{grid-template-columns:minmax(0,1fr)}.urun{grid-template-columns:minmax(0,1fr);gap:1rem}.urun__gorseller{position:static}.urun-sekme{top:64px}
  .alt__ic{grid-template-columns:1fr 1fr;gap:1.5rem}.alt__marka{grid-column:1/-1}.adimlar{grid-template-columns:1fr}.pc-bas__ic{grid-template-columns:1fr}.pc-bas__adim{display:none}.avantajlar__ic{grid-template-columns:1fr 1fr}
  .filtre-ac{display:inline-flex}
  .filtre{position:fixed;inset:0 auto 0 0;width:min(340px,88vw);z-index:110;background:#fff;padding:1rem 1rem 6rem;overflow:auto;transform:translateX(-102%);transition:transform .3s var(--gecis);box-shadow:var(--g3);display:block;border-radius:0;border:0}
  body.filtre-acik .filtre{transform:none}
  body.filtre-acik::after{content:"";position:fixed;inset:0;background:rgba(10,12,20,.42);z-index:105}
  .filtre__kapat{display:grid}
  .giris-duzen{grid-template-columns:1fr}.kurumsal-kart{flex-wrap:wrap}.kurumsal-kart .btn{width:100%}
}
/* dikey menü: çekmece (telefon ve tablet) */
@media (max-width:1080px){
  .ust__menu-ac{display:grid}
  .kat-dikey--cekmece,.kat-menu__acilir .kat-dikey{position:fixed;inset:0 auto 0 0;width:min(340px,88vw);z-index:130;border-radius:0;border:0;box-shadow:var(--g3);overflow:auto;transform:translateX(-102%);transition:transform .3s var(--gecis);padding-bottom:5rem}
  body.kat-acik .kat-dikey--cekmece{transform:none}
  body.kat-acik::before{content:"";position:fixed;inset:0;background:rgba(10,12,20,.45);z-index:125}
  .kat-dikey__bas{display:flex;align-items:center;justify-content:space-between;padding:.8rem .6rem .8rem 1rem;border-bottom:1px solid var(--kenar);position:sticky;top:0;background:#fff;z-index:2}.kat-dikey__bas b{display:flex;align-items:center;gap:.5rem;color:var(--yazi)}
  .kat-dikey__link{height:46px}
  .kat-dikey__panel{position:static;min-width:0;max-width:none;border:0;box-shadow:none;border-radius:0;padding:.3rem 1rem .8rem 2.9rem;background:var(--zemin-2)}
  .kat-dikey__oge:hover>.kat-dikey__panel{display:none}.kat-dikey__oge.acik>.kat-dikey__panel{display:block}
  .kat-dikey__sutunlar{grid-template-columns:1fr}.kat-dikey__grup a{white-space:normal}
  .kat-dikey__oge--acilir>.kat-dikey__link .ikon:last-child{transition:transform .2s}.kat-dikey__oge.acik>.kat-dikey__link .ikon:last-child{transform:rotate(90deg)}
}
@media (max-width:760px){
  body{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
  .alt-bar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:70;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--kenar)}
  .alt-bar a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:.64rem;font-weight:500;color:var(--soluk)}
  .alt-bar a[aria-current]{color:var(--ana)}
  .alt-bar .rozet{top:5px;right:calc(50% - 22px);left:auto}
  .ust__eylem{display:none}.ust__eylem--sepet{display:flex}
  .kiyas-bar{bottom:calc(62px + env(safe-area-inset-bottom))}.yapiskan-al{bottom:calc(60px + env(safe-area-inset-bottom))}
  .ust__ic{flex-wrap:wrap;height:auto;padding:.5rem 0 .6rem;gap:.4rem .6rem}.marka{margin-right:auto}.marka__logo{height:28px}.arama{order:3;flex-basis:100%;max-width:none;height:42px}
  .vitrin-ust__ic{grid-template-columns:1fr}.slayt{min-height:0}.kampanya{grid-template-columns:1fr;min-height:0;padding:1.5rem 1.25rem 3.2rem}.kampanya__urunler,.kampanya__gorsel{display:none}.kampanya h1,.kampanya__baslik{font-size:1.45rem}.kampanya__alt{font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.kampanya__ozet{display:none}
  .kampanya__eylem{flex-wrap:nowrap;gap:.5rem}.kampanya__eylem .btn{flex:1 1 0;min-width:0;padding:0 .7rem;font-size:.88rem;min-height:44px}
  .slayt__kontrol{left:1.25rem;bottom:.9rem}.slayt__ok{display:none}
  .yan-kartlar{grid-template-columns:1fr;grid-auto-rows:auto;gap:.5rem}.yan-kart{padding:.75rem .9rem;flex-direction:row;align-items:center;gap:.7rem;overflow:hidden}.yan-kart h2{font-size:.95rem;flex:1;min-width:0}.yan-kart p,.yan-kart small{display:none}.yan-kart__ikon{margin:0;flex:none}.yan-kart .ok-link{margin:0;flex:none;white-space:nowrap;font-size:.82rem}.yan-kart__parcalar{display:none}
  .avantajlar__ic{grid-template-columns:1fr 1fr;gap:.5rem}.avantajlar__ic>div{padding:.55rem .7rem}.avantajlar__ic small{display:none}
  .kartlar,.kartlar--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.kart__govde{padding:.55rem .6rem .65rem}.kart__gorsel{padding:.6rem}.kart .sepet-form .btn span{font-size:.8rem}
  .raf__liste{grid-auto-columns:calc((100% - .5rem) / 2.15);gap:.5rem}
  .hazir__liste{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(-1 * var(--oluk));padding:0 var(--oluk) .5rem;scrollbar-width:none}.hazir__liste::-webkit-scrollbar{display:none}.hazir-kart{scroll-snap-align:start}
  .kat-izgara--magaza{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .hizmet-izgara,.yazilim-izgara{grid-template-columns:1fr}.bant__ic{padding:1.5rem 1.2rem}.bant__gorsel{gap:.4rem}.bant__gorsel span{padding:.6rem .2rem;font-size:.66rem}
  .guven__ic{grid-template-columns:1fr 1fr;gap:.8rem}.guven__ic>div{align-items:flex-start}.guven-liste{grid-template-columns:1fr}
  .satin-al{padding:1rem}.satin-al__satir .sepet-form{min-width:0}.eklendi__eylem{grid-template-columns:1fr}
  .kirinti [aria-current],.kirinti span:has(+[aria-current]){display:none}.urun__gorseller{padding:.6rem}.urun__ana{padding:1rem}.urun-bolumler{padding:0 1rem}.urun__bilgi h1{font-size:1.15rem}
  .pc-yuva{grid-template-columns:44px minmax(0,1fr);padding:.8rem}.pc-yuva__ikon{width:44px;height:44px}.pc-yuva__eylem{grid-column:1/-1;flex-direction:row;justify-content:flex-start}
  .pc-parca{grid-template-columns:48px minmax(0,1fr) auto;row-gap:.4rem}.pc-parca .adet--link{grid-column:2}.pc-parca__fiyat{grid-column:2;grid-row:3}
  .pc-aday{grid-template-columns:56px minmax(0,1fr);row-gap:.4rem}.pc-aday__fiyat{grid-column:2;text-align:left;flex-direction:row;gap:.4rem;align-items:baseline}.pc-aday .btn{grid-column:1/-1}
  .sepet-satir{grid-template-columns:60px minmax(0,1fr) 38px;gap:.6rem}.sepet-satir__gorsel{height:58px}.sepet-satir__gorsel img{width:52px;height:48px}.sepet-satir__adet{grid-column:2}.sepet-satir__tutar{grid-column:2;text-align:left}.sepet-satir>form:last-child{grid-row:1;grid-column:3}
  .yapiskan-al .sepet-form .btn{min-width:0}.yapiskan-al__ad b{display:none}.oneri-gruplar--yatay{grid-template-columns:1fr}.birlikte{padding:1rem}
  .kurumsal-cta{padding:1.4rem}.kurumsal-cta__ic{grid-template-columns:1fr}.kurumsal-cta__eylem{flex-direction:row;flex-wrap:wrap}
  .alan-2,.iki-kolon{grid-template-columns:1fr}.alan-3{grid-template-columns:1fr 1fr}.alan-3>.alan:last-child{grid-column:1/-1}.taksit-izgara{grid-template-columns:1fr 1fr}.odeme-kodu__satir>b{font-size:1.3rem}
  .urun__kunye div{grid-template-columns:110px 1fr}.form-kutu{padding:1.2rem}.tablo{font-size:.84rem}.ozet-kartlar b{font-size:1.15rem}.kunye div{grid-template-columns:1fr;gap:.1rem}.serit{font-size:.76rem}.serit__link{display:inline-block;margin:.15rem 0 0}
  .kiyas{min-width:calc(104px + var(--n) * 158px);font-size:.82rem}.kiyas thead .kiyas__bos,.kiyas tbody th{width:104px}.kiyas th,.kiyas td{padding:.6rem .55rem}.kiyas__urun{width:158px}.kiyas__gorsel{padding:.4rem}.kiyas__urun img{max-height:120px}.kiyas__urun a{font-size:.8rem;gap:.4rem}.kiyas__cikar{top:.5rem;right:.5rem;width:30px;height:30px}
  .kiyas .sepet-form{flex-direction:column;align-items:stretch}.kiyas .sepet-form .adet{display:none}.kiyas .sepet-form .btn{width:100%;padding:0 .5rem;font-size:.8rem;min-height:38px}
  .panel-kap{align-items:flex-end}.panel{height:auto;max-height:92vh;border-radius:var(--r-k) var(--r-k) 0 0;animation:altGir .3s var(--gecis)}@keyframes altGir{from{transform:translateY(60px);opacity:.4}to{transform:none;opacity:1}}
  .cipler--kaydir{margin-left:calc(-1 * var(--oluk));margin-right:calc(-1 * var(--oluk));padding-left:var(--oluk);padding-right:var(--oluk);scroll-padding-left:var(--oluk)}
  .alt__ic{grid-template-columns:1fr;gap:1.2rem;padding:1.8rem 0 1rem}.demo-bant__ayir{display:none}
}
@media (max-width:600px){
  .satin-al__satir{gap:.5rem}.satin-al__satir .sepet-form{flex:1 1 100%;min-width:0;display:flex;gap:.5rem}.satin-al__satir .sepet-form .btn{min-width:0;padding-left:.8rem;padding-right:.8rem;white-space:nowrap}
  .satin-al__satir .btn--kare{flex:1 1 0;width:auto;height:44px;gap:.4rem;font-size:.88rem}.satin-al__satir .btn--kare .mobil-etiket{display:inline}
}
@media (max-width:420px){:root{--oluk:12px}.kat-izgara--magaza{grid-template-columns:repeat(2,minmax(0,1fr))}.satin-al__satir .adet button{width:36px}.satin-al__satir .adet input{width:40px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;animation:none!important}.slayt__kaydir{scroll-behavior:auto}}

/* ---- 1.5 · Roach destek baloncuğu ---- */
.roach{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.roach__bas{display:flex;align-items:center;gap:10px;border:0;padding:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.roach__yuz{position:relative;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--ana-2),var(--koyu) 75%);box-shadow:0 10px 24px -8px rgba(17,21,34,.55),inset 0 -3px 0 rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;gap:9px;padding-top:2px;transition:transform .25s var(--gecis),box-shadow .25s}
.roach__bas:hover .roach__yuz{transform:translateY(-2px) scale(1.04);box-shadow:0 16px 30px -10px rgba(17,21,34,.6),inset 0 -3px 0 rgba(0,0,0,.25)}
.roach__goz{position:relative;width:16px;height:20px;border-radius:50%;background:#fff;box-shadow:inset 0 -2px 3px rgba(0,0,0,.12);animation:roach-kirp 5.2s infinite;transform-origin:center}
.roach__goz+.roach__goz{animation-delay:.08s}
.roach__bebek{position:absolute;left:50%;top:50%;width:8px;height:9px;margin:-4.5px 0 0 -4px;border-radius:50%;background:#141a26;transition:transform .12s linear}
.roach__bebek::after{content:"";position:absolute;left:1.5px;top:1px;width:3px;height:3px;border-radius:50%;background:#fff;opacity:.9}
.roach__agiz{position:absolute;left:50%;bottom:13px;width:14px;height:6px;margin-left:-7px;border-bottom:2.5px solid rgba(255,255,255,.75);border-radius:0 0 12px 12px}
.roach--acik .roach__agiz{width:16px;height:8px;margin-left:-8px;border-bottom-width:3px}
@keyframes roach-kirp{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.08)}}
.roach__ipucu{order:-1;background:#fff;color:var(--yazi);font-size:.86rem;font-weight:600;padding:.5rem .8rem;border-radius:14px 14px 4px 14px;box-shadow:var(--g2);border:1px solid var(--kenar);white-space:nowrap;animation:roach-gir .5s var(--gecis) both;animation-delay:1.2s}
@keyframes roach-gir{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.roach--sakin .roach__ipucu,.roach--acik .roach__ipucu{display:none}
.roach__pencere{width:min(380px,calc(100vw - 24px));height:min(560px,calc(100vh - 110px));background:#fff;border-radius:18px;box-shadow:0 30px 70px -24px rgba(17,21,34,.55),0 0 0 1px var(--kenar);display:flex;flex-direction:column;overflow:hidden;animation:roach-ac .3s var(--gecis)}
@keyframes roach-ac{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}
.roach__pencere[hidden]{display:none}
.roach__ust{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;background:linear-gradient(135deg,var(--ana),var(--koyu));color:#fff}
.roach__yuz--kucuk{width:42px;height:42px;gap:6px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.25);flex:none}
.roach__yuz--kucuk .roach__goz{width:11px;height:14px}.roach__yuz--kucuk .roach__bebek{width:6px;height:6.5px;margin:-3.2px 0 0 -3px}.roach__yuz--kucuk .roach__bebek::after{width:2px;height:2px;left:1px}.roach__yuz--kucuk .roach__agiz{width:10px;height:4px;margin-left:-5px;bottom:9px;border-bottom-width:2px}
.roach__kim{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.roach__kim b{font-size:1rem}.roach__kim small{font-size:.76rem;opacity:.8;display:flex;align-items:center;gap:.3rem;white-space:nowrap;overflow:hidden}.roach__alt{overflow:hidden;text-overflow:ellipsis}
.roach__nokta{width:7px;height:7px;border-radius:50%;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.25)}
.roach__kapat{color:rgba(255,255,255,.85)}.roach__kapat:hover{background:rgba(255,255,255,.14);color:#fff}
.roach__akis{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:10px;background:var(--zemin);scroll-behavior:smooth;overscroll-behavior:contain}
.roach__balon{max-width:88%;animation:roach-balon .25s var(--gecis)}
@keyframes roach-balon{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.roach__balon--bot{align-self:flex-start}.roach__balon--kisi{align-self:flex-end}
.roach__metin{padding:.6rem .85rem;border-radius:14px;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}
.roach__balon--bot .roach__metin{background:#fff;color:var(--yazi);border:1px solid var(--kenar);border-bottom-left-radius:5px}
.roach__balon--kisi .roach__metin{background:var(--ana);color:#fff;border-bottom-right-radius:5px}
.roach__metin a{text-decoration:underline;color:var(--mavi)}.roach__balon--kisi .roach__metin a{color:#fff}
.roach__urunler{display:flex;flex-direction:column;gap:6px;margin-top:8px}
.roach__urun{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#fff;border:1px solid var(--kenar);border-radius:12px;transition:border-color .15s,box-shadow .15s}.roach__urun:hover{border-color:var(--kenar-2);box-shadow:var(--g1)}
.roach__urun img{width:44px;height:44px;object-fit:contain;flex:none;border-radius:8px;background:#fff}
.roach__urun span{display:flex;flex-direction:column;min-width:0;font-size:.82rem;line-height:1.3}.roach__urun b{color:var(--yazi);font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.roach__urun em{font-style:normal;color:var(--fiyat);font-weight:700}
.roach__baglantilar,.roach__secenekler{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.roach__cip,.roach__secenek{display:inline-flex;align-items:center;min-height:32px;padding:.3rem .75rem;border-radius:999px;font-size:.82rem;font-weight:600;cursor:pointer;border:1px solid var(--ana-acik);background:#fff;color:var(--ana);transition:background .15s,border-color .15s}
.roach__cip:hover,.roach__secenek:hover{background:var(--ana-cok-acik);border-color:var(--vurgu-acik)}
.roach__cip{color:var(--mavi);border-color:color-mix(in srgb,var(--mavi) 30%,#fff)}.roach__cip:hover{background:var(--mavi-zemin)}
.roach__yaziyor{display:flex;gap:4px;padding:.75rem .9rem;background:#fff;border:1px solid var(--kenar);border-radius:14px;border-bottom-left-radius:5px}
.roach__yaziyor span{width:6px;height:6px;border-radius:50%;background:var(--vurgu-acik);animation:roach-nokta 1.1s infinite}.roach__yaziyor span:nth-child(2){animation-delay:.15s}.roach__yaziyor span:nth-child(3){animation-delay:.3s}
@keyframes roach-nokta{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
.roach__form{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--kenar);background:#fff}
.roach__form input{flex:1;min-width:0;height:42px;border:1px solid var(--kenar-2);border-radius:999px;padding:0 1rem;font-size:.92rem;background:var(--zemin)}.roach__form input:focus{outline:0;border-color:var(--mavi);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--mavi) 18%,transparent)}
.roach__gonder{width:42px;height:42px;flex:none;border:0;border-radius:50%;background:var(--ana);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s,transform .15s}.roach__gonder:hover{background:var(--ana-2)}.roach__form.bekliyor .roach__gonder{opacity:.5;pointer-events:none}
.roach__not{font-size:.7rem;color:var(--cok-soluk);text-align:center;padding:0 12px 8px;background:#fff}
@media (max-width:900px){
  .roach{right:12px;bottom:calc(72px + env(safe-area-inset-bottom))}
  .roach__pencere{width:calc(100vw - 24px);height:min(560px,calc(100vh - 150px - env(safe-area-inset-bottom)))}
  .roach__ipucu{display:none}
}
@media (max-width:480px){.roach--acik{left:12px;align-items:stretch}.roach--acik .roach__pencere{width:auto}.roach--acik .roach__bas{align-self:flex-end}}
@media (prefers-reduced-motion:reduce){.roach__goz,.roach__ipucu,.roach__pencere,.roach__balon{animation:none}}

/* 1.5 · adres / vergi dairesi seçimleri */
.vergi-sec{display:flex;flex-direction:column;gap:6px}.vergi-sec [data-vergi-el][hidden]{display:none}
/* 1.5 · süper kargo */
.acil-kutu{display:flex;align-items:center;gap:12px;margin:12px 0;padding:12px 14px;border:1.5px solid #f59e0b;border-radius:var(--r-b);background:linear-gradient(135deg,#fff8e6,#fff);cursor:pointer;transition:box-shadow .15s,border-color .15s}
.acil-kutu:hover{box-shadow:0 6px 18px -10px rgba(245,158,11,.6)}
.acil-kutu input{width:20px;height:20px;accent-color:#d97706;flex:none;margin:0}
.acil-kutu__ikon{width:38px;height:38px;border-radius:50%;background:#f59e0b;color:#fff;display:grid;place-items:center;flex:none}
.acil-kutu__metin{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.3}.acil-kutu__metin b{color:var(--yazi);font-size:.95rem}.acil-kutu__metin small{color:var(--yazi-2);font-size:.8rem}
.acil-kutu__ucret{font-weight:800;color:#b45309;white-space:nowrap}
.acil-kutu--secili{border-color:#d97706;background:#fff4d6}
.acil-kutu--kapali,.acil-kutu--uzak{opacity:.6;cursor:default;background:var(--zemin-2);border-style:dashed;border-color:var(--kenar-2)}.acil-kutu--kapali .acil-kutu__ikon,.acil-kutu--uzak .acil-kutu__ikon{background:var(--cok-soluk)}
.teslim-kutu--acil{border-color:#f59e0b;background:#fff8e6}.teslim-kutu--acil svg{color:#d97706}
/* 1.5 · alt bilgi rozetleri (uygulama + ETBİS) */
.alt__rozetler{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:18px 0;border-top:1px solid rgba(255,255,255,.1)}
.alt__uygulama{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.alt__rozet-bas{font-size:.82rem;color:rgba(255,255,255,.7);font-weight:600}
.alt__uyg-liste{display:flex;gap:10px;flex-wrap:wrap}
.alt__uyg{position:relative;display:inline-flex;border-radius:8px;overflow:hidden}.alt__uyg img{height:40px;width:auto;display:block}
.alt__uyg--yakinda img{opacity:.45;filter:grayscale(1)}.alt__uyg--yakinda small{position:absolute;inset:auto 0 0 0;text-align:center;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;background:var(--fiyat);color:#fff;padding:1px 0}
.alt__etbis{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:6px 10px}.alt__etbis img{height:52px;width:auto;display:block}
@media (max-width:600px){.alt__rozetler{justify-content:center;text-align:center}.alt__uygulama{justify-content:center;flex-direction:column;gap:8px}}
.ozet dl div[hidden]{display:none}
.ozet .acil-kutu{padding:10px 12px;gap:10px}.ozet .acil-kutu__ucret{display:none}.ozet .acil-kutu__ikon{width:32px;height:32px}.ozet .acil-kutu__metin b{font-size:.9rem}
/* ödeme ve sepet sayfalarında baloncuk solda durur; onay düğmesini kapatmaz */
.sayfa-odeme .roach,.sayfa-sepet .roach{right:auto;left:18px;align-items:flex-start}.sayfa-odeme .roach__ipucu,.sayfa-sepet .roach__ipucu{order:1;border-radius:14px 14px 14px 4px}
@media (max-width:900px){.sayfa-odeme .roach,.sayfa-sepet .roach{left:12px}}
/* 1.5 · Kamera sistemi kur */
.yan-kartlar--4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1100px){.yan-kartlar--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.yan-kartlar--4{grid-template-columns:1fr}}
.yan-kart--kamera{background:radial-gradient(400px 220px at 110% -10%,rgba(217,72,15,.45),transparent 60%),linear-gradient(150deg,#1E263B,#111522);border:0;color:rgba(255,255,255,.75)}
.yan-kart--kamera h2{color:#fff}.yan-kart--kamera p{color:rgba(255,255,255,.72)}.yan-kart--kamera .ok-link{color:#ffb38a}
.pc-bas--kamera{background:radial-gradient(600px 300px at 90% 0%,rgba(217,72,15,.35),transparent 60%),linear-gradient(150deg,#1E263B,#111522)}
.kam-tur{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.kam-tur__sec{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1.5px solid var(--kenar);border-radius:var(--r-b);background:#fff;color:var(--yazi);transition:border-color .15s,box-shadow .15s}
.kam-tur__sec:hover{border-color:var(--kenar-2);box-shadow:var(--g1)}
.kam-tur__sec--aktif{border-color:var(--ana);background:var(--ana-cok-acik);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 12%,transparent)}
.kam-tur__nokta{width:20px;height:20px;border-radius:50%;border:2px solid var(--kenar-2);flex:none;margin-top:2px;position:relative}
.kam-tur__sec--aktif .kam-tur__nokta{border-color:var(--ana)}.kam-tur__sec--aktif .kam-tur__nokta::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--ana)}
.kam-tur__metin{display:flex;flex-direction:column;gap:3px;min-width:0}.kam-tur__metin b{font-size:1rem}.kam-tur__metin small{font-size:.82rem;color:var(--yazi-2);line-height:1.35}
.kam-tur__not{margin:-6px 0 12px}
.kam-oneri{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.kam-oneri li{display:flex;gap:8px;align-items:flex-start;font-size:.82rem;color:var(--yazi-2);line-height:1.4;padding:8px 10px;background:var(--zemin);border-radius:10px}.kam-oneri li svg{flex:none;margin-top:2px;color:var(--mavi)}
@media (max-width:600px){.kam-tur{grid-template-columns:1fr}}
@media print{.roach,.ust,.kat-menu,.alt,.alt-bar,.pc-yuva__eylem,.pc-ozet__alt,.pc-ekler,.ipucu,button{display:none!important}.pc-duzen{display:block}}
/* 1.6 · menü grubu sayfası */
.grup-katlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:0 0 18px}
.grup-kat{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);color:var(--yazi);transition:border-color .15s,box-shadow .15s}
.grup-kat:hover{border-color:var(--kenar-2);box-shadow:var(--g1)}.grup-kat>svg{margin-left:auto;color:var(--cok-soluk);flex:none}
.grup-kat__ikon{width:42px;height:42px;border-radius:12px;background:var(--ana-cok-acik);color:var(--ana);display:grid;place-items:center;flex:none}
.grup-kat__metin{display:flex;flex-direction:column;gap:2px;min-width:0}.grup-kat__metin b{font-size:.95rem}.grup-kat__metin small{color:var(--yazi-2);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.liste-bas h1 svg{vertical-align:-4px;color:var(--ana);margin-right:4px}

/* 1.6 · yardım merkezi */
.yardim-bas{text-align:center;max-width:720px;margin:.5rem auto 1.8rem}.yardim-bas h1{font-size:1.9rem;letter-spacing:-.02em;margin-bottom:.4rem}.yardim-bas p{font-size:.95rem}
.yardim-takip{display:grid;grid-template-columns:1fr 1fr auto;gap:.6rem;align-items:end;margin-top:1.2rem;padding:1rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);text-align:left}
.yardim-takip .alan span{font-size:.78rem}.yardim-takip .btn{height:42px}.yardim-takip--ic{margin:.8rem 0 1rem;padding:0;border:0;background:none}
.yardim-kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.yardim-kart{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);transition:border-color .15s,transform .15s}
.yardim-kart:hover{border-color:var(--ana);transform:translateY(-1px)}.yardim-kart__ikon{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--zemin-2);color:var(--ana);margin-bottom:.3rem}
.yardim-kart b{font-size:.98rem}.yardim-kart small{color:var(--yazi-2);font-size:.82rem;line-height:1.4}
.yardim-yasal{margin-top:2rem}.yardim-yasal h2{font-size:1.1rem;margin-bottom:.4rem}
.yardim-duzen{display:grid;grid-template-columns:240px minmax(0,1fr);gap:1.6rem;align-items:start}
.yardim-yan nav{display:flex;flex-direction:column;gap:2px;position:sticky;top:84px}.yardim-yan a{display:flex;align-items:center;gap:.5rem;padding:.55rem .7rem;border-radius:8px;font-size:.88rem;color:var(--yazi-2)}
.yardim-yan a:hover{background:#fff}.yardim-yan a[aria-current]{background:var(--ana);color:#fff}.yardim-yan a:first-child{color:var(--soluk);font-size:.8rem;margin-bottom:.4rem}
.yardim-icerik h2{font-size:1.2rem;margin:1.6rem 0 .6rem}.yardim-icerik .yasal h3{font-size:1.02rem}
.takip-sonuc{margin-top:1rem;padding:1.1rem;border:1px solid var(--kenar);border-radius:var(--r-b);background:var(--zemin-2)}.takip-sonuc .kunye{margin-top:.8rem}
.banka--genis{flex-direction:row;flex-wrap:wrap;align-items:center;gap:.4rem 1rem}.banka--genis b{min-width:140px}.banka--genis .iban{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;letter-spacing:.02em}.banka--genis .btn{margin-left:auto}
.kunye--dikey div{grid-template-columns:220px 1fr;padding:.5rem 0;border-bottom:1px solid var(--kenar)}
.talep-form{display:flex;flex-direction:column;gap:.8rem;margin-top:.4rem}.talep-form .btn{align-self:flex-start}
.tablo--dar{max-width:480px}
.cerez{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:1rem;max-width:720px;margin:0 auto;padding:.9rem 1.1rem;background:var(--koyu);color:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.25);font-size:.86rem}
.cerez[hidden]{display:none}.cerez p{display:flex;align-items:flex-start;gap:.6rem;margin:0;flex:1;line-height:1.45}.cerez svg{flex:none;margin-top:2px}.cerez a{color:#fff;text-decoration:underline}.cerez .btn{flex:none}
.sayfa-sepet .cerez,.sayfa-odeme .cerez{display:none}.sayfa-u .cerez{bottom:92px}
@media (max-width:980px){.yardim-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}.yardim-duzen{grid-template-columns:1fr}.yardim-yan nav{position:static;flex-direction:row;flex-wrap:wrap}.yardim-yan a span{white-space:nowrap}.yardim-yan a:first-child{display:none}.yardim-takip{grid-template-columns:1fr}.kunye--dikey div{grid-template-columns:1fr}.cerez{flex-direction:column;align-items:stretch;left:10px;right:10px;bottom:10px}}
@media (max-width:600px){.yardim-kartlar{grid-template-columns:1fr}}
/* 1.6 · puan */
.ozet-kartlar .kutu--puan{background:linear-gradient(135deg,var(--ana),var(--koyu));color:#fff}.ozet-kartlar .kutu--puan small,.ozet-kartlar .kutu--puan b,.ozet-kartlar .kutu--puan .soluk{color:#fff}.ozet-kartlar .kutu--puan .soluk{opacity:.75;font-size:.74rem;display:block;margin-top:.2rem}
.puan-gecmis summary{cursor:pointer;list-style:none;display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap}.puan-gecmis summary::-webkit-details-marker{display:none}.puan-gecmis[open] summary{margin-bottom:.6rem}
.puan-kutu .acil-kutu__ikon{color:#b45309}.puan-kutu.acil-kutu--secili .acil-kutu__ikon{color:#fff}
.urun-puan{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:#b45309;margin-top:.3rem}
@media (max-width:980px){.ozet-kartlar{grid-template-columns:repeat(2,1fr)}}
.sip-belgeler{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.8rem 0 .4rem}.sip-belgeler__not{font-size:.82rem;display:inline-flex;align-items:center;gap:.3rem}
/* 1.6 · ürün soru-cevap */
.soru-duzen{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:1.6rem;align-items:start}
.soru{padding:.9rem 0;border-bottom:1px solid var(--kenar)}.soru:first-child{padding-top:.2rem}.soru__s,.soru__c{display:flex;gap:.7rem;align-items:flex-start}.soru__c{margin-top:.6rem;padding-left:0}
.soru p{margin:0 0 .15rem;font-size:.93rem}.soru__rozet{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:.8rem;background:var(--zemin-2);color:var(--yazi-2)}.soru__rozet--c{background:var(--ana);color:#fff}
.soru-form{background:var(--zemin-2);border-radius:var(--r-b);padding:1.1rem;display:flex;flex-direction:column;gap:.7rem}.soru-form h3{font-size:1rem;margin:0}.soru-form .satir-dugmeler{align-items:center;gap:.8rem;flex-wrap:wrap}.soru-form small{font-size:.76rem}
@media (max-width:900px){.soru-duzen{grid-template-columns:1fr}}
/* 1.6 · paket indirimi */
.paket{margin:1.2rem 0;padding:1.1rem 1.2rem;border:1px solid var(--kenar);border-radius:var(--r-b);background:linear-gradient(180deg,#fff,var(--zemin-2))}
.paket__bas{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .8rem;margin-bottom:.8rem}.paket__bas h2{font-size:1.05rem;margin:0}.paket__bas p{flex-basis:100%;margin:0;font-size:.86rem}
.paket__rozet{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;background:#b45309;color:#fff;font-size:.76rem;font-weight:700}
.paket__parcalar{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.paket__arti{font-size:1.3rem;color:var(--soluk);font-weight:300}
.paket__parca{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:12px;background:#fff;border:1px solid var(--kenar);min-width:220px;max-width:300px;color:var(--yazi)}
.paket__parca--bu{border-color:var(--ana);box-shadow:0 0 0 1px var(--ana) inset}.paket__parca .gorsel-kutu{width:52px;height:48px;flex:none}.paket__ad{font-size:.82rem;line-height:1.3;flex:1}.paket__parca b{font-size:.86rem;white-space:nowrap}
.paket__alt{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-top:.9rem;padding-top:.8rem;border-top:1px dashed var(--kenar)}
.paket__tutar{display:flex;flex-direction:column}.paket__tutar b{font-size:1.4rem;color:var(--vurgu)}.paket__tutar small{font-size:.8rem;color:var(--yazi-2)}
/* 1.6 · koleksiyonlar */
.kol-bolum{font-size:1.1rem;margin:1.4rem 0 .6rem}.kol-kartlar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.kol-kart{display:flex;align-items:center;gap:.8rem;padding:.9rem 1rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);color:var(--yazi);transition:border-color .15s,transform .15s}.kol-kart:hover{border-color:var(--ana);transform:translateY(-1px)}
.kol-kart img{width:64px;height:64px;object-fit:cover;border-radius:12px;flex:none}.kol-kart__ikon{width:48px;height:48px;flex:none;display:grid;place-items:center;border-radius:12px;background:var(--zemin-2);color:var(--ana)}
.kol-kart__metin{display:flex;flex-direction:column;flex:1;min-width:0}.kol-kart__metin small{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--vurgu);font-weight:700}.kol-kart__metin b{font-size:.98rem}.kol-kart__metin .soluk{font-size:.8rem}
.kol-bas{display:flex;align-items:flex-end;gap:1rem;margin:.4rem 0 1.2rem;padding:1.4rem 1.6rem;border-radius:var(--r-b);background:var(--zemin-2)}.kol-bas h1{font-size:1.7rem;letter-spacing:-.02em;margin:0 0 .3rem}.kol-bas h1 svg{vertical-align:-4px;color:var(--ana);margin-right:4px}.kol-bas p{margin:0;max-width:720px}.kol-bas .ust-baslik{margin-bottom:.2rem}
.kol-bas--gorsel{background:linear-gradient(90deg,rgba(17,21,34,.92),rgba(17,21,34,.55)),var(--g) center/cover;color:#fff}.kol-bas--gorsel h1 svg{color:#fff}.kol-bas--gorsel .soluk,.kol-bas--gorsel p{color:rgba(255,255,255,.8)}
.kat-menu__link--kol{display:inline-flex;align-items:center;gap:.35rem;color:var(--vurgu)}
@media (max-width:980px){.kol-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.kol-kartlar{grid-template-columns:1fr}}
/* 1.6 · sihirbaz */
.sih-bas{max-width:720px;margin:.4rem 0 1.4rem}.sih-bas h1{font-size:1.9rem;letter-spacing:-.02em;margin-bottom:.4rem}
.sih-form{display:flex;flex-direction:column;gap:1.2rem;padding:1.4rem;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b)}.sih-form fieldset{border:0;padding:0;margin:0}.sih-form legend{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.02rem;margin-bottom:.7rem}
.sih-no{width:26px;height:26px;border-radius:50%;background:var(--ana);color:#fff;display:grid;place-items:center;font-size:.8rem}
.sih-secenekler{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}.sih-secenekler--kucuk{grid-template-columns:repeat(6,minmax(0,1fr))}
.sih-sec{position:relative;display:flex;flex-direction:column;gap:.3rem;padding:.9rem;border:1px solid var(--kenar);border-radius:12px;cursor:pointer;color:var(--yazi);transition:border-color .15s,background .15s}.sih-sec input{position:absolute;opacity:0;inset:0;cursor:pointer}.sih-sec svg{color:var(--ana)}.sih-sec b{font-size:.92rem}.sih-sec small{color:var(--yazi-2);font-size:.78rem;line-height:1.35}
.sih-sec:hover{border-color:var(--ana)}.sih-sec--secili,.sih-sec:has(input:checked){border-color:var(--ana);background:var(--zemin-2);box-shadow:0 0 0 1px var(--ana) inset}
.sih-eylem{display:flex;align-items:center;gap:1rem}.sih-sonuc{margin-top:1.6rem}.sih-sonuc h2{font-size:1.2rem;margin:1.4rem 0 .8rem}.sih-sonuc h2 svg{vertical-align:-4px;color:var(--ana);margin-right:4px}.sih-sonuc .pc-serit{margin-top:1.4rem}
@media (max-width:980px){.sih-secenekler{grid-template-columns:repeat(2,minmax(0,1fr))}.sih-secenekler--kucuk{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.sih-secenekler--kucuk{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 1.6 · içerik (kampanya, duyuru, blog) ve mağazalar */
.icerik-sekme{margin-bottom:1rem}.icerik-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.icerik-kartlar--3{margin-top:.6rem}
.icerik-kart{display:flex;flex-direction:column;background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);overflow:hidden;color:var(--yazi);transition:border-color .15s,transform .15s}.icerik-kart:hover{border-color:var(--ana);transform:translateY(-1px)}
.icerik-kart img{width:100%;aspect-ratio:16/9;object-fit:cover}.icerik-kart__ikon{display:grid;place-items:center;aspect-ratio:16/6;background:var(--zemin-2);color:var(--ana)}.icerik-kart__metin{display:flex;flex-direction:column;gap:.3rem;padding:1rem 1.1rem}.icerik-kart__metin small{color:var(--vurgu);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em}.icerik-kart__metin b{font-size:1.02rem;line-height:1.35}.icerik-kart__metin .soluk{font-size:.86rem}
.icerik-kart--one{grid-column:span 2;flex-direction:row}.icerik-kart--one img{width:50%;aspect-ratio:auto}.icerik-kart--one .icerik-kart__metin{justify-content:center;padding:1.4rem}.icerik-kart--one b{font-size:1.3rem}
.icerik__bas h1{font-size:1.8rem;letter-spacing:-.02em;margin:.2rem 0 .5rem;line-height:1.2}.icerik__ozet{font-size:1.05rem;color:var(--yazi-2)}.icerik__gorsel{width:100%;border-radius:12px;margin:1rem 0}.icerik__govde{font-size:1rem;line-height:1.7}.icerik__govde h3{margin-top:1.4rem}.icerik__urunler{margin:1rem 0}.icerik__eylem{margin-top:1.4rem}.icerik__diger-baslik{font-size:1.15rem;margin:1.6rem 0 .4rem}
.magaza-kartlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.magaza-kart{background:#fff;border:1px solid var(--kenar);border-radius:var(--r-b);padding:1.2rem}.magaza-kart h2{font-size:1.1rem;margin:0 0 .6rem}.magaza-kart p{display:flex;gap:.5rem;align-items:flex-start;margin:0 0 .5rem;font-size:.92rem}.magaza-kart svg{flex:none;margin-top:3px;color:var(--ana)}.magaza-kart .btn{margin-top:.4rem}
@media (max-width:980px){.icerik-kartlar,.magaza-kartlar{grid-template-columns:repeat(2,minmax(0,1fr))}.icerik-kart--one{grid-column:span 2;flex-direction:column}.icerik-kart--one img{width:100%;aspect-ratio:16/9}}@media (max-width:600px){.icerik-kartlar,.magaza-kartlar{grid-template-columns:1fr}.icerik-kart--one{grid-column:auto}}
.icerik__govde a{text-decoration:underline;text-underline-offset:2px}