/* Barlow Condensed 700 — Türkçe alt küme (129 karakter, 8 KB), ayrı dosya: assets/barlow-condensed-700-tr.woff2. CSS küçük kalır, ilk çizimi engellemez; optional = düzen kayması yok. Google Fonts kullanılmıyor. */
@font-face{font-family:"Barlow Condensed";font-style:normal;font-weight:600 700;font-display:optional;src:url("barlow-condensed-700-tr.woff2") format("woff2");}
/* ══════════════════════════════════════════════════════════════
   METEOR MÜZİK · ANA SAYFA (koyu, premium)
   Yalnızca ana sayfada yüklenir: sayfalar/anasayfa.twig > temaHeadEtiketleri.
   Bölümler: moduller/ozel/anasayfa_*.twig
   ══════════════════════════════════════════════════════════════ */
:root{
  --mm-zemin:#0D0E10; --mm-zemin2:#111316; --mm-yuzey:#16181B; --mm-cizgi:#23262A; --mm-cizgi2:#3A3F45;
  --mm-yazi:#F3F2EF; --mm-yazi2:#C8CBD0; --mm-soluk:#A9ADB4; --mm-kirmizi:#D7261E; --mm-kirmizi2:#B81E17; --mm-altin:#C9A55A;
  --mm-baslik:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
}
/* Koyu zemin YALNIZCA sayfada yeni bölümlerden biri varken devreye girer.
   Paket yüklenip panelde modüller henüz kurulmamışsa eski ana sayfa hiç etkilenmez. */
html body:has(.mm-bolum){ background:var(--mm-zemin) !important; }
html body:has(.mm-bolum) .p-g-mod:not(.p-g-mod-t-28):not(.p-g-mod-t-29){ background:transparent; }

/* Her bölüm kendi koyu zeminini kenardan kenara taşır (:has desteklemeyen eski tarayıcılar için de) */
.mm-bolum{ color:var(--mm-yazi); padding:72px 0; background:var(--mm-zemin);
  box-shadow:0 0 0 100vmax var(--mm-zemin); clip-path:inset(0 -100vmax); }
.mm-bolum.mm-koyu2{ background:var(--mm-zemin2); box-shadow:0 0 0 100vmax var(--mm-zemin2); clip-path:inset(0 -100vmax); }
.mm-ic{ max-width:1280px; margin:0 auto; padding:0 16px; }
.mm-bolum a{ color:var(--mm-yazi); }
.mm-bolum a:hover{ color:#fff; }

.mm-ust-baslik{ font-family:var(--mm-baslik); font-weight:600; font-size:15px; letter-spacing:.18em; color:#E8574F; margin-bottom:10px; }
.mm-ust-baslik.mm-altin, .mm-altin{ color:var(--mm-altin); }
.mm-h1{ font-family:var(--mm-baslik); font-weight:700; font-size:clamp(38px,5vw,62px); line-height:1.03; color:#fff; margin:0 0 20px; letter-spacing:-.01em; }
.mm-h2{ font-family:var(--mm-baslik); font-weight:700; font-size:clamp(30px,3.4vw,44px); line-height:1.06; color:#fff; margin:0; }
.mm-h2-kucuk{ font-size:clamp(26px,2.6vw,34px); }
.mm-h3{ font-family:var(--mm-baslik); font-weight:700; font-size:24px; line-height:1.15; color:#fff; margin:0; }
.mm-soluk{ color:var(--mm-soluk); font-size:16px; line-height:1.6; margin:0; max-width:460px; }
.mm-bolum-bas{ margin-bottom:36px; }
.mm-bas-iki{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px; }
.mm-bas-link{ font-weight:600; padding:10px 0; }

/* Butonlar */
.mm-butonlar{ display:flex; flex-wrap:wrap; gap:12px; }
.mm-btn{ display:inline-flex; align-items:center; gap:10px; min-height:52px; padding:0 26px; border-radius:6px; font-weight:600; font-size:16px;
  border:1px solid transparent; cursor:pointer; text-decoration:none !important; transition:background .15s, border-color .15s; }
.mm-bolum .mm-btn-ana{ background:var(--mm-kirmizi); color:#fff; }
.mm-bolum .mm-btn-ana:hover{ background:var(--mm-kirmizi2); color:#fff; }
.mm-bolum .mm-btn-cizgi{ border-color:var(--mm-cizgi2); color:var(--mm-yazi); background:transparent; }
.mm-bolum .mm-btn-cizgi:hover{ border-color:#5a6068; }
.mm-bolum .mm-btn-altin{ border-color:var(--mm-altin); color:var(--mm-altin); background:transparent; }
.mm-bolum .mm-btn-acik{ background:var(--mm-yazi); color:var(--mm-zemin); }

.mm-kart{ background:var(--mm-yuzey); border:1px solid var(--mm-cizgi); border-radius:10px; padding:28px; }

/* Giriş */
.mm-giris{ padding-top:56px; padding-bottom:0; }
.mm-giris-ic{ display:flex; flex-wrap:wrap; gap:48px; align-items:center; padding-bottom:56px; }
.mm-giris-metin{ flex:1 1 520px; min-width:0; }
.mm-giris-alt{ font-size:19px; line-height:1.55; color:var(--mm-yazi2); max-width:580px; margin:0 0 28px; }
.mm-giris-yan{ flex:1 1 400px; min-width:0; }
.mm-giris-foto{ width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; border-radius:10px; display:block; }
.mm-ref-panel{ background:var(--mm-yuzey); border:1px solid var(--mm-cizgi); border-radius:10px; padding:28px; display:flex; flex-direction:column; }
.mm-ref-panel a{ display:flex; justify-content:space-between; gap:12px; padding:14px 0; border-bottom:1px solid var(--mm-cizgi);
  font-family:var(--mm-baslik); font-weight:600; font-size:22px; color:#fff; }
.mm-ref-panel a span{ font-family:inherit; font-weight:500; font-size:15px; color:var(--mm-soluk); align-self:center; }
.mm-ref-panel a.mm-ref-tum{ border-bottom:0; font-size:16px; color:var(--mm-altin); padding-bottom:0; }
.mm-rakamlar{ background:var(--mm-zemin2); box-shadow:0 0 0 100vmax var(--mm-zemin2); clip-path:inset(0 -100vmax); }
.mm-rakam-izgara{ display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; padding-top:26px; padding-bottom:26px; }
.mm-rakam-izgara strong{ display:block; font-family:var(--mm-baslik); font-weight:700; font-size:32px; color:#fff; line-height:1.1; }
.mm-rakam-izgara span{ color:var(--mm-soluk); font-size:15px; }

/* Mekânlar */
.mm-mekan-izgara{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
@media (max-width:991px){ .mm-mekan-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .mm-mekan-izgara{ grid-template-columns:1fr; } }
.mm-mekan{ display:flex; flex-direction:column; gap:12px; }
.mm-mekan p{ margin:0; color:var(--mm-yazi2); font-size:16px; line-height:1.55; }
.mm-mekan-ornek{ color:var(--mm-soluk); font-size:14px; }
.mm-mekan-alt{ margin-top:auto; display:flex; flex-wrap:wrap; gap:8px 20px; padding-top:6px; }
.mm-bolum .mm-mekan-teklif{ color:#E8574F; font-weight:600; padding:8px 0; }
.mm-mekan-link{ font-weight:600; padding:8px 0; }

/* Süreç */
.mm-surec{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:32px; }
.mm-surec li{ border-top:2px solid var(--mm-cizgi2); padding-top:18px; display:flex; flex-direction:column; gap:8px; }
.mm-surec li:first-child{ border-top-color:var(--mm-altin); }
.mm-surec span{ font-family:var(--mm-baslik); font-weight:700; font-size:20px; color:var(--mm-altin); }
.mm-surec p{ margin:0; color:var(--mm-yazi2); line-height:1.55; }

/* Teklif */
.mm-teklif-bolum{ background:var(--mm-yuzey); box-shadow:0 0 0 100vmax var(--mm-yuzey); clip-path:inset(0 -100vmax); scroll-margin-top:140px; }
.mm-teklif-ic{ display:flex; flex-wrap:wrap; gap:48px; }
.mm-teklif-metin{ flex:1 1 360px; min-width:0; display:flex; flex-direction:column; gap:16px; }
.mm-iletisim{ display:flex; flex-direction:column; gap:10px; margin-top:8px; color:var(--mm-yazi2); }
.mm-iletisim a{ font-size:18px; font-weight:600; }
.mm-form{ flex:1 1 520px; min-width:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px;
  background:var(--mm-zemin); border:1px solid #2A2E33; border-radius:10px; padding:28px; }
.mm-alan{ display:flex; flex-direction:column; gap:6px; }
.mm-tam{ grid-column:1/-1; }
.mm-form label{ font-size:14px; font-weight:600; color:var(--mm-yazi2); margin:0; }
.mm-form input[type=text],.mm-form input[type=tel],.mm-form select,.mm-form textarea{
  width:100%; min-height:48px; padding:10px 14px; border-radius:6px; border:1px solid var(--mm-cizgi2); background:var(--mm-yuzey); color:var(--mm-yazi); font-size:16px; }
.mm-form textarea{ resize:vertical; }
.mm-form input:focus,.mm-form select:focus,.mm-form textarea:focus{ outline:2px solid var(--mm-altin); outline-offset:1px; border-color:transparent; }
.mm-onay{ display:flex; gap:10px; align-items:flex-start; }
.mm-onay input{ width:20px; height:20px; margin-top:2px; accent-color:var(--mm-kirmizi); flex:none; }
.mm-onay label{ font-weight:400; color:var(--mm-soluk); line-height:1.5; }
.mm-form-uyari{ color:#FFB4AE; font-size:15px; }

/* Mağaza */
.mm-magaza-izgara{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:16px; margin-bottom:20px; }
.mm-magaza-ana{ display:block; margin-bottom:10px; }
.mm-magaza-kart ul{ list-style:none; margin:0; padding:0; }
.mm-magaza-kart li a{ display:block; padding:7px 0; color:var(--mm-yazi2); font-size:16px; }

/* Ürün vitrini: temanın kartı, koyu zemine uyarlandı */
.mm-vitrin{ padding-top:24px; }
.mm-urun-izgara{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
@media (max-width:991px){ .mm-urun-izgara{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:420px){ .mm-urun-izgara{ gap:10px; } }
.mm-vitrin .card-product{ background:var(--mm-yuzey); border:1px solid var(--mm-cizgi); box-shadow:none; height:100%; }
.mm-vitrin .card-product:hover{ border-color:var(--mm-cizgi2); }
.mm-vitrin .card-product .card-product-inner .image-wrapper{ background:#fff; }
.mm-vitrin .card-product-content, .mm-vitrin .card-product-content .brand{ color:var(--mm-soluk); }
.mm-vitrin .card-product .card-product-inner .title, .mm-vitrin .card-product .card-product-inner .title a{ color:var(--mm-yazi); }
.mm-vitrin .card-product .card-product-inner .price-group .prices .sale-price,
.mm-vitrin .card-product .sale-price-basket .sale-price, .mm-vitrin .special-price-text, .mm-vitrin .price-login-warning{ color:#fff; }
.mm-vitrin .card-product .card-product-inner .price-group .prices .list-price{ color:var(--mm-soluk); }
/* Tema fiyatı iki kuralla !important koyu gri yapıyor:
   ".card-product .card-product-inner .price-group .prices .sale-price" (#4a4a4a) ve ".price-center .prices .sale-price" (#333).
   Onları ezmek için daha özgül seçici (önüne .mm-vitrin eklendi). */
.mm-vitrin .card-product .card-product-inner .price-group .prices .sale-price,
.mm-vitrin .card-product .card-product-inner .price-center .prices .sale-price,
.mm-vitrin .card-product .card-product-inner .prices .sale-price,
.mm-vitrin .card-product .card-product-inner .price-login-warning,
.mm-vitrin .card-product .sale-price-basket .sale-price{ color:#fff !important; opacity:1 !important; }
.mm-vitrin .card-product .card-product-inner .price-group .prices .list-price{ color:var(--mm-soluk) !important; }

/* Platformun modül başlıkları (ör. "Bazı Referanslar") koyu zeminde */
body:has(.mm-bolum) .p-g-mod:not(.p-g-mod-t-28):not(.p-g-mod-t-29) > :not(.p-g-mod-body),
body:has(.mm-bolum) .p-g-mod:not(.p-g-mod-t-28):not(.p-g-mod-t-29) > :not(.p-g-mod-body) *{
  color:#fff; font-family:var(--mm-baslik); }

/* Referanslar (Blog Vitrini, Modül CSS Sınıfı: mm-referans) */
body:has(.mm-bolum) .mm-referans{ color:var(--mm-yazi); }
body:has(.mm-bolum) .mm-referans .card-blog{ background:var(--mm-yuzey); border:1px solid var(--mm-cizgi); border-radius:10px; overflow:hidden; height:100%; }
body:has(.mm-bolum) .mm-referans .card-blog .date{ display:none; }
body:has(.mm-bolum) .mm-referans .card-blog .title{ display:block; height:auto !important; max-height:none !important; overflow:visible !important; -webkit-line-clamp:unset !important; padding:18px 20px 6px; font-family:var(--mm-baslik); font-weight:700; font-size:22px; line-height:1.2; color:#fff; }
body:has(.mm-bolum) .mm-referans .card-blog .description{ padding:0 20px; color:var(--mm-yazi2); font-size:15px; line-height:1.5; }
body:has(.mm-bolum) .mm-referans .card-blog .buttons{ padding:12px 20px 20px; }
body:has(.mm-bolum) .mm-referans .card-blog .btn-read-more{ background:transparent; border:1px solid var(--mm-cizgi2); color:var(--mm-yazi); }
body:has(.mm-bolum) .mm-referans h1, body:has(.mm-bolum) .mm-referans h2, body:has(.mm-bolum) .mm-referans h3, body:has(.mm-bolum) .mm-referans h4{ color:#fff; font-family:var(--mm-baslik); }

/* Markalar (Marka Vitrini, Modül CSS Sınıfı: mm-markalar) */
body:has(.mm-bolum) .mm-markalar .card-brand{ background:var(--mm-yuzey); border:1px solid var(--mm-cizgi); border-radius:8px; color:var(--mm-yazi2); }
body:has(.mm-bolum) .mm-markalar .card-brand .cb-logo{ background:#fff; border-radius:6px; }
body:has(.mm-bolum) .mm-markalar h1, body:has(.mm-bolum) .mm-markalar h2, body:has(.mm-bolum) .mm-markalar h3, body:has(.mm-bolum) .mm-markalar h4{ color:#fff; font-family:var(--mm-baslik); }

/* Bayi */
.mm-bayi{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:24px; padding:32px 36px; }
.mm-bayi .mm-soluk{ margin-top:8px; max-width:620px; }

@media (max-width:767px){
  .mm-bolum{ padding:52px 0; }
  .mm-giris{ padding-top:36px; }
  .mm-kart{ padding:22px; }
  .mm-form{ padding:20px; }
  .mm-btn{ width:100%; justify-content:center; }
}