.footer-stats{position:relative;z-index:3;padding-top:55px;background:#f3f6f5}.footer-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:0!important;overflow:hidden;border-radius:18px 18px 0 0;background:#171d25;box-shadow:0 18px 40px rgba(15,28,20,.12)}.footer-stat{display:flex;align-items:center;gap:14px;min-height:108px;padding:22px 25px;border-right:1px solid rgba(255,255,255,.07);color:#fff}.footer-stat:last-child{border:0}.footer-stat.featured{background:linear-gradient(135deg,var(--primary),#27d94d);color:#12351e}.footer-stat>span{font-size:30px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.18))}.footer-stat p{display:flex;min-width:0;flex-direction:column;margin:0;line-height:1.35}.footer-stat strong{font-size:18px}.footer-stat small{font-size:11px;font-weight:700;opacity:.75}.footer-stat.support{position:relative}.footer-stat.support b{display:grid;place-items:center;width:42px;height:42px;margin-left:auto;border-radius:50%;background:var(--primary);color:#163621;font-size:21px}.site-footer{padding:0;background:radial-gradient(circle at 0 60%,rgba(42,139,72,.19),transparent 25%),var(--mode-bg,#0e1319)}.footer-grid-rich{grid-template-columns:1.35fr repeat(3,1fr);gap:55px;padding-block:55px}.footer-grid-rich .footer-brand p{line-height:1.85}.footer-grid-rich h3{display:flex;gap:8px;margin:0 0 6px;color:#fff;font-size:14px;text-transform:uppercase}.footer-grid-rich h3::first-letter{color:var(--primary)}.footer-grid-rich>div:not(:first-child) a{position:relative;padding-left:16px}.footer-grid-rich>div:not(:first-child) a::before{content:"";position:absolute;top:.65em;left:0;width:7px;height:7px;border-radius:50%;background:var(--primary)}.footer-track-link{display:inline-flex;margin-top:12px;color:var(--primary);font-size:13px;font-weight:800}.footer-contact-wrap{border-block:1px solid #202b25;background:rgba(8,13,16,.4)}.footer-contact-row{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding-block:18px}.footer-contact-row>a,.footer-contact-row>div{display:flex;align-items:center;gap:12px;min-width:0;color:#fff}.footer-contact-row i{display:grid;place-items:center;width:45px;height:45px;flex:0 0 45px;border-radius:13px;background:var(--primary);color:#15361f;font-style:normal;font-size:21px}.footer-contact-row span{display:flex;min-width:0;flex-direction:column;line-height:1.35}.footer-contact-row small{color:#90a098;font-size:10px;font-weight:700}.footer-contact-row strong{font-size:12px;overflow-wrap:anywhere}.site-footer .footer-bottom{padding-block:19px}.payment-trust{color:#798880!important;text-align:right}.payment-trust b{color:#a7b5ad}@media(max-width:1024px){.footer-stats-grid{grid-template-columns:1fr 1fr}.footer-grid-rich{grid-template-columns:1.2fr repeat(3,1fr);gap:25px}.footer-contact-row{grid-template-columns:1fr 1fr}}@media(max-width:760px){.footer-stats{padding-top:35px}.footer-stats-grid{grid-template-columns:1fr;border-radius:16px}.footer-stat{min-height:83px}.footer-grid-rich{grid-template-columns:1fr 1fr;gap:38px 22px}.footer-grid-rich .footer-brand{grid-column:1/-1}.footer-contact-row{grid-template-columns:1fr}.site-footer .footer-bottom{gap:10px}.payment-trust{text-align:center}}@media(max-width:480px){.footer-grid-rich{grid-template-columns:1fr}.footer-grid-rich .footer-brand{grid-column:auto}}


/* --- TakipçiBurada Footer Payment Trust & Badges --- */
.site-footer .footer-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-block: 18px;
}
.site-footer .footer-bottom p {
	margin: 0;
	color: #8c9ea6;
	font-size: 12.5px;
	line-height: 1.4;
}
.payment-trust-wrap {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}
.payment-trust-ssl {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #798880;
	font-size: 12.5px;
	white-space: nowrap;
}
.payment-ssl-icon {
	color: #00ba94;
	flex-shrink: 0;
}
.payment-trust-ssl b {
	color: #cad8d0;
	font-weight: 700;
}
.payment-trust-divider {
	color: rgba(255, 255, 255, 0.22);
	font-size: 13px;
	user-select: none;
}
.payment-trust-logos {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.payment-method-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28);
	line-height: 0;
	overflow: hidden;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	cursor: default;
}
.payment-method-badge:hover {
	transform: translateY(-1.5px);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.45);
}
.payment-method-badge svg {
	display: block;
}

@media (max-width: 768px) {
	.site-footer .footer-bottom {
		flex-direction: column;
		text-align: center;
		gap: 11px;
		padding-block: 15px;
	}
	.payment-trust-wrap {
		flex-direction: column;
		gap: 9px;
		justify-content: center;
		align-items: center;
	}
	.payment-trust-divider {
		display: none;
	}
	.payment-trust-logos {
		justify-content: center;
		gap: 7px;
	}
	.payment-method-badge.badge-shopier svg {
		width: 54px;
		height: 22px;
	}
	.payment-method-badge.badge-visa svg,
	.payment-method-badge.badge-mastercard svg {
		width: 36px;
		height: 22px;
	}
}

/* === footer light mode fix (tb-footer-light-fix-v1) === */
html:not(.dark-mode) .site-footer{background:var(--mode-bg,#f5f7fa)!important}
html:not(.dark-mode) .footer-grid-rich h3{color:var(--mode-text,#171820)!important}
html:not(.dark-mode) .footer-grid-rich>div:not(:first-child) a{color:var(--mode-muted,#5f6470)!important}
html:not(.dark-mode) .footer-contact-row>a,html:not(.dark-mode) .footer-contact-row>div{color:var(--mode-text,#171820)!important}
html:not(.dark-mode) .footer-contact-row small{color:var(--mode-muted,#5f6470)!important}
html:not(.dark-mode) .footer-contact-row strong{color:var(--mode-text,#171820)!important}
html:not(.dark-mode) .footer-contact-wrap{background:rgba(20,24,35,.04)!important;border-color:rgba(20,24,35,.1)!important}
html:not(.dark-mode) .footer-track-link{color:#d72b45!important}
html:not(.dark-mode) .site-footer .footer-bottom p{color:#6b7a84!important}
/* === end footer light mode fix === */

/* === Footer nav spacing fix — reduce h3-to-links gap === */
.footer-grid-rich h3 {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}
.footer-grid-rich > div:not(:first-child) ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.footer-grid-rich > div:not(:first-child) ul li {
  margin: 0 !important;
  padding: 0 !important;
}
.footer-grid-rich > div:not(:first-child) a {
  display: block !important;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.footer-grid-rich > div:not(:first-child) h3 + a {
  padding-top: 2px !important;
}
/* === End footer nav spacing fix === */



/* ==========================================================================
   FOOTER BENEFITS MODERN RESPONSIVE & DUAL THEME ENHANCEMENT (tb-benefits-v2)
   - 2x2 grid on mobile to eliminate vertical bloat and excessive gaps
   - Clean white card layout in light mode ("beyazda bozuyor" fix)
   - Sleek dark card layout in dark mode
   ========================================================================== */
.footer-benefits {
  padding: 0 !important;
  background: #09090a !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
.footer-benefits-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px !important;
  padding: 20px 0 !important;
}
.footer-benefit {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 11px 13px !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.03) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease !important;
}
.footer-benefit:hover {
  border-color: rgba(239, 43, 51, 0.35) !important;
  background: rgba(255, 255, 255, 0.045) !important;
}
.footer-benefit i {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  border-radius: 11px !important;
  background: rgba(239, 43, 51, 0.12) !important;
  color: #ff3948 !important;
  font-size: 18px !important;
  font-style: normal !important;
  font-weight: 900 !important;
  border: 1px solid rgba(239, 43, 51, 0.2) !important;
}
.footer-benefit p {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 0 !important;
  min-width: 0 !important;
}
.footer-benefit strong {
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
}
.footer-benefit small {
  color: #9ca3af !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}

/* Tablet Layout (2x2) */
@media (max-width: 1024px) and (min-width: 761px) {
  .footer-benefits-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    padding: 18px 0 !important;
  }
}

/* Mobile 2x2 Grid (Kompakt, yer tasarruflu ve dengeli) */
@media (max-width: 760px) {
  .footer-benefits-grid {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
    padding: 14px 0 !important;
  }
  .footer-benefit {
    gap: 9px !important;
    padding: 10px 9px !important;
    border-radius: 12px !important;
  }
  .footer-benefit i {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    font-size: 16px !important;
    border-radius: 9px !important;
  }
  .footer-benefit strong {
    font-size: 12.5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .footer-benefit small {
    font-size: 10px !important;
    line-height: 1.25 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
}

/* ==========================================================================
   LIGHT MODE / BEYAZ TEMA DÜZELTMESİ (Görsel kusurları ve gri bantı giderir)
   ========================================================================== */
:is(html:not(.dark-mode), html[data-theme="light"], body.light-mode) .footer-benefits {
  background: #ffffff !important;
  border-top: 1px solid rgba(0, 0, 0, 0.06) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
}
:is(html:not(.dark-mode), html[data-theme="light"], body.light-mode) .footer-benefit {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.07) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02) !important;
}
:is(html:not(.dark-mode), html[data-theme="light"], body.light-mode) .footer-benefit:hover {
  border-color: rgba(239, 43, 51, 0.35) !important;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04) !important;
}
:is(html:not(.dark-mode), html[data-theme="light"], body.light-mode) .footer-benefit strong {
  color: #111827 !important;
}
:is(html:not(.dark-mode), html[data-theme="light"], body.light-mode) .footer-benefit small {
  color: #6b7280 !important;
}
:is(html:not(.dark-mode), html[data-theme="light"], body.light-mode) .footer-benefit i {
  background: rgba(239, 43, 51, 0.08) !important;
  color: #ef2b33 !important;
  border: 1px solid rgba(239, 43, 51, 0.12) !important;
}

/* ==========================================================================
   DARK MODE / KOYU TEMA GARANTİSİ
   ========================================================================== */
:is(html.dark-mode, html[data-theme="dark"], body.dark-mode) .footer-benefits {
  background: #09090a !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}
:is(html.dark-mode, html[data-theme="dark"], body.dark-mode) .footer-benefit {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  box-shadow: none !important;
}
:is(html.dark-mode, html[data-theme="dark"], body.dark-mode) .footer-benefit strong {
  color: #ffffff !important;
}
:is(html.dark-mode, html[data-theme="dark"], body.dark-mode) .footer-benefit small {
  color: #9ca3af !important;
}
:is(html.dark-mode, html[data-theme="dark"], body.dark-mode) .footer-benefit i {
  background: rgba(239, 43, 51, 0.12) !important;
  color: #ff3948 !important;
  border: 1px solid rgba(239, 43, 51, 0.2) !important;
}
/* === END FOOTER BENEFITS ENHANCEMENT === */