/* Google Play indirme rozeti, "uygulamayı indir" bağlantısı ve Android şeridi (app-indir). Yalnız bu dosyadaki sınıflar. */
.app-badge { display: inline-block; line-height: 0; border-radius: 8px; }
.app-badge img { display: block; width: 150px; height: auto; }
.app-badge:focus-visible, .app-indir-link:focus-visible { outline: 2px solid var(--brand, #2f33c9); outline-offset: 2px; }
.app-indir-link { display: inline-flex; align-items: center; align-self: center; margin-left: 4px; font-size: 14px; font-weight: 600; color: var(--brand, #2f33c9); text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.app-hero { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; margin-top: 14px; color: var(--text-2, #475069); font-size: 14px; }
.footer-app { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 16px; font-size: 13px; opacity: .95; }
.footer-app .app-badge img { width: 130px; }
.app-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1900; display: flex; align-items: center; gap: 12px; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: var(--surface, #fff); color: var(--text-1, #141a2e); border-top: 1px solid var(--border, #dfe3ee); box-shadow: 0 -4px 18px rgba(20, 26, 46, .12); }
.app-banner[hidden] { display: none; }
.app-banner__logo { flex: none; width: 36px; height: 36px; }
.app-banner__metin { flex: 1 1 auto; min-width: 0; font-size: 14px; line-height: 1.3; font-weight: 600; }
.app-banner__indir { flex: none; padding: 9px 16px; border-radius: 10px; background: var(--brand, #2f33c9); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }
.app-banner__kapat { flex: none; width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; color: var(--text-2, #475069); font-size: 22px; line-height: 1; cursor: pointer; }
.app-banner__kapat:focus-visible, .app-banner__indir:focus-visible { outline: 2px solid var(--brand, #2f33c9); outline-offset: 2px; }
body.app-banner-acik { padding-bottom: 64px; }

/* Footer (B-029): Android yazisi kontrast, e-ticaret seridi, odeme yontemleri, alt satir (3 bolge; telefonda ortali ust uste) */
.footer-app > span { color: #aab3de; font-size: 13px; }
.footer-app > span a { color: #c9ceff; text-decoration: underline; text-underline-offset: 2px; }
.footer-eticaret { max-width: 1180px; margin: 36px auto 0; text-align: center; }
.footer-eticaret p { margin: 0 0 12px; font-size: 12.5px; color: #8b93a7; }
.footer-eticaret ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; }
.footer-eticaret li { display: inline-flex; align-items: center; height: 24px; color: #aab3de; transition: color .15s ease; }
.footer-eticaret li:hover { color: #fff; }
.footer-bottom.footer-bottom--v2 { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px 24px; }
.footer-bottom--v2 > :last-child { justify-self: end; }
.footer-odeme { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; gap: 14px; }
.footer-odeme li { display: inline-flex; align-items: center; height: 22px; color: #c4c9dc; transition: color .15s ease; }
.footer-odeme li:hover { color: #fff; }
.lg-visa { width: 74px; -webkit-mask-image: url(/assets/logolar/visa.svg); mask-image: url(/assets/logolar/visa.svg); }
.lg-shopify { width: 21px; -webkit-mask-image: url(/assets/logolar/shopify.svg); mask-image: url(/assets/logolar/shopify.svg); }
.lg-woocommerce { width: 119px; -webkit-mask-image: url(/assets/logolar/woocommerce.svg); mask-image: url(/assets/logolar/woocommerce.svg); }
.lg-amazon { width: 26px; -webkit-mask-image: url(/assets/logolar/amazon.svg); mask-image: url(/assets/logolar/amazon.svg); }
.footer-odeme .lg { height: 22px; }
.footer-odeme .lg-visa { width: 68px; }
.lg { display: inline-block; height: 24px; background: currentColor; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
.lg-img { display: block; width: auto; height: 22px; }
.lg-txt { display: inline-block; font-size: 15px; font-weight: 800; letter-spacing: .06em; line-height: 24px; }
.footer-odeme .lg-txt { font-size: 14px; line-height: 22px; }
@media (max-width: 700px) {
  .footer-bottom.footer-bottom--v2 { grid-template-columns: minmax(0, 1fr); justify-items: center; text-align: center; }
  .footer-bottom--v2 > :last-child { justify-self: center; }
  .footer-bottom--v2 > span:empty { display: none; }
}

/* Footer/Entegrasyonlar marka logolari (B-039): tek renk maske; en-boy orani sabit, yukseklik baglama gore (footer e-ticaret 24 px, odeme 22 px, kart 28 px) */
.lg-visa, .lg-shopify, .lg-woocommerce, .lg-amazon { width: auto; }
.lg-trendyol { aspect-ratio: 4.3457; -webkit-mask-image: url(/assets/logolar/trendyol.svg); mask-image: url(/assets/logolar/trendyol.svg); }
.lg-hepsiburada { aspect-ratio: 6.0986; -webkit-mask-image: url(/assets/logolar/hepsiburada.svg); mask-image: url(/assets/logolar/hepsiburada.svg); }
.lg-ikas { aspect-ratio: 3.9565; -webkit-mask-image: url(/assets/logolar/ikas.svg); mask-image: url(/assets/logolar/ikas.svg); }
.lg-ticimax { aspect-ratio: 3.9351; -webkit-mask-image: url(/assets/logolar/ticimax.svg); mask-image: url(/assets/logolar/ticimax.svg); }
.lg-ideasoft { aspect-ratio: 4.6356; -webkit-mask-image: url(/assets/logolar/ideasoft.svg); mask-image: url(/assets/logolar/ideasoft.svg); }
.lg-tsoft { aspect-ratio: 4.2828; -webkit-mask-image: url(/assets/logolar/tsoft.svg); mask-image: url(/assets/logolar/tsoft.svg); }
.lg-troy { aspect-ratio: 2.1685; -webkit-mask-image: url(/assets/logolar/troy.svg); mask-image: url(/assets/logolar/troy.svg); }
.lg-n11 { aspect-ratio: 1.0; -webkit-mask-image: url(/assets/logolar/n11.svg); mask-image: url(/assets/logolar/n11.svg); }
.lg-visa { aspect-ratio: 3.1; } .lg-shopify { aspect-ratio: 0.88; } .lg-woocommerce { aspect-ratio: 4.96; } .lg-amazon { aspect-ratio: 1.1; }
.footer-odeme .lg-visa { width: auto; }
.lp-card .lg { height: 28px; color: var(--text-1); }
.lp-card .lg + .lg-ad + p { margin-top: 14px; }
.lg-ad { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }