@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/* ── CSS Değişkenleri ── */
:root {
  --mm-bg:           #faf8f4;
  --mm-bg-2:         #ffffff;
  --mm-bg-3:         #f2ede6;
  --mm-bg-4:         #e8e1d6;
  --mm-bg-dark:      #1f2b24;
  --mm-bg-dark-2:    #172019;

  --mm-gold:         #b5862a;
  --mm-gold-light:   #d4a847;
  --mm-gold-pale:    #e8cfa0;
  --mm-gold-muted:   rgba(181,134,42,.10);

  --mm-green:        #2d5a3d;
  --mm-green-light:  #3d7a55;
  --mm-green-muted:  rgba(45,90,61,.08);

  --mm-text:         #2c3428;
  --mm-text-muted:   #7a7163;
  --mm-text-light:   #f5f0e8;
  --mm-text-soft:    #b0a898;

  --mm-success:      #2e7d52;
  --mm-danger:       #c0392b;
  --mm-warning:      #c87941;
  --mm-info:         #2c6e8a;

  --mm-border:       #d6cfc4;
  --mm-border-light: #ede8e0;

  --mm-shadow-sm:    0 1px 6px rgba(44,52,40,.07);
  --mm-shadow-md:    0 4px 20px rgba(44,52,40,.10);
  --mm-shadow-lg:    0 12px 50px rgba(44,52,40,.14);
  --mm-shadow-gold:  0 4px 18px rgba(181,134,42,.18);
  --mm-shadow-card:  0 2px 16px rgba(44,52,40,.08);

  --mm-transition:      all .22s ease;
  --mm-transition-slow: all .40s ease;

  --mm-radius:      10px;
  --mm-radius-sm:   6px;
  --mm-radius-lg:   18px;
  --mm-radius-pill: 50px;

  --font-display: 'Roboto', Georgia, serif;
  --font-body:    'Roboto', system-ui, sans-serif;

  --bs-body-bg:          var(--mm-bg);
  --bs-body-color:       var(--mm-text);
  --bs-body-font-family: var(--font-body);
  --bs-primary:          var(--mm-green);
  --bs-link-color:       var(--mm-green);
  --bs-link-hover-color: var(--mm-green-light);
  --bs-border-color:     var(--mm-border);
}

/* ═══ TEMEL ═══ */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--font-body);
  font-size: 15px; font-weight: 400; line-height: 1.75;
  color: var(--mm-text); background-color: var(--mm-bg);
  -webkit-font-smoothing: antialiased;
}

/* ═══ TİPOGRAFİ ═══ */
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
  font-family: var(--font-display);
  font-weight: 600; color: var(--mm-text);
  line-height: 1.22; letter-spacing: .01em;
}
h1,.h1 { font-size: clamp(2rem,5vw,3.25rem); }
h2,.h2 { font-size: clamp(1.6rem,4vw,2.5rem); }
h3,.h3 { font-size: clamp(1.25rem,3vw,1.75rem); }
h4,.h4 { font-size: 1.25rem; }
h5,.h5 { font-size: 1.05rem; }
h6,.h6 { font-size: .9rem; }

.display-1,.display-2,.display-3,
.display-4,.display-5,.display-6 { font-family: var(--font-display); font-weight: 700; }

p { margin-bottom: 1rem; color: var(--mm-text); }
.lead { font-size: 1.1rem; font-weight: 300; color: var(--mm-text-muted); }
small, .small { font-size: .85rem; }

.text-warning    { color: var(--mm-warning) !important; }
.text-gold       { color: var(--mm-gold)       !important; }
.text-gold-light { color: var(--mm-gold-light) !important; }
.text-green      { color: var(--mm-green)       !important; }
.text-muted      { color: var(--mm-text-muted) !important; }
.text-soft       { color: var(--mm-text-soft)  !important; }
.text-cream      { color: var(--mm-text-light) !important; }
.text-display    { font-family: var(--font-display); }


/* ═══ BAĞLANTILAR ═══ */
a { color: var(--mm-green); text-decoration: none; transition: var(--mm-transition); }
a:hover  { color: var(--mm-green-light); }
a:focus-visible { outline: 2px solid var(--mm-green); outline-offset: 3px; border-radius: 3px; }
a:active { color: var(--mm-gold); }

/* ── Primary buton disabled durumu ── */
.btn-primary:disabled,
.btn-primary.disabled {
  background:    #8aab96;   /* yeşilin soluk, griye kaçmış tonu */
  border-color:  #8aab96;
  color:         rgba(255,255,255,.6);
  opacity:       1;         /* Bootstrap'in varsayılan .5 opacity'sini sıfırla */
  cursor:        not-allowed;
  box-shadow:    none;
  transform:     none;
  pointer-events: auto;     /* cursor: not-allowed görünsün diye */
}
/* ══════════════════════════════════════════════
   MINERAL MARKET — Select / Dropdown Override
   style.css dosyanıza ekleyin.
══════════════════════════════════════════════ */

.form-select,
.form-select-lg {
  font-family: var(--font-body);
  font-size: .82rem !important;
  font-weight: 500;
  letter-spacing: .04em;

  color: var(--mm-text) !important;
  background-color: #fff !important;
  border: 1.5px solid var(--mm-border) !important;
  border-radius: var(--mm-radius-sm) !important;

  padding: .55rem 2.5rem .55rem 1rem !important;
  height: auto !important;
  line-height: 1.5;

  box-shadow: var(--mm-shadow-sm) !important;
  transition: var(--mm-transition) !important;

  /* Ok ikonu — yeşil renkte */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232d5a3d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: right .85rem center !important;
  background-size: 14px 14px !important;

  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
}

.form-select:hover,
.form-select-lg:hover {
  border-color: var(--mm-green) !important;
  box-shadow: 0 2px 10px rgba(45, 90, 61, .08) !important;
}

.form-select:focus,
.form-select-lg:focus {
  border-color: var(--mm-green) !important;
  box-shadow: 0 0 0 3px rgba(45, 90, 61, .13) !important;
  outline: none !important;
}

/* Option iç elemanlar */
.form-select option,
.form-select-lg option {
  font-family: var(--font-body);
  font-size: .875rem;
  color: var(--mm-text);
  padding: .4rem .8rem;
}



.pagination {
  gap: .3rem;
  flex-wrap: wrap;
}

/* Her sayfa düğmesi */
.pagination .page-link.btn-info {
  min-width: 40px;
  height: 40px;
  padding: 0 .9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-family: var(--font-body);
  font-size: .8rem;
  font-weight: 600;
  letter-spacing: .04em;
  line-height: 1;

  color: var(--mm-green);
  background: #fff;
  border: 1.5px solid var(--mm-border);
  border-radius: var(--mm-radius-sm) !important;

  text-decoration: none;
  transition: var(--mm-transition);
  box-shadow: var(--mm-shadow-sm);

  /* Bootstrap override */
  --bs-pagination-color: var(--mm-green);
  --bs-pagination-bg: #fff;
  --bs-pagination-border-color: var(--mm-border);
}

/* Hover */
.pagination .page-link.btn-info:hover {
  color: #fff;
  background: var(--mm-green);
  border-color: var(--mm-green);
  box-shadow: 0 3px 10px rgba(45, 90, 61, .18);
  transform: translateY(-1px);
}

/* Aktif sayfa (.bg-secondary ekleniyor PHP'den) */
.pagination .page-link.btn-info.bg-secondary {
  color: #fff !important;
  background: var(--mm-green) !important;
  border-color: var(--mm-green) !important;
  box-shadow: 0 3px 12px rgba(45, 90, 61, .22);
  cursor: default;
  pointer-events: none;
  transform: none;
}

/* page-item Bootstrap sıfırlama */
.pagination .page-item {
  list-style: none;
}
.pagination .page-item .page-link {
  border-radius: var(--mm-radius-sm) !important;
}
.pagination .page-link:focus {
  box-shadow: 0 0 0 3px rgba(45, 90, 61, .18) !important;
  outline: none;
}


.similar-section{background:var(--mm-bg-3)}
/* ═══ NAVBAR ═══ */
.navbar {
  background-color: var(--mm-bg-dark) !important;
  border-bottom: 1px solid rgba(255,255,255,.05);
  padding: .85rem 0;
  transition: var(--mm-transition-slow);
  box-shadow: 0 2px 18px rgba(0,0,0,.18);
}
.navbar.scrolled {
  padding: .55rem 0;
  background-color: rgba(23,32,25,.97) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.navbar-brand {
  font-family: var(--font-display);
  font-size: 1.55rem; font-weight: 700;
  color: var(--mm-gold-pale) !important;
  letter-spacing: .04em;
}
.navbar-brand:hover { color: #fff !important; }
.navbar-brand span  { color: rgba(255,255,255,.5); font-weight: 400; }

.navbar-nav .nav-link {
  color: rgba(255,255,255,.62) !important;
  font-size: .8rem; font-weight: 500;
  letter-spacing: .1em; text-transform: uppercase;
  padding: .45rem 1rem !important;
  border-radius: var(--mm-radius-sm);
  transition: var(--mm-transition);
  position: relative;
}
.navbar-nav .nav-link::after {
  content: ''; position: absolute; bottom: 0; left: 50%;
  transform: translateX(-50%) scaleX(0);
  width: 55%; height: 1.5px;
  background: var(--mm-gold-light);
  transition: transform .22s ease;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus  { color: #fff !important; background: rgba(255,255,255,.06); }
.navbar-nav .nav-link:hover::after { transform: translateX(-50%) scaleX(1); }
.navbar-nav .nav-link.active { color: var(--mm-gold-pale) !important; background: rgba(181,134,42,.14); }
.navbar-nav .nav-link.active::after { transform: translateX(-50%) scaleX(1); }

/* Navbar sağ butonlar arası boşluk */
.navbar-nav { gap: .35rem; }
.navbar-right-btns { gap: .65rem; }

.navbar-toggler { border-color: rgba(255,255,255,.2); padding: .3rem .55rem; }
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(232,207,160,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.dropdown-menu {
  background-color: #fff; border: 1px solid var(--mm-border);
  border-radius: var(--mm-radius); box-shadow: var(--mm-shadow-md); padding: .5rem;
}
.dropdown-item {
  color: var(--mm-text); font-size: .875rem;
  border-radius: var(--mm-radius-sm); padding: .5rem .85rem;
  transition: var(--mm-transition);
}
.dropdown-item:hover, .dropdown-item:focus { color: var(--mm-green); background: var(--mm-green-muted); }
.dropdown-item.active { color: var(--mm-green); background: var(--mm-green-muted); }
.dropdown-divider { border-color: var(--mm-border-light); }

@media (max-width: 991.98px) {
  .navbar-collapse {
    background: var(--mm-bg-dark-2);
    border-top: 1px solid rgba(255,255,255,.05);
    padding: .75rem 1rem 1rem; margin-top: .5rem;
    border-radius: 0 0 var(--mm-radius) var(--mm-radius);
  }
  .navbar-nav .nav-link::after { display: none; }
}
.mm-navbar-two-row {
  display: block !important;        /* flex → block */
  padding: 0 !important;
  background-color: var(--mm-bg-dark) !important;
  box-shadow: 0 2px 24px rgba(0,0,0,.25);
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 1030;
}

/* ── ÜST SIRA: kendi flex container'ı ── */
.mm-navbar-top {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .55rem 1.5rem;
  min-height: 58px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}

/* Logo */
.mm-navbar-two-row .navbar-brand {
  font-family: var(--font-display);
  font-size: 1.4rem; font-weight: 700;
  color: var(--mm-gold-pale) !important;
  letter-spacing: .04em;
  white-space: nowrap;
  flex-shrink: 0;
  text-decoration: none;
}
.mm-navbar-two-row .navbar-brand:hover { color: #fff !important; }
.mm-navbar-two-row .navbar-brand span  { color: rgba(255,255,255,.38); font-weight: 400; }

/* Arama formu — kalan alanı doldurur, max 560px */
.mm-search-form {
  flex: 1 1 0%;
  min-width: 0;
  max-width: 560px;
}
.mm-search-inner {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.mm-search-icon {
  position: absolute; left: .85rem;
  color: rgba(255,255,255,.3); font-size: .8rem;
  pointer-events: none; z-index: 2;
}
.mm-search-input {
  width: 100%;
  height: 38px;
  background: rgba(255,255,255,.09) !important;
  border: 1.5px solid rgba(255,255,255,.13) !important;
  border-radius: var(--mm-radius-sm) !important;
  color: #fff !important;
  font-size: .875rem !important;
  padding: .4rem 2.6rem .4rem 2.3rem !important;
  box-shadow: none !important;
  transition: var(--mm-transition);
}
.mm-search-input::placeholder { color: rgba(255,255,255,.3) !important; }
.mm-search-input:focus {
  background: rgba(255,255,255,.14) !important;
  border-color: rgba(181,134,42,.55) !important;
  box-shadow: 0 0 0 3px rgba(181,134,42,.13) !important;
  outline: none;
  color: #fff !important;
}
.mm-search-btn {
  position: absolute; right: .35rem;
  width: 28px; height: 28px;
  background: rgba(181,134,42,.22);
  border: 1px solid rgba(181,134,42,.3);
  border-radius: calc(var(--mm-radius-sm) - 2px);
  color: var(--mm-gold-pale); font-size: .72rem;
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; transition: var(--mm-transition);
}
.mm-search-btn:hover { background: var(--mm-gold); border-color: var(--mm-gold); color: #fff; }

/* Sağ buton grubu — ml-auto ile arama'dan sonra sağa */
.mm-nav-actions {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-shrink: 0;
  margin-left: auto;
}

/* İkon buton */
.mm-action-btn {
  width: 36px; height: 36px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: var(--mm-radius-sm);
  color: rgba(255,255,255,.7);
  display: inline-flex; align-items: center; justify-content: center;
  font-size: .9rem; transition: var(--mm-transition);
  text-decoration: none; flex-shrink: 0; cursor: pointer;
}
.mm-action-btn:hover { background: rgba(255,255,255,.15); color: #fff; border-color: rgba(255,255,255,.22); }

/* Sepet rozeti */
.mm-cart-badge {
  position: absolute; top: -5px; right: -5px;
  min-width: 17px; height: 17px;
  background: var(--mm-gold); color: #fff;
  font-size: .62rem; font-weight: 700;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 3px; line-height: 1;
}

/* Metin butonları */
.mm-nav-btn {
  height: 36px;
  display: inline-flex; align-items: center;
  white-space: nowrap; letter-spacing: .04em;
}

/* Hamburger */
.mm-navbar-two-row .navbar-toggler {
  border-color: rgba(255,255,255,.2);
  padding: .28rem .5rem;
}
.mm-navbar-two-row .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(232,207,160,.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* Mobil collapse */
.mm-mobile-collapse {
  background: var(--mm-bg-dark-2);
  border-top: 1px solid rgba(255,255,255,.05);
  padding: .65rem 1.5rem .9rem;
  display: none;
}
.mm-mobile-collapse.show { display: block; }

/* ── KATEGORİ ŞERİDİ ── */
.mm-category-bar {
  background: rgba(0,0,0,.2);
  border-top: 1px solid rgba(255,255,255,.05);
  padding: 0 1.5rem;
}
.mm-category-scroll {
  display: flex;
  align-items: center;
  gap: .1rem;
  overflow-x: auto;
  padding: .3rem 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
  white-space: nowrap;
}
.mm-category-scroll::-webkit-scrollbar { display: none; }

.mm-cat-link {
  display: inline-flex; align-items: center;
  padding: .3rem .8rem;
  border-radius: var(--mm-radius-pill);
  font-size: .73rem; font-weight: 500;
  letter-spacing: .06em; text-transform: uppercase;
  color: rgba(255,255,255,.5);
  text-decoration: none;
  transition: var(--mm-transition);
  flex-shrink: 0; white-space: nowrap;
}

.mm-cat-link.active {color: #fff; background: rgba(255,255,255,.08);}

.mm-cat-link:hover              { color: #fff; background: rgba(255,255,255,.08); }
.mm-cat-link.mm-cat-all         { color: var(--mm-gold-pale); }
.mm-cat-link.mm-cat-all:hover   { background: rgba(181,134,42,.15); }
.mm-cat-link.mm-cat-active      { background: rgba(181,134,42,.15); color: var(--mm-gold-pale); }

/* ══════════════════════════════════════════════
   YÜKSEKLIK TELAFİSİ
   Üst sıra  ≈ 58px
   Kat şerit ≈ 37px
   Toplam    ≈ 95px (masaüstü)

   mm-navbar-spacer VE .tepecat-section'un
   ikisi birlikte çalışır — hangisi varsa.
══════════════════════════════════════════════ */
.mm-navbar-spacer {
  height: 95px;
  display: block;
}

/* tepecat-section navbar'ın hemen altında */
.tepecat-section {
  position: relative;
  z-index: 1;
  /* Spacer'dan sonra geliyorsa ek margin gerekmez.
     Doğrudan body'nin ilk child'ıysa bu devreye girer: */
}

@media (max-width: 991.98px) {
  .mm-navbar-spacer { height: 58px; }
  .mm-navbar-top    { padding: .45rem .75rem; }
  .mm-category-bar  { padding: 0 .75rem; }
  .mm-search-form   { display: none !important; }
}

/* Scroll koyulaşma */
.mm-navbar-two-row.scrolled {
  background-color: rgba(23,32,25,.97) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.tepecat-section{background:var(--mm-bg-3)}
.tepecat-flex{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.tepecat-flex .btn{
  flex:1 0 calc(20% - .5rem); /* 4 sütun */
  text-align:center;
}

.page-hero{background:var(--mm-bg-dark);}.page-hero-content{position:relative;z-index:2}.faq-nav{position:sticky;}.faq-nav-item{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border-radius:var(--mm-radius-sm);color:var(--mm-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--mm-transition);border:none;background:none;width:100%;text-align:left;text-decoration:none}.faq-nav-item:hover{color:var(--mm-green);background:var(--mm-green-muted);text-decoration:none}.faq-nav-item.active{color:var(--mm-green);background:var(--mm-green-muted);font-weight:600}.faq-nav-item .nav-icon{width:32px;height:32px;border-radius:var(--mm-radius-sm);background:var(--mm-bg-3);display:flex;align-items:center;justify-content:center;font-size:.8rem;flex-shrink:0;transition:var(--mm-transition);color:var(--mm-text-muted)}.faq-nav-item.active .nav-icon,.faq-nav-item:hover .nav-icon{background:rgba(45,90,61,.15);color:var(--mm-green)}.faq-nav-divider{height:1px;background:var(--mm-border-light);margin:.5rem 0}.faq-category{margin-bottom:3rem}.faq-category:last-child{margin-bottom:0}.faq-category-header{display:flex;align-items:center;gap:.85rem;}.faq-category-icon{width:42px;height:42px;border-radius:var(--mm-radius-sm);background:var(--mm-green-muted);border:1px solid rgba(45,90,61,.12);display:flex;align-items:center;justify-content:center;color:var(--mm-green);font-size:1rem;flex-shrink:0}.faq-category-title{font-family:var(--font-display);font-size:1.35rem;font-weight:600;color:var(--mm-text);margin:0}.faq-category-count{font-size:.75rem;color:var(--mm-text-soft);margin-top:.1rem}@media (max-width:991.98px){.faq-nav{display:none}.faq-mobile-select{display:block;margin-bottom:2rem}.faq-category-header{gap:.65rem}.faq-category-title{font-size:1.15rem}}


/* Tablet */
@media (max-width:991.98px){
  .tepecat-flex .btn{flex-basis:calc(33.333% - .5rem);}
}

/* Mobil */
@media (max-width:575.98px){
  .tepecat-flex .btn{flex-basis:calc(50% - .5rem);}
}

/* ═══ BUTONLAR ═══ */
.btn {
  font-family: var(--font-body); font-weight: 500; font-size: .8rem;
  letter-spacing: .08em; text-transform: uppercase;
  border-radius: var(--mm-radius-sm); padding: .58rem 1.35rem;
  transition: var(--mm-transition); border-width: 1.5px;
}
.btn:focus-visible { box-shadow: 0 0 0 3px rgba(45,90,61,.22); }

.btn-primary { background: var(--mm-green); border-color: var(--mm-green); color: #fff; }
.btn-primary:hover {
  background: var(--mm-green-light); border-color: var(--mm-green-light); color: #fff;
  box-shadow: 0 4px 16px rgba(45,90,61,.22); transform: translateY(-1px);
}
.btn-primary:active { background: #23492f; transform: translateY(0); }

.btn-outline-primary { border-color: var(--mm-green); color: var(--mm-green); background: transparent; }
.btn-outline-primary:hover { background: var(--mm-green-muted); border-color: var(--mm-green-light); color: var(--mm-green-light); }

.btn-gold { background: linear-gradient(135deg,var(--mm-gold),#9a6e1e); border-color: var(--mm-gold); color: #fff; }
.btn-gold:hover {
  background: linear-gradient(135deg,var(--mm-gold-light),var(--mm-gold));
  border-color: var(--mm-gold-light); color: #fff;
  box-shadow: var(--mm-shadow-gold); transform: translateY(-1px);
}
.btn-outline-gold { border-color: var(--mm-gold); color: var(--mm-gold); background: transparent; }
.btn-outline-gold:hover { background: var(--mm-gold-muted); color: var(--mm-gold-light); border-color: var(--mm-gold-light); }

.btn-secondary { background: #fff; border-color: var(--mm-border); color: var(--mm-text); box-shadow: var(--mm-shadow-sm); }
.btn-secondary:hover { background: var(--mm-bg-3); border-color: var(--mm-border); color: var(--mm-text); }

.btn-outline-light { border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.85); }
.btn-outline-light:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.6); color: #fff; }

.btn-danger { background: var(--mm-danger); border-color: var(--mm-danger); color: #fff; }
.btn-danger:hover { background: #a93226; transform: translateY(-1px); }

.btn-lg  { padding: .75rem 1.9rem; font-size: .875rem; border-radius: var(--mm-radius); }
.btn-sm  { padding: .32rem .85rem; font-size: .76rem; }
.btn-icon { width: 2.35rem; height: 2.35rem; padding: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; }

/* ═══ KARTLAR ═══ */
.card {
  background-color: var(--mm-bg-2); border: 1px solid var(--mm-border-light);
  border-radius: var(--mm-radius); box-shadow: var(--mm-shadow-card);
  color: var(--mm-text); transition: var(--mm-transition-slow); overflow: hidden;
}
.card:hover { border-color: var(--mm-border); box-shadow: var(--mm-shadow-md); transform: translateY(-4px); }
.card-header { background-color: var(--mm-bg-3); border-bottom: 1px solid var(--mm-border-light); padding: .85rem 1.25rem; color: var(--mm-text); font-family: var(--font-display); font-weight: 600; }
.card-footer { background-color: var(--mm-bg-3); border-top: 1px solid var(--mm-border-light); padding: .7rem 1.25rem; }
.card-title  { font-family: var(--font-display); color: var(--mm-text); font-size: 1.1rem; margin-bottom: .45rem; }
.card-text   { color: var(--mm-text-muted); font-size: .9rem; }

/* Ürün Kartı */
.product-card { position: relative; cursor: pointer; }
.product-card .product-img-wrapper {
  position: relative; overflow: hidden; aspect-ratio: 1/1; background: var(--mm-bg-3);
}
.product-card .product-img-wrapper img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.product-card:hover .product-img-wrapper img { transform: scale(1.06); }
.product-card .card-body { padding: 1rem 1.15rem; }
.product-card .product-price { font-size: 1.2rem; font-weight: 700; color: var(--mm-green); font-family: var(--font-display); }
.product-card .product-price-old { font-size: .83rem; text-decoration: line-through; color: var(--mm-text-soft); margin-left: .4rem; }

/* Ürün Detay Galeri */
.product-gallery-main { border-radius: var(--mm-radius); overflow: hidden; background: var(--mm-bg-3); border: 1px solid var(--mm-border-light); }
.product-gallery-thumb { width: 70px; height: 70px; object-fit: cover; border-radius: var(--mm-radius-sm); border: 2px solid transparent; cursor: pointer; transition: var(--mm-transition); opacity: .6; }
.product-gallery-thumb:hover, .product-gallery-thumb.active { border-color: var(--mm-green); opacity: 1; }

.gallery-main-wrap {
  position: relative;
  border-radius: var(--mm-radius-lg);
  border: 1px solid var(--mm-border-light);
  background: var(--mm-bg-3);
  cursor: zoom-in;
  width: 100%;
  max-height: calc(100vh - 260px);
  overflow: hidden;
  min-height: 220px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-main-wrap img {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(100vh - 260px);
  transition: transform .45s ease, opacity .25s ease;
}

.gallery-main-wrap:hover img {
  transform: scale(1.03);
}

/* Mobilde max-height biraz daha küçük */
@media (max-width: 767.98px) {
  .gallery-main-wrap,
  .gallery-main-wrap img {
    max-height: 65vw;
    min-height: 180px;
  }
}

/* ═══ FORMLAR ═══ */
.form-control, .form-select {
  background-color: #fff; border: 1px solid var(--mm-border); color: var(--mm-text);
  border-radius: var(--mm-radius-sm); padding: .58rem .9rem; font-size: .9rem;
  transition: var(--mm-transition);
}
.form-control::placeholder { color: var(--mm-text-soft); }
.form-control:focus, .form-select:focus {
  background-color: #fff; border-color: var(--mm-green); color: var(--mm-text);
  box-shadow: 0 0 0 3px rgba(45,90,61,.12); outline: none;
}
.form-select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%232d5a3d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-label { font-weight: 500; font-size: .875rem; color: var(--mm-text); margin-bottom: .4rem; }
.form-text  { color: var(--mm-text-soft); font-size: .8rem; }
.form-control.is-valid, .was-validated .form-control:valid   { border-color: var(--mm-success); box-shadow: 0 0 0 3px rgba(46,125,82,.12); }
.form-control.is-invalid, .was-validated .form-control:invalid { border-color: var(--mm-danger); box-shadow: 0 0 0 3px rgba(192,57,43,.12); }
.invalid-feedback { color: var(--mm-danger); font-size: .8rem; width:auto !important; }
.valid-feedback   { color: var(--mm-success); font-size: .8rem; }
.input-group-text { background-color: var(--mm-bg-3); border-color: var(--mm-border); color: var(--mm-text-muted); }

.search-bar { position: relative; }
.search-bar .form-control { padding-left: 2.7rem; border-radius: var(--mm-radius-pill) !important; }
.search-bar .search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: var(--mm-text-soft); pointer-events: none; }

/* ═══ BADGE ═══ */
.badge { font-family: var(--font-body); font-weight: 600; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; padding: .33em .65em; border-radius: var(--mm-radius-sm); }
.badge-gold          { background: linear-gradient(135deg,var(--mm-gold),#9a6e1e); color: #fff; }
.badge-outline-gold  { background: transparent; border: 1.5px solid var(--mm-gold); color: var(--mm-gold); }
.badge-green         { background: var(--mm-green); color: #fff; }
.badge-outline-green { background: transparent; border: 1.5px solid var(--mm-green); color: var(--mm-green); }
.bg-primary { background-color: var(--mm-green) !important; color: #fff; }
.bg-success { background-color: var(--mm-success) !important; color: #fff; }
.bg-danger  { background-color: var(--mm-danger)  !important; color: #fff; }
.bg-warning { background-color: var(--mm-warning) !important; color: #fff; }

/* ═══ TABLOLAR ═══ */
.table { color: var(--mm-text); border-color: var(--mm-border-light); background: #fff; }
.table th { color: var(--mm-text-muted); font-weight: 600; font-size: .78rem; letter-spacing: .09em; text-transform: uppercase; background-color: var(--mm-bg-3); border-color: var(--mm-border-light); padding: .8rem 1rem; }
.table td { vertical-align: middle; border-color: var(--mm-border-light); padding: .75rem 1rem; font-size: .9rem; }
.table-hover tbody tr:hover { background-color: var(--mm-green-muted); }
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: rgba(242,237,230,.5); color: var(--mm-text); }

/* ═══ AKORDEON ═══ */
.accordion-item { background: #fff; border: 1px solid var(--mm-border-light); border-radius: var(--mm-radius) !important; margin-bottom: .5rem; overflow: hidden; }
.accordion-button { background: #fff; color: var(--mm-text); font-weight: 500; font-size: .925rem; border: none; padding: 1rem 1.25rem; }
.accordion-button:not(.collapsed) { background: var(--mm-green-muted); color: var(--mm-green); box-shadow: none; }
.accordion-button::after { filter: invert(27%) sepia(43%) saturate(521%) hue-rotate(93deg) brightness(90%); }
.accordion-button:focus { box-shadow: none; }
.accordion-body { background: #fff; color: var(--mm-text-muted); font-size: .9rem; padding: 1rem 1.25rem; border-top: 1px solid var(--mm-border-light); }

/* ═══ MODAL ═══ */
.modal-content { background: #fff; border: 1px solid var(--mm-border); border-radius: var(--mm-radius-lg); color: var(--mm-text); box-shadow: var(--mm-shadow-lg); }
.modal-header  { border-bottom: 1px solid var(--mm-border-light); padding: 1.2rem 1.5rem; }
.modal-title   { font-family: var(--font-display); color: var(--mm-text); font-weight: 600; }
.modal-footer  { border-top: 1px solid var(--mm-border-light); }
.btn-close     { opacity: .5; transition: var(--mm-transition); }
.btn-close:hover { opacity: 1; }

/* ═══ ALERT ═══ */
.alert { border-radius: var(--mm-radius); border-left-width: 4px; font-size: .9rem; }
.alert-primary { background: var(--mm-green-muted); border-color: var(--mm-green); color: var(--mm-green); }
.alert-success  { background: rgba(46,125,82,.08); border-color: var(--mm-success); color: var(--mm-success); }
.alert-danger   { background: rgba(192,57,43,.08); border-color: var(--mm-danger); color: var(--mm-danger); }
.alert-warning  { background: rgba(200,121,65,.08); border-color: var(--mm-warning); color: var(--mm-warning); }

/* ═══ PAGİNASYON ═══ */
.page-link { background: #fff; border-color: var(--mm-border); color: var(--mm-text-muted); border-radius: var(--mm-radius-sm) !important; margin: 0 2px; transition: var(--mm-transition); font-size: .875rem; }
.page-link:hover { background: var(--mm-green-muted); border-color: var(--mm-green); color: var(--mm-green); }
.page-item.active .page-link { background: var(--mm-green); border-color: var(--mm-green); color: #fff; }
.page-item.disabled .page-link { background: var(--mm-bg-3); border-color: var(--mm-border-light); opacity: .6; }

/* ═══ BREADCRUMB ═══ */
.breadcrumb { background: transparent; font-size: .82rem; margin-bottom: 0; }
.breadcrumb-item a { color: var(--mm-text-muted); }
.breadcrumb-item a:hover { color: var(--mm-green); }
.breadcrumb-item.active { color: var(--mm-green); }
.breadcrumb-item + .breadcrumb-item::before { color: var(--mm-text-soft); content: "›"; }

/* ═══ TABS ═══ */
.nav-tabs { border-bottom: 1px solid var(--mm-border); gap: .2rem; }
.nav-tabs .nav-link { color: var(--mm-text-muted); border: none; border-radius: var(--mm-radius-sm) var(--mm-radius-sm) 0 0; padding: .6rem 1.15rem; font-size: .875rem; font-weight: 500; transition: var(--mm-transition); }
.nav-tabs .nav-link:hover { color: var(--mm-green); background: var(--mm-green-muted); }
.nav-tabs .nav-link.active { color: var(--mm-green); background: #fff; border-bottom: 2px solid var(--mm-green); margin-bottom: -1px; }
.nav-pills .nav-link { color: var(--mm-text-muted); border-radius: var(--mm-radius-sm); transition: var(--mm-transition); font-size: .875rem; font-weight: 500; }
.nav-pills .nav-link:hover { color: var(--mm-green); background: var(--mm-green-muted); }
.nav-pills .nav-link.active { background: var(--mm-green); color: #fff; }
.tab-content { padding-top: 1.5rem; }

/* ═══ PROGRESS ═══ */
.progress { background: var(--mm-bg-4); border-radius: var(--mm-radius-pill); height: 7px; }
.progress-bar { background: linear-gradient(90deg,var(--mm-green),var(--mm-green-light)); border-radius: var(--mm-radius-pill); }

/* ═══ TOOLTIP & POPOVER ═══ */
.tooltip .tooltip-inner { background: var(--mm-text); color: #fff; font-size: .8rem; border-radius: var(--mm-radius-sm); }
.popover { background: #fff; border: 1px solid var(--mm-border); border-radius: var(--mm-radius); box-shadow: var(--mm-shadow-md); }
.popover-header { background: var(--mm-bg-3); color: var(--mm-text); font-family: var(--font-display); border-bottom: 1px solid var(--mm-border-light); }
.popover-body { color: var(--mm-text-muted); }

/* ═══ OFFCANVAS ═══ */
.offcanvas { background: #fff; border-color: var(--mm-border); color: var(--mm-text); }
.offcanvas-header { border-bottom: 1px solid var(--mm-border-light); padding: 1.2rem; }
.offcanvas-title { font-family: var(--font-display); color: var(--mm-green); font-weight: 600; }

/* ═══ SECTION YARDIMCILARI ═══ */
.section    { padding: 5rem 0; }
.section-sm { padding: 3rem 0; }
.section-lg { padding: 7rem 0; }
.section-white  { background-color: #fff; }
.section-cream  { background-color: var(--mm-bg); }
.section-sand   { background-color: var(--mm-bg-3); }
.section-dark   { background-color: var(--mm-bg-dark); }
.section-darker { background-color: var(--mm-bg-dark-2); }

.section-header { margin-bottom: 3rem; }
.section-title {
  font-family: var(--font-display); color: var(--mm-text);
  position: relative; display: inline-block; margin-bottom: .65rem;
}
.section-title::after { content: ''; display: block; width: 2.8rem; height: 2px; background: var(--mm-gold); margin-top: .55rem; }
.section-title.centered::after { margin-left: auto; margin-right: auto; }
.section-subtitle { color: var(--mm-text-muted); font-size: .975rem; font-weight: 300; }

.section-dark .section-title, .section-darker .section-title   { color: var(--mm-text-light); }
.section-dark .section-subtitle, .section-darker .section-subtitle { color: rgba(255,255,255,.5); }

/* ═══ AYIRICILAR ═══ */
hr { border-color: var(--mm-border-light); opacity: 1; }
.divider-gold  { border: none; height: 1px; background: linear-gradient(90deg,transparent,var(--mm-gold-pale),transparent); margin: 2rem 0; }
.divider-green { border: none; height: 1px; background: linear-gradient(90deg,transparent,var(--mm-green),transparent); opacity: .2; margin: 2rem 0; }

/* ═══ HERO ═══ */
.hero {
  padding:100px;
  min-height: 30vh; display: flex; align-items: center;
  position: relative; overflow: hidden;
  background: var(--mm-bg-dark);
}
.hero-content { position: relative; z-index: 2; }
.hero-eyebrow { font-size: .72rem; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(--mm-gold-pale); display: inline-block; margin-bottom: 1rem; }
.hero-title { font-family: var(--font-display); font-size: clamp(2.6rem,6vw,4.5rem); font-weight: 700; color: #fff; line-height: 1.08; margin-bottom: 1.5rem; }
.hero-title em { font-style: italic; color: var(--mm-gold-pale); }
.hero-description { font-size: 1rem; font-weight: 300; color: rgba(255,255,255,.58); max-width: 750px; margin-bottom: 2.5rem; }
.hero-image { position: relative; z-index: 2; }
.hero-image img { border-radius: var(--mm-radius-lg); box-shadow: var(--mm-shadow-lg); }

/* ═══ İSTATİSTİK ═══ */
.stat-box { text-align: center; padding: 1.5rem 1rem; }
.stat-number { font-family: var(--font-display); font-size: 2.4rem; font-weight: 700; color: var(--mm-gold-pale); line-height: 1; }
.stat-label  { font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.4); margin-top: .3rem; }

/* ═══ KATEGORİ KARTLARI ═══ */
.category-card { position: relative; border-radius: var(--mm-radius); overflow: hidden; cursor: pointer; aspect-ratio: 3/2; display: block; text-decoration: none; box-shadow: var(--mm-shadow-card); transition: box-shadow .4s ease; }
.category-card:hover { box-shadow: var(--mm-shadow-md); text-decoration: none; }
.category-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s ease; }
.category-card:hover img { transform: scale(1.07); }
.category-card .category-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(31,43,36,.05) 0%, rgba(23,32,25,.80) 100%); display: flex; align-items: flex-end; padding: 1.2rem; transition: var(--mm-transition); }
.category-card:hover .category-overlay { background: linear-gradient(180deg, rgba(31,43,36,.3) 0%, rgba(23,32,25,.88) 100%); }
.category-card .category-name { font-family: var(--font-display); font-size: 1.2rem; font-weight: 600; color: #fff; margin-bottom: .15rem; }
.category-card .category-count { font-size: .78rem; color: var(--mm-gold-pale); letter-spacing: .04em; }

/* ═══ YILDIZLAR ═══ */
.stars { color: var(--mm-gold); font-size: .875rem; letter-spacing: .04em; }

/* ═══ SEPET & SİPARİŞ ═══ */
.cart-item { display: flex; align-items: center; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--mm-border-light); }
.cart-item:last-child { border-bottom: none; }
.cart-item-img { width: 68px; height: 68px; object-fit: cover; border-radius: var(--mm-radius-sm); flex-shrink: 0; border: 1px solid var(--mm-border-light); }
.cart-item-title { font-weight: 500; color: var(--mm-text); font-size: .9rem; margin-bottom: .12rem; }
.cart-item-price { color: var(--mm-green); font-weight: 600; font-family: var(--font-display); }

.order-summary { background: #fff; border: 1px solid var(--mm-border-light); border-radius: var(--mm-radius); padding: 1.5rem; box-shadow: var(--mm-shadow-card); }
.order-summary-row { display: flex; justify-content: space-between; align-items: center; padding: .42rem 0; font-size: .9rem; color: var(--mm-text-muted); }
.order-summary-total { font-size: 1.1rem; font-weight: 600; color: var(--mm-text); border-top: 1px solid var(--mm-border-light); margin-top: .5rem; padding-top: .75rem; }
.order-summary-total .price { color: var(--mm-green); font-family: var(--font-display); }

/* ═══ MİKTAR SEÇİCİ ═══ */
.qty-selector { display: inline-flex; align-items: center; background: #fff; border: 1px solid var(--mm-border); border-radius: var(--mm-radius-sm); overflow: hidden; }
.qty-btn { width: 36px; height: 36px; border: none; background: transparent; color: var(--mm-text-muted); font-size: 1rem; cursor: pointer; transition: var(--mm-transition); display: flex; align-items: center; justify-content: center; }
.qty-btn:hover { background: var(--mm-green-muted); color: var(--mm-green); }
.qty-input { width: 48px; text-align: center; border: none; background: transparent; color: var(--mm-text); font-weight: 600; font-size: .9rem; }

/* ═══ TOAST ═══ */
.toast { background: #fff; border: 1px solid var(--mm-border); border-radius: var(--mm-radius); box-shadow: var(--mm-shadow-md); color: var(--mm-text); }
.toast-header { background: var(--mm-bg-3); color: var(--mm-green); border-bottom: 1px solid var(--mm-border-light); font-family: var(--font-display); font-weight: 600; }
.spinner-border, .spinner-grow { color: var(--mm-green); }

/* ═══ INFO KUTUSU ═══ */
.info-box { background: #fff; border: 1px solid var(--mm-border-light); border-radius: var(--mm-radius); padding: 1.25rem 1.4rem; box-shadow: var(--mm-shadow-sm); }
.info-box-icon { width: 52px; height: 52px; background: var(--mm-green-muted); border: 1px solid rgba(45,90,61,.12); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; color: var(--mm-green); font-size: 1.2rem; }

/* ═══ FOOTER ═══ */
footer, .site-footer { background-color: var(--mm-bg-dark); border-top: 1px solid rgba(255,255,255,.05); color: rgba(255,255,255,.52); }
.footer-brand { font-family: var(--font-display); font-size: 1.45rem; font-weight: 700; color: var(--mm-gold-pale); display: inline-block; margin-bottom: .65rem; text-decoration: none; }
.footer-brand:hover { color: #fff; text-decoration: none; }
.footer-heading { font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,.3); margin-bottom: .9rem; }
.footer-links { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: .4rem; }
.footer-links a { color: rgba(255,255,255,.48); font-size: .875rem; transition: var(--mm-transition); text-decoration: none; }
.footer-links a:hover { color: var(--mm-gold-pale); padding-left: 4px; }
.footer-links a.active {font-weight: bold; color: var(--mm-gold-pale);}

.social-links { display: flex; gap: .45rem; }
.social-btn { width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.09); color: rgba(255,255,255,.48); display: inline-flex; align-items: center; justify-content: center; font-size: .82rem; transition: var(--mm-transition); text-decoration: none; }
.social-btn:hover { background: var(--mm-gold-muted); border-color: rgba(181,134,42,.4); color: var(--mm-gold-pale); transform: translateY(-2px); }

/* ═══ KAYDIRMA ÇUBUĞU ═══ */
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: var(--mm-bg-3); }
::-webkit-scrollbar-thumb { background: var(--mm-border); border-radius: 4px; border: 2px solid var(--mm-bg-3); }
::-webkit-scrollbar-thumb:hover { background: var(--mm-green); }
::selection { background: rgba(45,90,61,.16); color: var(--mm-text); }

/* ═══ ANİMASYONLAR ═══ */
@keyframes fadeInUp { from{opacity:0;transform:translateY(22px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeIn   { from{opacity:0} to{opacity:1} }
@keyframes shimmer  { 0%{background-position:-200% center} 100%{background-position:200% center} }

.animate-fade-in-up { animation: fadeInUp .55s ease both; }
.animate-fade-in    { animation: fadeIn   .45s ease both; }
.delay-1 { animation-delay: .1s; }
.delay-2 { animation-delay: .2s; }
.delay-3 { animation-delay: .3s; }
.delay-4 { animation-delay: .4s; }
.delay-5 { animation-delay: .5s; }

.skeleton { background: linear-gradient(90deg,var(--mm-bg-3) 25%,var(--mm-bg-4) 50%,var(--mm-bg-3) 75%); background-size: 200% 100%; animation: shimmer 1.4s infinite; border-radius: var(--mm-radius-sm); }

/* ═══ UTİLİTY ═══ */
.bg-cream   { background-color: var(--mm-bg)   !important; }
.bg-sand    { background-color: var(--mm-bg-3) !important; }
.bg-white   { background-color: #fff           !important; }
.bg-dark-mm { background-color: var(--mm-bg-dark) !important; }
.bg-green   { background-color: var(--mm-green)   !important; color: #fff; }
.bg-gold    { background: linear-gradient(135deg,var(--mm-gold),#9a6e1e) !important; color: #fff; }
.border-gold  { border-color: var(--mm-gold)  !important; }
.border-green { border-color: var(--mm-green) !important; }
.rounded-custom    { border-radius: var(--mm-radius)    !important; }
.rounded-custom-lg { border-radius: var(--mm-radius-lg) !important; }
.shadow-custom     { box-shadow: var(--mm-shadow-md)    !important; }
.shadow-gold       { box-shadow: var(--mm-shadow-gold)  !important; }

.line-clamp-1 { overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.line-clamp-2 { overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.line-clamp-3 { overflow:hidden; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; }
.cursor-pointer { cursor: pointer; }
.transition     { transition: var(--mm-transition); }
.no-select      { user-select: none; }
.fw-medium      { font-weight: 500; }

/* ═══ RESPONSİVE ═══ */
@media (max-width: 991.98px) {
  .section    { padding: 3.5rem 0; }
  .section-lg { padding: 5rem 0; }
}
@media (max-width: 767.98px) {
  .hero { min-height: 70vh; text-align: center; }
  .hero-description { margin-left: auto; margin-right: auto; }
  .section { padding: 2.5rem 0; }
  .section-header { margin-bottom: 2rem; }
}
@media (max-width: 575.98px) {
  body { font-size: 14px; }
  .btn-lg { padding: .65rem 1.5rem; }
  .hero-title { font-size: clamp(1.8rem,8vw,2.6rem); }
}