/* Tüm eski tablo tabanlı sayfalar için modern sarmalayıcı */
.legacy-sayfa {
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-radius: 16px;
	padding: 24px;
	box-shadow: var(--golge);
	overflow-x: auto;
}

.legacy-sayfa table {
	width: 100% !important;
	max-width: 100% !important;
	border-collapse: collapse;
}

.legacy-sayfa td,
.legacy-sayfa th {
	padding: 8px 10px;
	vertical-align: top;
}

.legacy-sayfa td[bgcolor="#FF9900"],
.legacy-sayfa tr[bgcolor="#FF9900"],
.legacy-sayfa td[bgcolor="#F1F1F1"] {
	background: var(--renk-ana) !important;
	color: #fff !important;
}

.legacy-sayfa td[bgcolor="#F1F1F1"] {
	background: var(--marka-mavi-soft) !important;
	color: var(--renk-koyu) !important;
}

.legacy-sayfa h3 {
	color: var(--renk-koyu);
	margin: 0 0 12px;
}

.legacy-sayfa a {
	color: var(--renk-ana);
}

.legacy-sayfa .InputAlanlari,
.legacy-sayfa .SelectAlanlari,
.legacy-sayfa .TextAreaAlanlari,
.legacy-sayfa input[type="text"],
.legacy-sayfa input[type="password"],
.legacy-sayfa input[type="email"],
.legacy-sayfa select,
.legacy-sayfa textarea {
	border: 1px solid var(--renk-sinir);
	border-radius: 8px;
	padding: 10px 12px;
	font-family: inherit;
}

.legacy-sayfa .YesilButon,
.legacy-sayfa input[type="submit"] {
	background: var(--renk-ana) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 8px !important;
	padding: 10px 20px !important;
	font-weight: 600;
	cursor: pointer;
}

.legacy-sayfa td[style*="background: #FF9900"],
.legacy-sayfa td[style*="background:#FF9900"],
.legacy-sayfa tr[style*="background: #FF9900"] {
	background: var(--renk-ana) !important;
	color: #fff !important;
}

.legacy-sayfa .SepeteEkleButonu {
	background: var(--renk-vurgu) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 10px !important;
	padding: 12px 24px !important;
	font-weight: 700;
	cursor: pointer;
}

.legacy-sayfa img {
	max-width: 100%;
	height: auto;
}

.sayfa-baslik-kutu {
	background: linear-gradient(135deg, var(--renk-ana), var(--renk-koyu));
	color: #fff;
	padding: 18px 22px;
	border-radius: 12px;
	margin-bottom: 20px;
}

.sayfa-baslik-kutu h1,
.sayfa-baslik-kutu h2,
.sayfa-baslik-kutu h3 {
	margin: 0;
	color: #fff;
}

/* Ürün detay modern */
.urun-detay-wrap {
	width: 100%;
	max-width: 100%;
	overflow: hidden;
}

.urun-detay-grid {
	display: grid;
	grid-template-columns: minmax(280px, 380px) 1fr;
	gap: 28px;
	align-items: start;
}

.urun-detay-galeri img#BuyukResim {
	width: 100%;
	max-width: 100%;
	height: auto;
	aspect-ratio: 3 / 4;
	object-fit: contain;
	border-radius: 14px;
	border: 1px solid var(--renk-sinir);
	background: #f8fafc;
}

.urun-detay-thumb {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 10px;
}

.urun-detay-thumb img {
	width: 72px;
	height: 72px;
	object-fit: cover;
	border-radius: 8px;
	border: 1px solid var(--renk-sinir);
	cursor: pointer;
}

.urun-detay-kampanya {
	margin-top: 16px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid var(--renk-sinir);
}

.urun-detay-kampanya img {
	width: 100%;
	height: auto;
	display: block;
}

.urun-detay-bilgi {
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-radius: 14px;
	padding: 22px;
	min-width: 0;
}

.urun-detay-baslik {
	margin: 0 0 12px;
	font-size: clamp(22px, 2.5vw, 30px);
	color: var(--renk-koyu);
	line-height: 1.25;
}

.urun-detay-fiyat {
	font-size: 28px;
	font-weight: 700;
	color: var(--renk-vurgu);
	margin: 0 0 18px;
}

.urun-detay-varyant-gizli {
	display: none;
}

.urun-detay-varyant {
	margin-bottom: 16px;
}

.urun-detay-varyant label {
	display: block;
	margin-bottom: 8px;
	font-weight: 600;
	color: var(--renk-koyu);
}

.urun-detay-select {
	width: 100%;
	border: 1px solid var(--renk-sinir);
	border-radius: 10px;
	padding: 12px 14px;
	font-family: inherit;
	font-size: 15px;
}

.urun-detay-aksiyon {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px;
}

.urun-sepete-ekle {
	flex: 0 0 auto;
	width: auto;
	min-width: 0;
	max-width: 200px;
	padding: 10px 18px;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.urun-detay-not,
.sepet-uyelik-not {
	margin: 0 0 14px;
	font-size: 13px;
	color: #64748b;
}

.urun-detay-avantajlar {
	margin: 0;
	padding: 0 0 0 18px;
	color: #475569;
	line-height: 1.7;
}

.urun-detay-bolum {
	margin-top: 28px;
	padding-top: 8px;
}

.urun-detay-bolum h2 {
	margin: 0 0 14px;
	font-size: 22px;
	color: var(--renk-koyu);
}

.urun-detay-aciklama {
	line-height: 1.7;
	color: #334155;
	word-break: break-word;
}

.urun-detay-marka {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--marka-mavi, #1a4b8c);
	margin-bottom: 6px;
}

.urun-ozellik-cerceve {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	overflow: hidden;
	background: #fff;
}

.urun-ozellik-tablo {
	width: 100%;
	border-collapse: collapse;
	font-size: 14px;
}

.urun-ozellik-tablo th,
.urun-ozellik-tablo td {
	padding: 12px 16px;
	text-align: left;
	border-bottom: 1px solid #eef2f7;
	vertical-align: top;
}

.urun-ozellik-tablo tr:last-child th,
.urun-ozellik-tablo tr:last-child td {
	border-bottom: 0;
}

.urun-ozellik-tablo th {
	width: 34%;
	font-weight: 600;
	color: #475569;
	background: #f8fafc;
}

.urun-ozellik-tablo tr.tek td {
	background: #fcfdff;
}

.urun-ozellik-tablo tr.cift td {
	background: #fff;
}

.urun-detay-ozellikler h2 {
	margin-bottom: 12px;
}

.urun-yorumlar-liste {
	max-height: 320px;
	overflow-y: auto;
	padding-right: 6px;
}

.urun-yorum-satir {
	padding: 14px 0;
	border-bottom: 1px dashed var(--renk-sinir);
}

.urun-yorum-ust {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.urun-yorum-ust img {
	height: 18px;
	width: auto;
}

.urun-yorum-ust span {
	margin-left: auto;
	color: #94a3b8;
	font-size: 13px;
}

.urun-yorum-satir p {
	margin: 0;
	color: #475569;
	line-height: 1.6;
}

.urun-yorum-bos {
	color: #64748b;
	margin: 0;
}

.sepet-bildirim {
	padding: 12px 16px;
	border-radius: 10px;
	margin-bottom: 16px;
	font-weight: 600;
}

.sepet-bildirim-basari {
	background: #dcfce7;
	color: #166534;
	border: 1px solid #bbf7d0;
}

.sepet-bildirim-uyari {
	background: #fffbeb;
	color: #92400e;
	border: 1px solid #fde68a;
}

/* Üyelik / giriş sayfaları */
.uye-sayfa {
	max-width: 1100px;
	margin: 0 auto;
}

.uye-layout {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 28px;
	align-items: start;
}

.uye-kart,
.uye-avantajlar {
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-radius: 16px;
	padding: 28px;
	box-shadow: var(--golge);
}

.uye-kart-ust h1 {
	margin: 0 0 8px;
	color: var(--renk-koyu);
	font-size: 1.6rem;
}

.uye-kart-ust p,
.uye-avantaj-giris {
	color: #64748b;
	margin: 0 0 20px;
	line-height: 1.5;
}

.uye-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.uye-alan label,
.uye-alan-cift label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--renk-koyu);
	font-size: 0.92rem;
}

.uye-alan input,
.uye-alan select,
.uye-alan-cift input,
.uye-alan-cift select {
	width: 100%;
	border: 1px solid var(--renk-sinir);
	border-radius: 10px;
	padding: 11px 14px;
	font-family: inherit;
	font-size: 1rem;
	box-sizing: border-box;
}

.uye-alan-cift {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.uye-sozlesme {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 0.92rem;
	color: #475569;
	line-height: 1.4;
}

.uye-sozlesme input {
	margin-top: 3px;
}

.uye-sozlesme a {
	color: var(--renk-ana);
	font-weight: 600;
}

.uye-sifre-unuttum {
	text-align: right;
	margin-top: -8px;
}

.uye-sifre-unuttum a {
	color: var(--renk-ana);
	font-size: 0.9rem;
}

.uye-layout-tek {
	grid-template-columns: minmax(0, 560px);
	justify-content: center;
}

.uye-bildirim-basarili {
	background: #ecfdf5;
	color: #047857;
	border-color: #a7f3d0;
}

.uye-bildirim-hata {
	background: #fef2f2;
	color: #b91c1c;
	border-color: #fecaca;
}

.sifre-sifir-kart {
	max-width: 560px;
	margin: 0 auto;
}

.sifre-sifir-yontemler {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
	margin-bottom: 8px;
}

.sifre-sifir-yontemler-tek {
	grid-template-columns: 1fr;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
}

.sifre-sifir-not {
	text-align: center;
	margin: 0 0 12px;
	color: #64748b;
	font-size: 0.88rem;
	line-height: 1.45;
}

.sifre-sifir-yontem {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 18px 16px;
	border: 1px solid var(--renk-sinir);
	border-radius: 14px;
	background: #f8fafc;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

.sifre-sifir-yontem:hover {
	border-color: var(--renk-ana);
	background: #fff;
	box-shadow: var(--golge);
	text-decoration: none;
}

.sifre-sifir-yontem strong {
	color: var(--renk-koyu);
	font-size: 1rem;
}

.sifre-sifir-yontem span {
	color: #64748b;
	font-size: 0.88rem;
	line-height: 1.45;
}

.sifre-sifir-kod-panel {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-bottom: 18px;
	padding: 18px;
	border-radius: 14px;
	background: #f0f9ff;
	border: 1px solid #bae6fd;
}

.sifre-sifir-kod-aciklama {
	margin: 0;
	color: #0369a1;
	font-size: 0.92rem;
	line-height: 1.5;
}

.sifre-sifir-kod-panel-gizli .sifre-sifir-kod-kutu {
	display: none;
}

.sifre-sifir-kod-not {
	margin: 0;
	font-size: 0.88rem;
	color: #64748b;
	text-align: center;
}

.sifre-sifir-kod-numara {
	margin: 0;
	text-align: center;
	color: #475569;
	font-size: 0.92rem;
}

.sifre-sifir-kod-form {
	margin-top: 4px;
}

.yp-giris-sifre-unuttum {
	text-align: center;
	margin: 0 0 16px;
}

.yp-giris-sifre-unuttum a {
	color: var(--dt-primary, var(--marka-mavi));
	font-size: 0.9rem;
	font-weight: 600;
	text-decoration: none;
}

.yp-alert-basarili {
	background: #ecfdf5;
	color: #047857;
	border: 1px solid #a7f3d0;
}

@media (max-width: 640px) {
	.sifre-sifir-yontemler {
		grid-template-columns: 1fr;
	}

	.sifre-sifir-kod-kutu {
		font-size: 1.6rem;
		letter-spacing: 0.2em;
	}
}

.uye-alt-link {
	text-align: center;
	margin: 4px 0 0;
	color: #64748b;
	font-size: 0.95rem;
}

.uye-alt-link a {
	color: var(--renk-ana);
	font-weight: 600;
}

.uye-bildirim {
	background: #e0f2fe;
	color: #0369a1;
	border: 1px solid #bae6fd;
	border-radius: 10px;
	padding: 12px 14px;
	font-size: 0.92rem;
}

.uye-avantajlar h2 {
	margin: 0 0 8px;
	color: var(--renk-koyu);
	font-size: 1.3rem;
}

.uye-avantaj-listesi {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.uye-avantaj-listesi li {
	padding: 14px 16px;
	background: #f8fafc;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
}

.uye-avantaj-listesi strong {
	display: block;
	color: var(--renk-koyu);
	margin-bottom: 4px;
}

.uye-avantaj-listesi span {
	color: #64748b;
	font-size: 0.92rem;
	line-height: 1.45;
}

.uye-sonuc {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-radius: 16px;
	padding: 40px 28px;
	box-shadow: var(--golge);
}

.uye-sonuc h1 {
	margin: 16px 0 10px;
	color: var(--renk-koyu);
	font-size: 1.4rem;
}

.uye-sonuc p {
	color: #64748b;
	line-height: 1.55;
	margin: 0 0 12px;
}

.uye-sonuc-ikon {
	font-size: 3rem;
	line-height: 1;
}

.uye-sonuc-basari .uye-sonuc-ikon { color: #16a34a; }
.uye-sonuc-hata .uye-sonuc-ikon { color: #dc2626; }

.uye-sonuc-linkler {
	margin-top: 20px;
	display: flex;
	gap: 12px;
	justify-content: center;
	flex-wrap: wrap;
}

@media (max-width: 900px) {
	.uye-layout {
		grid-template-columns: 1fr;
	}

	.uye-alan-cift {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 900px) {
	.urun-detay-grid {
		grid-template-columns: 1fr;
	}
}

/* Hesabım paneli */
.hesabim-sayfa {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
}

.hesabim-nav {
	position: sticky;
	top: 16px;
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-radius: 16px;
	padding: 18px;
	box-shadow: var(--golge);
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.hesabim-profil {
	display: flex;
	gap: 12px;
	align-items: center;
	padding-bottom: 14px;
	border-bottom: 1px solid #e2e8f0;
}

.hesabim-profil-ikon {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--marka-gradient);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.hesabim-profil strong {
	display: block;
	color: var(--renk-koyu);
	font-size: 0.95rem;
	line-height: 1.3;
}

.hesabim-profil span {
	display: block;
	color: #64748b;
	font-size: 0.82rem;
	word-break: break-all;
}

.hesabim-nav-liste {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.hesabim-nav-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	color: #475569;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.92rem;
	transition: background 0.15s, color 0.15s;
}

.hesabim-nav-link:hover {
	background: #f1f5f9;
	color: var(--renk-ana);
}

.hesabim-nav-link.hesabim-nav-aktif {
	background: var(--marka-mavi-soft);
	color: var(--renk-ana);
}

.hesabim-cikis-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid #fecaca;
	background: #fef2f2;
	color: #b91c1c;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.92rem;
	margin-top: 4px;
}

.hesabim-cikis-btn:hover {
	background: #fee2e2;
}

.hesabim-icerik {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
}

.hesabim-baslik h1 {
	margin: 0 0 6px;
	color: var(--renk-koyu);
	font-size: 1.55rem;
}

.hesabim-baslik p {
	margin: 0;
	color: #64748b;
	line-height: 1.5;
}

.hesabim-kart {
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-radius: 16px;
	padding: 24px;
	box-shadow: var(--golge);
}

.hesabim-kart-ust {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 18px;
}

.hesabim-kart-ust h2 {
	margin: 0;
	font-size: 1.1rem;
	color: var(--renk-koyu);
}

.hesabim-bilgi-listesi {
	margin: 0;
	display: grid;
	gap: 14px;
}

.hesabim-bilgi-satir {
	display: grid;
	grid-template-columns: 160px 1fr;
	gap: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #f1f5f9;
}

.hesabim-bilgi-satir dt {
	margin: 0;
	font-weight: 600;
	color: #64748b;
	font-size: 0.9rem;
}

.hesabim-bilgi-satir dd {
	margin: 0;
	color: var(--renk-koyu);
}

.hesabim-aksiyonlar {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 20px;
}

.hesabim-form {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.hesabim-form-alan label {
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
	color: var(--renk-koyu);
	font-size: 0.92rem;
}

.hesabim-form-alan input,
.hesabim-form-alan select,
.hesabim-textarea {
	width: 100%;
	border: 1px solid var(--renk-sinir);
	border-radius: 10px;
	padding: 11px 14px;
	font-family: inherit;
	font-size: 1rem;
	box-sizing: border-box;
}

.hesabim-textarea {
	resize: vertical;
	min-height: 120px;
}

.hesabim-form-cift {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 14px;
}

.hesabim-adres-liste,
.hesabim-urun-liste,
.hesabim-yorum-liste {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.hesabim-adres-kart,
.hesabim-urun-satir,
.hesabim-yorum-kart,
.hesabim-siparis-satir {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 14px;
	background: #fafbfc;
}

.hesabim-adres-kart {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	align-items: flex-start;
}

.hesabim-adres-metin p {
	margin: 4px 0 0;
	color: #475569;
	font-size: 0.92rem;
}

.hesabim-adres-aksiyon {
	display: flex;
	flex-direction: column;
	gap: 8px;
	flex-shrink: 0;
}

.hesabim-urun-satir {
	display: grid;
	grid-template-columns: 72px 1fr auto;
	gap: 14px;
	align-items: center;
}

.hesabim-urun-resim img,
.hesabim-siparis-satir img {
	width: 72px;
	height: 88px;
	object-fit: cover;
	border-radius: 8px;
	background: #fff;
}

.hesabim-urun-bilgi h3,
.hesabim-siparis-metin h3 {
	margin: 0 0 6px;
	font-size: 1rem;
}

.hesabim-urun-bilgi h3 a,
.hesabim-urun-bilgi a {
	color: var(--renk-koyu);
	text-decoration: none;
}

.hesabim-yorum-puan {
	margin-bottom: 8px;
}

.hesabim-yildiz {
	color: #cbd5e1;
}

.hesabim-yildiz.dolu {
	color: #f59e0b;
}

.hesabim-siparis-grup {
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 16px;
}

.hesabim-siparis-baslik {
	padding: 14px 16px;
	background: #f8fafc;
	border-bottom: 1px solid #e2e8f0;
}

.hesabim-siparis-baslik strong {
	display: block;
	color: var(--renk-koyu);
}

.hesabim-siparis-baslik span {
	color: #64748b;
	font-size: 0.88rem;
}

.hesabim-siparis-urunler {
	padding: 12px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.hesabim-siparis-satir {
	display: grid;
	grid-template-columns: 72px 1fr auto;
	gap: 12px;
	align-items: center;
}

.hesabim-siparis-metin p {
	margin: 4px 0 0;
	color: #64748b;
	font-size: 0.9rem;
}

.hesabim-siparis-kargo {
	font-size: 0.85rem !important;
}

.hesabim-siparis-baslik-ust {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.hesabim-siparis-durum-aciklama {
	margin: 10px 0 0;
	color: #475569;
	font-size: 0.9rem;
	line-height: 1.5;
}

.hesabim-siparis-kargo-kodu {
	margin: 8px 0 0;
	font-size: 0.9rem;
	color: #334155;
}

.hesabim-siparis-aksiyonlar {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 12px;
	align-items: center;
}

.hesabim-siparis-iptal-form {
	display: inline;
	margin: 0;
}

.hesabim-iade-btn {
	border-color: #fed7aa;
	color: #c2410c;
}

.hesabim-iade-sure {
	font-size: 12px;
	font-weight: 600;
	color: #b45309;
	padding: 4px 10px;
	background: #fffbeb;
	border: 1px solid #fde68a;
	border-radius: 999px;
}

.hesabim-iade-sure-doldu {
	font-size: 12px;
	font-weight: 500;
	color: #64748b;
	padding: 8px 12px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	max-width: 420px;
	line-height: 1.45;
}

.hesabim-iade-kapali-grup {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.hesabim-iade-btn-kapali {
	opacity: 0.55;
	cursor: not-allowed;
	pointer-events: none;
}

.hesabim-iade-kapali-baslik {
	display: block;
	font-size: 13px;
	font-weight: 700;
	color: #b45309;
	margin-bottom: 4px;
}

.hesabim-iade-sure-doldu-kutu .hesabim-iade-kapali-baslik {
	margin: 0 0 6px;
}

.hesabim-iade-sure-doldu-link {
	margin: 8px 0 0;
	font-size: 13px;
}

.hesabim-iade-durum-kutu {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.hesabim-iade-durum-metin {
	font-size: 13px;
	color: #475569;
}

.iade-durum-rozet {
	display: inline-flex;
	align-items: center;
	padding: 3px 10px;
	border-radius: 999px;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.iade-durum-sari { background: #fef9c3; color: #a16207; }
.iade-durum-mavi { background: #dbeafe; color: #1d4ed8; }
.iade-durum-yesil { background: #dcfce7; color: #15803d; }
.iade-durum-kirmizi { background: #fee2e2; color: #b91c1c; }
.iade-durum-gri { background: #f1f5f9; color: #64748b; }

.hesabim-iade-bilgi-kutu {
	margin: 16px 0 20px;
	padding: 16px 18px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
}

.hesabim-iade-bilgi-kutu h3 {
	margin: 0 0 10px;
	font-size: 0.98rem;
	color: var(--renk-koyu);
}

.hesabim-iade-bilgi-kutu-kisa p {
	margin: 0;
	font-size: 0.92rem;
	color: #475569;
	line-height: 1.55;
}

.hesabim-iade-kosul-liste {
	margin: 0;
	padding-left: 18px;
	color: #475569;
	font-size: 0.9rem;
	line-height: 1.55;
}

.hesabim-iade-kosul-liste li + li {
	margin-top: 6px;
}

.hesabim-iade-sure-vurgu {
	margin: 12px 0 0;
	padding: 10px 12px;
	background: #fff7ed;
	border: 1px solid #fed7aa;
	border-radius: 8px;
	color: #c2410c;
	font-weight: 600;
	font-size: 0.9rem;
}

.hesabim-iade-liste {
	display: grid;
	gap: 14px;
}

.hesabim-iade-kart {
	padding: 16px 18px;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	background: #fff;
}

.hesabim-iade-kart-ust {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 10px;
}

.hesabim-iade-kart-ust strong {
	display: block;
	color: var(--renk-koyu);
}

.hesabim-iade-kart-ust span {
	display: block;
	font-size: 12px;
	color: #64748b;
	margin-top: 2px;
}

.hesabim-iade-kart-urun,
.hesabim-iade-kart-sebep,
.hesabim-iade-kart-tarih,
.hesabim-iade-kart-durum-metin {
	margin: 0 0 8px;
	font-size: 0.9rem;
	color: #475569;
	line-height: 1.5;
}

.hesabim-iade-kart-yanit {
	margin-top: 10px;
	padding: 12px 14px;
	background: #eff6ff;
	border: 1px solid #dbeafe;
	border-radius: 10px;
}

.hesabim-iade-kart-yanit strong {
	display: block;
	margin-bottom: 4px;
	font-size: 0.85rem;
	color: #1e40af;
}

.hesabim-iade-kart-yanit p {
	margin: 0;
	font-size: 0.9rem;
	color: #334155;
}

.hesabim-iade-kargo-kutu {
	margin-top: 12px;
	padding: 14px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #f8fafc;
}

.hesabim-iade-kargo-kutu h4 {
	margin: 0 0 10px;
	font-size: 0.95rem;
	color: #0f172a;
}

.hesabim-iade-kargo-satir {
	margin: 0 0 8px;
	font-size: 0.88rem;
	color: #334155;
	line-height: 1.5;
}

.hesabim-iade-kargo-yardim {
	margin: 8px 0 0;
	font-size: 0.82rem;
	color: #64748b;
	line-height: 1.45;
}

.hesabim-iade-kargo-kod {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin: 10px 0;
	padding: 12px 14px;
	border-radius: 10px;
	background: #fff;
	border: 1px dashed #cbd5e1;
}

.hesabim-iade-kargo-kod span {
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: #64748b;
}

.hesabim-iade-kargo-kod strong {
	font-size: 1.15rem;
	font-family: ui-monospace, monospace;
	color: #0f172a;
}

.hesabim-iade-kargo-durum {
	display: inline-flex;
	margin-top: 8px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 700;
	background: #fef3c7;
	color: #92400e;
}

.hesabim-iade-kargo-form {
	margin-top: 12px;
}

.hesabim-iade-kargo-form label {
	display: block;
	margin-bottom: 6px;
	font-size: 0.85rem;
	font-weight: 600;
}

.hesabim-iade-kargo-form-satir {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.hesabim-iade-kargo-form input {
	flex: 1 1 180px;
	min-width: 0;
	padding: 8px 12px;
	border: 1px solid #cbd5e1;
	border-radius: 8px;
}

.hesabim-iade-politika {
	margin-top: 10px;
	font-size: 0.88rem;
}

.hesabim-iade-politika summary {
	cursor: pointer;
	font-weight: 600;
	color: var(--marka-mavi, #2563eb);
}

.hesabim-iade-politika-ic {
	margin-top: 8px;
	padding: 10px 12px;
	background: #fff;
	border-radius: 8px;
	border: 1px solid #e2e8f0;
	color: #475569;
	line-height: 1.5;
}

.hesabim-iade-kargo-bekle {
	font-size: 0.85rem;
	color: #b45309;
}

.btn-tehlike {
	border-color: #fecaca;
	color: #b91c1c;
}

.btn-tehlike:hover {
	background: #fef2f2;
}

.hesabim-bilgi-kutu {
	padding: 12px 14px;
	border-radius: 10px;
	margin-bottom: 14px;
	font-size: 0.92rem;
}

.hesabim-bilgi-ok {
	background: #ecfdf5;
	border: 1px solid #bbf7d0;
	color: #166534;
}

.hesabim-bilgi-hata {
	background: #fef2f2;
	border: 1px solid #fecaca;
	color: #991b1b;
}

.siparis-durum-rozet {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.78rem;
	font-weight: 600;
	white-space: nowrap;
}

.siparis-durum-sari { background: #fef3c7; color: #92400e; }
.siparis-durum-mavi { background: #dbeafe; color: #1d4ed8; }
.siparis-durum-turuncu { background: #ffedd5; color: #c2410c; }
.siparis-durum-yesil { background: #dcfce7; color: #166534; }
.siparis-durum-kirmizi { background: #fee2e2; color: #991b1b; }
.siparis-durum-gri { background: #f1f5f9; color: #64748b; }

.hesabim-uyelik-ozet {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.hesabim-uyelik-karsilama p {
	margin: 0 0 6px;
}

.hesabim-uyelik-alt {
	color: #64748b;
	font-size: 0.9rem;
}

.hesabim-uyelik-hizli {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.uye-honeypot {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
}

/* Bildirimler */
.header-bildirim-wrap {
	position: relative;
}
.header-bildirim-toast {
	position: absolute;
	right: 0;
	top: calc(100% + 10px);
	width: min(280px, 90vw);
	background: #fff;
	color: #0f172a;
	border-radius: 12px;
	padding: 12px 14px;
	box-shadow: 0 12px 36px rgba(15, 39, 68, 0.22);
	font-size: 12px;
	line-height: 1.45;
	cursor: pointer;
	border-left: 4px solid #2563eb;
	z-index: 1300;
}
.header-bildirim-toast strong {
	display: block;
	font-size: 11px;
	color: #2563eb;
	margin-bottom: 4px;
}
button.header-aksiyon-btn.header-bildirim-btn {
	border: none;
	background: transparent;
	cursor: pointer;
	font: inherit;
}
.header-bildirim-btn {
	position: relative;
}
.header-bildirim-rozet,
.hesabim-nav-rozet {
	font-style: normal;
	background: #ef4444;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	min-width: 18px;
	height: 18px;
	border-radius: 999px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 5px;
	margin-left: 4px;
}
.header-bildirim-panel {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	width: min(360px, 92vw);
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
	z-index: 1200;
	padding: 12px;
}
.header-bildirim-baslik {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
}
.header-bildirim-ozet {
	font-size: 12px;
	color: #2563eb;
	font-weight: 600;
}
.header-bildirim-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	max-height: 320px;
	overflow: auto;
}
.header-bildirim-oge {
	border-top: 1px solid #f1f5f9;
}
.header-bildirim-oge a {
	display: block;
	padding: 10px 4px;
	color: inherit;
	text-decoration: none;
}
.header-bildirim-oge strong {
	display: block;
	color: #0f172a;
	font-size: 0.92rem;
}
.header-bildirim-oge span {
	display: block;
	font-size: 0.78rem;
	color: #64748b;
	margin-top: 2px;
}
.header-bildirim-oge p {
	margin: 4px 0 0;
	font-size: 0.85rem;
	color: #475569;
}
.header-bildirim-yeni a {
	background: #eff6ff;
	border-radius: 8px;
}
.header-bildirim-bos {
	color: #64748b;
	font-size: 0.9rem;
	margin: 8px 0;
}
.header-bildirim-tumu {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #e2e8f0;
	font-size: 0.88rem;
	font-weight: 600;
	color: #2563eb;
	text-decoration: none;
}
.uye-bildirim-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.uye-bildirim-oge {
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	padding: 14px;
	background: #fff;
}
.uye-bildirim-yeni {
	border-color: #bfdbfe;
	background: #f8fbff;
}
.uye-bildirim-ust {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 6px;
	font-size: 0.82rem;
	color: #64748b;
}
.uye-bildirim-tur {
	font-weight: 600;
	color: #2563eb;
}
.kvkk-bilgi-kutu {
	margin-bottom: 18px;
	padding: 14px;
	background: #f8fafc;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
}
.kvkk-bilgi-kutu h2 {
	margin: 0 0 8px;
	font-size: 1rem;
}
.kvkk-bilgi-kutu p {
	margin: 0 0 8px;
	color: #475569;
	font-size: 0.92rem;
}
.hesabim-tercih-form {
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.hesabim-tercih-etiket {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	cursor: pointer;
}
.hesabim-tercih-etiket strong {
	display: block;
	color: #0f172a;
}
.hesabim-tercih-etiket small {
	display: block;
	color: #64748b;
	margin-top: 4px;
	line-height: 1.45;
}
.hesabim-tercih-meta {
	font-size: 0.82rem;
	color: #64748b;
	margin: 4px 0 0 28px;
}
.hesabim-tercih-not {
	font-size: 0.88rem;
	color: #64748b;
}
.hesabim-nav-link {
	position: relative;
}
.hesabim-nav-rozet {
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
}

.hesabim-bos {
	text-align: center;
	padding: 28px 12px;
	color: #64748b;
}

.hesabim-bos p {
	margin: 0 0 16px;
}

.hesabim-sayfalama {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1px solid #e2e8f0;
}

.hesabim-sayfalama-linkler {
	display: flex;
	gap: 6px;
	flex-wrap: wrap;
}

.hesabim-sayfa-link,
.hesabim-sayfa-aktif {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 8px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.9rem;
}

.hesabim-sayfa-link {
	border: 1px solid #e2e8f0;
	color: #475569;
	background: #fff;
}

.hesabim-sayfa-aktif {
	background: var(--renk-ana);
	color: #fff;
}

.hesabim-puan-secim {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.hesabim-puan-etiket {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
}

.hesabim-puan-etiket input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.hesabim-puan-etiket span {
	display: inline-block;
	padding: 8px 12px;
	border: 1px solid #e2e8f0;
	border-radius: 8px;
	background: #fff;
	font-weight: 600;
}

.hesabim-puan-etiket input:checked + span {
	border-color: var(--renk-ana);
	background: var(--marka-mavi-soft);
	color: var(--renk-ana);
}

.hesabim-sil-link {
	color: #b91c1c !important;
	border-color: #fecaca !important;
}

.hesabim-tehlike-alan {
	border: 1px solid #fecaca;
	background: color-mix(in srgb, #fef2f2 80%, transparent);
}

.hesabim-alt-baslik {
	margin: 0 0 8px;
	font-size: 1.05rem;
}

.hesabim-tehlike-metin {
	margin: 0 0 16px;
	color: var(--wp-muted, #64748b);
	font-size: 14px;
	line-height: 1.5;
}

.hesabim-onay-satir {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	font-size: 14px;
	margin: 12px 0 0;
	cursor: pointer;
}

.hesabim-form-tehlike .hesabim-aksiyonlar {
	margin-top: 16px;
}

.header-aksiyon-cikis {
	color: #b91c1c;
}

.header-aksiyon-cikis:hover {
	background: #fef2f2;
}

@media (max-width: 960px) {
	.hesabim-sayfa {
		grid-template-columns: 1fr;
	}

	.hesabim-nav {
		position: static;
	}

	.hesabim-nav-liste {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.hesabim-bilgi-satir {
		grid-template-columns: 1fr;
	}

	.hesabim-form-cift {
		grid-template-columns: 1fr;
	}

	.hesabim-adres-kart {
		flex-direction: column;
	}

	.hesabim-urun-satir,
	.hesabim-siparis-satir {
		grid-template-columns: 72px 1fr;
	}
}

/* DevreTech Bilgisayar — E-Ticaret Platformu (c) 2026 — FSEK korumalı */
.ts-landing { padding: 8px 0 24px; width: 100%; }
body.mod-servis .ts-landing { max-width: none; width: 100%; }
body.mod-servis .servis-icerik .ts-landing { margin-top: 0; }
.ts-landing-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
	gap: 24px;
	margin-bottom: 24px;
}
.ts-landing-rozet {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: var(--marka-mavi-soft);
	color: var(--marka-mavi-koyu);
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 12px;
}
.ts-landing-metin h1 { margin: 0 0 12px; font-size: clamp(1.6rem, 3vw, 2.2rem); color: var(--marka-lacivert); }
.ts-landing-metin p { margin: 0 0 18px; color: #64748b; line-height: 1.6; max-width: 56ch; }
.ts-landing-aksiyon { display: flex; flex-wrap: wrap; gap: 10px; }
.ts-landing-kart, .ts-ozellik-kart, .hesabim-kart.ts-detay-kart, .hesabim-kart.ts-basarili-kart, .servis-kart.ts-detay-kart, .servis-kart.ts-basarili-kart {
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
	padding: 20px;
}
.ts-landing-kart h2, .ts-ozellik-kart h3 { margin: 0 0 12px; color: var(--marka-lacivert); }
.ts-adim-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.ts-adim-liste li { display: grid; gap: 4px; padding-left: 14px; border-left: 3px solid var(--marka-turuncu); }
.ts-adim-liste span { color: #64748b; font-size: 14px; }
.ts-landing-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ts-ozellik-kart p { margin: 0; color: #64748b; font-size: 14px; line-height: 1.5; }
.hesabim-ust-aksiyon { display: flex; justify-content: flex-end; margin-bottom: 14px; }
.ts-kayit-liste { display: grid; gap: 12px; }
.ts-kayit-kart { border: 1px solid #e2e8f0; border-radius: 14px; padding: 16px; background: #f8fafc; }
.ts-kayit-ust { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }
.ts-kayit-ust strong { display: block; color: var(--marka-lacivert); }
.ts-kayit-ust span { display: block; font-size: 13px; color: #64748b; margin-top: 4px; }
.ts-kayit-aciklama { margin: 10px 0; color: #475569; font-size: 14px; }
.ts-kayit-alt { display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 13px; color: #64748b; }
.ts-durum {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	white-space: nowrap;
}
.ts-durum-uyari { background: #fef3c7; color: #92400e; }
.ts-durum-bilgi { background: #dbeafe; color: #1d4ed8; }
.ts-durum-mavi { background: var(--marka-mavi-soft); color: var(--marka-mavi-koyu); }
.ts-durum-yesil { background: #dcfce7; color: #166534; }
.ts-durum-gri { background: #f1f5f9; color: #475569; }
.ts-bilgi-kutu {
	padding: 14px 16px;
	border-radius: 12px;
	background: var(--marka-mavi-soft);
	border: 1px solid var(--marka-mavi-soft-2);
	margin-bottom: 16px;
	font-size: 14px;
	color: #334155;
}
.ts-basarili-kart { text-align: center; }
.ts-basarili-ikon { color: #16a34a; margin-bottom: 10px; }
.ts-detay-ust { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; margin-bottom: 16px; }
.ts-detay-ust h2 { margin: 0; color: var(--marka-lacivert); }
.ts-detay-ust p { margin: 4px 0 0; color: #64748b; }
.ts-detay-ozet {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 14px;
}
.ts-detay-ozet > div { padding: 12px; border-radius: 12px; background: #f8fafc; border: 1px solid #e2e8f0; }
.ts-detay-ozet span { display: block; font-size: 12px; color: #64748b; margin-bottom: 4px; }
.ts-detay-ozet p { margin: 0; color: #0f172a; }
.ts-detay-durum-metni { margin: 0 0 18px; padding: 12px 14px; border-radius: 12px; background: var(--marka-turuncu-soft); color: #7c2d12; font-weight: 600; }
.ts-zaman-cizelgesi h3 { margin: 0 0 12px; color: var(--marka-lacivert); }
.ts-zaman-liste { list-style: none; margin: 0; padding: 0; }
.ts-zaman-oge { display: grid; grid-template-columns: 16px 1fr; gap: 12px; padding-bottom: 18px; position: relative; }
.ts-zaman-oge:not(:last-child)::before { content: ''; position: absolute; left: 7px; top: 18px; bottom: 0; width: 2px; background: #e2e8f0; }
.ts-zaman-nokta { width: 14px; height: 14px; border-radius: 50%; background: var(--marka-mavi); margin-top: 4px; }
.ts-zaman-icerik strong { display: block; color: var(--marka-lacivert); }
.ts-zaman-icerik span { display: block; font-size: 12px; color: #64748b; margin: 2px 0 6px; }
.ts-zaman-icerik p { margin: 0; color: #475569; font-size: 14px; line-height: 1.5; }
.ts-zaman-gorsel-link img { margin-top: 8px; max-width: 220px; border-radius: 10px; border: 1px solid #e2e8f0; }
@media (max-width: 900px) {
	.ts-landing-hero, .ts-landing-grid, .ts-detay-ozet, .ts-gorsel-grid { grid-template-columns: 1fr; }
}
.ts-sozlesme-kutu { margin: 16px 0; padding: 16px; border: 1px solid #e2e8f0; border-radius: 14px; background: #f8fafc; }
.ts-sozlesme-kutu h3 { margin: 0 0 10px; font-size: 16px; color: var(--marka-lacivert); }
.ts-sozlesme-metin { max-height: 180px; overflow: auto; padding: 12px; border-radius: 10px; background: #fff; border: 1px solid #e2e8f0; font-size: 13px; line-height: 1.6; color: #475569; margin-bottom: 12px; }
.ts-sozlesme-onay { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: #334155; }
.ts-sozlesme-onay input { margin-top: 4px; }
.ts-onay-panel { margin-bottom: 16px; }
.ts-onay-panel h3, .ts-gorsel-panel h3, .ts-bildirim-panel h3 { margin: 0 0 10px; color: var(--marka-lacivert); }
.ts-onay-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ts-onay-liste li { padding: 10px 12px; border-radius: 10px; background: #f8fafc; border: 1px solid #e2e8f0; font-size: 13px; }
.ts-onay-liste li.ts-onay-tamam { background: #ecfdf5; border-color: #86efac; color: #166534; font-weight: 600; }
.ts-onay-form { margin: 0 0 16px; padding: 14px; border-radius: 12px; background: var(--marka-mavi-soft); border: 1px solid var(--marka-mavi-soft-2); }
.ts-onay-form p { margin: 0 0 12px; font-size: 14px; color: #334155; }
.ts-onay-tamamlandi { background: #ecfdf5; border-color: #86efac; }
.ts-onay-tamamlandi .btn[disabled] { opacity: 0.65; cursor: not-allowed; }
.ts-google-yorum-panel {
	margin: 0 0 20px;
	padding: 20px;
	border-radius: 14px;
	border: 2px solid #fbbf24;
	background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
	box-shadow: 0 8px 24px rgba(234, 88, 12, 0.12);
}
.ts-google-yorum-panel h3 { margin: 0 0 10px; color: #9a3412; font-size: 18px; }
.ts-google-yorum-panel p { margin: 0 0 10px; color: #78350f; font-size: 14px; line-height: 1.5; }
.ts-google-yorum-vurgu { font-weight: 700; }
.ts-google-yorum-btn {
	display: inline-block;
	margin-top: 6px;
	padding: 12px 22px !important;
	background: #e85d04 !important;
	border-color: #e85d04 !important;
	font-weight: 700;
}
.ts-google-yorum-btn:hover { background: #d00000 !important; border-color: #d00000 !important; }
.ts-google-yorum-link-kucuk { margin-top: 12px !important; font-size: 12px !important; word-break: break-all; }
.ts-google-yorum-onizleme {
	margin: 0 0 16px;
	padding: 12px 14px;
	border-radius: 10px;
	background: #f8fafc;
	border: 1px dashed #cbd5e1;
	font-size: 13px;
	color: #64748b;
}
.ts-gorsel-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 16px; }
.ts-gorsel-kart { padding: 12px; border: 1px solid #e2e8f0; border-radius: 12px; background: #fff; }
.ts-gorsel-kart strong { display: block; margin-bottom: 8px; }
.ts-gorsel-kart img, .ts-zaman-gorsel-link img { max-width: 100%; border-radius: 10px; border: 1px solid #e2e8f0; }
.ts-bilgi-basari { background: #ecfdf5 !important; border-color: #86efac !important; color: #166534 !important; }
.ts-bilgi-hata { background: #fef2f2 !important; border-color: #fecaca !important; color: #991b1b !important; }
.ts-bildirim-panel { margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid #e2e8f0; }
.ts-bildirim-liste { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.ts-bildirim-oge { padding: 12px 14px; border-radius: 12px; border: 1px solid #e2e8f0; background: #fff; }
.ts-bildirim-oge.ts-bildirim-yeni { border-color: var(--marka-mavi); background: var(--marka-mavi-soft); }
.ts-bildirim-oge strong { display: block; color: var(--marka-lacivert); }
.ts-bildirim-oge span { display: block; font-size: 12px; color: #64748b; margin: 4px 0 8px; }
.ts-bildirim-oge p { margin: 0 0 8px; font-size: 13px; color: #475569; }
.ts-kayit-uyari { margin: 8px 0 0; font-size: 13px; color: #b45309; font-weight: 600; }
.hesabim-nav-link { position: relative; }
.hesabim-nav-rozet {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--marka-turuncu);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* Teknik Servis portalı — alışveriş ile aynı tema değişkenleri */
.servis-sayfa {
	display: grid;
	grid-template-columns: 260px minmax(0, 1fr);
	gap: 24px;
	align-items: start;
	width: 100%;
	min-width: 0;
}

.servis-sayfa-tam {
	grid-template-columns: minmax(0, 1fr);
}

.servis-nav {
	position: sticky;
	top: 16px;
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-radius: 16px;
	padding: 18px;
	box-shadow: var(--golge);
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.servis-nav-ust {
	display: flex;
	gap: 12px;
	align-items: center;
	padding-bottom: 14px;
	border-bottom: 1px solid #e2e8f0;
}

.servis-nav-ust > span.servis-nav-rozet {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: var(--marka-gradient);
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}

.servis-nav-ust strong {
	display: block;
	color: var(--renk-koyu);
	font-size: 0.95rem;
	line-height: 1.3;
}

.servis-nav-ust span {
	display: block;
	color: #64748b;
	font-size: 0.82rem;
}

.servis-nav .hesabim-profil {
	margin-bottom: 0;
}

.servis-nav-liste {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.servis-nav-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	color: #475569;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.92rem;
	transition: background 0.15s, color 0.15s;
	position: relative;
}

.servis-nav-link:hover {
	background: #f1f5f9;
	color: var(--renk-ana);
}

.servis-nav-link.servis-nav-aktif {
	background: var(--marka-mavi-soft);
	color: var(--renk-ana);
}

.servis-nav-rozet-sayi {
	margin-left: auto;
	min-width: 20px;
	height: 20px;
	padding: 0 6px;
	border-radius: 999px;
	background: var(--marka-turuncu);
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.servis-nav-alt {
	display: flex;
	flex-direction: column;
	gap: 6px;
	margin-top: 4px;
	padding-top: 12px;
	border-top: 1px solid #e2e8f0;
}

.servis-magaza-link,
.servis-hesap-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.92rem;
	color: #475569;
}

.servis-magaza-link {
	background: var(--marka-mavi-soft);
	color: var(--renk-ana);
	border: 1px solid var(--marka-mavi-soft-2);
}

.servis-magaza-link:hover,
.servis-hesap-link:hover {
	background: #f1f5f9;
	color: var(--renk-ana);
}

.servis-cikis-btn {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid #fecaca;
	background: #fef2f2;
	color: #b91c1c;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.92rem;
}

.servis-cikis-btn:hover {
	background: #fee2e2;
}

.servis-icerik {
	display: flex;
	flex-direction: column;
	gap: 20px;
	min-width: 0;
	flex: 1;
	width: 100%;
	overflow: visible;
}

.servis-baslik h1 {
	margin: 0 0 6px;
	color: var(--renk-koyu);
	font-size: 1.55rem;
}

.servis-baslik p {
	margin: 0;
	color: #64748b;
	font-size: 0.95rem;
}

.servis-kart {
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-radius: 16px;
	padding: 20px;
	box-shadow: var(--golge);
}

.servis-bos {
	padding: 28px 20px;
	text-align: center;
}

.servis-bos p {
	margin: 0 0 14px;
	color: #64748b;
}

.hesabim-servis-link {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid var(--marka-mavi-soft-2);
	background: var(--marka-mavi-soft);
	color: var(--renk-ana);
	text-decoration: none;
	font-weight: 600;
	font-size: 0.92rem;
	margin-top: 4px;
}

.hesabim-servis-link:hover {
	background: #f1f5f9;
}

body.mod-servis .header-aksiyon-btn.header-aksiyon-servis.header-aksiyon-aktif,
body.mod-servis .header-aksiyon-btn.header-aksiyon-aktif {
	background: var(--marka-mavi-soft);
	border-color: var(--marka-mavi-soft-2);
	color: var(--renk-ana);
}

.header-aksiyon-btn.header-aksiyon-servis {
	position: relative;
}

.header-aksiyon-btn.header-aksiyon-servis em {
	position: absolute;
	top: 4px;
	right: 4px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: var(--marka-turuncu);
	color: #fff;
	font-size: 10px;
	font-weight: 700;
	font-style: normal;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

body.mod-servis-genislik-tam .site-layout-servis,
body.mod-servis .site-layout.site-layout-servis {
	max-width: 1280px;
}

body.mod-servis-genislik-orta .site-layout-servis {
	max-width: 1180px;
}

@media (max-width: 960px) {
	.servis-sayfa {
		grid-template-columns: 1fr;
	}

	.servis-nav {
		position: static;
	}

	.servis-nav-liste {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Kurumsal / statik sayfalar */
.kurumsal-sayfa {
	display: grid;
	gap: 20px;
	max-width: 960px;
	margin: 0 auto;
}
.kurumsal-baslik h1 {
	margin: 0 0 8px;
	color: var(--renk-koyu);
	font-size: clamp(1.5rem, 3vw, 2rem);
}
.kurumsal-baslik p {
	margin: 0;
	color: #64748b;
	line-height: 1.6;
}
.kurumsal-icerik {
	line-height: 1.7;
	color: #334155;
}
.kurumsal-icerik p,
.kurumsal-icerik li {
	margin-bottom: 0.75em;
}
.kurumsal-bos {
	text-align: center;
	color: #64748b;
}
.sss-liste {
	display: grid;
	gap: 10px;
}
.sss-oge summary {
	cursor: pointer;
	font-weight: 700;
	color: var(--renk-koyu);
	list-style: none;
}
.sss-oge summary::-webkit-details-marker { display: none; }
.sss-oge summary::after {
	content: '+';
	float: right;
	color: var(--renk-ana);
	font-weight: 800;
}
.sss-oge[open] summary::after { content: '−'; }
.sss-cevap {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid #e2e8f0;
	color: #475569;
	line-height: 1.6;
}
.iletisim-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
	gap: 20px;
	align-items: start;
}
.iletisim-bilgi h2 {
	margin: 0 0 14px;
	font-size: 1.05rem;
	color: var(--renk-koyu);
}
.iletisim-uyari-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 12px;
}
.iletisim-uyari-liste li {
	display: grid;
	grid-template-columns: 22px 1fr;
	gap: 10px;
	align-items: start;
	color: #475569;
	font-size: 0.92rem;
}
.iletisim-uyari-liste strong {
	display: block;
	color: var(--renk-koyu);
	margin-bottom: 2px;
}
.iletisim-uyari-not {
	margin: 14px 0 0;
	font-size: 0.88rem;
	color: #64748b;
}
.kargo-takip-kart {
	max-width: 520px;
	margin: 0 auto;
	text-align: center;
}
.kargo-takip-ikon {
	color: var(--renk-ana);
	margin-bottom: 12px;
}
.kargo-takip-form {
	text-align: left;
}
.kargo-takip-yardim {
	margin: 14px 0 0;
	font-size: 0.9rem;
	color: #64748b;
}
.kargo-takip-liste { margin-bottom: 20px; text-align: left; }
.kargo-takip-liste-ul { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.kargo-takip-liste-oge {
	display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px;
	padding: 12px 14px; border: 1px solid var(--renk-sinir); border-radius: 10px; background: #fff;
}
.kargo-takip-liste-oge code { display: block; margin-top: 4px; font-size: 0.9rem; }
.kargo-takip-liste-oge em { display: block; font-size: 0.85rem; color: #64748b; font-style: normal; }
.kargo-takip-aksiyonlar { display: flex; flex-wrap: wrap; gap: 8px; }
.kargo-takip-sonuc { margin-top: 20px; text-align: left; }
.kargo-takip-kayit {
	padding: 14px 16px; margin-top: 12px; border: 1px solid var(--renk-sinir); border-radius: 12px; background: #f8fafc;
}
.kargo-takip-sonuc-uyari {
	padding: 14px 16px; border-radius: 10px; background: #fffbeb; border: 1px solid #fde68a; color: #92400e;
}
.kargo-takip-bilgi { margin-top: 20px; text-align: left; }
.kargo-takip-adimlar { margin: 10px 0 0; padding-left: 20px; line-height: 1.6; color: #475569; }
.banka-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 16px;
}
.banka-kart-logo {
	text-align: center;
	margin-bottom: 12px;
	min-height: 48px;
}
.banka-kart-logo img {
	max-height: 40px;
	max-width: 160px;
	object-fit: contain;
}
.sonuc-sayfa .sonuc-kart {
	max-width: 520px;
	margin: 0 auto;
	text-align: center;
}
.sonuc-ikon {
	margin-bottom: 12px;
}
.sonuc-kart h1 {
	margin: 0 0 10px;
	font-size: 1.35rem;
	color: var(--renk-koyu);
}
.sonuc-kart p {
	margin: 0 0 18px;
	color: #64748b;
	line-height: 1.6;
}
.sonuc-basari .sonuc-ikon { color: #16a34a; }
.sonuc-hata .sonuc-ikon { color: #dc2626; }
@media (max-width: 800px) {
	.iletisim-grid {
		grid-template-columns: 1fr;
	}
}

/* Yazılım mülkiyeti (kullanım koşulları) */
.yazilim-mulkiyeti-blok {
	margin-top: 24px;
	padding-top: 20px;
	border-top: 1px solid #e2e8f0;
}
.yazilim-mulkiyeti-blok h2 {
	margin: 0 0 12px;
	font-size: 1.15rem;
	color: var(--renk-koyu);
}
.yazilim-mulkiyeti-blok p,
.yazilim-mulkiyeti-blok li {
	color: #475569;
	line-height: 1.65;
	font-size: 0.94rem;
}
.yazilim-mulkiyeti-blok ul {
	margin: 0 0 14px;
	padding-left: 1.25rem;
}
.yazilim-mulkiyeti-surum {
	font-size: 0.88rem !important;
	color: #64748b !important;
	margin-bottom: 0 !important;
}

/* Ana sayfa vitrin */
.anasayfa-sayfa {
	display: grid;
	gap: 8px;
}

.anasayfa-hero {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
	gap: 24px;
	align-items: center;
	padding: 32px 34px;
	margin-bottom: 20px;
	border-radius: 20px;
	background:
		radial-gradient(circle at 85% 15%, rgba(232, 93, 4, 0.14), transparent 42%),
		radial-gradient(circle at 10% 80%, rgba(26, 75, 140, 0.16), transparent 45%),
		linear-gradient(135deg, #0f2744 0%, #1a4b8c 52%, #163a6e 100%);
	color: #fff;
	box-shadow: 0 20px 50px rgba(15, 39, 68, 0.22);
	overflow: hidden;
	position: relative;
}

.anasayfa-hero::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.04) 100%);
	pointer-events: none;
}

.anasayfa-hero-icerik {
	position: relative;
	z-index: 1;
}

.anasayfa-hero-rozet {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 14px;
}

.anasayfa-hero h1 {
	margin: 0 0 12px;
	font-size: clamp(1.75rem, 3.5vw, 2.65rem);
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 800;
}

.anasayfa-hero h1 span {
	color: #ffb347;
}

.anasayfa-hero-icerik > p {
	margin: 0 0 20px;
	max-width: 52ch;
	color: rgba(255, 255, 255, 0.88);
	line-height: 1.65;
	font-size: 1rem;
}

.anasayfa-hero-aksiyon {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}

.anasayfa-hero-aksiyon .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	font-size: 0.95rem;
}

.btn-hero-ikincil {
	background: rgba(255, 255, 255, 0.1) !important;
	color: #fff !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
}

.btn-hero-ikincil:hover {
	background: rgba(255, 255, 255, 0.18) !important;
}

.anasayfa-hero-guvence {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.anasayfa-hero-guvence li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.9);
}

.anasayfa-hero-kartlar {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	min-height: 220px;
}

.anasayfa-hero-kart {
	background: rgba(255, 255, 255, 0.96);
	color: var(--renk-koyu);
	border-radius: 16px;
	padding: 18px 16px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
	display: grid;
	gap: 6px;
	align-content: start;
}

.anasayfa-hero-kart strong {
	font-size: 1rem;
}

.anasayfa-hero-kart span {
	font-size: 12px;
	color: #64748b;
}

.anasayfa-hero-kart-1 { transform: translateY(8px); }
.anasayfa-hero-kart-2 { transform: translateY(28px); grid-column: 2; }
.anasayfa-hero-kart-3 { transform: translateY(0); grid-column: 1 / -1; max-width: 68%; justify-self: center; }

/* Hero slider — panelden yönetilen premium banner */
.anasayfa-sayfa .hero-carousel {
	margin-bottom: 24px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 20px 50px rgba(15, 39, 68, 0.22);
	background: #0f2744;
}

.anasayfa-sayfa .hero-viewport {
	position: relative;
	min-height: 300px;
	aspect-ratio: unset;
}

.anasayfa-sayfa .hero-track {
	position: relative;
	width: 100%;
	min-height: 300px;
}

.hero-slide {
	position: absolute;
	inset: 0;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.65s ease, visibility 0.65s ease;
	color: var(--hero-metin, #fff);
}

.hero-slide.aktif {
	opacity: 1;
	visibility: visible;
	z-index: 2;
}

.hero-slide-arkaplan {
	position: absolute;
	inset: 0;
	z-index: 0;
}

.hero-slide-gorsel {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero-slide-gradient {
	position: absolute;
	inset: 0;
}

.hero-tema-1 .hero-slide-gradient {
	background:
		radial-gradient(circle at 85% 15%, rgba(232, 93, 4, 0.14), transparent 42%),
		radial-gradient(circle at 10% 80%, rgba(26, 75, 140, 0.16), transparent 45%),
		linear-gradient(135deg, #0f2744 0%, #1a4b8c 52%, #163a6e 100%);
}

.hero-tema-2 .hero-slide-gradient {
	background: linear-gradient(135deg, #312e81 0%, #4338ca 45%, #1e1b4b 100%);
}

.hero-tema-3 .hero-slide-gradient {
	background: linear-gradient(135deg, #0f766e 0%, #115e59 50%, #134e4a 100%);
}

.hero-tema-4 .hero-slide-gradient {
	background: linear-gradient(135deg, #c2410c 0%, #ea580c 45%, #9a3412 100%);
}

.hero-slide:has(.hero-slide-gorsel) .hero-slide-gradient {
	background: linear-gradient(105deg, rgba(15, 39, 68, 0.92) 0%, rgba(15, 39, 68, 0.55) 55%, rgba(15, 39, 68, 0.25) 100%);
}

.hero-slide-wrap {
	position: relative;
	z-index: 1;
	height: 100%;
	padding: 32px 34px;
	box-sizing: border-box;
}

.hero-slide-wrap::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent 55%, rgba(255, 255, 255, 0.04) 100%);
	pointer-events: none;
}

.hero-split-grid {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(260px, 0.85fr);
	gap: 24px;
	align-items: center;
	min-height: 236px;
}

.hero-merkez-grid,
.hero-kompakt-grid {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 220px;
}

.hero-gorsel-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(280px, 0.9fr);
	gap: 24px;
	align-items: center;
	min-height: 260px;
}

.hero-slide-icerik {
	position: relative;
	z-index: 1;
}

.hero-merkez-icerik {
	text-align: center;
	max-width: 720px;
	margin: 0 auto;
}

.hero-kompakt-icerik {
	max-width: 900px;
}

.hero-slide-rozet {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	border: 1px solid rgba(255, 255, 255, 0.18);
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 14px;
}

.hero-rozet-kucuk {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}

.hero-slide-baslik {
	margin: 0 0 12px;
	font-size: clamp(1.75rem, 3.5vw, 2.65rem);
	line-height: 1.15;
	letter-spacing: -0.03em;
	font-weight: 800;
	color: var(--hero-metin, #fff);
}

.hero-baslik-kucuk {
	font-size: clamp(1.35rem, 2.5vw, 2rem);
}

.hero-slide-baslik .hero-vurgu {
	color: var(--hero-vurgu, #ffb347);
}

.hero-slide-aciklama {
	margin: 0 0 20px;
	max-width: 52ch;
	color: var(--hero-aciklama, rgba(255, 255, 255, 0.88));
	line-height: 1.65;
	font-size: 1rem;
}

.hero-merkez-icerik .hero-slide-aciklama {
	margin-left: auto;
	margin-right: auto;
}

.hero-slide-aksiyon {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 18px;
}

.hero-slide-aksiyon .btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	font-size: 0.95rem;
}

.hero-slide-guvence {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.hero-slide-guvence li {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0.9);
}

.hero-slide-kartlar {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	min-height: 220px;
}

.hero-slide-kart {
	background: rgba(255, 255, 255, 0.96);
	color: var(--renk-koyu);
	border-radius: 16px;
	padding: 18px 16px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18);
	display: grid;
	gap: 6px;
	align-content: start;
}

.hero-slide-kart strong { font-size: 1rem; }
.hero-slide-kart span { font-size: 12px; color: #64748b; }
.hero-slide-kart-1 { transform: translateY(8px); }
.hero-slide-kart-2 { transform: translateY(28px); grid-column: 2; }
.hero-slide-kart-3 { transform: translateY(0); grid-column: 1 / -1; max-width: 68%; justify-self: center; }

.hero-gorsel-panel {
	border-radius: 16px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.15);
	min-height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.hero-gorsel-panel img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.hero-gorsel-placeholder {
	padding: 24px;
}

.hero-kompakt .hero-slide-wrap {
	padding: 24px 28px;
}

.hero-kompakt-grid {
	min-height: 160px;
}

.anasayfa-sayfa .hero-carousel .hero-ok {
	background: rgba(255, 255, 255, 0.15);
	border-color: rgba(255, 255, 255, 0.25);
	color: #fff;
}

.anasayfa-sayfa .hero-carousel .hero-ok:hover {
	background: rgba(255, 255, 255, 0.28);
}

.anasayfa-sayfa .hero-noktalar .kampanya-nokta {
	background: rgba(255, 255, 255, 0.35);
}

.anasayfa-sayfa .hero-noktalar .kampanya-nokta.aktif {
	background: #fff;
}

.anasayfa-bolum-baslik {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap: 16px;
	margin: 28px 0 16px;
}

.anasayfa-bolum-baslik h2 {
	margin: 0 0 4px;
	color: var(--renk-koyu);
	font-size: clamp(1.25rem, 2.5vw, 1.6rem);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.anasayfa-bolum-baslik p {
	margin: 0;
	color: #64748b;
	font-size: 0.92rem;
}

.anasayfa-bolum-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: var(--renk-ana);
	text-decoration: none;
	font-weight: 700;
	font-size: 0.92rem;
	white-space: nowrap;
}

.anasayfa-bolum-link:hover {
	text-decoration: underline;
}

.anasayfa-kategori-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
}

.anasayfa-kategori-kart {
	display: grid;
	gap: 8px;
	padding: 18px 16px;
	border-radius: 16px;
	border: 1px solid var(--renk-sinir);
	background: #fff;
	text-decoration: none;
	box-shadow: 0 4px 16px rgba(15, 39, 68, 0.05);
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.anasayfa-kategori-kart:hover {
	transform: translateY(-3px);
	border-color: var(--marka-mavi-soft-2);
	box-shadow: 0 12px 28px rgba(15, 39, 68, 0.1);
}

.anasayfa-kategori-kart strong {
	color: var(--renk-koyu);
	font-size: 0.98rem;
	line-height: 1.3;
}

.anasayfa-kategori-kart > span:last-child {
	color: #64748b;
	font-size: 0.82rem;
	line-height: 1.45;
}

.anasayfa-promo-serit {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	margin: 8px 0 12px;
}

.anasayfa-promo-kart {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 18px 16px;
	border-radius: 16px;
	border: 1px solid var(--renk-sinir);
	background: #fff;
	text-decoration: none;
	box-shadow: var(--golge);
	transition: transform 0.15s ease, border-color 0.15s ease;
}

.anasayfa-promo-kart:hover {
	transform: translateY(-2px);
	border-color: var(--renk-ana);
}

.anasayfa-promo-kart strong {
	display: block;
	color: var(--renk-koyu);
	margin-bottom: 2px;
}

.anasayfa-promo-kart span {
	color: #64748b;
	font-size: 13px;
}

.promo-firsat { background: linear-gradient(135deg, #fff7ed, #fff); }
.promo-havale { background: linear-gradient(135deg, #ecfdf5, #fff); }
.promo-servis { background: linear-gradient(135deg, #eff6ff, #fff); }

.anasayfa-urun-bolum {
	margin-bottom: 8px;
}

.anasayfa-sayfa .urun-grid {
	gap: 16px;
}

.anasayfa-sayfa .urun-kart {
	border-radius: 16px;
	padding: 14px;
	background: #fff;
}

.anasayfa-sayfa .urun-kart-resim img {
	border-radius: 12px;
	background: linear-gradient(180deg, #f8fafc, #f1f5f9);
}

.anasayfa-sayfa .urun-kart .btn-outline {
	width: 100%;
	margin-top: auto;
}

.anasayfa-sayfa .urun-kart-aksiyonlar .btn-outline {
	margin-top: 0;
}

.anasayfa-servis-cta {
	margin: 28px 0 12px;
	padding: 24px 28px;
	border-radius: 18px;
	background: linear-gradient(135deg, #ede9fe 0%, #eff6ff 55%, #fff 100%);
	border: 1px solid #dbeafe;
}

.anasayfa-servis-cta-icerik {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 18px;
	align-items: center;
}

.anasayfa-servis-cta h2 {
	margin: 0 0 6px;
	font-size: 1.25rem;
	color: var(--renk-koyu);
}

.anasayfa-servis-cta p {
	margin: 0;
	color: #475569;
	font-size: 0.94rem;
	line-height: 1.55;
	max-width: 56ch;
}

.anasayfa-avantajlar .anasayfa-bolum-baslik {
	margin-top: 12px;
}

.anasayfa-guven-serit {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 20px 0 28px;
}

.anasayfa-guven-oge {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	box-shadow: 0 4px 16px rgba(15, 39, 68, 0.04);
}

.anasayfa-guven-oge strong {
	display: block;
	font-size: 13px;
	color: var(--renk-koyu);
}

.anasayfa-guven-oge span {
	display: block;
	font-size: 12px;
	color: #64748b;
}

/* —— Anasayfa v2: ürün odaklı düzen —— */
.anasayfa-v2 {
	padding-bottom: 24px;
}

.anasayfa-v2 .hero-carousel {
	margin-bottom: 0;
}

.anasayfa-v2 .anasayfa-guven-serit {
	margin: 12px 0 8px;
	gap: 10px;
}

.anasayfa-v2 .anasayfa-guven-oge {
	padding: 10px 14px;
	border-radius: 12px;
}

.anasayfa-v2 .anasayfa-urun-oncelik {
	margin-top: 4px;
}

.anasayfa-hizli-kategori {
	margin: 18px 0 8px;
	padding: 18px 16px;
	border-radius: 16px;
	background: linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);
	border: 1px solid #e2e8f0;
}

.anasayfa-hizli-kategori-baslik h2 {
	margin: 0 0 4px;
	font-size: 1.1rem;
}

.anasayfa-hizli-kategori-baslik p {
	margin: 0 0 14px;
	font-size: 0.88rem;
	color: #64748b;
}

.anasayfa-hizli-kategori-grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

.anasayfa-hizli-kategori-kart {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 14px 10px;
	border-radius: 12px;
	background: #fff;
	border: 1px solid #e2e8f0;
	text-align: center;
	text-decoration: none;
	color: inherit;
	transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.anasayfa-hizli-kategori-kart:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(15, 23, 42, .08);
	border-color: #c7d2fe;
}

.anasayfa-hizli-kategori-kart strong {
	font-size: 0.82rem;
	line-height: 1.25;
}

@media (max-width: 1100px) {
	.anasayfa-hizli-kategori-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.anasayfa-hizli-kategori-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.anasayfa-v2 .anasayfa-urun-oncelik .anasayfa-bolum-baslik {
	margin-top: 16px;
}

.anasayfa-v2 .anasayfa-urun-bolum {
	margin-bottom: 4px;
}

.anasayfa-v2 .anasayfa-bolum-baslik {
	margin: 22px 0 12px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
}

.anasayfa-v2 .anasayfa-bolum-baslik h2 {
	font-size: 1.15rem;
	margin: 0;
}

.anasayfa-v2 .anasayfa-bolum-baslik p {
	margin: 4px 0 0;
	font-size: 0.88rem;
}

.anasayfa-v2.anasayfa-sayfa .urun-grid.anasayfa-urun-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-kompakt {
	padding: 8px;
	gap: 5px;
	border-radius: 10px;
	border: 1px solid #e8edf3;
	box-shadow: none;
	transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-kompakt:hover {
	border-color: #c7d7ee;
	box-shadow: 0 6px 18px rgba(15, 39, 68, 0.08);
	transform: translateY(-1px);
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-resim {
	aspect-ratio: 1 / 1;
	border-radius: 8px;
	background: #f8fafc;
	padding: 6px;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-resim img {
	padding: 2px;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-etiket {
	display: none;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart h3 {
	font-size: 11.5px;
	min-height: 30px;
	line-height: 1.3;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-fiyat {
	font-size: 13px;
	margin-top: auto;
	font-weight: 800;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-meta-kisa {
	min-height: 0;
	margin: 0;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-meta-kisa .urun-stok-rozet {
	margin: 0;
	padding: 2px 7px;
	font-size: 9px;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-aksiyonlar {
	margin-top: 2px;
}

.anasayfa-v2 .anasayfa-urun-grid .urun-kart-aksiyonlar .btn {
	padding: 6px 8px;
	font-size: 11px;
	min-height: 0;
	border-radius: 8px;
}

.anasayfa-v2 .anasayfa-urun-bolum {
	margin-bottom: 28px;
}

@media (min-width: 1600px) {
	.anasayfa-v2.anasayfa-sayfa .urun-grid.anasayfa-urun-grid {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}
}

@media (max-width: 1599px) {
	.anasayfa-v2.anasayfa-sayfa .urun-grid.anasayfa-urun-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

@media (max-width: 1400px) {
	.anasayfa-v2.anasayfa-sayfa .urun-grid.anasayfa-urun-grid {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}
}

@media (max-width: 1200px) {
	.anasayfa-v2.anasayfa-sayfa .urun-grid.anasayfa-urun-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 10px;
	}
}

@media (max-width: 992px) {
	.anasayfa-v2.anasayfa-sayfa .urun-grid.anasayfa-urun-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.anasayfa-v2.anasayfa-sayfa .urun-grid.anasayfa-urun-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
}

.anasayfa-v2 {
	padding-bottom: 28px;
}

.anasayfa-kurumsal-serit {
	margin: 24px 0 20px;
	padding: 0;
}

.anasayfa-kurumsal-serit-ic {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	padding: 22px 24px;
	border-radius: 16px;
	background: linear-gradient(135deg, #0f2744 0%, #1a4b8c 100%);
	color: #fff;
	box-shadow: 0 12px 36px rgba(15, 39, 68, 0.16);
}

.anasayfa-kurumsal-etiket {
	display: inline-block;
	margin-bottom: 6px;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.14);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.anasayfa-kurumsal-serit h2 {
	margin: 0 0 6px;
	font-size: 1.15rem;
	font-weight: 800;
	color: #fff;
}

.anasayfa-kurumsal-serit p {
	margin: 0;
	color: rgba(255, 255, 255, 0.88);
	font-size: 0.92rem;
	line-height: 1.5;
	max-width: 520px;
}

.anasayfa-kurumsal-serit-aksiyon {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.anasayfa-kurumsal-serit-aksiyon .btn-outline {
	border-color: rgba(255, 255, 255, 0.45);
	color: #fff;
	background: transparent;
}

.anasayfa-kurumsal-serit-aksiyon .btn-outline:hover {
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}

.anasayfa-kurumsal-serit-aksiyon .btn-primary {
	background: #e85d04;
	border-color: #e85d04;
}

.anasayfa-kategori-serit {
	margin: 28px 0 16px;
	padding: 20px 22px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
}

.anasayfa-kategori-serit-baslik {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
}

.anasayfa-kategori-serit-baslik h2 {
	margin: 0;
	font-size: 1.05rem;
	font-weight: 800;
	color: var(--renk-koyu);
}

.anasayfa-kategori-chip-list {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.anasayfa-kategori-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 999px;
	border: 1px solid #e2e8f0;
	background: #fff;
	color: var(--renk-koyu);
	text-decoration: none;
	font-size: 13px;
	font-weight: 600;
	transition: border-color 0.15s, background 0.15s, color 0.15s, transform 0.15s;
}

.anasayfa-kategori-chip:hover {
	border-color: var(--renk-ana);
	color: var(--renk-ana);
	transform: translateY(-1px);
}

.anasayfa-kategori-chip svg {
	flex-shrink: 0;
	opacity: 0.75;
}

.anasayfa-avantajlar-kompakt {
	margin-top: 16px;
	margin-bottom: 8px;
}

.anasayfa-avantajlar-kompakt .avantajlar-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.anasayfa-avantajlar-kompakt .avantaj-kart {
	padding: 16px 18px;
	border-radius: 14px;
}

.anasayfa-avantajlar-kompakt .avantaj-kart h3 {
	font-size: 0.98rem;
	margin-bottom: 4px;
}

.anasayfa-avantajlar-kompakt .avantaj-kart p {
	font-size: 0.85rem;
	margin: 0;
}

.yp-giris-hata {
	margin-bottom: 14px;
	text-align: left;
}

/* —— Hesabım özet (Genel Bakış) —— */
.hesabim-ozet-kokpit {
	margin: 20px 0 16px;
	padding: 24px 26px;
	border-radius: 18px;
	background: linear-gradient(135deg, #eff6ff 0%, #f8fafc 45%, #fff 100%);
	border: 1px solid #dbeafe;
	box-shadow: 0 8px 28px rgba(26, 75, 140, 0.08);
}

.hesabim-ozet-kokpit-ust {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	margin-bottom: 18px;
}

.hesabim-ozet-kokpit-sol h2 {
	margin: 8px 0 6px;
	font-size: clamp(1.25rem, 2.5vw, 1.65rem);
	color: var(--renk-koyu);
	letter-spacing: -0.02em;
}

.hesabim-ozet-kokpit-sol p {
	margin: 0;
	color: #475569;
	max-width: 52ch;
	line-height: 1.55;
	font-size: 0.94rem;
}

.hesabim-ozet-rozet {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 5px 12px;
	border-radius: 999px;
	background: #dbeafe;
	color: #1d4ed8;
	font-size: 12px;
	font-weight: 700;
}

.hesabim-ozet-kokpit-aksiyon {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
}

.hesabim-ozet-metrikler {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.hesabim-ozet-metrik {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.hesabim-ozet-metrik:hover {
	border-color: var(--renk-ana);
	box-shadow: 0 6px 18px rgba(26, 75, 140, 0.1);
}

.hesabim-ozet-metrik strong {
	font-size: 1.35rem;
	color: var(--renk-koyu);
	line-height: 1;
}

.hesabim-ozet-metrik span {
	font-size: 12px;
	color: #64748b;
	font-weight: 600;
}

.hesabim-ozet-hizli {
	margin: 8px 0 24px;
}

.hesabim-ozet-hizli-baslik {
	margin: 0 0 12px;
	font-size: 1rem;
	font-weight: 700;
	color: var(--renk-koyu);
}

.hesabim-ozet-hizli-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
}

.hesabim-ozet-hizli-kart {
	display: grid;
	gap: 6px;
	padding: 16px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s, transform 0.15s;
}

.hesabim-ozet-hizli-kart:hover {
	border-color: var(--renk-ana);
	transform: translateY(-2px);
}

.hesabim-ozet-hizli-kart strong {
	font-size: 14px;
	color: var(--renk-koyu);
}

.hesabim-ozet-hizli-kart span {
	font-size: 12px;
	color: #64748b;
}

.hesabim-ozet-sepet {
	margin: 0 0 20px;
	padding: 20px 22px;
	background: #fffbeb;
	border: 1px solid #fde68a;
	border-radius: 16px;
}

.hesabim-ozet-sepet-baslik {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
	flex-wrap: wrap;
}

.hesabim-ozet-sepet-baslik h3 {
	margin: 0;
	font-size: 1rem;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #92400e;
}

.hesabim-ozet-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 13px;
	font-weight: 700;
	color: var(--renk-ana);
	text-decoration: none;
}

.hesabim-ozet-link:hover {
	text-decoration: underline;
}

.hesabim-ozet-sepet-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 10px;
}

.hesabim-ozet-sepet-liste li {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #fef3c7;
}

.hesabim-ozet-sepet-liste img {
	width: 52px;
	height: 52px;
	object-fit: contain;
	border-radius: 8px;
	background: #f8fafc;
}

.hesabim-ozet-sepet-liste strong {
	display: block;
	font-size: 13px;
	color: var(--renk-koyu);
}

.hesabim-ozet-sepet-liste span {
	font-size: 12px;
	color: #64748b;
}

.hesabim-ozet-sepet-alt {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid #fde68a;
}

.hesabim-ozet-sepet-alt-btns {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.hesabim-ozet-son-siparis {
	margin: 0 0 20px;
}

.hesabim-ozet-son-siparis-ic {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding: 16px 20px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
}

.hesabim-ozet-son-siparis-metin {
	display: grid;
	gap: 4px;
	flex: 1;
	min-width: 180px;
}

.hesabim-ozet-son-siparis-etiket {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #64748b;
}

.hesabim-ozet-son-siparis-metin em {
	font-style: normal;
	font-size: 13px;
	color: #64748b;
}

.anasayfa-misafir-kapi {
	margin: 16px 0 20px;
	padding: 24px 28px;
	border-radius: 18px;
	background: linear-gradient(135deg, #0f2744, #1a4b8c);
	color: #fff;
}

.anasayfa-misafir-kapi-ic {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
}

.anasayfa-misafir-kapi h2 {
	margin: 0 0 8px;
	font-size: 1.35rem;
}

.anasayfa-misafir-kapi p {
	margin: 0;
	max-width: 52ch;
	opacity: 0.9;
	line-height: 1.55;
	font-size: 0.94rem;
}

.anasayfa-misafir-kapi-btns {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
}

.anasayfa-misafir-kapi .btn-outline {
	color: #fff !important;
	border-color: rgba(255, 255, 255, 0.45) !important;
	background: transparent !important;
}

.hesabim-ozet-adimlar {
	margin: 0 0 28px;
	padding: 20px 22px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 16px;
}

.hesabim-ozet-adimlar h3 {
	margin: 0 0 14px;
	font-size: 1rem;
	color: var(--renk-koyu);
}

.hesabim-ozet-adimlar-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 14px;
	counter-reset: adim;
}

.hesabim-ozet-adimlar-liste li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	padding: 14px;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #e2e8f0;
}

.hesabim-ozet-adim-no {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 999px;
	background: var(--renk-ana);
	color: #fff;
	font-weight: 800;
	font-size: 14px;
	flex-shrink: 0;
}

.hesabim-ozet-adimlar-liste strong {
	display: block;
	font-size: 14px;
	color: var(--renk-koyu);
	margin-bottom: 2px;
}

.hesabim-ozet-adimlar-liste span {
	font-size: 12px;
	color: #64748b;
	line-height: 1.45;
}

.anasayfa-promo-genis {
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}

.promo-katalog { background: linear-gradient(135deg, #eef2ff, #fff); }
.promo-sepet { background: linear-gradient(135deg, #fff7ed, #fff); }

.sepet-bildirim-uyari {
	background: #fffbeb;
	border-color: #fde68a;
	color: #92400e;
}

@media (max-width: 1024px) {
	.anasayfa-hero,
	.hero-split-grid,
	.hero-gorsel-grid {
		grid-template-columns: 1fr;
	}
	.hero-slide-wrap {
		padding: 28px 24px;
	}
	.hero-slide-kartlar,
	.hero-gorsel-panel {
		display: none;
	}
	.anasayfa-kategori-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 700px) {
	.anasayfa-promo-serit,
	.anasayfa-kategori-grid,
	.anasayfa-guven-serit {
		grid-template-columns: 1fr;
	}
	.anasayfa-v2 .anasayfa-guven-serit {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.anasayfa-v2.anasayfa-sayfa .urun-grid.anasayfa-urun-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 10px;
	}
	.anasayfa-kategori-serit {
		padding: 16px;
	}
	.anasayfa-avantajlar-kompakt .avantajlar-grid {
		grid-template-columns: 1fr;
	}
	.hesabim-ozet-metrikler,
	.hesabim-ozet-hizli-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.hesabim-ozet-adimlar-liste {
		grid-template-columns: 1fr;
	}
	.hesabim-ozet-kokpit-aksiyon {
		width: 100%;
	}
	.hesabim-ozet-kokpit-aksiyon .btn {
		flex: 1;
		justify-content: center;
		min-width: 140px;
	}
	.anasayfa-sayfa .hero-viewport,
	.anasayfa-sayfa .hero-track {
		min-height: 240px;
	}
	.anasayfa-hero {
		padding: 24px 20px;
	}
	.anasayfa-hero-kartlar {
		display: none;
	}
	.anasayfa-bolum-baslik {
		flex-direction: column;
		align-items: flex-start;
	}
	.anasayfa-servis-cta-icerik {
		grid-template-columns: 1fr;
		text-align: left;
	}
	.anasayfa-servis-cta .btn {
		justify-self: start;
	}
}

/* ===== SAĞ SABİT CANLI DESTEK ===== */
.canli-destek-wrap {
	position: fixed;
	right: 16px;
	bottom: 20px;
	z-index: 9900;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	pointer-events: none;
}

.canli-destek-wrap * {
	pointer-events: auto;
}

.canli-destek-bar {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.canli-destek-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: auto;
	padding: 10px 16px;
	border: none;
	border-radius: 999px;
	box-shadow: 0 8px 24px rgba(15, 39, 68, 0.18);
	text-decoration: none;
	font-size: 13px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	transition: transform .15s, box-shadow .15s;
}

.canli-destek-btn span {
	max-width: none;
	opacity: 1;
	overflow: visible;
	white-space: nowrap;
	margin-left: 0;
}

.canli-destek-btn:hover,
.canli-destek-btn:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 12px 28px rgba(15, 39, 68, 0.22);
}

.canli-destek-btn-asistan {
	background: linear-gradient(135deg, var(--marka-mavi, #1a4b8c), var(--marka-mavi-acik, #2a6cb8));
}

.canli-destek-panel {
	width: min(360px, calc(100vw - 32px));
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-radius: 16px;
	box-shadow: 0 20px 50px rgba(15, 39, 68, 0.2);
	overflow: hidden;
}

.canli-destek-panel-baslik {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	padding: 14px 14px 12px;
	background: linear-gradient(135deg, var(--marka-mavi-koyu, #153d6f), var(--marka-mavi, #1a4b8c));
	color: #fff;
}

.canli-destek-panel-baslik strong {
	display: block;
	font-size: 15px;
}

.canli-destek-panel-baslik span {
	display: block;
	font-size: 11px;
	opacity: .85;
	margin-top: 2px;
}

.canli-destek-online-durum {
	display: flex;
	align-items: center;
	gap: 6px;
	margin-top: 6px;
	font-size: 11px;
	opacity: .95;
}

.canli-destek-online-nokta {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	flex-shrink: 0;
}

.canli-destek-online-nokta.online {
	background: #4ade80;
	box-shadow: 0 0 0 2px rgba(74, 222, 128, 0.35);
}

.canli-destek-online-nokta.offline {
	background: #94a3b8;
}

.canli-destek-baloon.yonetici {
	align-self: flex-start;
	background: #e8f4fd;
	border-left: 3px solid var(--marka-mavi, #1a4b8c);
}

.canli-destek-dosya-link {
	display: inline-block;
	margin-top: 6px;
	font-size: 12px;
	color: var(--marka-mavi, #1a4b8c);
	text-decoration: underline;
}

.canli-destek-btn {
	position: relative;
}

.canli-destek-btn-rozet {
	position: absolute;
	top: -2px;
	right: -2px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 999px;
	background: #ef4444;
	color: #fff;
	font-size: 10px;
	font-weight: 800;
	line-height: 18px;
	text-align: center;
	border: 2px solid #fff;
	z-index: 2;
}

.canli-destek-btn-rozet[hidden] {
	display: none !important;
}

.canli-destek-btn.canli-destek-btn-bildirim {
	animation: canliDestekBtnPulse 1s ease-in-out infinite;
}

@keyframes canliDestekBtnPulse {
	0%, 100% { box-shadow: 0 8px 24px rgba(15, 39, 68, 0.18); }
	50% { box-shadow: 0 0 0 8px rgba(239, 68, 68, 0.3), 0 8px 24px rgba(239, 68, 68, 0.35); }
}

.canli-destek-mini-toast {
	position: absolute;
	right: 0;
	bottom: calc(100% + 10px);
	width: 260px;
	background: #fff;
	color: #0f172a;
	border-radius: 12px;
	padding: 12px 14px;
	box-shadow: 0 12px 36px rgba(15, 39, 68, 0.22);
	font-size: 12px;
	line-height: 1.45;
	animation: canliMiniToastIn 0.35s ease;
	cursor: pointer;
	border-left: 4px solid #2563eb;
	z-index: 9910;
}

.canli-destek-mini-toast strong {
	display: block;
	font-size: 11px;
	color: #2563eb;
	margin-bottom: 4px;
}

@keyframes canliMiniToastIn {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

.canli-destek-baloon.canli-yeni-mesaj {
	animation: canliBaloonVurgu 0.6s ease;
}

@keyframes canliBaloonVurgu {
	0% { background: #dbeafe; transform: scale(1.02); }
	100% { transform: scale(1); }
}

.canli-destek-sohbet-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 8px 12px;
	background: linear-gradient(90deg, #eff6ff, #f8fafc);
	border-top: 1px solid #e2e8f0;
	border-bottom: 1px solid #e2e8f0;
}

.canli-destek-sohbet-bar[hidden] {
	display: none !important;
}

.canli-destek-sohbet-bar-metin {
	font-size: 11px;
	font-weight: 600;
	color: #475569;
	flex: 1;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.canli-destek-sohbet-bar-metin.canli-mod {
	color: #1d4ed8;
}

.canli-destek-bitir-btn {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	border: 1px solid #fecaca;
	background: #fff;
	color: #b91c1c;
	font-size: 11px;
	font-weight: 700;
	padding: 6px 10px;
	border-radius: 999px;
	cursor: pointer;
	transition: background 0.15s, border-color 0.15s, transform 0.15s;
	flex-shrink: 0;
}

.canli-destek-bitir-btn:hover:not(:disabled) {
	background: #fef2f2;
	border-color: #f87171;
	transform: translateY(-1px);
}

.canli-destek-bitir-btn:disabled {
	opacity: 0.65;
	cursor: wait;
}

.canli-destek-bitir-btn svg {
	flex-shrink: 0;
}

.canli-destek-onay {
	position: absolute;
	inset: 0;
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	background: rgba(15, 23, 42, 0.45);
	backdrop-filter: blur(2px);
	border-radius: inherit;
	animation: canliOnayFadeIn 0.2s ease;
}

.canli-destek-onay[hidden] {
	display: none !important;
}

.canli-destek-panel {
	position: relative;
}

@keyframes canliOnayFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

.canli-destek-onay-kutu {
	width: 100%;
	max-width: 280px;
	background: #fff;
	border-radius: 14px;
	padding: 18px 16px 14px;
	box-shadow: 0 16px 40px rgba(15, 23, 42, 0.22);
	text-align: center;
	animation: canliOnayKutuIn 0.25s ease;
}

@keyframes canliOnayKutuIn {
	from { opacity: 0; transform: scale(0.94) translateY(8px); }
	to { opacity: 1; transform: scale(1) translateY(0); }
}

.canli-destek-onay-ikon {
	width: 48px;
	height: 48px;
	margin: 0 auto 10px;
	border-radius: 50%;
	background: #fef2f2;
	color: #dc2626;
	display: flex;
	align-items: center;
	justify-content: center;
}

.canli-destek-onay-kutu h4 {
	margin: 0 0 8px;
	font-size: 15px;
	color: #0f172a;
}

.canli-destek-onay-aciklama {
	margin: 0 0 14px;
	font-size: 12px;
	line-height: 1.5;
	color: #64748b;
}

.canli-destek-onay-aciklama strong {
	color: #1d4ed8;
	font-weight: 700;
}

.canli-destek-onay-aksiyon {
	display: flex;
	gap: 8px;
}

.canli-destek-onay-iptal,
.canli-destek-onay-evet {
	flex: 1;
	border: none;
	border-radius: 10px;
	padding: 10px 12px;
	font-size: 13px;
	font-weight: 700;
	cursor: pointer;
}

.canli-destek-onay-iptal {
	background: #f1f5f9;
	color: #475569;
}

.canli-destek-onay-iptal:hover {
	background: #e2e8f0;
}

.canli-destek-onay-evet {
	background: #dc2626;
	color: #fff;
}

.canli-destek-onay-evet:hover:not(:disabled) {
	background: #b91c1c;
}

.canli-destek-onay-evet:disabled {
	opacity: 0.7;
	cursor: wait;
}

.canli-destek-onay-yukleniyor[hidden] {
	display: none !important;
}

.canli-destek-bitir-basarili {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 20px 16px;
	background: #f0fdf4;
	color: #166534;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	animation: canliBaloonVurgu 0.5s ease;
}

.canli-destek-kapat {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border: none;
	border-radius: 8px;
	background: rgba(255,255,255,.15);
	color: #fff;
	cursor: pointer;
}

.canli-destek-mesajlar {
	max-height: 320px;
	overflow-y: auto;
	padding: 14px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	background: #f8fafc;
}

.canli-destek-baloon {
	max-width: 92%;
	padding: 10px 12px;
	border-radius: 12px;
	font-size: 13px;
	line-height: 1.45;
}

.canli-destek-baloon.musteri {
	align-self: flex-end;
	background: var(--marka-mavi-soft, #e8f1fa);
	color: var(--renk-koyu);
	border-bottom-right-radius: 4px;
}

.canli-destek-baloon.asistan {
	align-self: flex-start;
	background: #fff;
	border: 1px solid var(--renk-sinir);
	border-bottom-left-radius: 4px;
}

.canli-destek-hizli {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	padding: 0 12px 10px;
	background: #f8fafc;
}

.canli-destek-hizli button {
	border: 1px solid #dbeafe;
	background: #fff;
	color: var(--marka-mavi, #1a4b8c);
	border-radius: 999px;
	padding: 6px 10px;
	font-size: 11px;
	font-weight: 700;
	cursor: pointer;
}

.canli-destek-hizli button:hover {
	background: var(--marka-mavi-soft, #e8f1fa);
}

.canli-destek-form {
	padding: 10px 12px 12px;
	border-top: 1px solid var(--renk-sinir);
	background: #fff;
}

.canli-destek-form-iletisim {
	display: grid;
	gap: 6px;
	margin-bottom: 8px;
}

.canli-destek-form-iletisim input {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--renk-sinir);
	border-radius: 8px;
	font-size: 13px;
}

.canli-destek-giris {
	display: flex;
	gap: 8px;
}

.canli-destek-giris input {
	flex: 1;
	padding: 10px 12px;
	border: 1px solid var(--renk-sinir);
	border-radius: 10px;
	font-size: 13px;
}

.canli-destek-giris button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	border: none;
	border-radius: 10px;
	background: var(--marka-mavi, #1a4b8c);
	color: #fff;
	cursor: pointer;
}

.canli-admin-sohbet {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.canli-admin-baloon {
	padding: 10px 12px;
	border-radius: 10px;
	border: 1px solid var(--renk-sinir, #e2e8f0);
}

.canli-admin-baloon.musteri {
	background: #eff6ff;
}

.canli-admin-baloon.asistan {
	background: #f8fafc;
}

.canli-admin-baloon p {
	margin: 6px 0 4px;
}

@media (max-width: 700px) {
	.canli-destek-wrap {
		right: 10px;
		bottom: 12px;
	}
	.canli-destek-btn {
		padding: 10px 14px;
		font-size: 12px;
	}
}

.canli-destek-misafir {
	padding: 22px 18px 18px;
	text-align: center;
	background: #f8fafc;
}

.canli-destek-misafir-ikon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	margin-bottom: 12px;
	border-radius: 16px;
	background: var(--marka-mavi-soft, #e8f1fa);
	color: var(--marka-mavi, #1a4b8c);
}

.canli-destek-misafir h3 {
	margin: 0 0 8px;
	font-size: 17px;
	color: var(--renk-koyu);
}

.canli-destek-misafir p {
	margin: 0 0 14px;
	font-size: 13px;
	line-height: 1.5;
	color: #64748b;
}

.canli-destek-misafir-aksiyon {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 12px;
}

.canli-destek-misafir-aksiyon .btn {
	width: 100%;
	justify-content: center;
}

.canli-destek-misafir-aksiyon .btn-ikincil {
	background: #fff;
	color: var(--marka-mavi, #1a4b8c);
	border: 1px solid var(--renk-sinir);
}

.canli-destek-misafir-not {
	font-size: 12px !important;
	margin-bottom: 0 !important;
}

/* —— Ürün filtreleme (kategori sayfası) —— */
.kategori-filtreli-icerik {
	padding-top: 0;
}

.kategori-ust-filtreli {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 16px;
}

.kategori-ust-baslik h1 {
	margin-bottom: 4px;
}

.kategori-sonuc-adet {
	margin: 0;
	font-size: 13px;
	color: #64748b;
}

.kategori-filtre-layout {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: 22px;
	align-items: start;
}

.urun-filtre-panel {
	background: #fff;
	border: 1px solid var(--renk-sinir, #e2e8f0);
	border-radius: 14px;
	padding: 0;
	position: sticky;
	top: 88px;
	max-height: calc(100vh - 100px);
	overflow: auto;
}

.urun-filtre-baslik {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid #eef2f7;
	position: sticky;
	top: 0;
	background: #fff;
	z-index: 2;
}

.urun-filtre-baslik strong {
	flex: 1;
	font-size: 15px;
}

.urun-filtre-adet {
	font-size: 12px;
	color: #64748b;
}

.urun-filtre-mobil-kapat {
	display: none;
	border: 0;
	background: transparent;
	font-size: 24px;
	line-height: 1;
	color: #64748b;
	cursor: pointer;
	padding: 0 4px;
}

.urun-filtre-form {
	padding: 0 16px 16px;
}

.urun-filtre-grup {
	padding-top: 14px;
	border-top: 1px solid #f1f5f9;
}

.urun-filtre-grup:first-of-type {
	border-top: 0;
}

.urun-filtre-grup-baslik {
	margin: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
	color: #334155;
}

.urun-filtre-yardim {
	margin: -4px 0 8px;
	font-size: 11px;
	color: #94a3b8;
}

.urun-filtre-select,
.urun-filtre-input {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid #dbe3ee;
	border-radius: 8px;
	font: inherit;
	font-size: 13px;
}

.urun-filtre-fiyat {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	gap: 8px;
	align-items: center;
}

.urun-filtre-fiyat span {
	color: #94a3b8;
}

.urun-filtre-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-bottom: 8px;
	font-size: 13px;
	line-height: 1.35;
	cursor: pointer;
}

.urun-filtre-checkbox input {
	margin-top: 2px;
	accent-color: var(--marka-mavi, #1a4b8c);
}

.urun-filtre-checkbox em {
	font-style: normal;
	color: #94a3b8;
	font-size: 11px;
}

.urun-filtre-scroll {
	max-height: 180px;
	overflow: auto;
	padding-right: 4px;
}

.urun-filtre-link-liste {
	list-style: none;
	margin: 0;
	padding: 0;
}

.urun-filtre-link-liste a {
	display: flex;
	justify-content: space-between;
	gap: 8px;
	padding: 7px 10px;
	border-radius: 8px;
	font-size: 13px;
	color: #334155;
	text-decoration: none;
}

.urun-filtre-link-liste a:hover,
.urun-filtre-link-liste a.aktif {
	background: var(--marka-mavi-soft, #e8f1fa);
	color: var(--marka-mavi, #1a4b8c);
}

.urun-filtre-link-liste span {
	color: #94a3b8;
	font-size: 12px;
}

.urun-filtre-alt {
	display: grid;
	gap: 8px;
	margin-top: 16px;
}

.urun-filtre-etiketler {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-bottom: 14px;
}

.urun-filtre-etiket {
	display: inline-flex;
	padding: 5px 10px;
	border-radius: 999px;
	background: #f1f5f9;
	font-size: 12px;
	color: #475569;
}

.urun-filtre-etiket-temizle {
	font-size: 12px;
	color: var(--marka-mavi, #1a4b8c);
	text-decoration: none;
}

.urun-filtre-mobil-ac {
	display: none;
	width: 100%;
	margin-bottom: 12px;
	padding: 11px 14px;
	border: 1px solid #dbe3ee;
	border-radius: 10px;
	background: #fff;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
}

.urun-filtre-mobil-overlay {
	display: none;
}

body.filtre-kilit {
	overflow: hidden;
}

/* Arama sonuç sayfası grupları */
.arama-sonuc-gruplar {
	display: grid;
	gap: 20px;
	margin-bottom: 24px;
}

.arama-sonuc-grup h2 {
	margin: 0 0 12px;
	font-size: 16px;
}

.arama-sonuc-kart-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 12px;
}

.arama-sonuc-kart {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	background: #fff;
	text-decoration: none;
	color: inherit;
	transition: border-color 0.15s, box-shadow 0.15s;
}

.arama-sonuc-kart:hover {
	border-color: var(--marka-mavi, #1a4b8c);
	box-shadow: 0 8px 20px rgba(26, 75, 140, 0.08);
}

.arama-sonuc-kart-ikon {
	font-size: 20px;
}

.arama-sonuc-kart strong {
	font-size: 14px;
	color: #0f172a;
}

.arama-sonuc-kart span:last-child {
	font-size: 12px;
	color: #64748b;
}

.arama-sonuc-etiket-grid {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.arama-sonuc-etiket {
	display: inline-flex;
	flex-direction: column;
	gap: 2px;
	padding: 8px 12px;
	border-radius: 10px;
	border: 1px solid #e2e8f0;
	background: #fff;
	text-decoration: none;
	color: #0f172a;
	font-size: 13px;
	font-weight: 600;
}

.arama-sonuc-etiket small {
	font-size: 11px;
	font-weight: 400;
	color: #64748b;
}

.arama-sonuc-etiket:hover {
	border-color: var(--marka-mavi, #1a4b8c);
	background: var(--marka-mavi-soft, #e8f1fa);
}

.arama-urun-baslik {
	margin: 0 0 14px;
	font-size: 18px;
}

.arama-urun-baslik span {
	font-size: 14px;
	font-weight: 400;
	color: #64748b;
}

@media (max-width: 960px) {
	.kategori-filtre-layout {
		grid-template-columns: 1fr;
	}

	.urun-filtre-mobil-ac {
		display: block;
	}

	.urun-filtre-panel {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		width: min(320px, 92vw);
		max-height: none;
		z-index: 1300;
		transform: translateX(-110%);
		transition: transform 0.22s ease;
		border-radius: 0;
		box-shadow: 8px 0 30px rgba(15, 23, 42, 0.18);
	}

	.kategori-filtreli.mobil-filtre-acik .urun-filtre-panel {
		transform: translateX(0);
	}

	.urun-filtre-mobil-kapat {
		display: inline-flex;
	}

	.urun-filtre-mobil-overlay {
		display: block;
		position: fixed;
		inset: 0;
		background: rgba(15, 23, 42, 0.45);
		z-index: 1290;
	}

	.urun-filtre-mobil-overlay[hidden] {
		display: none !important;
	}

	.kategori-ust-filtreli {
		flex-direction: column;
		align-items: stretch;
	}
}

/* —— Marketplace vitrin iyileştirmeleri —— */
.magaza-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #64748b;
	margin: 0 0 16px;
}
.magaza-breadcrumb a {
	color: var(--renk-ana);
	text-decoration: none;
	font-weight: 600;
}
.magaza-breadcrumb a:hover { text-decoration: underline; }
.magaza-breadcrumb span:last-child {
	color: #334155;
	font-weight: 500;
	max-width: 42ch;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.urun-yildiz {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	font-size: 14px;
	color: #f59e0b;
}
.urun-yildiz em {
	font-style: normal;
	font-size: 12px;
	color: #64748b;
	margin-left: 4px;
}
.urun-yildiz-bos { color: #cbd5e1; }
.urun-kart-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	min-height: 22px;
	margin: 4px 0 8px;
}
.urun-kart-satis {
	font-size: 11px;
	font-weight: 700;
	color: #64748b;
	background: #f1f5f9;
	padding: 2px 8px;
	border-radius: 999px;
}

.urun-stok-rozet {
	display: inline-flex;
	margin: 8px 0 12px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
}
.urun-stok-rozet.stok-var { background: #dcfce7; color: #166534; }
.urun-stok-rozet.stok-az { background: #fef3c7; color: #92400e; }
.urun-stok-rozet.stok-yok { background: #fee2e2; color: #991b1b; }

.urun-detay-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
	margin: 10px 0 14px;
}

.urun-detay-barkod {
	font-size: 13px;
	color: #475569;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 999px;
	padding: 4px 12px;
}

.urun-detay-barkod strong {
	color: #334155;
	font-weight: 700;
}

.urun-detay-favori-bilgi {
	margin: 0 0 12px;
	padding: 10px 12px;
	border-radius: 10px;
	background: #ecfdf5;
	color: #047857;
	font-size: 13px;
}

.urun-favori-form {
	display: inline;
	margin: 0;
}

.urun-favori-btn.favori-aktif {
	border-color: #fecaca;
	background: #fef2f2;
	color: #b91c1c;
}

.urun-kart-stok {
	font-size: 11px;
	margin: 0;
}

.urun-kart-barkod {
	display: block;
	font-size: 11px;
	color: #64748b;
	margin-top: 4px;
}

.urun-detay-puan { margin: 6px 0 4px; }
.urun-detay-taksit-oniz {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 10px 0;
	padding: 10px 12px;
	background: #eff6ff;
	border: 1px solid #bfdbfe;
	border-radius: 10px;
	font-size: 13px;
	color: #1e40af;
}

.ucretsiz-kargo-bar {
	margin: 0 0 14px;
	padding: 12px 14px;
	background: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 12px;
	font-size: 13px;
	color: #166534;
}
.ucretsiz-kargo-bar.ucretsiz-kargo-tamam {
	display: flex;
	align-items: center;
	gap: 8px;
}
.ucretsiz-kargo-metin {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 8px;
}
.ucretsiz-kargo-track {
	height: 8px;
	background: #dcfce7;
	border-radius: 999px;
	overflow: hidden;
	margin-bottom: 6px;
}
.ucretsiz-kargo-track span {
	display: block;
	height: 100%;
	background: linear-gradient(90deg, #22c55e, #16a34a);
	border-radius: 999px;
	transition: width 0.3s ease;
}
.ucretsiz-kargo-bar small {
	color: #15803d;
	font-size: 11px;
}

.urun-detay-avantajlar {
	list-style: none;
	margin: 16px 0 0;
	padding: 0;
	display: grid;
	gap: 8px;
}
.urun-detay-avantajlar li {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #475569;
}

.urun-detay-benzer { margin-top: 28px; }
.hesabim-kargo-takip-link {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	margin-left: 10px;
	font-size: 13px;
	font-weight: 700;
	color: var(--renk-ana);
	text-decoration: none;
}
.hesabim-kargo-takip-link:hover { text-decoration: underline; }

/* Türkiye il/ilçe sekmeleri */
.tr-il-adres-wrap { margin: 0 0 16px; }
.tr-il-etiket { display: block; font-weight: 600; margin-bottom: 8px; color: var(--marka-lacivert); }
.tr-il-sekme-nav { display: grid; gap: 6px; margin-bottom: 12px; max-height: 220px; overflow-y: auto; padding: 4px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; }
.tr-il-sekme-satir { display: flex; flex-wrap: wrap; gap: 6px; }
.tr-il-sekme {
	border: 1px solid #cbd5e1; background: #fff; color: #334155; border-radius: 999px;
	padding: 5px 10px; font-size: 12px; cursor: pointer; transition: .15s ease;
}
.tr-il-sekme:hover { border-color: var(--marka-turuncu); color: var(--marka-lacivert); }
.tr-il-sekme.aktif { background: var(--marka-lacivert); border-color: var(--marka-lacivert); color: #fff; }
.tr-ilce-secim { margin-bottom: 12px; }
.tr-ilce-secim select { width: 100%; }

/* Teknik servis kargo */
.ts-teslim-modu-alan { border: 1px solid #e2e8f0; border-radius: 14px; padding: 16px; margin-bottom: 16px; }
.ts-teslim-modu-alan legend { font-weight: 700; color: var(--marka-lacivert); padding: 0 6px; }
.ts-teslim-secenek { display: flex; gap: 10px; align-items: flex-start; margin-bottom: 10px; cursor: pointer; }
.ts-teslim-secenek span { display: grid; gap: 2px; }
.ts-teslim-secenek small { color: #64748b; font-size: 13px; line-height: 1.4; }
.ts-magaza-adres-kutu, .ts-kargo-adres-blok { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; padding: 14px; margin-bottom: 16px; }
.ts-kargo-kutu { background: #fff; border: 1px solid #dbeafe; border-radius: 14px; padding: 16px; margin: 16px 0; }
.ts-kargo-kutu h4 { margin: 0 0 10px; color: var(--marka-lacivert); }
.ts-kargo-yardim { font-size: 14px; color: #64748b; margin: 0 0 10px; }
.ts-kargo-form-satir { display: flex; gap: 8px; flex-wrap: wrap; margin: 8px 0; }
.ts-kargo-form-satir input { flex: 1; min-width: 180px; }
.ts-cihaz-nerede { margin: 12px 0 0; padding: 10px 12px; background: #f0f9ff; border-radius: 10px; font-size: 14px; }
.ts-bilgi-uyari { color: #b45309; font-size: 14px; }

.ts-hukuki-kutu {
	margin: 16px 0;
	padding: 16px;
	background: #f8fafc;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	font-size: 14px;
	color: #475569;
}
.ts-hukuki-kutu h4 { margin: 0 0 10px; color: var(--marka-lacivert); font-size: 15px; }
.ts-hukuki-kutu ul { margin: 0 0 10px; padding-left: 18px; line-height: 1.55; }
.ts-hukuki-kutu li { margin-bottom: 4px; }
.ts-hukuki-alt { margin: 0; font-size: 12px; color: #64748b; }
.ts-hukuki-alt a { color: var(--marka-mavi-koyu); font-weight: 600; }
.ts-hukuki-landing { margin-top: 20px; }