/* ============================================================
   TEMA: Modern Mağaza (Shopify tarzı)
   Bol beyaz alan, yumuşak yuvarlak köşeler, siyah butonlar,
   tek sade vurgu rengi, büyük ferah görseller.
   ============================================================ */

:root {
  --bg: #FFFFFF;
  --surface: #FFFFFF;
  --ink: #121212;
  --ink-2: #6B7177;
  --line: #E8E8EB;
  --brand: #121212;
  --brand-dark: #000000;
  --brand-soft: #F2F2F4;
  --rose: #0A7D52;
  --gold: #0A7D52;
  --amber: #0A7D52;
  --rose-soft: #E9F5EF;
  --amber-soft: #E9F5EF;
  --dark: #F6F6F7;
  --radius: 18px;
  --radius-sm: 12px;
  --font-body: 'DM Sans', 'Inter', -apple-system, sans-serif;
  --font-display: 'DM Sans', 'Inter', -apple-system, sans-serif;
  --shadow-sm: 0 1px 3px rgba(18, 18, 18, 0.05);
  --shadow-md: 0 14px 34px -18px rgba(18, 18, 18, 0.18);
  --shadow-lg: 0 30px 60px -30px rgba(18, 18, 18, 0.22);
}

body { font-size: 15.5px; }

/* Butonlar: siyah, dolgun, orta yuvarlaklık */
.btn { border-radius: 12px; font-weight: 600; }
.btn-primary { box-shadow: none; }
.btn-primary:hover { transform: none; box-shadow: var(--shadow-md); }
.btn-amber { background: var(--rose); box-shadow: none; }
.btn-amber:hover { filter: brightness(1.05); transform: none; }

/* Duyuru + başlık: dümdüz beyaz, bulanıklık yok */
.announce { background: #121212; color: #fff; letter-spacing: 0.04em; }
.announce b { color: #9BE8C5; }

.site-header { background: #fff; backdrop-filter: none; -webkit-backdrop-filter: none; }
.header-in { height: 78px; }
.brand-name { font-weight: 700; letter-spacing: -0.03em; }
.header-search { background: #F6F6F7; border: 1.5px solid transparent; border-radius: 12px; }
.header-search:focus-within { border-color: #121212; background: #fff; box-shadow: none; }
.icon-link { border-radius: 10px; }
.cart-badge { background: var(--rose); }

.cat-bar { background: #fff; border-top-color: var(--line); }
/* Ortalarken taşma olursa sol uç kırpılmasın: justify-content yerine otomatik kenar boşluğu */
@media (min-width: 901px) {
  .cat-bar-in > :first-child { margin-left: auto; }
  .cat-bar-in > :last-child { margin-right: auto; }
}
.cat-bar-in { height: 48px; }
.cat-bar-in a { font-size: 14px; color: #52565B; border-radius: 8px; }
.cat-bar-in a.cat-all { color: var(--ink); }
.cat-bar-in a:hover { background: #F2F2F4; }

/* Vitrin: yumuşak gri pano içinde büyük hero */
.hero { padding-top: 22px; }
/* .hero-in aynı zamanda .container'dır — margin-inline: auto ortalaması korunmalı */
.hero-in {
  background: #F6F6F7;
  border-radius: 26px;
  padding: 56px 54px;
}
@media (max-width: 900px) { .hero-in { padding: 34px 24px; border-radius: 20px; } }
.hero-title { font-weight: 700; letter-spacing: -0.035em; }
.hero-title em { font-style: normal; }
.eyebrow { color: var(--rose); }
.hero-blob { display: none; }
.trust-row { border-top-color: #E1E1E4; }

/* Başlıklar: kalın sans, süs yok */
.section-title { font-weight: 700; letter-spacing: -0.02em; }
.section-title em, .page-title em, .hero-title em { font-style: normal; color: inherit; }
.section-title em::after, .page-title em::after { content: none; }

/* Kartlar: çerçevesiz, görsel yumuşak panoda */
.grid { gap: 26px; }
.card { border: 0; background: transparent; border-radius: 0; overflow: visible; }
.card:hover { transform: none; box-shadow: none; }
.card-media { border-radius: 16px; background: #F6F6F7; }
.card:hover .card-media img { transform: scale(1.05); }
.card-body { padding: 13px 4px 4px; }
.card-title { font-size: 15px; font-weight: 500; }
.card-cat { display: none; }
.card-price strong { font-weight: 600; }
.badge { border-radius: 8px; }
.badge-discount { background: var(--rose); }
.chip { border-radius: 10px; }
.chip:hover { transform: none; }
.chip-active { background: #121212; border-color: #121212; }

/* Ürün detay kutusu */
.pdp-buybox { border-radius: 18px; border: 1px solid var(--line); box-shadow: none; }

/* Alt bilgi: açık gri, koyu metin */
.site-footer { background: #F6F6F7; color: #43474B; }
.footer-logo { color: #121212; }
.footer-tagline { color: #6B7177; }
.footer-col h4 { color: #9A9EA3; }
.footer-col a { color: #43474B; }
.footer-col a:hover { color: #121212; }
.footer-muted { color: #9A9EA3; }
.site-footer .footer-bottom, .site-footer hr { border-color: #E1E1E4; }

/* Açık footer'da bülten kutusu ve alt satır okunur olsun */
.footer-news h4 { color: #9A9EA3; }
.footer-news-sub { color: #6B7177; }
.footer-news-form input[type="email"] {
  background: #fff;
  border-color: #E1E1E4;
  color: #121212;
}
.footer-news-form input[type="email"]::placeholder { color: #9A9EA3; }
.footer-news-form input[type="email"]:focus { border-color: #121212; background: #fff; }
.footer-news-form .btn { background: #121212; color: #fff; border-color: #121212; }
.footer-news-form .btn:hover { background: #000; }
.footer-news-msg.is-ok { color: #0A7D52; }
.footer-news-msg.is-err { color: #C0402E; }
.footer-bottom { border-top-color: #E1E1E4; color: #9A9EA3; }