/* =========================================================
   ASC Kulüpler — kulüp seçimi katalogu
   ======================================================= */

.ascK{
	--lacivert:#241a52;
	--lacivert-2:#150f33;
	--metin:#2b205a;
	--soluk:#6b6785;
	--cizgi:#e9eaf1;
	--zemin:#f7f8fb;
	--kart:#ffffff;
	--altin:#b8891f;
	--altin-parlak:#ffb703;
	--yesil:#2c7a5b;
	--r:20px;
	--gecis:cubic-bezier(.22,.61,.36,1);
	--yapisik:0px;
	--ustBosluk:0px;
	position:relative;
	left:calc(50% - 50vw);
	width:100vw;
	max-width:100vw;
	color:var(--metin);
	line-height:1.55;
	-webkit-font-smoothing:antialiased;
}
.ascK *,.ascK *::before,.ascK *::after{box-sizing:border-box}
.ascK :where(img){max-width:100%;display:block;height:auto}
.ascK :where(button){font:inherit;color:inherit;cursor:pointer;border:0;background:none;
	text-transform:none;letter-spacing:normal;line-height:inherit;box-shadow:none;
	border-radius:0;padding:0;margin:0;min-height:0;min-width:0;text-align:inherit;
	-webkit-appearance:none;appearance:none}
.ascK :where(button):hover{background:none;color:inherit;box-shadow:none}
.ascK :where(a){text-decoration:none;box-shadow:none}
.ascK :where(h1,h2,h3,h4){margin:0;color:var(--metin);letter-spacing:-.012em;line-height:1.15;text-transform:none;font-family:inherit}
.ascK :where(p){margin:0;text-transform:none}
.ascK :where(ul,ol,li){list-style:none;margin:0;padding:0}
.ascK :where(summary){text-transform:none}
.ascK :where(svg){fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.ascK :where(details){margin:0}
.ascK :where(small,em,b,strong,span){text-transform:none;letter-spacing:normal}

.ascK-ic{max-width:1180px;margin:0 auto;padding:0 20px}
.ascK-et{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--altin-parlak);margin-bottom:14px}
.ascK-et--koyu{color:var(--altin)}

.ascK-basl{max-width:640px;margin:0 0 30px}
.ascK-basl h2{font-size:clamp(24px,3.4vw,36px);font-weight:800;margin-bottom:10px}
.ascK-basl p{font-size:15.5px;color:var(--soluk)}

/* ---------- düğmeler ---------- */
.ascK-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:9px;
	padding:13px 24px;border-radius:999px;text-decoration:none;
	font-size:13.5px;font-weight:800;letter-spacing:.04em;
	transition:transform .28s var(--gecis),box-shadow .28s ease,background .28s ease,color .28s ease,border-color .28s ease;
}
.ascK-btn svg{width:17px;height:17px;stroke-width:2.2;transition:transform .28s ease}
.ascK-btn--altin{background:var(--altin-parlak);color:#241a52}
.ascK a.ascK-btn--altin:hover,.ascK button.ascK-btn--altin:hover,.ascK-btn--altin:hover{background:#ffc93c;color:#241a52;transform:translateY(-2px);box-shadow:0 14px 26px -14px rgba(255,183,3,.9)}
.ascK-btn--altin:hover svg{transform:translateY(2px)}
.ascK-btn--cizgi{border:1.5px solid var(--cizgi);color:var(--metin);background:#fff}
.ascK a.ascK-btn--cizgi:hover,.ascK button.ascK-btn--cizgi:hover,.ascK-btn--cizgi:hover{border-color:var(--metin);transform:translateY(-2px)}
.ascK-btn--yesil{background:#1fa855;color:#fff}
.ascK a.ascK-btn--yesil:hover,.ascK button.ascK-btn--yesil:hover,.ascK-btn--yesil:hover{background:#188f47;color:#fff;transform:translateY(-2px);box-shadow:0 14px 26px -14px rgba(31,168,85,.9)}

/* ---------- 1. giriş ---------- */
.ascK-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--lacivert-2);color:#fff;padding:calc(96px + var(--ustBosluk)) 0 84px;margin-bottom:0}
.ascK-hero__gorsel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.55}
.ascK-hero__perde{position:absolute;inset:0;z-index:-1;background:
	linear-gradient(100deg,rgba(21,15,51,.96) 0%,rgba(21,15,51,.82) 42%,rgba(21,15,51,.35) 100%),
	radial-gradient(120% 90% at 80% 10%,rgba(255,183,3,.16),transparent 60%)}
.ascK-hero h1{font-size:clamp(30px,5vw,50px);font-weight:800;color:#fff;margin-bottom:16px}
.ascK-hero__metin{font-size:16px;line-height:1.65;color:rgba(255,255,255,.78);max-width:52ch;margin-bottom:26px}
.ascK-hero__ic{position:relative;z-index:1}
.ascK-sayilar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:44px;max-width:620px}
.ascK-sayilar div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:15px;padding:14px 10px;text-align:center}
.ascK-sayilar b{display:block;font-size:23px;font-weight:800;color:var(--altin-parlak);line-height:1.1}
.ascK-sayilar span{display:block;font-size:11px;color:rgba(255,255,255,.7);margin-top:4px}

/* ---------- 2. alanlar ---------- */
.ascK-alanlar{background:#fff;padding:66px 0 12px}
.ascK-alanlar__grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.ascK-alanKart{display:block;width:100%;text-align:left;padding:0;border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--cizgi);
	transition:transform .38s var(--gecis),box-shadow .38s var(--gecis),border-color .38s var(--gecis)}
.ascK button.ascK-alanKart:hover,.ascK-alanKart:hover{transform:translateY(-7px);box-shadow:0 26px 44px -26px rgba(43,32,90,.5);border-color:color-mix(in srgb,var(--renk) 45%,var(--cizgi))}
.ascK-alanKart__gorsel{display:block;aspect-ratio:3/2;overflow:hidden;position:relative}
.ascK-alanKart__gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--gecis)}
.ascK-alanKart:hover .ascK-alanKart__gorsel img{transform:scale(1.07)}
.ascK-alanKart__alt{display:block;padding:15px 15px 17px;position:relative}
.ascK-alanKart__ikon{position:absolute;top:-24px;left:15px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--renk);color:#fff;box-shadow:0 10px 20px -10px var(--renk)}
.ascK-alanKart__ikon svg{width:22px;height:22px;stroke-width:1.7}
.ascK-alanKart__ad{display:block;margin-top:12px;font-size:14.5px;font-weight:800;line-height:1.25}
.ascK-alanKart__adet{display:block;font-size:12px;color:var(--soluk);margin-top:3px}

/* ---------- 3. katalog ---------- */
.ascK-katalog{background:#fff;padding:56px 0 74px}

.ascK-kim{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:var(--r);padding:24px 24px 26px;margin-bottom:16px}
.ascK-kim__soru{display:flex;align-items:center;gap:9px;font-size:14.5px;font-weight:700;margin-bottom:12px}
.ascK-kim__soru i{flex:0 0 auto;width:23px;height:23px;border-radius:50%;background:var(--metin);color:#fff;font-style:normal;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ascK-secim{display:grid;grid-template-columns:1fr 1fr;gap:9px}
/* Sınıf seçimi: dar, çok sayıda düğme */
.ascK-secim--sinif{grid-template-columns:repeat(4,1fr);gap:7px}
.ascK-kim__alt{display:block;margin-top:9px;font-size:12px;color:var(--soluk);font-weight:600;letter-spacing:.02em}
.ascK-secim button{position:relative;padding:12px 14px;border-radius:14px;background:#fff;border:1.5px solid var(--cizgi);text-align:left;font-size:14px;font-weight:700;
	transition:border-color .16s ease,background .16s ease,color .16s ease,transform .12s ease,box-shadow .2s ease}
.ascK-secim button small{display:block;font-size:11.5px;font-weight:500;color:var(--soluk);margin-top:2px}
.ascK .ascK-secim button:hover{border-color:#c9c6dc;transform:translateY(-1px)}
.ascK-secim button.secili{border-color:var(--metin);background:var(--metin);color:#fff;box-shadow:0 12px 22px -14px rgba(43,32,90,.85)}
.ascK-secim button.secili small{color:rgba(255,255,255,.72)}

.ascK-not{display:flex;gap:11px;align-items:flex-start;background:#fffaf0;border:1px solid #f4e3bd;border-radius:14px;padding:13px 15px;margin-bottom:22px;font-size:13.5px;color:#6a5628}
.ascK-not svg{flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:var(--altin)}

/* filtreler */
.ascK-filtre{position:sticky;top:var(--yapisik);z-index:20;background:#fff;padding:12px 0 10px;margin:0 -20px;transition:box-shadow .3s ease}
.ascK-filtre.yapisik{box-shadow:0 10px 24px -18px rgba(43,32,90,.55)}
.ascK-filtre__ic{padding:0 20px}
.ascK-cipler{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px;scroll-snap-type:x proximity}
.ascK-cipler::-webkit-scrollbar{display:none}
.ascK-cipler--gun{margin-top:8px}
.ascK-cipGrup{display:contents}
.ascK-cipAyrac{flex:0 0 auto;align-self:center;width:1px;height:22px;background:var(--cizgi);margin:0 4px}
.ascK-cip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;
	padding:9px 15px;border-radius:999px;border:1.5px solid var(--cizgi);background:#fff;
	font-size:13px;font-weight:700;color:var(--metin);
	transition:border-color .16s ease,background .16s ease,color .16s ease,transform .12s ease}
.ascK-cip svg{width:16px;height:16px;stroke-width:1.7}
.ascK-cip b{font-weight:700;opacity:.5;font-size:12px}
.ascK button.ascK-cip:hover,.ascK-cip:hover{border-color:#c9c6dc}
.ascK-cip.secili{background:var(--metin);border-color:var(--metin);color:#fff}
.ascK-cip.secili b{opacity:.65}
.ascK-cipler--gun .ascK-cip{font-size:12.5px;padding:7px 13px;font-weight:600}

.ascK-adet{font-size:13px;color:var(--soluk);margin:16px 0 14px}

/* kart ızgarası */
.ascK-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.ascK-bos{text-align:center;color:var(--soluk);padding:40px 0;font-size:15px}

.ascK-kart{position:relative;display:flex;flex-direction:column;background:var(--kart);border:1.5px solid var(--cizgi);border-radius:var(--r);padding:20px 20px 18px;
	transition:transform .3s var(--gecis),box-shadow .3s var(--gecis),border-color .3s var(--gecis),opacity .3s ease}
.ascK-kart:hover{transform:translateY(-5px);box-shadow:0 24px 42px -26px rgba(43,32,90,.45)}
.ascK-kart.ascK-gizli{display:none}
/* Kritik: .ascK-sayfa{display:flex} kuralı tarayıcının [hidden]{display:none}
   kuralını eziyordu. Kapalı özet penceresi görünmez kalıyor ama ekranın
   ortasında 543x384 px'lik tıklanamaz bir engel gibi duruyordu; altında kalan
   kartların "Seç" düğmesi çalışmıyordu. */
.ascK [hidden]{display:none!important}
.ascK-sayfa:not(.acik),.ascK-ort:not(.acik),.ascK-cubuk:not(.acik){pointer-events:none}
.ascK-sayfa.acik,.ascK-ort.acik,.ascK-cubuk.acik{pointer-events:auto}
/* Basılı hissi: ağır iş bir kare ertelendiği için tıklama anında görünür. */
.ascK .ascK-cip:active,.ascK .ascK-secim button:active{transform:scale(.97)}
.ascK .ascK-sec:active:not(:disabled){transform:scale(.96)}
.ascK-kart:not(.kapali){cursor:pointer}
.ascK-kart.kapali{cursor:default}
.ascK-kart.secili{border-color:var(--altin-parlak);box-shadow:0 0 0 3px rgba(255,183,3,.22),0 24px 42px -26px rgba(43,32,90,.4)}
.ascK-kart.kapali{opacity:.5}
.ascK-kart.kapali:hover{transform:none;box-shadow:none}

.ascK-kart__ust{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:13px}
.ascK-kart__ikon{flex:0 0 auto;width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--renk) 12%,#fff);color:var(--renk)}
.ascK-kart__ikon svg{width:24px;height:24px;stroke-width:1.7}
.ascK-kart__alan{font-size:10.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--renk);background:color-mix(in srgb,var(--renk) 10%,#fff);padding:5px 10px;border-radius:999px;text-align:right}
.ascK-kart h3{font-size:17.5px;font-weight:800;margin-bottom:6px}
.ascK-kart__aciklama{font-size:13.5px;line-height:1.55;color:var(--soluk);margin-bottom:14px}

.ascK-kart__bilgi{display:flex;flex-direction:column;gap:7px;padding-top:14px;border-top:1px solid var(--cizgi);margin-bottom:14px}
.ascK-sat{display:flex;align-items:center;gap:9px;font-size:12.8px;color:var(--metin)}
.ascK-sat svg{flex:0 0 auto;width:15px;height:15px;color:var(--soluk);stroke-width:1.9}
.ascK-sat--snf.uymaz{color:#b32d2d;font-weight:700}
.ascK-sat--snf.uymaz svg{color:#b32d2d}
.ascK-sat--az{color:#a3521a;font-weight:700}
.ascK-sat--az svg{color:#a3521a}
.ascK-sat--dolu{color:#b32d2d;font-weight:700}
.ascK-sat--dolu svg{color:#b32d2d}
.ascK-sat--servis{color:#2f6fb5}
.ascK-sat--servis svg{color:#2f6fb5}
.ascK-sat--dis{color:#a35c17}
.ascK-sat--dis svg{color:#a35c17}
.ascK-sat em{font-style:normal;color:var(--soluk)}

.ascK-kart__alt{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--cizgi)}
.ascK-fiyat b{display:block;font-size:19px;font-weight:800;line-height:1.15}
.ascK-fiyat span{display:block;font-size:11.5px;color:var(--soluk);margin-top:2px}
.ascK-fiyat i{display:block;font-style:normal;font-size:11.5px;font-weight:700;color:var(--altin);margin-top:4px;letter-spacing:.01em}
.ascK-fiyat.dahil b{font-size:14.5px;color:var(--yesil)}
.ascK-fiyat.kapali b{font-size:14.5px;color:#9a94ad}

.ascK-sec{flex:0 0 auto;padding:12px 20px;min-height:46px;border-radius:999px;background:var(--metin);color:#fff;font-size:13px;font-weight:800;
	display:inline-flex;align-items:center;gap:7px;transition:background .15s ease,color .15s ease,transform .2s ease,box-shadow .2s ease}
.ascK-sec svg{width:15px;height:15px;stroke-width:2.4}
.ascK button.ascK-sec:hover,.ascK-sec:hover{transform:translateY(-2px);box-shadow:0 12px 22px -14px rgba(43,32,90,.9)}
.ascK-kart.secili .ascK-sec{background:var(--altin-parlak);color:#241a52}
.ascK-sec[disabled]{background:#ececf3;color:#9a94ad;cursor:not-allowed;transform:none;box-shadow:none}
.ascK-sec .tik{stroke-dasharray:24;stroke-dashoffset:24;animation:ascK-tik .4s var(--gecis) forwards}
@keyframes ascK-tik{to{stroke-dashoffset:0}}
.ascK-kart__engel{font-size:11.5px;color:#a35c17;margin-top:6px;display:flex;align-items:center;gap:6px;
	min-height:16px;opacity:0;transition:opacity .18s ease}
.ascK-kart__engel.dolu{opacity:1}
.ascK-kart__engel svg{flex:0 0 auto;width:14px;height:14px}
.ascK-kart__engel span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- 4. haftalık düzen ---------- */
.ascK-duzen{background:var(--lacivert);color:#fff;padding:70px 0 76px}
.ascK-duzen h2,.ascK-duzen .ascK-basl p{color:#fff}
.ascK-duzen .ascK-basl p{color:rgba(255,255,255,.72)}
.ascK-uyari{display:flex;gap:12px;align-items:flex-start;background:rgba(255,183,3,.1);border:1px solid rgba(255,183,3,.34);border-radius:16px;padding:16px 18px;margin-bottom:26px;font-size:14px;color:rgba(255,255,255,.9)}
.ascK-uyari svg{flex:0 0 auto;width:21px;height:21px;color:var(--altin-parlak)}
.ascK-gunTablo{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ascK-gunKart{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 18px 16px}
.ascK-gunKart h4{color:#fff;font-size:15.5px;font-weight:800;margin-bottom:4px}
.ascK-gunKart__adet{font-size:11.5px;color:var(--altin-parlak);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.ascK-gunKart ul{list-style:none;margin:11px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.ascK-gunKart li{font-size:11.5px;color:rgba(255,255,255,.78);background:rgba(255,255,255,.07);border-radius:999px;padding:4px 10px}

/* ---------- 5. sorular ---------- */
.ascK-sss{background:#fff;padding:70px 0 84px}
.ascK-sss__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.ascK-iletisim{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ascK-sorular details{border-bottom:1px solid var(--cizgi)}
.ascK-sorular summary{list-style:none;cursor:pointer;padding:16px 34px 16px 0;position:relative;font-size:15px;font-weight:700}
.ascK-sorular summary::-webkit-details-marker{display:none}
.ascK-sorular summary::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:2px solid var(--soluk);border-bottom:2px solid var(--soluk);transform:translateY(-70%) rotate(45deg);transition:transform .3s var(--gecis)}
.ascK-sorular details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.ascK-sorular details > div{overflow:hidden;animation:ascK-ac .35s var(--gecis)}
.ascK-sorular details p{font-size:14px;line-height:1.65;color:var(--soluk);padding:0 0 18px}
@keyframes ascK-ac{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* ---------- 6. seçim çubuğu ---------- */
.ascK-cubuk{position:fixed;left:0;right:0;bottom:0;z-index:120;padding:10px 16px calc(10px + env(safe-area-inset-bottom));
	background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-top:1px solid var(--cizgi);
	box-shadow:0 -14px 34px -24px rgba(43,32,90,.6);
	transform:translateY(120%);transition:transform .3s var(--gecis)}
.ascK-cubuk.acik{transform:none}
.ascK-cubuk__ic{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px}
.ascK-cubuk__bilgi b{display:block;font-size:15px;font-weight:800;line-height:1.2}
.ascK-cubuk__bilgi span{display:block;font-size:12.5px;color:var(--soluk)}

/* ---------- 7. özet ---------- */
.ascK-ort{position:fixed;inset:0;z-index:130;background:rgba(21,15,51,.45);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s ease}
.ascK-ort.acik{opacity:1}
.ascK-sayfa{position:fixed;z-index:140;left:0;right:0;bottom:0;max-height:90vh;display:flex;flex-direction:column;
	background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -20px 60px -30px rgba(21,15,51,.7);
	transform:translateY(100%);transition:transform .32s var(--gecis)}
.ascK-sayfa.acik{transform:none}
.ascK-sayfa__tut{width:42px;height:4px;border-radius:99px;background:#dcdae6;margin:10px auto 0}
.ascK-sayfa__ust{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px;border-bottom:1px solid var(--cizgi)}
.ascK-sayfa__ust h3{font-size:18px;font-weight:800}
.ascK-kapat{width:36px;height:36px;border-radius:50%;background:var(--zemin);display:flex;align-items:center;justify-content:center}
.ascK-kapat svg{width:16px;height:16px;stroke-width:2.2}
.ascK-sayfa__govde{padding:16px 20px 18px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.ascK-sayfa__kim{font-size:13px;color:var(--soluk);margin-bottom:14px}
.ascK-sayfa__not{font-size:12.5px;color:var(--soluk);margin-top:14px;line-height:1.55}
.ascK-sayfa__alt{display:flex;gap:10px;padding:14px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--cizgi);background:#fff}
.ascK-sayfa__alt .ascK-btn{flex:1}

.ascK-hafta{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:18px}
.ascK-haftaGun{border:1px solid var(--cizgi);border-radius:12px;padding:9px 6px;text-align:center;min-height:64px;display:flex;flex-direction:column;justify-content:center;gap:4px}
.ascK-haftaGun b{font-size:11px;font-weight:800;color:var(--soluk);letter-spacing:.04em}
.ascK-haftaGun span{font-size:10.5px;line-height:1.25;color:var(--metin)}
.ascK-haftaGun.dolu{background:color-mix(in srgb,var(--altin-parlak) 12%,#fff);border-color:color-mix(in srgb,var(--altin-parlak) 45%,#fff)}
.ascK-haftaGun.dolu b{color:var(--altin)}

.ascK-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.ascK-liste li{display:flex;align-items:center;gap:12px;border:1px solid var(--cizgi);border-radius:14px;padding:11px 12px}
.ascK-liste__ikon{flex:0 0 auto;width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--renk) 12%,#fff);color:var(--renk)}
.ascK-liste__ikon svg{width:20px;height:20px;stroke-width:1.7}
.ascK-liste__ad{flex:1 1 auto;min-width:0}
.ascK-liste__ad b{display:block;font-size:14px;font-weight:700;line-height:1.25}
.ascK-liste__ad span{display:block;font-size:11.5px;color:var(--soluk);margin-top:2px}
.ascK-liste__tutar{flex:0 0 auto;font-size:13.5px;font-weight:800;text-align:right}
.ascK-liste__tutar.dahil{color:var(--yesil);font-size:11.5px;font-weight:700}
.ascK-sil{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--zemin);display:flex;align-items:center;justify-content:center;color:var(--soluk);transition:background .2s ease,color .2s ease}
.ascK button.ascK-sil:hover,.ascK-sil:hover{background:#ffe9e9;color:#b32d2d}
.ascK-sil svg{width:14px;height:14px;stroke-width:2.2}
/* hafta içi doluluk göstergesi */
.ascK-doluluk{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
	background:var(--zemin);border:1px solid var(--cizgi);border-radius:14px;padding:11px 15px;margin:-4px 0 18px}
.ascK-doluluk.tamam{background:color-mix(in srgb,var(--yesil) 8%,#fff);border-color:color-mix(in srgb,var(--yesil) 30%,#fff)}
.ascK-doluluk__yazi{font-size:13px;color:var(--soluk)}
.ascK-doluluk__yazi b{color:var(--metin)}
.ascK-doluluk.tamam .ascK-doluluk__yazi b{color:var(--yesil)}
.ascK-doluluk__gunler{display:flex;gap:6px}
.ascK-doluluk__gunler i{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
	padding:5px 10px;border-radius:8px;background:#fff;border:1px solid var(--cizgi);color:#a8a4bb}
.ascK-doluluk__gunler i.dolu{background:var(--metin);border-color:var(--metin);color:#fff}

/* özet: doluluk uyarısı ve servis notu */
.ascK-sayfaUyari{display:flex;gap:10px;align-items:flex-start;margin:14px 0 0;padding:11px 14px;border-radius:12px;
	background:#fff8e6;border:1px solid #f3e0b0;color:#7a5b12;font-size:12.5px;line-height:1.55}
.ascK-sayfaUyari.engel{background:#fdeaea;border-color:#f3c9c9;color:#8f2323}
.ascK-sayfaUyari svg{flex:0 0 auto;width:17px;height:17px;margin-top:1px;stroke-width:1.9}
.ascK-servis{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;padding:11px 14px;border-radius:12px;
	background:#eef4fc;border:1px solid #cfe0f5;color:#255b96;font-size:12.5px;line-height:1.55}
.ascK-servis svg{flex:0 0 auto;width:18px;height:18px;margin-top:1px;stroke-width:1.7}
.ascK-servis em{display:block;font-style:normal;margin-top:3px;color:#4a6f96}
.ascK .ascK-servis a{color:#1c4f88;font-weight:700;text-decoration:underline}

.ascK-toplam{margin-top:16px;padding-top:12px;border-top:2px solid var(--metin)}
.ascK-toplam__sat{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:5px 0}
.ascK-toplam__sat span{font-size:13.5px;font-weight:700}
.ascK-toplam__sat b{font-size:16px;font-weight:700;color:var(--soluk);white-space:nowrap}
.ascK-toplam__sat em{display:block;font-style:normal;font-size:11.5px;font-weight:500;color:var(--soluk);margin-top:2px}
.ascK-toplam__sat--ana b{font-size:23px;font-weight:800;color:var(--metin)}

/* kayıt adımları */
.ascK-adim{display:flex;gap:8px;margin:16px 0 0;padding:0;list-style:none;counter-reset:none}
.ascK-adim li{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:var(--zemin);border:1px solid var(--cizgi);border-radius:14px;padding:12px 8px}
.ascK-adim b{width:24px;height:24px;border-radius:50%;background:var(--lacivert);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.ascK-adim span{font-size:11.5px;line-height:1.35;color:var(--metin)}

/* ödeme hatası */
.ascK-hata{margin:12px 0 0;padding:11px 14px;border-radius:12px;background:#fdeaea;border:1px solid #f3c9c9;color:#8f2323;font-size:13px;line-height:1.5}
.ascK .ascK-btn.bekliyor{opacity:.75;cursor:progress}
.ascK .ascK-btn:disabled{transform:none;box-shadow:none}

/* ---------- görünme animasyonu ---------- */
.ascK-goster{opacity:0;transform:translateY(26px);transition:opacity .6s var(--gecis),transform .6s var(--gecis)}
.ascK-goster.gorundu{opacity:1;transform:none}
.ascK-kart{opacity:0;transform:translateY(20px) scale(.985)}
.ascK-kart.gorundu{opacity:1;transform:none;transition:opacity .38s var(--gecis),transform .38s var(--gecis),box-shadow .25s var(--gecis),border-color .25s var(--gecis)}
/* Giriş animasyonu bittikten sonra kart "hazır" olur: durum değişiklikleri
   (seçildi / gün dolu) artık beklemeden, kısa sürede uygulanır. */
.ascK-kart.hazir{transition:opacity .16s ease,box-shadow .2s ease,border-color .2s ease,transform .28s var(--gecis)}

/* =========================================================
   Tablet
   ======================================================= */
@media (max-width:1024px){
	.ascK-alanlar__grid{grid-template-columns:repeat(3,1fr)}
	.ascK-grid{grid-template-columns:repeat(2,1fr)}
	.ascK-sss__grid{grid-template-columns:1fr;gap:30px}
	.ascK-gunTablo{grid-template-columns:repeat(2,1fr)}
}

/* =========================================================
   Mobil
   ======================================================= */
@media (max-width:767px){
	.ascK-doluluk{padding:10px 12px;gap:9px}
	.ascK-doluluk__yazi{font-size:12.5px;flex:1 1 100%}
	.ascK-adim{flex-direction:column;gap:6px}
	.ascK-adim li{flex-direction:row;align-items:center;text-align:left;gap:10px;padding:9px 12px;border-radius:12px}
	.ascK-adim b{flex:0 0 auto;width:21px;height:21px;font-size:11px}
	.ascK-adim span{font-size:12.5px}
	.ascK-toplam__sat--ana b{font-size:21px}
	.ascK-fiyat i{font-size:11px}
	.ascK{--r:17px}
	.ascK-ic{padding:0 16px}
	.ascK-hero{padding:calc(56px + var(--ustBosluk)) 0 52px}
	.ascK-hero__gorsel{opacity:.4}
	.ascK-hero__perde{background:linear-gradient(180deg,rgba(21,15,51,.9) 0%,rgba(21,15,51,.86) 55%,rgba(21,15,51,.96) 100%)}
	.ascK-hero__metin{font-size:14.5px}
	.ascK-sayilar{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:30px}
	.ascK-sayilar b{font-size:20px}

	.ascK-alanlar{padding:46px 0 6px}
	.ascK-alanlar__grid{grid-template-columns:1fr;gap:12px}
	.ascK-alanKart{display:grid;grid-template-columns:112px 1fr;align-items:stretch}
	.ascK-alanKart__gorsel{aspect-ratio:auto;height:100%;min-height:92px}
	.ascK-alanKart__alt{padding:14px 14px 14px 14px;display:flex;flex-direction:column;justify-content:center}
	.ascK-alanKart__ikon{position:static;width:32px;height:32px;border-radius:10px;margin-bottom:7px}
	.ascK-alanKart__ikon svg{width:18px;height:18px}
	.ascK-alanKart__ad{margin-top:0;font-size:14px}
	.ascK button.ascK-alanKart:hover,.ascK-alanKart:hover{transform:none;box-shadow:none}

	.ascK-katalog{padding:42px 0 96px}
	.ascK-kim{grid-template-columns:1fr;gap:18px;padding:18px 16px 20px;border-radius:var(--r)}
	.ascK-secim button{padding:11px 12px;font-size:13.5px}
	.ascK-secim--sinif button{padding:10px 6px;font-size:12.5px}
	.ascK-not{font-size:12.8px;padding:12px 13px}

	.ascK-filtre{margin:0 -16px}
	.ascK-filtre__ic{padding:0 16px}
	.ascK-cip{padding:8px 13px;font-size:12.5px}
	.ascK-grid{grid-template-columns:1fr;gap:12px}
	.ascK-kart{padding:16px 16px 15px}
	.ascK-kart h3{font-size:16.5px}
	.ascK-kart__ikon{width:42px;height:42px}
	.ascK-kart__alan{font-size:9.5px;padding:4px 8px}
	.ascK-kart__alt{flex-direction:row;align-items:center}
	.ascK-fiyat b{font-size:17px}
	.ascK-sec{padding:11px 16px}

	.ascK-duzen{padding:52px 0 58px}
	.ascK-gunTablo{grid-template-columns:1fr}
	.ascK-sss{padding:52px 0 64px}
	.ascK-sorular summary{font-size:14.5px;padding:14px 30px 14px 0}
	.ascK-iletisim .ascK-btn{flex:1 1 auto;justify-content:center}

	.ascK-hafta{grid-template-columns:repeat(3,1fr)}
	.ascK-sayfa{max-height:92vh}
	.ascK-sayfa__alt{flex-direction:column}
	.ascK-cubuk__bilgi b{font-size:14px}
	.ascK-btn{padding:12px 18px;font-size:13px}
}

@media (min-width:768px){
	.ascK-sayfa{left:50%;right:auto;bottom:auto;top:50%;transform:translate(-50%,-46%) scale(.97);width:min(560px,92vw);border-radius:22px;max-height:86vh;opacity:0;
		transition:transform .28s var(--gecis),opacity .2s ease}
	.ascK-sayfa.acik{transform:translate(-50%,-50%);opacity:1}
	.ascK-sayfa__tut{display:none}
}

@media (prefers-reduced-motion:reduce){
	.ascK *,.ascK *::before,.ascK *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
	.ascK-goster,.ascK-kart{opacity:1!important;transform:none!important}
}

/* uyarı hâli */
.ascK-not.uyari{background:#fff4f2;border-color:#f3cfc7;color:#8b3a26}
.ascK-not.uyari svg{color:#c0563a}


/* =========================================================
   Tema düğme stillerine karşı sağlamlaştırma
   ======================================================= */
.ascK .ascK-secim button{display:block;width:100%}
.ascK .ascK-secim--sinif button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;padding:11px 6px;font-size:13.5px}
.ascK .ascK-secim button small{display:block}
.ascK button.ascK-cip{display:inline-flex;align-items:center}
.ascK button.ascK-sec{display:inline-flex;align-items:center;justify-content:center}
.ascK button.ascK-alanKart{display:block}
.ascK a.ascK-btn,.ascK button.ascK-btn{display:inline-flex;align-items:center;justify-content:center}
.ascK button.ascK-kapat,.ascK button.ascK-sil{display:flex;align-items:center;justify-content:center}
.ascK .ascK-sorular summary{display:block}
@media (max-width:767px){
	.ascK button.ascK-alanKart{display:grid;grid-template-columns:112px 1fr;align-items:stretch}
	.ascK a.ascK-btn,.ascK button.ascK-btn{width:auto}
	.ascK .ascK-sayfa__alt .ascK-btn{width:100%}
}


/* Yüzen tema düğmeleriyle çakışmayı önle */
body.asc-secim-acik .joinchat,
body.asc-secim-acik .wd-scroll-top,
body.asc-secim-acik .scrollToTop{bottom:104px!important;transition:bottom .35s cubic-bezier(.22,.61,.36,1)}
body.asc-sayfa-acik .joinchat,
body.asc-sayfa-acik .wd-scroll-top,
body.asc-sayfa-acik .scrollToTop{opacity:0!important;pointer-events:none!important}
