.aracBolum { padding: 34px 0 70px; }

.aracYol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 26px; font-size: 13.5px; }
.aracYol a { color: rgba(var(--txtall), .62); text-decoration: none; }
.aracYol a:hover { color: rgb(var(--cl1)); }
.aracYol i { font-size: 9px; opacity: .4; }
.aracYol span { color: rgba(var(--txtall), .95); font-weight: 600; }

.aracIzgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(268px, 1fr)); gap: 18px; }

.aracKart { display: flex; flex-direction: column; gap: 9px; padding: 24px 22px 20px;
	background: rgb(var(--lbds)); border: 1px solid rgba(var(--txtall), .09); border-radius: 16px;
	text-decoration: none; color: inherit; transition: transform .16s, box-shadow .16s, border-color .16s; }
.aracKart:hover { transform: translateY(-3px); border-color: rgba(var(--cl1), .45);
	box-shadow: 0 14px 34px rgba(20, 22, 45, .10); text-decoration: none; color: inherit; }

.aracIkon { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
	border-radius: 13px; font-size: 20px; margin-bottom: 4px; }
.aracAd { font-size: 17px; font-weight: 700; line-height: 1.3; color: rgba(var(--txtall), 1); }
.aracOzet { font-size: 13.8px; line-height: 1.55; color: rgba(var(--txtall), .68); }
.aracGit { margin-top: 6px; font-size: 13.5px; font-weight: 600; color: rgb(var(--cl1)); }
.aracGit i { font-size: 11px; margin-left: 4px; transition: transform .16s; }
.aracKart:hover .aracGit i { transform: translateX(3px); }

.aracKutu { padding: 26px 24px; background: rgb(var(--lbds)); border: 1px solid rgba(var(--txtall), .09);
	border-radius: 16px; margin-bottom: 26px; }
.aracEtiket { display: block; margin-bottom: 10px; font-size: 14px; font-weight: 600; }

.aracGiris { width: 100%; padding: 14px 16px; font-size: 16px; font-family: inherit;
	color: rgba(var(--txtall), 1); background: rgba(var(--txtall), .04);
	border: 1.5px solid rgba(var(--txtall), .12); border-radius: 11px; outline: none; resize: vertical;
	transition: border-color .15s, box-shadow .15s; }
.aracGiris.tek { resize: none; }
.aracGiris:focus { border-color: rgb(var(--cl1)); box-shadow: 0 0 0 3.5px rgba(var(--cl1), .14); }

.aracIpucu { display: flex; align-items: center; justify-content: space-between; margin-top: 9px;
	font-size: 12.5px; color: rgba(var(--txtall), .55); }
.aracTemizle { border: none; background: none; padding: 0; font-size: 12.5px; font-family: inherit;
	color: rgb(var(--cl1)); font-weight: 600; cursor: pointer; }

.aracSecim { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0 4px; }
.aracSecimKutu { display: flex; align-items: center; gap: 7px; margin: 0; padding: 8px 13px;
	background: rgba(var(--txtall), .04); border: 1px solid rgba(var(--txtall), .1);
	border-radius: 9px; font-size: 13px; cursor: pointer; user-select: none; }
.aracSecimKutu input { margin: 0; width: 15px; height: 15px; accent-color: rgb(var(--cl1)); cursor: pointer; }
.aracSecimKutu:hover { border-color: rgba(var(--cl1), .4); }

.aracButon { margin-top: 18px; padding: 13px 26px; border: none; border-radius: 11px;
	background: rgb(var(--cl1)); color: #fff; font-family: inherit; font-size: 15px; font-weight: 600;
	cursor: pointer; transition: filter .15s; }
.aracButon:hover { filter: brightness(1.12); }

.aracSonuc { display: flex; flex-direction: column; gap: 11px; }
.aracSonuc.izgara { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 11px; }

.aracBos { grid-column: 1 / -1; padding: 34px 20px; text-align: center; font-size: 14px;
	color: rgba(var(--txtall), .5); background: rgba(var(--txtall), .03);
	border: 1px dashed rgba(var(--txtall), .14); border-radius: 13px; }

.aracSatir { padding: 14px 16px; background: rgb(var(--lbds));
	border: 1px solid rgba(var(--txtall), .09); border-radius: 12px; }
.aracSatirUst { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 7px; }
.aracStilAd { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .04em;
	color: rgba(var(--txtall), .5); }
.aracStilAd em { font-style: normal; margin-left: 5px; padding: 2px 6px; border-radius: 5px;
	background: rgba(0, 168, 132, .13); color: #00a884; font-size: 10.5px; letter-spacing: 0; }
.aracCikti { font-size: 19px; line-height: 1.5; word-break: break-word; color: rgba(var(--txtall), 1); }

.aracAdKart { display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 12px 14px; background: rgb(var(--lbds));
	border: 1px solid rgba(var(--txtall), .09); border-radius: 11px; }
.aracAdMetin { font-size: 14.5px; font-weight: 600; word-break: break-all; }
.aracAdIsler { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.aracAdBak { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px;
	border-radius: 8px; background: rgba(var(--txtall), .06); color: rgba(var(--txtall), .6);
	font-size: 13px; text-decoration: none; transition: background .15s, color .15s; }
.aracAdBak:hover { background: rgba(var(--cl1), .13); color: rgb(var(--cl1)); }

.aracKopyala { flex-shrink: 0; padding: 6px 13px; border: 1px solid rgba(var(--cl1), .35);
	border-radius: 8px; background: rgba(var(--cl1), .08); color: rgb(var(--cl1));
	font-family: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer;
	transition: background .15s, color .15s, border-color .15s; }
.aracKopyala:hover { background: rgb(var(--cl1)); color: #fff; }
.aracKopyala.tamam { background: #00795a; border-color: #00795a; color: #fff; }

.aracYazi { margin-top: 48px; max-width: 780px; }
.aracYazi h2 { margin: 30px 0 11px; font-size: 20px; font-weight: 700; }
.aracYazi h2:first-child { margin-top: 0; }
.aracYazi p { margin: 0 0 13px; font-size: 15px; line-height: 1.72; color: rgba(var(--txtall), .8); }
.aracYazi ul { margin: 0 0 15px; padding-left: 20px; }
.aracYazi li { margin-bottom: 7px; font-size: 15px; line-height: 1.66; color: rgba(var(--txtall), .8); }
.aracYazi a { color: rgb(var(--cl1)); font-weight: 600; }
.aracKod { padding: 2px 7px; border-radius: 6px; background: rgba(var(--txtall), .07);
	font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 13.5px; }

.aracDiger { margin-top: 54px; }
.aracDiger h2 { margin-bottom: 18px; font-size: 20px; font-weight: 700; }

.aracAlt { margin-top: 48px; max-width: 780px; }
.aracAlt h2 { margin-bottom: 11px; font-size: 20px; font-weight: 700; }
.aracAlt p { margin: 0 0 13px; font-size: 15px; line-height: 1.72; color: rgba(var(--txtall), .8); }
.aracAlt a { color: rgb(var(--cl1)); font-weight: 600; }

.aracUyari { padding: 22px; border-radius: 13px; background: rgba(209, 67, 67, .08);
	color: #d14343; font-size: 14.5px; }

.navAracLink { position: relative; display: inline-flex; align-items: center; gap: 7px; }
.navAracLink i { font-size: 13px; color: #ff8a3d; }
.navAracRozet { padding: 2px 7px; border-radius: 20px;
	background: linear-gradient(135deg, #ff8a3d, #ff4d94); color: #fff;
	font-size: 9.5px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }

@media (max-width: 767px) {
	.aracBolum { padding: 22px 0 50px; }
	.aracIzgara { grid-template-columns: 1fr; gap: 14px; }
	.aracSonuc.izgara { grid-template-columns: 1fr; }
	.aracKutu { padding: 20px 17px; }
	.aracCikti { font-size: 17px; }
	.aracYazi h2, .aracDiger h2, .aracAlt h2 { font-size: 18px; }
	.aracGiris { font-size: 16px; }
}

.aracOpsiyonel { font-weight: 400; opacity: .55; }
.aracEtiket.mt { margin-top: 20px; }
.aracGiris.dar { max-width: 110px; }

.aracEtiketler { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.aracTema { padding: 7px 14px; border: 1px solid rgba(var(--txtall), .13);
	border-radius: 20px; background: rgba(var(--txtall), .04); color: rgba(var(--txtall), .82);
	font-family: inherit; font-size: 13px; cursor: pointer; transition: all .15s; }
.aracTema:hover { border-color: rgb(var(--cl1)); background: rgba(var(--cl1), .1); color: rgb(var(--cl1)); }

.aracKaydir { margin-top: 18px; }
.aracRange { width: 100%; max-width: 320px; accent-color: rgb(var(--cl1)); cursor: pointer; }

.hashUst { display: flex; align-items: center; justify-content: space-between; gap: 12px;
	flex-wrap: wrap; margin-bottom: 14px; }
.hashSayi { font-size: 13.5px; font-weight: 600; color: rgba(var(--txtall), .6); }
.hashListe { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.hashEtiket { padding: 7px 13px; border: 1px solid rgba(var(--cl1), .25); border-radius: 8px;
	background: rgba(var(--cl1), .07); color: rgb(var(--cl1)); font-family: inherit;
	font-size: 13.5px; font-weight: 500; cursor: pointer; transition: all .15s; }
.hashEtiket:hover { background: rgb(var(--cl1)); color: #fff; }
.hashMetin { padding: 16px; background: rgba(var(--txtall), .04);
	border: 1px solid rgba(var(--txtall), .1); border-radius: 11px;
	font-size: 14px; line-height: 1.8; word-break: break-word; color: rgba(var(--txtall), .8); }

.cekSayilar { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 20px; }
.cekSayiKutu label { display: block; margin-bottom: 7px; font-size: 13.5px; font-weight: 600; }
.aracButon.buyuk { width: 100%; padding: 16px; font-size: 16px; }
.aracButon.bekliyor { opacity: .6; cursor: default; }
.aracButon i { margin-right: 7px; }

.cekUyari { display: none; margin-top: 14px; padding: 12px 15px; border-radius: 10px;
	background: rgba(209, 67, 67, .09); color: #d14343; font-size: 14px; }
.cekUyari.acik { display: block; }

.cekCekiliyor { display: flex; align-items: center; justify-content: center; gap: 14px;
	padding: 44px 20px; margin-top: 22px; border-radius: 15px;
	background: rgba(var(--cl1), .06); font-size: 16px; font-weight: 600; color: rgb(var(--cl1)); }
.cekTopu { width: 22px; height: 22px; border: 3px solid rgba(var(--cl1), .3);
	border-top-color: rgb(var(--cl1)); border-radius: 50%; animation: cekDon .7s linear infinite; }
@keyframes cekDon { to { transform: rotate(360deg); } }

.cekSonucKutu { padding: 32px 28px; background: rgb(var(--lbds));
	border: 1px solid rgba(var(--txtall), .09); border-radius: 18px; }
.cekRozet { display: inline-flex; align-items: center; gap: 8px; padding: 8px 15px;
	border-radius: 20px; background: rgba(0, 121, 90, .11); color: #00795a;
	font-size: 13px; font-weight: 700; margin-bottom: 24px; }

.cekOzet { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 12px;
	margin-bottom: 30px; }
.cekOzetItem { padding: 16px 14px; border-radius: 12px; background: rgba(var(--txtall), .04);
	text-align: center; }
.cekOzetItem b { display: block; font-size: 22px; font-weight: 700; margin-bottom: 3px; }
.cekOzetItem.genis b { font-size: 15px; }
.cekOzetItem small { font-size: 12px; color: rgba(var(--txtall), .55); }

.cekBaslik { display: flex; align-items: center; gap: 10px; margin: 0 0 16px;
	font-size: 19px; font-weight: 700; }
.cekBaslik i { color: #f0a500; font-size: 18px; }
.cekBaslik.ikincil { margin-top: 32px; }
.cekBaslik.ikincil i { color: rgba(var(--txtall), .4); }

.cekKazananlar, .cekYedekler { margin: 0; padding: 0; list-style: none;
	display: flex; flex-direction: column; gap: 10px; counter-reset: cek; }
.cekKazananlar li, .cekYedekler li { display: flex; align-items: center; gap: 14px;
	padding: 15px 18px; border-radius: 12px; counter-increment: cek; }
.cekKazananlar li { background: linear-gradient(135deg, rgba(240, 165, 0, .12), rgba(240, 165, 0, .04));
	border: 1px solid rgba(240, 165, 0, .28); }
.cekYedekler li { background: rgba(var(--txtall), .04); border: 1px solid rgba(var(--txtall), .09); }
.cekKazananlar li:before, .cekYedekler li:before { content: counter(cek);
	flex-shrink: 0; width: 28px; height: 28px; display: flex; align-items: center;
	justify-content: center; border-radius: 50%; font-size: 13px; font-weight: 700; }
.cekKazananlar li:before { background: #f0a500; color: #fff; }
.cekYedekler li:before { background: rgba(var(--txtall), .14); color: rgba(var(--txtall), .7); }
.cekKazananlar li span, .cekYedekler li span { font-size: 16px; font-weight: 600; word-break: break-word; }

.cekPaylas { margin-top: 34px; padding-top: 26px; border-top: 1px solid rgba(var(--txtall), .1); }
.cekPaylasEtiket { display: block; margin-bottom: 11px; font-size: 14px; font-weight: 600; }
.cekPaylasSatir { display: flex; gap: 10px; }
.cekPaylasSatir .aracGiris { flex: 1; font-size: 13.5px; }
.cekNot { display: block; margin-top: 10px; font-size: 12.5px; color: rgba(var(--txtall), .55); }

.cekYeni { display: inline-flex; align-items: center; gap: 9px; margin-top: 26px;
	padding: 12px 22px; border-radius: 11px; background: rgba(var(--cl1), .1);
	color: rgb(var(--cl1)); font-size: 14.5px; font-weight: 600; text-decoration: none;
	transition: background .15s; }
.cekYeni:hover { background: rgb(var(--cl1)); color: #fff; text-decoration: none; }

#aracVitrin { padding: 20px 0 40px; }
.vitrinKutu { padding: 34px 32px; border-radius: 20px;
	background: linear-gradient(135deg, rgba(var(--cl1), .07), rgba(232, 85, 122, .06));
	border: 1px solid rgba(var(--cl1), .16); }
.vitrinUst { max-width: 640px; margin-bottom: 26px; }
.vitrinRozet { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px;
	border-radius: 20px; background: linear-gradient(135deg, #ff8a3d, #ff4d94); color: #fff;
	font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em;
	margin-bottom: 14px; }
.vitrinUst h2 { margin: 0 0 10px; font-size: 26px; font-weight: 700; line-height: 1.25; }
.vitrinUst p { margin: 0; font-size: 15px; line-height: 1.7; color: rgba(var(--txtall), .75); }

.vitrinListe { display: grid; grid-template-columns: repeat(auto-fit, minmax(255px, 1fr)); gap: 12px; }
.vitrinKart { display: flex; align-items: center; gap: 14px; padding: 16px 18px;
	background: rgb(var(--lbds)); border: 1px solid rgba(var(--txtall), .08);
	border-radius: 14px; text-decoration: none; color: inherit; transition: all .16s; }
.vitrinKart:hover { transform: translateY(-2px); border-color: rgba(var(--cl1), .4);
	box-shadow: 0 10px 26px rgba(20, 22, 45, .09); text-decoration: none; color: inherit; }
.vitrinIkon { flex-shrink: 0; width: 42px; height: 42px; display: flex; align-items: center;
	justify-content: center; border-radius: 12px; font-size: 17px; }
.vitrinMetin { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.vitrinMetin b { font-size: 15px; font-weight: 700; }
.vitrinMetin small { font-size: 12.8px; line-height: 1.45; color: rgba(var(--txtall), .62); }
.vitrinOk { flex-shrink: 0; font-size: 12px; color: rgba(var(--txtall), .3); }

.vitrinTum { display: inline-flex; align-items: center; gap: 9px; margin-top: 22px;
	font-size: 15px; font-weight: 600; color: rgb(var(--cl1)); text-decoration: none; }
.vitrinTum i { font-size: 12px; transition: transform .16s; }
.vitrinTum:hover i { transform: translateX(4px); }

@media (max-width: 767px) {
	.vitrinKutu { padding: 24px 19px; border-radius: 16px; }
	.vitrinUst h2 { font-size: 21px; }
	.vitrinUst p { font-size: 14.2px; }
	.vitrinListe { grid-template-columns: 1fr; }
	.cekSonucKutu { padding: 22px 18px; }
	.cekOzet { grid-template-columns: repeat(2, 1fr); }
	.cekOzetItem.genis { grid-column: 1 / -1; }
	.cekPaylasSatir { flex-direction: column; }
	.cekBaslik { font-size: 17px; }
	.cekKazananlar li span, .cekYedekler li span { font-size: 15px; }
	.aracButon.buyuk { padding: 15px; }
}

.cekSayiKutu.genis { flex: 1; min-width: 180px; }
.aracGiris.orta { max-width: 190px; }

body.cekKilit { overflow: hidden; }

.cekSahne { position: fixed; inset: 0; z-index: 99999; display: none;
	align-items: center; justify-content: center; padding: 24px;
	background: radial-gradient(circle at 50% 38%, #2a2d4d 0%, #15172a 62%, #0e0f1c 100%); }
.cekSahne.acik { display: flex; }

.cekKonfeti { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; z-index: 3; }

.cekKapat { position: absolute; top: 20px; right: 20px; z-index: 5;
	width: 44px; height: 44px; display: flex; align-items: center; justify-content: center;
	border: none; border-radius: 12px; background: rgba(255, 255, 255, .1);
	color: rgba(255, 255, 255, .8); font-size: 19px; cursor: pointer; transition: background .15s; }
.cekKapat:hover { background: rgba(255, 255, 255, .2); color: #fff; }

.cekSahneIc { position: relative; z-index: 4; width: 100%; max-width: 620px; text-align: center; }

.cekGeriSayim { display: none; }
.cekGeriSayim.acik { display: block; }
.cekGeriRakam { display: inline-block; font-size: 150px; font-weight: 800; line-height: 1;
	color: #fff; text-shadow: 0 0 60px rgba(124, 92, 255, .6);
	animation: cekNabiz .95s ease-out; }
.cekGeriRakam.yazi { font-size: 74px; color: #f0a500; text-shadow: 0 0 60px rgba(240, 165, 0, .6); }
@keyframes cekNabiz {
	0% { transform: scale(2.2); opacity: 0; }
	28% { transform: scale(1); opacity: 1; }
	100% { transform: scale(.9); opacity: .75; }
}

.cekMakine { display: none; }
.cekMakine.acik { display: block; animation: cekBelir .4s ease-out; }
@keyframes cekBelir { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }

.cekMakineBaslik { margin-bottom: 20px; font-size: 15px; font-weight: 600;
	letter-spacing: .08em; text-transform: uppercase; color: rgba(255, 255, 255, .5); }

.cekPencere { position: relative; height: 222px; overflow: hidden; border-radius: 18px;
	background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1); }
.cekPencere:before, .cekPencere:after { content: ""; position: absolute; left: 0; right: 0;
	height: 74px; z-index: 2; pointer-events: none; }
.cekPencere:before { top: 0; background: linear-gradient(to bottom, rgba(21, 23, 42, .96), rgba(21, 23, 42, 0)); }
.cekPencere:after { bottom: 0; background: linear-gradient(to top, rgba(21, 23, 42, .96), rgba(21, 23, 42, 0)); }

.cekPencere .cekIsaret { position: absolute; top: 74px; left: 0; right: 0; height: 74px;
	border-top: 2px solid rgba(240, 165, 0, .55); border-bottom: 2px solid rgba(240, 165, 0, .55);
	z-index: 1; pointer-events: none; }

.cekSerit { will-change: transform; }
.cekSeritAd { height: 74px; display: flex; align-items: center; justify-content: center;
	padding: 0 18px; font-size: 25px; font-weight: 600; color: rgba(255, 255, 255, .45);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cekSerit.durdu .cekSeritAd.kazanan { color: #fff; font-size: 29px; font-weight: 800;
	text-shadow: 0 0 34px rgba(240, 165, 0, .75); animation: cekVurgu .55s ease-out; }
@keyframes cekVurgu { 0% { transform: scale(1); } 45% { transform: scale(1.16); } 100% { transform: scale(1); } }

.cekFinal { display: none; }
.cekFinal.acik { display: block; animation: cekBelir .45s ease-out; }
.cekFinalBaslik { display: flex; align-items: center; justify-content: center; gap: 11px;
	margin-bottom: 24px; font-size: 24px; font-weight: 800; color: #fff; }
.cekFinalBaslik i { color: #f0a500; }

.cekFinalListe { margin: 0 0 18px; padding: 0; list-style: none; counter-reset: cf;
	display: flex; flex-direction: column; gap: 10px; }
.cekFinalListe li { display: flex; align-items: center; gap: 14px; padding: 15px 20px;
	border-radius: 13px; counter-increment: cf;
	background: linear-gradient(135deg, rgba(240, 165, 0, .2), rgba(240, 165, 0, .07));
	border: 1px solid rgba(240, 165, 0, .35);
	opacity: 0; animation: cekKayar .45s ease-out forwards; }
@keyframes cekKayar { from { opacity: 0; transform: translateY(16px) scale(.96); } to { opacity: 1; transform: none; } }
.cekFinalListe li:before { content: counter(cf); flex-shrink: 0; width: 30px; height: 30px;
	display: flex; align-items: center; justify-content: center; border-radius: 50%;
	background: #f0a500; color: #15172a; font-size: 14px; font-weight: 800; }
.cekFinalListe li span { font-size: 19px; font-weight: 700; color: #fff; word-break: break-word; }

.cekFinalYedek { margin-bottom: 26px; font-size: 14px; color: rgba(255, 255, 255, .5);
	word-break: break-word; }

.cekFinalButonlar { display: flex; flex-wrap: wrap; gap: 11px; justify-content: center; }
.cekFinalBut { padding: 13px 24px; border: 1px solid rgba(255, 255, 255, .2); border-radius: 12px;
	background: rgba(255, 255, 255, .08); color: rgba(255, 255, 255, .85);
	font-family: inherit; font-size: 14.5px; font-weight: 600; cursor: pointer;
	text-decoration: none; display: inline-flex; align-items: center; gap: 8px;
	transition: background .15s, color .15s; }
.cekFinalBut:hover { background: rgba(255, 255, 255, .16); color: #fff; text-decoration: none; }
.cekFinalBut.ana { background: #f0a500; border-color: #f0a500; color: #15172a; }
.cekFinalBut.ana:hover { filter: brightness(1.1); color: #15172a; }

@media (max-width: 767px) {
	.cekSahne { padding: 16px; }
	.cekGeriRakam { font-size: 108px; }
	.cekGeriRakam.yazi { font-size: 52px; }
	.cekPencere { height: 186px; }
	.cekPencere:before, .cekPencere:after { height: 62px; }
	.cekSeritAd { height: 62px; font-size: 20px; }
	.cekSerit.durdu .cekSeritAd.kazanan { font-size: 23px; }
	.cekFinalBaslik { font-size: 20px; }
	.cekFinalListe li span { font-size: 17px; }
	.cekFinalButonlar { flex-direction: column; }
	.cekFinalBut { justify-content: center; }
	.cekSayiKutu.genis { min-width: 100%; }
	.aracGiris.orta { max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
	.cekGeriRakam, .cekMakine.acik, .cekFinal.acik, .cekFinalListe li { animation: none; opacity: 1; }
	.cekSerit { transition: none !important; }
}

.cekSonucKonfeti { position: absolute; left: 0; right: 0; top: 0; height: 460px;
	width: 100%; pointer-events: none; z-index: 2; }
.aracBolum .container { position: relative; }
.cekSonucKutu { position: relative; z-index: 1; }

.cekMarka { position: absolute; top: 22px; left: 24px; z-index: 5;
	display: flex; align-items: center; opacity: .72; transition: opacity .15s; }
.cekMarka:hover { opacity: 1; }
.cekMarka img { height: 30px; width: auto; max-width: 165px; object-fit: contain;
	filter: brightness(0) invert(1); }
.cekMarka span { font-size: 16px; font-weight: 700; color: #fff; }

.cekFinalImza { margin-bottom: 20px; font-size: 13.5px; color: rgba(255, 255, 255, .45); }
.cekFinalImza a { color: #f0a500; font-weight: 700; text-decoration: none; }
.cekFinalImza a:hover { text-decoration: underline; color: #f0a500; }

@media (max-width: 767px) {
	.cekMarka { top: 16px; left: 16px; }
	.cekMarka img { height: 24px; max-width: 130px; }
}

.aracTema.secili { border-color: rgb(var(--cl1)); background: rgb(var(--cl1)); color: #fff; font-weight: 600; }

.paraSahne { text-align: center; }
.paraAlan { perspective: 1100px; padding: 30px 0 22px; }
.para { position: relative; width: 190px; height: 190px; margin: 0 auto;
	transform-style: preserve-3d; transition: transform 2s cubic-bezier(.24,.72,.2,1); }
.paraYuz { position: absolute; inset: 0; backface-visibility: hidden;
	display: flex; align-items: center; justify-content: center; }
.paraYuz svg { width: 100%; height: 100%; filter: drop-shadow(0 10px 22px rgba(120, 90, 10, .3)); }
.paraYuz.tura { transform: rotateY(180deg); }
.paraEtiket { position: absolute; bottom: -30px; left: 0; right: 0;
	font-size: 12.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
	color: rgba(var(--txtall), .38); }

.paraSonuc { margin: 42px 0 22px; font-size: 17px; font-weight: 600; color: rgba(var(--txtall), .6);
	min-height: 46px; display: flex; align-items: center; justify-content: center; }
.paraSonuc.belli { font-size: 40px; font-weight: 800; animation: paraBelir .4s ease-out; }
.paraSonuc.belli.ezi { color: #d4a017; }
.paraSonuc.belli.tura { color: rgb(var(--cl1)); }
@keyframes paraBelir { from { opacity: 0; transform: scale(.7); } to { opacity: 1; transform: none; } }

.paraIstatistik { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
	gap: 12px; margin-top: 30px; }
.paraKutu { min-width: 96px; padding: 14px 18px; border-radius: 12px;
	background: rgba(var(--txtall), .04); border: 1px solid rgba(var(--txtall), .08); }
.paraKutu b { display: block; font-size: 22px; font-weight: 700; }
.paraKutu small { font-size: 12px; color: rgba(var(--txtall), .55); }
.paraSifirla { padding: 10px 16px; border: 1px solid rgba(var(--txtall), .14); border-radius: 10px;
	background: none; color: rgba(var(--txtall), .6); font-family: inherit; font-size: 13px;
	cursor: pointer; transition: all .15s; }
.paraSifirla:hover { border-color: rgb(var(--cl1)); color: rgb(var(--cl1)); }

.paraGecmis { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin-top: 20px; }
.paraNokta { width: 26px; height: 26px; display: flex; align-items: center; justify-content: center;
	border-radius: 50%; font-size: 11.5px; font-weight: 700; }
.paraNokta.ezi { background: rgba(212, 160, 23, .18); color: #a87c0d; }
.paraNokta.tura { background: rgba(var(--cl1), .15); color: rgb(var(--cl1)); }

.yemekSonuc { margin-top: 24px; }
.yemekBos { padding: 44px 20px; text-align: center; font-size: 14.5px;
	color: rgba(var(--txtall), .5); background: rgba(var(--txtall), .03);
	border: 1px dashed rgba(var(--txtall), .14); border-radius: 15px; }

.yemekKart { display: flex; flex-direction: column; align-items: center; gap: 9px;
	padding: 44px 26px; border-radius: 18px; text-align: center;
	background: linear-gradient(135deg, rgba(224, 103, 58, .1), rgba(212, 160, 23, .07));
	border: 1px solid rgba(224, 103, 58, .2); animation: paraBelir .35s ease-out; }
.yemekKategori { padding: 5px 13px; border-radius: 20px; background: rgba(224, 103, 58, .16);
	color: #c4522a; font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.yemekAd { font-size: 34px; font-weight: 800; line-height: 1.2; color: rgba(var(--txtall), 1); }
.yemekAlt { font-size: 13px; color: rgba(var(--txtall), .5); }
.yemekTarif { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px;
	padding: 11px 20px; border-radius: 11px; background: rgba(var(--txtall), .06);
	color: rgba(var(--txtall), .78); font-size: 14px; font-weight: 600; text-decoration: none;
	transition: all .15s; }
.yemekTarif:hover { background: rgb(var(--cl1)); color: #fff; text-decoration: none; }

body.dark .yemekKategori { color: #f08a5d; }

@media (max-width: 767px) {
	.para { width: 150px; height: 150px; }
	.paraSonuc.belli { font-size: 32px; }
	.paraKutu { min-width: 82px; padding: 12px 14px; }
	.yemekAd { font-size: 27px; }
	.yemekKart { padding: 34px 18px; }
}

.aracTema em { font-style: normal; margin-left: 5px; padding: 1px 6px; border-radius: 10px;
	background: rgba(var(--txtall), .1); font-size: 11px; font-weight: 600; opacity: .75; }
.aracTema.secili em { background: rgba(255, 255, 255, .25); opacity: 1; }
.aracTema.bos { opacity: .35; cursor: not-allowed; }
.aracTema.bos:hover { border-color: rgba(var(--txtall), .13); background: rgba(var(--txtall), .04);
	color: rgba(var(--txtall), .82); }

.yemekFiltre { margin: 20px 0 4px; padding: 15px 16px; border-radius: 12px;
	background: rgba(var(--txtall), .035); border: 1px solid rgba(var(--txtall), .08); }
.yemekFiltreEtiket { display: block; margin-bottom: 10px; font-size: 12.5px; font-weight: 700;
	text-transform: uppercase; letter-spacing: .05em; color: rgba(var(--txtall), .5); }
.yemekFiltre .aracSecim { margin: 0; }

.yemekSayi { margin-top: 14px; text-align: center; font-size: 13.5px; font-weight: 600;
	color: rgba(var(--txtall), .55); }

.yemekSponsor { display: flex; align-items: center; gap: 10px; margin-top: 14px;
	padding: 13px 18px; border: 1px solid; border-radius: 12px; text-decoration: none;
	font-size: 14px; transition: filter .15s; }
.yemekSponsor:hover { filter: brightness(.94); text-decoration: none; }
.yemekSponsor b { font-weight: 700; }
.yemekSponsor span { opacity: .8; }
.yemekSponsor i { font-size: 12px; margin-left: auto; }

.yemekEtiketler { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; }
.yemekTip { padding: 5px 13px; border-radius: 20px; background: rgba(var(--cl1), .13);
	color: rgb(var(--cl1)); font-size: 11.5px; font-weight: 700;
	text-transform: uppercase; letter-spacing: .05em; }