/* ============================================================
   Atina teması — içerik sayfaları (blog, çekilişler, sepet,
   hesap, tüm kategoriler, statik sayfa).
   Tüm sınıflar ad-alanlıdır (.pg-/.bl-/.gv-/.cg-/.ac-/.ct-),
   tasarım jetonlarını (var(--...)) kullanır; açık/koyu temaya
   otomatik uyum sağlar. Yalnızca ilgili Atina sayfaları yükler.
   ============================================================ */

/* ---------- ortak sayfa kabuğu ---------- */
.hidden{display:none!important}
.pg{padding:1.4rem 0 2.6rem}
.pg-hero{padding:1.6rem 0 .2rem}
.pg-hero .pg-kicker{color:var(--red-2);font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.55rem}
.pg-hero .pg-kicker::before{content:"";width:22px;height:2px;background:var(--red);border-radius:2px}
.pg-hero h1{font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.25rem);font-weight:800;letter-spacing:-.01em;line-height:1.15}
.pg-hero .pg-sub{color:var(--muted);margin-top:.55rem;max-width:44rem;line-height:1.65;font-size:.92rem}
.pg-hero-row{display:flex;align-items:center;gap:1.1rem;flex-wrap:wrap}
.pg-hero-ico{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;flex-shrink:0;color:var(--red-2);background:radial-gradient(circle at 30% 25%,rgba(225,25,49,.22),rgba(225,25,49,.05) 70%);border:1px solid var(--stroke-2)}
.pg-hero-ico img{width:100%;height:100%;object-fit:cover;border-radius:15px}

/* boş durum kartı */
.pg-empty{display:flex;flex-direction:column;align-items:center;gap:.9rem;text-align:center;padding:3.4rem 1.2rem;color:var(--muted);background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius)}
.pg-empty svg{opacity:.55}
.pg-empty h3{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text)}
.pg-empty p{font-size:.9rem;max-width:28rem;line-height:1.6}

/* sayfalama */
.pg-pager{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:2.2rem;flex-wrap:wrap}
.pg-pager a,.pg-pager .pg-cur{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .85rem;border-radius:12px;border:1px solid var(--stroke-2);background:var(--surface);font-size:.86rem;font-weight:600;color:var(--muted);transition:all .2s}
.pg-pager a:hover{background:var(--surface-2);color:var(--text);border-color:var(--stroke-2)}
.pg-pager .pg-cur{background:linear-gradient(135deg,var(--red),#b40e23);border-color:transparent;color:#fff;box-shadow:0 8px 22px -8px var(--red-glow)}

/* ---------- statik sayfa (gizlilik-politikası vb.) ---------- */
.pg-prose-wrap{max-width:880px;margin-inline:auto}
.pg-prose{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:clamp(1.3rem,3.5vw,2.6rem)}
.pg-prose h1{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;letter-spacing:-.01em;margin-bottom:1.3rem;padding-bottom:1.1rem;border-bottom:1px solid var(--stroke)}
.pg-prose h2{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin:1.8rem 0 .7rem;color:var(--text)}
.pg-prose h3{font-size:1.02rem;font-weight:700;margin:1.4rem 0 .55rem;color:var(--text)}
.pg-prose p,.pg-prose li{color:var(--muted);line-height:1.85;font-size:.94rem}
.pg-prose p{margin-bottom:1rem}
.pg-prose ul,.pg-prose ol{margin:0 0 1.1rem 1.3rem;display:flex;flex-direction:column;gap:.4rem}
.pg-prose a{color:var(--red-2);text-decoration:underline;text-underline-offset:3px}
.pg-prose a:hover{color:var(--red-soft)}
.pg-prose strong,.pg-prose b{color:var(--text)}
.pg-prose img{border-radius:12px;margin:1rem 0}
.pg-prose hr{border:none;border-top:1px solid var(--stroke);margin:1.6rem 0}

/* ---------- blog ---------- */
.bl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.bl-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}
.bl-card:hover{transform:translateY(-5px);border-color:rgba(225,25,49,.5);box-shadow:var(--card-shadow)}
.bl-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(110deg,var(--skel-a),var(--skel-b),var(--skel-a))}
.bl-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.bl-card:hover .bl-thumb img{transform:scale(1.06)}
.bl-thumb .bl-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);opacity:.4}
.bl-date{position:absolute;top:.7rem;left:.7rem;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);color:#fff;font-size:.7rem;font-weight:700;padding:.3rem .6rem;border-radius:9px;display:flex;align-items:center;gap:.35rem}
.bl-body{padding:1.1rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.bl-meta{display:flex;align-items:center;gap:.8rem;font-size:.74rem;color:var(--muted)}
.bl-meta span{display:inline-flex;align-items:center;gap:.35rem}
.bl-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bl-card h3 a{transition:color .2s}
.bl-card:hover h3 a{color:var(--red-2)}
.bl-card p{font-size:.85rem;color:var(--muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bl-more{margin-top:auto;display:inline-flex;align-items:center;gap:.4rem;font-size:.84rem;font-weight:700;color:var(--red-2);transition:gap .2s}
.bl-card:hover .bl-more{gap:.65rem}

/* ---------- çekilişler ---------- */
.gv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem}
.gv-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden;transition:transform .28s,border-color .28s,box-shadow .28s}
.gv-card:hover{transform:translateY(-5px);border-color:rgba(225,25,49,.5);box-shadow:var(--card-shadow)}
.gv-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(110deg,var(--skel-a),var(--skel-b),var(--skel-a))}
.gv-media>img{width:100%;height:100%;object-fit:cover}
.gv-mosaic{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:2px}
.gv-mosaic .gv-cell{position:relative;overflow:hidden;background:var(--surface-2)}
.gv-mosaic .gv-cell img{width:100%;height:100%;object-fit:cover}
.gv-mosaic .gv-more{display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.1rem;color:#fff;background:rgba(0,0,0,.6)}
.gv-count{position:absolute;top:.7rem;left:.7rem;display:inline-flex;align-items:center;gap:.4rem;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);color:#fff;font-size:.72rem;font-weight:700;padding:.35rem .65rem;border-radius:999px;border:1px solid rgba(255,255,255,.15)}
.gv-count.ended{background:rgba(120,20,30,.7)}
.gv-count .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(45,212,160,.6);animation:gvPulse 1.8s infinite}
@keyframes gvPulse{0%{box-shadow:0 0 0 0 rgba(45,212,160,.5)}70%{box-shadow:0 0 0 7px rgba(45,212,160,0)}100%{box-shadow:0 0 0 0 rgba(45,212,160,0)}}
.gv-body{padding:1.1rem;display:flex;flex-direction:column;gap:.85rem;flex:1}
.gv-body h3{font-family:var(--font-display);font-size:1.02rem;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gv-stats{display:flex;gap:.6rem}
.gv-stat{flex:1;display:flex;flex-direction:column;gap:.15rem;align-items:center;text-align:center;padding:.6rem .4rem;border-radius:12px;border:1px solid var(--stroke);background:var(--bg-2)}
.gv-stat strong{font-family:var(--font-display);font-weight:800;font-size:1.05rem}
.gv-stat span{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.gv-prog{display:flex;flex-direction:column;gap:.4rem}
.gv-prog-bar{height:7px;border-radius:999px;background:var(--surface-2);overflow:hidden;border:1px solid var(--stroke)}
.gv-prog-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--red),var(--red-2))}
.gv-prog-lbl{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted)}
.gv-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem;border-radius:12px;font-size:.88rem;font-weight:700;background:linear-gradient(135deg,var(--red),#b40e23);color:#fff;box-shadow:0 6px 20px -8px var(--red-glow);transition:transform .2s,box-shadow .2s}
.gv-cta:hover{transform:translateY(-1px);box-shadow:0 10px 28px -8px var(--red-glow)}
.gv-cta.ghost{background:var(--surface-2);color:var(--muted);border:1px solid var(--stroke);box-shadow:none}
.gv-cta.ghost:hover{color:var(--text);border-color:var(--stroke-2)}
.gv-card.ended .gv-media>img,.gv-card.ended .gv-mosaic{filter:grayscale(.85) brightness(.7)}
.gv-sec-title{display:flex;align-items:center;gap:.7rem;font-family:var(--font-display);font-size:1.15rem;font-weight:800;margin:2.4rem 0 1.2rem}
.gv-sec-title::after{content:"";flex:1;height:1px;background:var(--stroke)}

/* ---------- tüm kategoriler ---------- */
.cg-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.cg-card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--stroke);aspect-ratio:1/1.18;isolation:isolate;background:linear-gradient(110deg,var(--skel-a),var(--skel-b),var(--skel-a));transition:transform .3s,border-color .3s,box-shadow .3s}
.cg-card:hover{transform:translateY(-5px);border-color:rgba(225,25,49,.55);box-shadow:0 20px 40px -18px var(--red-glow)}
.cg-card img.cg-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .5s ease}
.cg-card:hover img.cg-cover{transform:scale(1.07)}
.cg-card .cg-ph{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);opacity:.4;z-index:-1}
.cg-card::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,transparent 42%,rgba(5,6,10,.95) 92%)}
.cg-card .cg-inner{position:absolute;inset:auto 0 0 0;z-index:1;padding:.85rem;display:flex;align-items:center;gap:.6rem}
.cg-card .cg-ico{width:36px;height:36px;border-radius:10px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.4)}
.cg-card .cg-ico img{width:100%;height:100%;object-fit:cover}
.cg-card h3{font-size:.92rem;font-weight:700;line-height:1.25;color:#fff}
.cg-card .cg-sub{display:block;color:rgba(255,255,255,.72);font-size:.7rem;font-weight:600;margin-top:.15rem}
.cg-subs{margin-top:2.6rem}
.cg-sub-block{margin-bottom:1.6rem}
.cg-sub-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem}
.cg-sub-head .cg-sh-ico{width:30px;height:30px;border-radius:9px;overflow:hidden;flex-shrink:0;border:1px solid var(--stroke-2);background:var(--surface-2)}
.cg-sub-head .cg-sh-ico img{width:100%;height:100%;object-fit:cover}
.cg-sub-head h3{font-family:var(--font-display);font-size:1.02rem;font-weight:700}
.cg-chips{display:flex;flex-wrap:wrap;gap:.55rem}
.cg-chip{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--stroke);background:var(--surface);padding:.5rem .9rem;border-radius:999px;font-size:.84rem;font-weight:600;color:var(--muted);transition:all .2s}
.cg-chip:hover{border-color:rgba(225,25,49,.45);color:var(--text);background:var(--surface-2)}
.cg-chip img{width:20px;height:20px;border-radius:6px;object-fit:cover;flex-shrink:0}

/* ---------- hesabım (dashboard) ---------- */
.ac-wrap{display:grid;grid-template-columns:248px 1fr;gap:1.5rem;align-items:start;padding:1.4rem 0 2.6rem}
.ac-side{position:sticky;top:88px;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:.7rem;display:flex;flex-direction:column;gap:.2rem}
.ac-side-user{display:flex;align-items:center;gap:.7rem;padding:.7rem .6rem .9rem;border-bottom:1px solid var(--stroke);margin-bottom:.5rem}
.ac-side-user .ac-av{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;color:#fff;background:linear-gradient(135deg,var(--red),#7a0a18);flex-shrink:0}
.ac-side-user .ac-av img{width:100%;height:100%;object-fit:cover;border-radius:12px}
.ac-side-user .ac-un{font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-side-user .ac-ur{font-size:.72rem;color:var(--muted)}
.ac-side a{display:flex;align-items:center;gap:.7rem;padding:.7rem .8rem;border-radius:12px;font-size:.86rem;font-weight:600;color:var(--muted);transition:background .18s,color .18s}
.ac-side a svg{flex-shrink:0;opacity:.85}
.ac-side a:hover{background:var(--surface-2);color:var(--text)}
.ac-side a.active{background:linear-gradient(135deg,var(--red),#b40e23);color:#fff;box-shadow:0 8px 22px -10px var(--red-glow)}
.ac-side a.active svg{opacity:1}
.ac-side a.ac-out{color:var(--red-2);margin-top:.3rem}
.ac-side a.ac-out:hover{background:rgba(225,25,49,.1)}
.ac-main{display:flex;flex-direction:column;gap:1.3rem;min-width:0}
.ac-welcome{position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid rgba(225,25,49,.35);background:radial-gradient(700px 240px at 10% 0%,rgba(225,25,49,.28),transparent 60%),var(--bg-2);padding:1.5rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.ac-welcome h1{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800;letter-spacing:-.01em}
.ac-welcome p{color:var(--muted);font-size:.88rem;margin-top:.3rem}
.ac-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.ac-stat{display:flex;align-items:center;gap:.9rem;background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:1.1rem 1.2rem;transition:border-color .25s,transform .25s}
.ac-stat:hover{border-color:rgba(225,25,49,.4);transform:translateY(-2px)}
.ac-stat .ac-st-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:var(--red-2);background:radial-gradient(circle at 30% 25%,rgba(225,25,49,.22),rgba(225,25,49,.05) 70%)}
.ac-stat .ac-st-lb{font-size:.74rem;color:var(--muted);font-weight:600}
.ac-stat .ac-st-val{font-family:var(--font-display);font-size:1.35rem;font-weight:800;line-height:1.1;margin-top:.15rem}
.ac-panel{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);overflow:hidden}
.ac-panel-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--stroke)}
.ac-panel-head h2{font-family:var(--font-display);font-size:1.02rem;font-weight:700}
.ac-panel-head a{font-size:.82rem;font-weight:600;color:var(--red-2);display:inline-flex;align-items:center;gap:.35rem}
.ac-table{width:100%;border-collapse:collapse}
.ac-table th{text-align:left;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:.75rem 1.3rem;border-bottom:1px solid var(--stroke)}
.ac-table td{padding:.9rem 1.3rem;border-bottom:1px solid var(--stroke);font-size:.86rem}
.ac-table tr:last-child td{border-bottom:none}
.ac-table tbody tr{transition:background .15s}
.ac-table tbody tr:hover{background:var(--surface-2)}
.ac-table .ac-ono{font-weight:700;font-family:var(--font-display)}
.ac-table a.ac-detail{color:var(--red-2);font-weight:600;display:inline-flex;align-items:center;gap:.3rem}
.ac-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:700;padding:.28rem .65rem;border-radius:999px}
.ac-badge::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.ac-badge.ok{color:var(--green);background:rgba(45,212,160,.12)}
.ac-badge.wait{color:#ffb01f;background:rgba(255,176,31,.12)}
.ac-badge.bad{color:var(--red-2);background:rgba(225,25,49,.12)}
.ac-badge.muted{color:var(--muted);background:var(--surface-2)}
.ac-empty-row{text-align:center;color:var(--muted);padding:2.6rem 1rem!important;font-size:.9rem}
.ac-badge.proc{color:#5b9bff;background:rgba(91,155,255,.12)}
.ac-badge.info{color:#5b9bff;background:rgba(91,155,255,.12)}

/* --- hesap: başlık şeridi (alt sayfalar) --- */
.ac-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.2rem}
.ac-head h1{font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.6rem);font-weight:800}
.ac-head .ac-head-sub{color:var(--muted);font-size:.85rem;margin-top:.2rem}
.ac-bc{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--muted);margin-bottom:1.1rem}
.ac-bc a:hover{color:var(--red-2)}
.ac-bc .sep{opacity:.5}
.ac-bc .cur{color:var(--text);font-weight:600}

/* --- hesap: tıklanabilir liste satırları (sipariş / ticket) --- */
.ac-rows{display:flex;flex-direction:column;gap:.8rem}
.ac-row{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:1rem 1.15rem;transition:border-color .25s,transform .2s}
.ac-row:hover{border-color:rgba(225,25,49,.45);transform:translateY(-2px)}
.ac-row-ic{width:46px;height:46px;border-radius:12px;flex-shrink:0;overflow:hidden;display:grid;place-items:center;color:var(--red-2);background:var(--surface-2);border:1px solid var(--stroke)}
.ac-row-ic img{width:100%;height:100%;object-fit:cover}
.ac-row-main{flex:1;min-width:0}
.ac-row-top{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.ac-row-no{font-family:var(--font-display);font-weight:800;font-size:1rem}
.ac-row-sub{font-size:.78rem;color:var(--muted);margin-top:.25rem;display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.ac-row-right{display:flex;align-items:center;gap:1.1rem;flex-shrink:0}
.ac-row-amt{text-align:right}
.ac-row-amt .lb{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ac-row-amt .v{font-family:var(--font-display);font-weight:800;font-size:1.05rem}
.ac-row-arrow{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--stroke);color:var(--muted);transition:all .2s}
.ac-row:hover .ac-row-arrow{background:var(--red);border-color:transparent;color:#fff}
.ac-loadmore{margin-top:1.6rem;text-align:center}

/* --- hesap: kartlar / paneller --- */
.ac-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:1.3rem}
.ac-card+.ac-card{margin-top:1.2rem}
.ac-card-title{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.55rem}
.ac-card-title svg{color:var(--red-2)}

/* --- hesap: formlar --- */
.ac-form{display:flex;flex-direction:column;gap:1rem}
.ac-grid2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:560px){.ac-grid2{grid-template-columns:1fr}}
.ac-field label{display:block;font-size:.8rem;font-weight:600;margin-bottom:.4rem;color:var(--text)}
.ac-field label .req{color:var(--red-2)}
.ac-input,.ac-select,.ac-textarea{width:100%;background:var(--surface-2);border:1px solid var(--stroke);border-radius:11px;padding:.7rem .85rem;color:var(--text);font-family:inherit;font-size:.88rem;outline:none;transition:border-color .2s,box-shadow .2s}
.ac-input:focus,.ac-select:focus,.ac-textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,25,49,.12)}
.ac-input:disabled{opacity:.6;cursor:not-allowed}
.ac-textarea{resize:vertical;min-height:110px}
.ac-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%239aa1b2' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right .8rem center;padding-right:2.2rem}
.ac-help{font-size:.74rem;color:var(--muted);margin-top:.35rem}
.ac-form-actions{display:flex;gap:.7rem;flex-wrap:wrap}
/* radyo-pill seçim (native daire gizli, pill seçili durumu gösterir)
   NOT: .ac-pills ile sarılır ki .ac-field label{display:block} kuralını ezsin (özgüllük). */
.ac-pills{display:flex;flex-wrap:wrap;gap:.5rem}
.ac-pills .ac-pill{position:relative;display:inline-flex;align-items:center;gap:.5rem;margin:0;padding:.55rem .95rem;border:1px solid var(--stroke);border-radius:999px;background:var(--surface-2);font-size:.85rem;font-weight:600;line-height:1;color:var(--muted);cursor:pointer;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;user-select:none}
.ac-pills .ac-pill:hover{border-color:var(--stroke-2);color:var(--text)}
.ac-pills .ac-pill input{position:absolute;opacity:0;width:0;height:0;margin:0;pointer-events:none}
.ac-pills .ac-pill svg{flex-shrink:0;display:block}
.ac-pills .ac-pill span{line-height:1;display:inline-block}
.ac-pills .ac-pill:has(input:checked){background:linear-gradient(135deg,var(--red),#b40e23);border-color:transparent;color:#fff;box-shadow:0 6px 18px -8px var(--red-glow)}

/* özel (temalı) açılır menü — native select yerine; tıklayınca temalı liste */
.ac-dd{position:relative}
.ac-dd-btn{display:flex;align-items:center;gap:.6rem;width:100%;background:var(--surface-2);border:1px solid var(--stroke);border-radius:11px;padding:.7rem .85rem;color:var(--text);font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;text-align:left;transition:border-color .2s,box-shadow .2s}
.ac-dd-btn:hover{border-color:var(--stroke-2)}
.ac-dd.open .ac-dd-btn{border-color:var(--red);box-shadow:0 0 0 3px rgba(225,25,49,.12)}
.ac-dd-btn .ac-dd-val{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ac-dd-btn .ac-dd-val.placeholder{color:var(--muted)}
.ac-dd-btn .ac-dd-ico{flex-shrink:0;color:var(--red-2);display:grid;place-items:center}
.ac-dd-btn .ac-dd-chev{flex-shrink:0;color:var(--muted);transition:transform .2s}
.ac-dd.open .ac-dd-btn .ac-dd-chev{transform:rotate(180deg)}
.ac-dd-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:30;background:var(--bg-2);border:1px solid var(--stroke-2);border-radius:12px;padding:.4rem;box-shadow:0 24px 60px rgba(0,0,0,.35);max-height:300px;overflow:auto;display:none;animation:modalIn .18s ease}
.ac-dd.open .ac-dd-menu{display:block}
.ac-dd-opt{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.6rem .7rem;border-radius:9px;color:var(--text);font-size:.86rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s}
.ac-dd-opt:hover{background:var(--surface-2)}
.ac-dd-opt.sel{background:rgba(225,25,49,.1);color:var(--red-2);font-weight:700}
.ac-dd-opt .ac-dd-opt-ic{flex-shrink:0;color:var(--muted);display:grid;place-items:center}
.ac-dd-opt.sel .ac-dd-opt-ic{color:var(--red-2)}
.ac-dd-opt .ac-dd-check{margin-left:auto;flex-shrink:0;color:var(--red-2);opacity:0}
.ac-dd-opt.sel .ac-dd-check{opacity:1}
.ac-dd-opt small{display:block;font-size:.72rem;color:var(--muted);font-weight:400;margin-top:.1rem}

/* --- hesap: uyarı/bilgi kutuları --- */
.ac-alert{display:flex;gap:.6rem;align-items:flex-start;border-radius:12px;padding:.8rem 1rem;font-size:.84rem;line-height:1.5}
.ac-alert svg{flex-shrink:0;margin-top:.1rem}
.ac-alert.ok{background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.3);color:var(--text)}
.ac-alert.ok svg{color:var(--green)}
.ac-alert.err{background:rgba(225,25,49,.08);border:1px solid rgba(225,25,49,.35);color:var(--text)}
.ac-alert.err svg{color:var(--red-2)}
.ac-alert.info{background:rgba(91,155,255,.08);border:1px solid rgba(91,155,255,.3);color:var(--text)}
.ac-alert.info svg{color:#5b9bff}
.ac-alert.warn{background:rgba(255,176,31,.08);border:1px solid rgba(255,176,31,.3);color:var(--text)}
.ac-alert.warn svg{color:#ffb01f}

/* --- hesap: özet satırları (sipariş detayı / bakiye) --- */
.ac-sumrow{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 0;font-size:.88rem;color:var(--muted)}
.ac-sumrow strong{color:var(--text);font-weight:700}
.ac-sumrow.disc{color:var(--green)}
.ac-sumrow.total{margin-top:.6rem;padding-top:.9rem;border-top:1px solid var(--stroke)}
.ac-sumrow.total .v{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:var(--text)}

/* --- hesap: kopyalanabilir alan (teslim bilgisi) --- */
.ac-copy{display:flex;align-items:center;gap:.5rem;background:var(--surface-2);border:1px solid var(--stroke);border-radius:11px;padding:.4rem .4rem .4rem .9rem;min-height:46px}
.ac-copy input{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-family:ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;font-size:.92rem;letter-spacing:.01em;text-overflow:ellipsis}
.ac-copy button{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;height:36px;padding:0 .7rem;border-radius:9px;background:var(--surface);border:1px solid var(--stroke-2);color:var(--text);font-size:.78rem;font-weight:600;transition:all .2s}
.ac-copy button:hover{color:#fff;background:linear-gradient(135deg,var(--red),#b40e23);border-color:transparent}
.ac-copy button.copied{color:var(--green);border-color:rgba(45,212,160,.5)}
.ac-pre{background:var(--bg);border:1px solid var(--stroke);border-radius:10px;padding:.8rem .9rem;font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:.84rem;line-height:1.6;color:var(--muted);white-space:pre-wrap;word-break:break-word;max-height:240px;overflow:auto}

/* --- sipariş detayı: teslimat bilgisi kutusu --- */
.ac-delivery{margin-top:.6rem;border:1px solid var(--stroke-2);border-radius:14px;overflow:hidden;background:var(--bg-2)}
.ac-delivery-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;padding:.85rem 1rem;background:linear-gradient(90deg,rgba(225,25,49,.12),transparent 80%);border-bottom:1px solid var(--stroke)}
.ac-delivery-head .ttl{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:700;color:var(--text)}
.ac-delivery-head .ttl svg{color:var(--red-2);flex-shrink:0}
.ac-delivery-head .tag{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:800;letter-spacing:.02em;color:var(--green);background:rgba(45,212,160,.12);border:1px solid rgba(45,212,160,.35);border-radius:999px;padding:.22rem .65rem}
.ac-delivery-body{padding:1rem}
.ac-cred{display:flex;flex-direction:column;gap:.85rem}
.ac-cred-row{display:flex;flex-direction:column;gap:.4rem}
.ac-cred-row .lb{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.ac-raw{margin-top:1rem;border-top:1px solid var(--stroke);padding-top:.9rem}
.ac-raw>summary{font-size:.8rem;font-weight:600;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:.45rem;list-style:none;user-select:none}
.ac-raw>summary::-webkit-details-marker{display:none}
.ac-raw>summary .chev{margin-left:auto;transition:transform .2s}
.ac-raw[open]>summary .chev{transform:rotate(180deg)}
.ac-raw-inner{margin-top:.7rem;display:flex;flex-direction:column;gap:.6rem}

/* --- hesap: sipariş kalemleri --- */
.ac-item{padding:1.1rem 0;border-bottom:1px solid var(--stroke)}
.ac-item:last-child{border-bottom:none}
.ac-item:first-child{padding-top:.2rem}
.ac-item-head{display:flex;align-items:center;gap:.7rem;margin-bottom:.7rem}
.ac-item-ic{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--stroke);color:var(--muted)}
.ac-item-head h4{font-size:.95rem;font-weight:700;flex:1;min-width:0}
.ac-item-head-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0;margin-left:auto}
.ac-item-body{display:flex;flex-direction:column;gap:.7rem}
.ac-item-body h4{font-size:.92rem;font-weight:700}
@media (max-width:560px){
  .ac-item-head{flex-wrap:wrap}
  .ac-item-head h4{flex:1 1 60%}
  .ac-item-head-right{margin-left:0;width:100%;justify-content:space-between}
}
.ac-tags{display:flex;flex-wrap:wrap;gap:.35rem}
.ac-tag{font-size:.68rem;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--stroke);border-radius:7px;padding:.15rem .5rem}

/* --- hesap: aşamalı ilerleme (kargo) --- */
.ac-steps{display:flex;align-items:flex-start;gap:0;margin:.4rem 0}
.ac-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.45rem;position:relative;text-align:center}
.ac-step::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--stroke)}
.ac-step:first-child::before{display:none}
.ac-step.done::before,.ac-step.active::before{background:var(--red)}
.ac-step .dot{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:2px solid var(--stroke);color:var(--muted);z-index:1;font-size:.8rem}
.ac-step.done .dot{background:linear-gradient(135deg,var(--red),#b40e23);border-color:transparent;color:#fff}
.ac-step.active .dot{border-color:var(--red);color:var(--red-2)}
.ac-step span{font-size:.7rem;color:var(--muted);font-weight:600}
.ac-step.done span,.ac-step.active span{color:var(--text)}

/* --- hesap: kupon kartları --- */
.ac-coupons{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media (max-width:680px){.ac-coupons{grid-template-columns:1fr}}
.ac-coupon{position:relative;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:1.1rem;display:flex;flex-direction:column;gap:.7rem;overflow:hidden}
.ac-coupon::before{content:"";position:absolute;left:-9px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--bg);border:1px solid var(--stroke)}
.ac-coupon::after{content:"";position:absolute;right:-9px;top:50%;transform:translateY(-50%);width:18px;height:18px;border-radius:50%;background:var(--bg);border:1px solid var(--stroke)}
.ac-coupon-top{display:flex;align-items:center;gap:.8rem}
.ac-coupon-badge{flex-shrink:0;min-width:58px;height:58px;border-radius:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:800;background:linear-gradient(135deg,var(--red),#8e0c1e);padding:0 .4rem;text-align:center;line-height:1}
.ac-coupon-badge .u{font-size:.6rem;font-weight:700;margin-top:.15rem}
.ac-coupon h3{font-size:.95rem;font-weight:700;line-height:1.3}
.ac-coupon .note{font-size:.74rem;color:var(--muted)}
.ac-coupon-code{display:flex;align-items:center;gap:.5rem;border:1px dashed var(--stroke-2);border-radius:10px;padding:.5rem .4rem .5rem .8rem;background:var(--surface-2)}
.ac-coupon-code code{flex:1;font-family:'Roboto Condensed',monospace;font-weight:700;letter-spacing:.05em;color:var(--red-2)}
.ac-coupon-code button{flex-shrink:0;padding:.4rem .7rem;border-radius:8px;font-size:.74rem;font-weight:700;background:var(--surface);border:1px solid var(--stroke);color:var(--text);transition:all .2s}
.ac-coupon-code button:hover{border-color:rgba(225,25,49,.45);color:var(--red-2)}
.ac-coupon-conds{display:none;flex-direction:column;gap:.4rem;font-size:.76rem;color:var(--muted);border-top:1px solid var(--stroke);padding-top:.6rem}
.ac-coupon-conds.open{display:flex}
.ac-coupon-conds div{display:flex;align-items:center;gap:.45rem}
.ac-coupon-toggle{font-size:.76rem;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:.3rem;align-self:flex-start}
.ac-coupon-toggle:hover{color:var(--text)}

/* --- hesap: mesaj balonları (ticket) --- */
.ac-thread{display:flex;flex-direction:column;gap:1rem}
.ac-msg{display:flex;gap:.7rem;max-width:88%}
.ac-msg .ac-msg-av{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:.85rem;color:#fff;background:linear-gradient(135deg,var(--red),#7a0a18)}
.ac-msg.admin .ac-msg-av{background:linear-gradient(135deg,#3a3f52,#23262f)}
.ac-msg-bubble{background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:.8rem 1rem}
.ac-msg-meta{display:flex;align-items:center;gap:.5rem;font-size:.74rem;color:var(--muted);margin-bottom:.35rem}
.ac-msg-meta strong{color:var(--text);font-weight:700}
.ac-msg-bubble p{font-size:.88rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}
.ac-msg.me{flex-direction:row-reverse;margin-left:auto}
.ac-msg.me .ac-msg-bubble{background:rgba(225,25,49,.08);border-color:rgba(225,25,49,.25)}

/* --- hesap: basit modal --- */
.ac-modal{position:fixed;inset:0;z-index:95;display:none;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto}
.ac-modal.open{display:flex}
.ac-modal-bd{position:fixed;inset:0;background:rgba(3,4,8,.7);backdrop-filter:blur(5px)}
.ac-modal-panel{position:relative;width:min(560px,100%);margin-top:7vh;background:var(--bg-2);border:1px solid var(--stroke-2);border-radius:18px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5);animation:modalIn .25s cubic-bezier(.3,1.2,.5,1)}
.ac-modal-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--stroke)}
.ac-modal-head h3{font-family:var(--font-display);font-size:1.02rem;font-weight:700}
.ac-modal-x{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--muted)}
.ac-modal-x:hover{background:var(--surface-2);color:var(--text)}
.ac-modal-body{padding:1.2rem 1.3rem}

/* --- hesap: bakiye yükleme --- */
.ac-balance-hero{display:flex;align-items:center;gap:1rem;background:radial-gradient(600px 200px at 0% 0%,rgba(225,25,49,.2),transparent 60%),var(--bg-2);border:1px solid var(--stroke-2);border-radius:var(--radius);padding:1.3rem 1.5rem}
.ac-balance-hero .ic{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;flex-shrink:0;color:#fff;background:linear-gradient(135deg,var(--red),#8e0c1e)}
.ac-balance-hero .lb{font-size:.8rem;color:var(--muted)}
.ac-balance-hero .v{font-family:var(--font-display);font-size:1.8rem;font-weight:800;line-height:1.1}
.ac-pm{position:relative}
.ac-pm-trigger{display:flex;align-items:center;gap:.7rem;width:100%;background:var(--surface-2);border:1px solid var(--stroke);border-radius:11px;padding:.7rem .85rem;cursor:pointer;transition:border-color .2s}
.ac-pm-trigger:hover{border-color:var(--stroke-2)}
.ac-pm-trigger img{height:24px;width:auto;max-width:60px;object-fit:contain}
.ac-pm-trigger .nm{flex:1;text-align:left;font-weight:600;font-size:.88rem}
.ac-pm-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--bg-2);border:1px solid var(--stroke-2);border-radius:12px;padding:.4rem;box-shadow:0 24px 60px rgba(0,0,0,.35);z-index:20;display:none;max-height:300px;overflow:auto}
.ac-pm-menu.open{display:block}
.ac-pm-opt{display:flex;align-items:center;gap:.7rem;padding:.6rem .7rem;border-radius:9px;cursor:pointer;transition:background .15s}
.ac-pm-opt:hover{background:var(--surface-2)}
.ac-pm-opt img{height:22px;width:auto;max-width:54px;object-fit:contain}
.ac-amt-quick{display:flex;flex-wrap:wrap;gap:.5rem}
.ac-amt-quick button{padding:.5rem .9rem;border-radius:10px;border:1px solid var(--stroke);background:var(--surface-2);color:var(--text);font-weight:700;font-size:.85rem;transition:all .2s}
.ac-amt-quick button:hover,.ac-amt-quick button.on{border-color:var(--red);color:var(--red-2);background:rgba(225,25,49,.06)}

/* mobil kart görünümü için tablo→kart dönüşümü hesap siparişlerinde */

/* ---------- sepet ---------- */
.ct-grid{display:grid;grid-template-columns:1fr 360px;gap:1.5rem;align-items:start;padding:1.4rem 0 2.6rem}
.ct-items{display:flex;flex-direction:column;gap:.85rem;min-width:0}
.ct-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.2rem}
.ct-bar h1{font-family:var(--font-display);font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:800}
.ct-bar .ct-clear{font-size:.8rem;font-weight:600;color:var(--muted);display:inline-flex;align-items:center;gap:.4rem;transition:color .2s}
.ct-bar .ct-clear:hover{color:var(--red-2)}
.ct-item{display:flex;gap:1rem;background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:.9rem;transition:border-color .25s}
.ct-item:hover{border-color:var(--stroke-2)}
.ct-thumb{width:84px;height:84px;border-radius:12px;object-fit:cover;flex-shrink:0;background:var(--surface-2);border:1px solid var(--stroke)}
.ct-mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}
.ct-mid h3{font-size:.92rem;font-weight:700;line-height:1.35}
.ct-mid h3 a:hover{color:var(--red-2)}
.ct-tags{display:flex;flex-wrap:wrap;gap:.35rem}
.ct-tag{font-size:.68rem;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--stroke);border-radius:7px;padding:.15rem .5rem}
.ct-unit{font-size:.78rem;color:var(--muted)}
.ct-right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:.6rem;flex-shrink:0}
.ct-line-total{font-family:var(--font-display);font-weight:800;font-size:1.05rem;white-space:nowrap}
.ct-line-total small{font-size:.62em;font-weight:700;color:var(--red-2)}
.ct-qtybox{display:flex;align-items:center;border:1px solid var(--stroke-2);border-radius:10px;overflow:hidden;background:var(--surface-2)}
.ct-qtybox button{width:34px;height:34px;font-size:1.05rem;font-weight:700;color:var(--muted);transition:background .2s,color .2s}
.ct-qtybox button:hover{background:var(--surface);color:var(--text)}
.ct-qtybox input{width:38px;height:34px;text-align:center;background:none;border:none;outline:none;color:var(--text);font-weight:700;font-family:inherit;-moz-appearance:textfield}
.ct-qtybox input::-webkit-outer-spin-button,.ct-qtybox input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.ct-qty-fixed{font-size:.74rem;font-weight:600;color:var(--muted);border:1px solid var(--stroke);border-radius:8px;padding:.25rem .55rem;background:var(--surface-2)}
.ct-remove{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--muted);border:1px solid var(--stroke);background:var(--surface-2);transition:all .2s}
.ct-remove:hover{color:var(--red-2);border-color:rgba(225,25,49,.4);background:rgba(225,25,49,.08)}

/* özet (sticky) */
.ct-aside{position:sticky;top:88px;display:flex;flex-direction:column;gap:1rem}
.ct-card{background:var(--surface);border:1px solid var(--stroke);border-radius:var(--radius);padding:1.2rem}
.ct-card h2{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:1rem}
.ct-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.88rem;padding:.45rem 0;color:var(--muted)}
.ct-row.disc{color:var(--green)}
.ct-row strong{color:var(--text);font-weight:700}
.ct-total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-top:.7rem;padding-top:.9rem;border-top:1px solid var(--stroke)}
.ct-total span{font-size:.86rem;color:var(--muted)}
.ct-total strong{font-family:var(--font-display);font-size:1.5rem;font-weight:800}
.ct-total strong small{font-size:.5em;color:var(--red-2);font-weight:700}
.ct-checkout{margin-top:1.1rem;width:100%;padding:.9rem;font-size:1rem;border-radius:12px}
.ct-checkout[disabled]{opacity:.55;cursor:not-allowed;box-shadow:none}
.ct-note{display:flex;gap:.55rem;align-items:flex-start;margin-top:.9rem;font-size:.78rem;color:var(--muted);line-height:1.5}
.ct-note svg{flex-shrink:0;margin-top:.1rem;color:var(--red-2)}
/* kupon */
.ct-coupon-applied{display:flex;align-items:center;gap:.7rem;background:rgba(45,212,160,.08);border:1px solid rgba(45,212,160,.35);border-radius:12px;padding:.75rem .9rem}
.ct-coupon-applied .ci{color:var(--green);flex-shrink:0}
.ct-coupon-applied .cc{flex:1;min-width:0}
.ct-coupon-applied .cc strong{display:block;font-size:.84rem}
.ct-coupon-applied .cc span{font-size:.72rem;color:var(--muted)}
.ct-coupon-applied button{font-size:.78rem;font-weight:700;color:var(--red-2);flex-shrink:0}
.ct-coupon-input{display:flex;gap:.5rem}
.ct-coupon-input input{flex:1;min-width:0;background:var(--surface-2);border:1px solid var(--stroke);border-radius:10px;padding:.6rem .8rem;color:var(--text);font-family:inherit;font-size:.86rem;outline:none;text-transform:uppercase;transition:border-color .2s}
.ct-coupon-input input:focus{border-color:var(--stroke-2)}
.ct-coupon-input button{flex-shrink:0;padding:.6rem 1.1rem;border-radius:10px;font-size:.84rem;font-weight:700;background:var(--surface-2);border:1px solid var(--stroke-2);color:var(--text);transition:all .2s}
.ct-coupon-input button:hover{border-color:rgba(225,25,49,.45);color:var(--red-2)}
.ct-coupon-msg{font-size:.78rem;margin-top:.5rem;min-height:1em}
.ct-coupon-msg.err{color:var(--red-2)}
.ct-coupon-msg.ok{color:var(--green)}
/* kupon: kompakt açılır-kapanır toggle (kullanılmıyorken yer kaplamasın) */
.ct-coupon-toggle{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%;padding:.7rem .85rem;border:1px dashed var(--stroke-2);border-radius:11px;background:var(--surface-2);color:var(--muted);font-size:.84rem;font-weight:600;cursor:pointer;transition:border-color .2s,color .2s,background .2s}
.ct-coupon-toggle:hover{border-color:rgba(225,25,49,.45);color:var(--text)}
.ct-coupon-toggle .lbl{display:inline-flex;align-items:center;gap:.5rem}
.ct-coupon-toggle .lbl svg{color:var(--red-2);flex-shrink:0}
.ct-coupon-toggle .chev{flex-shrink:0;transition:transform .2s}
.ct-coupon-toggle.open .chev{transform:rotate(180deg)}
#couponInput{margin-top:.6rem}
.ct-coupon-list{display:flex;flex-direction:column;gap:.45rem;margin-top:.7rem;max-height:228px;overflow-y:auto;padding-right:.15rem}
.ct-coupon-pick{display:flex;align-items:center;gap:.6rem;text-align:left;width:100%;padding:.6rem .7rem;border-radius:11px;border:1px dashed var(--stroke-2);background:var(--surface-2);transition:all .2s}
.ct-coupon-pick:hover:not(:disabled){border-color:rgba(225,25,49,.5);background:rgba(225,25,49,.06)}
.ct-coupon-pick:disabled{opacity:.5;cursor:not-allowed}
.ct-coupon-pick .badge{font-family:var(--font-display);font-weight:800;color:var(--red-2);font-size:.86rem;flex-shrink:0}
.ct-coupon-pick .pt{flex:1;min-width:0}
.ct-coupon-pick .pt strong{display:block;font-size:.8rem;font-weight:700}
.ct-coupon-pick .pt span{font-size:.7rem;color:var(--muted)}
/* bakiye + adres */
.ct-bal{display:flex;align-items:center;gap:.8rem;font-size:.86rem}
.ct-bal .ct-bal-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;color:var(--red-2);background:rgba(225,25,49,.1);border:1px solid rgba(225,25,49,.25)}
.ct-bal .ct-bal-v{font-family:var(--font-display);font-weight:800;font-size:1.05rem}
.ct-bal-warn{margin-top:.8rem;font-size:.8rem;color:#ffb01f;background:rgba(255,176,31,.1);border:1px solid rgba(255,176,31,.3);border-radius:10px;padding:.6rem .75rem;line-height:1.5}
.ct-bal-warn a{color:var(--red-2);font-weight:700}
.ct-addr{display:flex;flex-direction:column;gap:.5rem}
.ct-addr label{display:flex;gap:.6rem;align-items:flex-start;padding:.7rem .8rem;border:1px solid var(--stroke);border-radius:11px;cursor:pointer;transition:border-color .2s,background .2s}
.ct-addr label:has(input:checked){border-color:rgba(225,25,49,.5);background:rgba(225,25,49,.06)}
.ct-addr input{margin-top:.2rem;accent-color:var(--red)}
.ct-addr .ct-addr-t{font-size:.82rem;font-weight:600}
.ct-addr .ct-addr-d{font-size:.74rem;color:var(--muted);margin-top:.15rem;line-height:1.45}

/* ---------- çekiliş detay sayfası ---------- */
.gvd-grid{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:2rem;align-items:start;padding:1.2rem 0 2.6rem}
@media(max-width:900px){.gvd-grid{grid-template-columns:1fr;gap:1.4rem}}
.gvd-media{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--stroke-2);box-shadow:0 26px 70px -30px var(--red-glow),0 8px 30px rgba(0,0,0,.3);aspect-ratio:4/5;background:linear-gradient(110deg,var(--skel-a),var(--skel-b),var(--skel-a))}
.gvd-media>img{width:100%;height:100%;object-fit:cover}
.gvd-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,6,10,.9))}
.gvd-media-overlay{position:absolute;inset:auto 0 0 0;z-index:1;padding:1.4rem;text-align:center}
.gvd-cd-lbl{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.82);margin-bottom:.6rem}
.gvd-cd{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}
.gvd-cd .u{background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.5rem .2rem}
.gvd-cd .u b{display:block;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:#fff;line-height:1}
.gvd-cd .u span{font-size:.58rem;color:rgba(255,255,255,.7)}
.gvd-ended-badge{display:inline-block;background:linear-gradient(135deg,var(--red),#b40e23);color:#fff;font-weight:800;font-size:1.05rem;padding:.7rem 1.4rem;border-radius:14px;transform:rotate(-2deg);box-shadow:0 12px 30px -8px var(--red-glow)}
.gvd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1rem}
.gvd-stat{background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:1rem .5rem;text-align:center}
.gvd-stat .ic{display:grid;place-items:center;margin:0 auto .35rem;color:var(--red-2)}
.gvd-stat .lb{font-size:.7rem;color:var(--muted)}
.gvd-stat .v{font-family:var(--font-display);font-size:1.25rem;font-weight:800;margin-top:.1rem}
.gvd-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}
.gvd-badge{display:inline-flex;align-items:center;gap:.4rem;font-size:.76rem;font-weight:700;padding:.32rem .7rem;border-radius:9px;border:1px solid var(--stroke)}
.gvd-badge.live{color:var(--green);background:rgba(45,212,160,.12);border-color:rgba(45,212,160,.3)}
.gvd-badge.ended{color:var(--muted);background:var(--surface-2)}
.gvd-badge.date{color:var(--muted);background:var(--surface)}
.gvd-title{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.5rem);font-weight:800;line-height:1.15;letter-spacing:-.01em}
.gvd-desc{color:var(--muted);line-height:1.75;margin-top:1rem;font-size:.95rem}
.gvd-prizes{background:var(--surface);border:1px solid var(--stroke);border-radius:18px;padding:1.3rem;margin-top:1.6rem}
.gvd-prizes h3{font-family:var(--font-display);font-size:1.02rem;font-weight:700;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}
.gvd-prizes h3 svg{color:var(--red-2)}
.gvd-prize{display:flex;align-items:center;gap:.9rem;background:var(--bg-2);border:1px solid var(--stroke);border-radius:13px;padding:.7rem;transition:border-color .2s,transform .2s}
.gvd-prize+.gvd-prize{margin-top:.6rem}
.gvd-prize:hover{border-color:rgba(225,25,49,.45);transform:translateY(-2px)}
.gvd-prize img,.gvd-prize .ph{width:58px;height:58px;border-radius:11px;object-fit:cover;flex-shrink:0;background:var(--surface-2);border:1px solid var(--stroke)}
.gvd-prize .ph{display:grid;place-items:center;color:var(--muted)}
.gvd-prize .nm{flex:1;min-width:0}
.gvd-prize .nm strong{display:block;font-size:.92rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gvd-prize .nm span{font-size:.8rem;color:var(--green);font-weight:700}
.gvd-prize .ar{flex-shrink:0;color:var(--muted)}
.gvd-prize:hover .ar{color:var(--red-2)}
.gvd-action{position:relative;overflow:hidden;background:radial-gradient(600px 200px at 10% 0%,rgba(225,25,49,.22),transparent 60%),var(--bg-2);border:1px solid rgba(225,25,49,.3);border-radius:20px;padding:2rem 1.5rem;text-align:center;margin-top:1.6rem}
.gvd-action h3{font-family:var(--font-display);font-size:1.25rem;font-weight:800;margin-bottom:1.1rem}
.gvd-action .gv-cta{display:inline-flex;width:auto;padding:.9rem 2rem}
.gvd-joined-ic{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;margin:0 auto 1rem;color:#fff;background:linear-gradient(135deg,var(--green),#1c9e78);box-shadow:0 12px 30px -8px rgba(45,212,160,.5)}
.gvd-action .note{font-size:.82rem;color:var(--muted);margin-top:1rem}
.gvd-action .ga-btns{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}
.gvd-winners{margin-top:1.6rem}
.gvd-winners h3{font-family:var(--font-display);font-size:1.25rem;font-weight:800;display:flex;align-items:center;gap:.6rem;margin-bottom:1.1rem}
.gvd-winners h3 svg{color:#ffb01f}
.gvd-winner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}
@media(max-width:560px){.gvd-winner-grid{grid-template-columns:1fr}}
.gvd-winner{position:relative;overflow:hidden;display:flex;align-items:center;gap:.9rem;background:linear-gradient(135deg,var(--surface),var(--bg-2));border:1px solid rgba(255,176,31,.3);border-radius:14px;padding:.9rem}
.gvd-winner .rank{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-family:var(--font-display);font-weight:800;color:#ffb01f;background:rgba(255,176,31,.15);border:1px solid rgba(255,176,31,.4)}
.gvd-winner .wn{min-width:0}
.gvd-winner .wn strong{display:block;font-size:1rem;font-weight:700}
.gvd-winner .wn span{font-size:.78rem;color:var(--muted)}

/* ---------- havale / EFT ödeme sayfası ---------- */
.bt-wrap{max-width:760px;margin-inline:auto;padding:1.6rem 0 2.8rem}
.bt-steps{position:relative;display:flex;align-items:flex-start;justify-content:space-between;margin:.5rem 0 2.4rem;padding:0 12%}
.bt-steps::before{content:"";position:absolute;left:18%;right:18%;top:18px;height:2px;background:var(--stroke);z-index:0}
.bt-steps .bt-line{position:absolute;left:18%;top:18px;height:2px;background:linear-gradient(90deg,var(--red),var(--red-2));z-index:0;width:0;max-width:64%;transition:width .5s}
.bt-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}
.bt-step .dot{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;border:3px solid var(--bg);background:var(--surface-2);color:var(--muted);transition:all .3s}
.bt-step.on .dot{background:linear-gradient(135deg,var(--red),#b40e23);color:#fff;box-shadow:0 8px 22px -8px var(--red-glow)}
.bt-step span{font-size:.82rem;font-weight:600;color:var(--muted)}
.bt-step.on span{color:var(--text)}
.bt-title{text-align:center;margin-bottom:1.5rem}
.bt-title h1{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:800}
.bt-title p{color:var(--muted);margin-top:.4rem;font-size:.9rem}
.bt-banks{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1.4rem}
.bt-bank{position:relative;display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--stroke);border-radius:14px;padding:1rem 1.1rem;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s}
.bt-bank:not(.disabled):hover{border-color:rgba(225,25,49,.45);background:var(--surface-2)}
.bt-bank.sel{border-color:var(--red);background:rgba(225,25,49,.06);box-shadow:0 0 0 3px rgba(225,25,49,.12)}
.bt-bank.disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.6)}
.bt-bank-logo{width:56px;height:56px;border-radius:12px;background:#fff;padding:.4rem;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--stroke)}
.bt-bank-logo img{max-width:100%;max-height:100%;object-fit:contain}
.bt-bank-logo.ph{background:var(--surface-2);color:var(--red-2)}
.bt-bank-info{flex:1;min-width:0}
.bt-bank-info h4{font-size:1rem;font-weight:700}
.bt-bank-info p{font-size:.82rem;color:var(--muted);margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-min{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;font-weight:700;border-radius:6px;padding:.18rem .5rem;margin-top:.4rem}
.bt-min.warn{color:#ffb01f;background:rgba(255,176,31,.1);border:1px solid rgba(255,176,31,.25)}
.bt-min.bad{color:var(--red-2);background:rgba(225,25,49,.1);border:1px solid rgba(225,25,49,.25)}
.bt-radio{width:24px;height:24px;border-radius:50%;border:2px solid var(--stroke-2);flex-shrink:0;display:grid;place-items:center;transition:border-color .2s}
.bt-bank.sel .bt-radio{border-color:var(--red)}
.bt-radio i{width:12px;height:12px;border-radius:50%;background:var(--red);transform:scale(0);transition:transform .2s}
.bt-bank.sel .bt-radio i{transform:scale(1)}
.bt-bank-x{flex-shrink:0;color:var(--red-2)}
.bt-summary{background:var(--bg-2);border:1px solid var(--stroke-2);border-radius:18px;overflow:hidden;margin-bottom:1.4rem}
.bt-summary-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 1rem;border-bottom:1px solid var(--stroke);background:rgba(225,25,49,.05)}
.bt-summary-head .lb{display:inline-flex;align-items:center;gap:.5rem;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.bt-summary-head .lb .pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(45,212,160,.5);animation:gvPulse 1.8s infinite}
.bt-summary-head button{font-size:.78rem;color:var(--muted);display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:8px}
.bt-summary-head button:hover{background:var(--surface-2);color:var(--text)}
.bt-summary-body{padding:1.2rem}
.bt-summary-bank{display:flex;align-items:center;gap:.9rem;margin-bottom:1.1rem}
.bt-summary-bank .bt-bank-logo{width:52px;height:52px}
.bt-summary-bank .lb{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.bt-summary-bank h2{font-family:var(--font-display);font-size:1.3rem;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-info-rows{display:flex;flex-direction:column;gap:.6rem}
.bt-info{display:flex;align-items:center;gap:.8rem;width:100%;text-align:left;background:var(--surface);border:1px solid var(--stroke);border-radius:12px;padding:.85rem .95rem;transition:border-color .2s,background .2s}
.bt-info:hover{border-color:rgba(225,25,49,.4);background:var(--surface-2)}
.bt-info .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:var(--red-2);background:rgba(225,25,49,.1)}
.bt-info-main{flex:1;min-width:0}
.bt-info-main .lb{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700;color:var(--muted)}
.bt-info-main .val{display:block;font-weight:600;color:var(--text);margin-top:.15rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-info-main code.val{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.94rem;letter-spacing:.02em}
.bt-info .cp{flex-shrink:0;color:var(--muted)}
.bt-info:hover .cp{color:var(--red-2)}
.bt-hint{font-size:.74rem;color:var(--muted);margin:.75rem 0 0;display:flex;align-items:center;gap:.4rem}
.bt-amount{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(135deg,var(--red),#8e0c1e);padding:1.2rem 1.3rem;margin-top:1.1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.bt-amount .lb{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.bt-amount .v{font-family:var(--font-display);font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800;color:#fff;line-height:1.1;margin-top:.2rem}
.bt-amount .ic{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;color:#fff;flex-shrink:0}
.bt-howto{background:var(--surface);border:1px solid var(--stroke);border-radius:16px;overflow:hidden;margin-bottom:1.4rem}
.bt-howto>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem}
.bt-howto>summary::-webkit-details-marker{display:none}
.bt-howto>summary:hover{background:var(--surface-2)}
.bt-howto .ht-l{display:flex;align-items:center;gap:.8rem;min-width:0}
.bt-howto .ht-ic{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--red-2);background:rgba(225,25,49,.1);border:1px solid rgba(225,25,49,.25)}
.bt-howto h3{font-size:.95rem;font-weight:700}
.bt-howto .ht-sub{font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bt-howto .chev{transition:transform .2s;color:var(--muted);flex-shrink:0}
.bt-howto[open] .chev{transform:rotate(180deg)}
.bt-howto-body{border-top:1px solid var(--stroke);padding:1.3rem;display:flex;flex-direction:column;gap:1.4rem}
@media(min-width:960px){.bt-howto-body{flex-direction:row;align-items:center}}
.bt-steps-list{flex:1;display:flex;flex-direction:column;gap:1rem}
.bt-steps-list .st{display:flex;gap:.8rem;align-items:flex-start}
.bt-steps-list .st .n{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--red),#b40e23);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.85rem;flex-shrink:0}
.bt-steps-list .st h4{font-size:.86rem;font-weight:700}
.bt-steps-list .st p{font-size:.78rem;color:var(--muted);line-height:1.55;margin-top:.2rem}
.bt-phone{flex-shrink:0;display:flex;justify-content:center}
.bt-phone iframe{border:0;display:block;width:280px;height:560px;pointer-events:none;user-select:none}
@media(min-width:1024px){.bt-phone iframe{width:320px;height:640px}}
.bt-form-card{background:var(--surface);border:1px solid var(--stroke);border-radius:16px;padding:1.4rem}
.bt-actions{display:flex;flex-direction:column-reverse;gap:.8rem;margin-top:.4rem}
@media(min-width:560px){.bt-actions{flex-direction:row;justify-content:space-between}}
.bt-empty-btn{margin-top:.4rem}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .bl-grid,.gv-grid{grid-template-columns:repeat(2,1fr)}
  .cg-grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:900px){
  .ac-wrap{grid-template-columns:1fr}
  /* hesap menüsü: mobilde de PC'deki gibi alt alta (dikey liste), sadece sabitlik kalkar */
  .ac-side{position:static;top:auto}
  .ct-grid{grid-template-columns:1fr}
  .ct-aside{position:static;flex-direction:column}
  .cg-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:640px){
  .bl-grid,.gv-grid{grid-template-columns:1fr;gap:1rem}
  .cg-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}
  .ac-stats{grid-template-columns:1fr}
  .pg-hero-ico{width:46px;height:46px}
  /* hesap siparişleri: tabloyu kartlara çevir */
  .ac-resp thead{display:none}
  .ac-resp,.ac-resp tbody,.ac-resp tr,.ac-resp td{display:block;width:100%}
  .ac-resp tr{border:1px solid var(--stroke);border-radius:13px;margin-bottom:.7rem;padding:.4rem .2rem}
  .ac-resp td{border:none!important;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem;font-size:.85rem}
  .ac-resp td::before{content:attr(data-lb);font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
  .ac-resp td.ac-empty-row::before{display:none}
  .ac-resp td.ac-empty-row{justify-content:center}
  .ct-item{flex-wrap:wrap}
  .ct-thumb{width:64px;height:64px}
  .ct-right{flex-direction:row;align-items:center;width:100%;justify-content:space-between;border-top:1px solid var(--stroke);padding-top:.7rem;margin-top:.2rem}
  .ac-side a span.ac-lbl{display:inline}
}