/* ═══════════════════════════════════════════════════════════
   MARKET TEMASI

   Ana stilin ÜSTÜNE yükleniyor. Ürün kartı, ızgara, başlık ve
   düğme stilleri çekirdekten geliyor; burada yalnız temanın
   kendi bölümleri tanımlı.

   Sınıf öneki mk- : çekirdek sınıflarıyla (bb-) çakışmasın ve
   tema kaldırıldığında geriye ölü kural kalmasın.
   ═══════════════════════════════════════════════════════════ */

.mk{padding-bottom:60px}

/* --- Hero: solda büyük, sağda iki küçük kart */
.mk-hero{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:26px auto 16px}
.mk-hero-ana{background:#EAF6F2;border-radius:10px;padding:38px 34px;
  display:flex;flex-direction:column;justify-content:center;min-height:250px}
.mk-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.1em;color:#0B5C4A;opacity:.75}
.mk-hero-ana h1{font-size:34px;line-height:1.15;letter-spacing:-.02em;
  color:#0B5C4A;margin:10px 0 8px}
.mk-hero-ana p{font-size:15.5px;color:#3E7D6D;margin:0 0 20px;max-width:34ch;line-height:1.6}

.mk-btn{display:inline-block;width:fit-content;background:var(--green);color:#fff;
  font-size:14.5px;font-weight:600;padding:12px 26px;border-radius:99px;text-decoration:none}
.mk-btn:hover{background:var(--green-dark)}

.mk-hero-yan{display:grid;gap:14px}
.mk-mini{border-radius:10px;padding:20px 22px;text-decoration:none;
  display:flex;flex-direction:column;justify-content:center;transition:transform .15s}
.mk-mini:hover{transform:translateY(-2px)}
.mk-mini b{font-size:17px;font-weight:600;letter-spacing:-.01em}
.mk-mini span{font-size:13px;margin-top:4px;opacity:.8}
.mk-mini-1{background:#FDF3E3;color:#8A5A12}
.mk-mini-2{background:#F1F0FB;color:#413A7A}

@media (prefers-reduced-motion:reduce){.mk-mini:hover{transform:none}}

/* --- Özellik şeridi */
.mk-ozellik{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}
.mk-oz{display:flex;align-items:center;gap:10px;border:1px solid var(--line);
  border-radius:8px;padding:14px 16px;font-size:13.5px;color:var(--body)}
.mk-oz svg{color:var(--green);flex-shrink:0}

/* --- Bölüm başlığı */
.mk-bolum{margin-top:38px}
.mk-bolum-bas{display:flex;align-items:baseline;justify-content:space-between;
  gap:16px;margin-bottom:16px}
.mk-bolum-bas h2{font-size:21px;letter-spacing:-.02em;margin:0}
.mk-bolum-bas a{font-size:13.5px;color:var(--muted);text-decoration:none}
.mk-bolum-bas a:hover{color:var(--green)}

/* --- Kategori ızgarası: ürün sayısı görünür */
.mk-kat{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.mk-kat-oge{border:1px solid var(--line);border-radius:8px;padding:16px 10px;
  text-align:center;text-decoration:none;color:var(--ink);transition:border-color .15s}
.mk-kat-oge:hover{border-color:var(--green)}
.mk-kat-gor{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 10px;
  border-radius:50%;background:#EAF6F2;color:var(--green);overflow:hidden}
.mk-kat-gor img{width:100%;height:100%;object-fit:cover}
.mk-kat-oge b{display:block;font-size:13px;font-weight:600;line-height:1.3}
.mk-kat-oge>span:last-child{display:block;font-size:11.5px;color:var(--muted);margin-top:3px}

/* --- Promo bandı */
.mk-promo{display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:#0B5C4A;border-radius:10px;padding:26px 30px;margin-top:38px;
  text-decoration:none;flex-wrap:wrap}
.mk-promo b{display:block;font-size:20px;color:#fff;letter-spacing:-.01em}
.mk-promo span{display:block;font-size:13.5px;color:#9FD5C7;margin-top:5px}
.mk-promo-btn{background:#fff;color:#0B5C4A !important;font-size:14px;font-weight:600;
  padding:11px 24px;border-radius:99px;margin-top:0 !important;white-space:nowrap}

/* --- Bülten */
.mk-bulten{display:flex;align-items:center;justify-content:space-between;gap:20px;
  background:var(--soft);border-radius:10px;padding:24px 28px;margin-top:38px;flex-wrap:wrap}
.mk-bulten b{display:block;font-size:16.5px}
.mk-bulten>div>span{display:block;font-size:13.5px;color:var(--muted);margin-top:3px}
.mk-bulten form{display:flex;gap:8px}
.mk-bulten input{padding:11px 16px;border:1px solid var(--line);border-radius:99px;
  font:inherit;font-size:14px;min-width:220px}
.mk-bulten input:focus{outline:none;border-color:var(--green)}
.mk-bulten button{padding:11px 24px;border:0;border-radius:99px;background:var(--green);
  color:#fff;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.mk-bulten button:hover{background:var(--green-dark)}

/* --- Dar ekran */
@media (max-width:1000px){
  .mk-hero{grid-template-columns:1fr}
  .mk-hero-yan{grid-template-columns:1fr 1fr}
  .mk-ozellik{grid-template-columns:1fr 1fr}
  .mk-kat{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:600px){
  .mk-hero-ana{padding:28px 22px;min-height:0}
  .mk-hero-ana h1{font-size:26px}
  .mk-hero-yan{grid-template-columns:1fr}
  .mk-kat{grid-template-columns:repeat(2,1fr)}
  .mk-bulten form{width:100%}
  .mk-bulten input{min-width:0;flex:1}
}