/* ============================================================================
   MAGOSTORE — TEMA YENİDEN DERİLEME KATMANI
   ----------------------------------------------------------------------------
   Kurulum:
     1. Bu dosyayı şuraya koy:
        platform/themes/farmart/public/css/magostore.css
     2. functions/magostore.php'yi kur (CSS'i yükler)
     3. Renkleri panelden gir — Görünüm → Tema Ayarları
        (değerler 10-TEMA-KURULUM.md dosyasında)

   NEDEN BÖYLE: Botble'ın markup'ını yeniden yazmıyoruz. Tema zaten
   --primary-color, --text-color gibi CSS değişkenleri kullanıyor; renkleri
   panelden veriyoruz. Bu dosya panelin ulaşamadığı yerleri yapıyor:
   yazı tipi, köşe yarıçapı, gölge, ve yeni bileşenler.

   Tema güncellemesi geldiğinde bu dosya kırılmıyor — style.css'e hiç
   dokunulmadı, sadece üzerine yazılıyor.
   ============================================================================ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  /* Magostore jetonları. Tema değişkenleri panelden geliyor, bunlar ek. */
  --mg-ink:        #0D2A1A;
  --mg-ink-2:      #17563A;
  --mg-lime:       #A8EA55;
  --mg-lime-deep:  #7BC93A;
  --mg-lime-wash:  #E8F8D2;
  --mg-paper:      #F1F4EC;
  --mg-sand:       #E6E9DE;
  --mg-line:       #E2E7DC;
  --mg-muted:      #525E50;
  --mg-muted-2:    #647064;
  --mg-brick:      #B8442E;
  --mg-brick-wash: #FBEDE9;
  --mg-amber:      #BC7F16;

  --mg-r-lg: 20px;
  --mg-r-md: 13px;
  --mg-r-sm: 9px;
  --mg-shadow: 0 1px 2px rgba(13,42,26,.04), 0 8px 24px -12px rgba(13,42,26,.10);
}

/* ---------------------------------------------------------------- tipografi
   Tema *{font-family:var(--primary-font)} kullanıyor; onu Manrope'a
   bağlamak panelden yapılıyor ama fallback burada. */
body, .btn, input, textarea, select, button{
  font-family:"Manrope", system-ui, -apple-system, sans-serif;
}

/* Tek yüz olduğu için hiyerarşiyi ağırlık ve tracking taşıyor.
   Manrope geniş; büyük puntoda negatif tracking olmadan dağınık durur. */
h1,.h1{ font-weight:800; letter-spacing:-.04em; line-height:1.1 }
h2,.h2{ font-weight:800; letter-spacing:-.035em }
h3,.h3{ font-weight:700; letter-spacing:-.025em }
h4,.h4,h5,.h5,h6,.h6{ font-weight:700; letter-spacing:-.018em }

/* Para rakamları: tabular figürler olmadan kolonlar kayar. */
.product-price, .price-amount, .cart-amount, .amount,
.mg-num, td .amount, .bb-product-price{
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  letter-spacing:-.015em;
}

/* ---------------------------------------------------------------- yüzeyler
   Tema her yerde 3px radius kullanıyor. Magostore daha yumuşak. */
body{ background:var(--mg-paper) }

.btn, .btn-primary, .btn-secondary, .form-control, .form-select,
.page-item .page-link, input[type=submit], input[type=button]{
  border-radius:var(--mg-r-md) !important;
}
.btn-primary{ font-weight:700; letter-spacing:-.01em; padding:11px 20px }

.card, .product-inner, .widget-wrapper, .store-card-wrapper,
.category-item-body, .section-banner-wrapper, .featured-banner-item,
.widget-blog-container, .recently-viewed-content{
  border-radius:var(--mg-r-lg) !important;
}

/* Tema kart kenarlıklarını hover'da gösteriyor; biz gölgeye çeviriyoruz. */
.product-inner{
  background:#fff;
  border-color:transparent !important;
  box-shadow:var(--mg-shadow);
  transition:transform .16s ease, box-shadow .16s ease;
}
.product-inner:hover{
  border-color:transparent !important;
  transform:translateY(-3px);
  box-shadow:0 2px 4px rgba(13,42,26,.05), 0 16px 34px -14px rgba(13,42,26,.18);
}
.products-with-border .product-inner,
.slick-slides-carousel .product-inner{
  border-width:0 !important;
  margin-right:0;
}

/* Ürün başlığı temada #09f mavi — marka rengine çekiliyor. */
.product-inner .product__title,
.product-inner .product__title a,
.ec-cross-sale-name a,
.breadcrumb li.breadcrumb-item a,
.product-detail-container .product-details .product-entry-meta a{
  color:var(--mg-ink) !important;
  font-weight:600;
}
.product-inner .product__title a:hover{ color:var(--mg-ink-2) !important }

.product-price ins{ color:var(--mg-ink) !important; font-weight:800 }
.product-price del{ color:var(--mg-muted-2) !important }

/* Rozetler */
.ribbons .ribbon{
  border-radius:20px;
  font-size:11px;
  font-weight:800;
  height:auto;
  line-height:1.6;
  padding:2px 9px;
  background-color:var(--mg-ink);
}
.ribbons .ribbon.out-of-stock{ background-color:var(--mg-muted) }
.ribbons .ribbon.featured{ background-color:var(--mg-lime); color:var(--mg-ink) }

/* Stok durumu */
.product-stock:not(.without-bg){
  background-color:var(--mg-lime-wash);
  border-color:var(--mg-lime-deep);
  border-radius:var(--mg-r-md);
}
.product-stock.in-stock{ color:#2A4A18 }
.product-stock.out-of-stock{
  background-color:var(--mg-brick-wash);
  border-color:#EBC4BA;
  color:var(--mg-brick);
}

/* ---------------------------------------------------- TESLİM DAMGASI (yeni)
   Ürün kartının ikinci en belirgin öğesi indirim yüzdesi değil teslim günü.
   partials/ecommerce/product-item.blade.php içine <x-mg-delivery> eklenir. */
.mg-ship{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--mg-lime-wash); color:#2A4A18;
  border-radius:var(--mg-r-sm);
  font-size:11.5px; font-weight:700;
  padding:5px 9px; margin-top:8px;
  line-height:1.3;
}
.mg-ship--slow{ background:var(--mg-paper); color:var(--mg-muted); font-weight:600 }
.mg-ship svg{ flex:none; width:12px; height:12px }

/* Satıcı adı — kartta ve ürün detayda */
.mg-seller{
  display:flex; align-items:center; gap:5px;
  font-size:11.5px; color:var(--mg-muted); margin-bottom:5px;
}
.mg-seller__score{ font-weight:800; color:var(--mg-ink-2); font-variant-numeric:tabular-nums }
.mg-offers{
  font-size:10.5px; font-weight:800;
  background:var(--mg-ink); color:#fff;
  border-radius:20px; padding:2px 8px;
}

/* ---------------------------------------------------------------- başlık */
.header .header-top{ border-bottom-color:var(--mg-line) }
.header .header-middle{ border-bottom-color:var(--mg-line) }
.header .header-middle .header__center .form--quick-search input[type=text],
.header .header-middle .header__center .form--quick-search button,
.header .header-middle .header__center .form--quick-search .form-group--icon .product-category-label{
  background-color:var(--mg-paper);
}
.header .header-middle .header__center .form--quick-search input[type=text]{
  border-radius:var(--mg-r-md) 0 0 var(--mg-r-md);
}
.header .header-item-counter{ border-radius:20px; font-weight:800 }
.menu--product-categories{ border-radius:var(--mg-r-md) }

/* ---------------------------------------------------------------- sepet
   Botble marketplace sepeti satıcıya göre grupluyor. Grup başlığını
   görünür kılıyoruz — müşteri kaç paket geleceğini anlasın. */
.cart-form__contents thead th{
  background-color:var(--mg-paper);
  color:var(--mg-muted);
  font-weight:700;
  font-size:11px;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.cart-form__contents tbody tr, .cart-form__contents thead tr{ border-color:var(--mg-line) }

.mg-cart-group{
  background:#fff; border-radius:var(--mg-r-lg);
  box-shadow:var(--mg-shadow); margin-bottom:16px; overflow:hidden;
}
.mg-cart-group__head{
  display:flex; align-items:center; gap:11px;
  padding:13px 16px; border-bottom:1px solid var(--mg-line);
}
.mg-cart-group__av{
  width:34px; height:34px; border-radius:10px; flex:none;
  display:grid; place-items:center;
  background:var(--mg-lime-wash); color:#20401F;
  font-weight:800; font-size:13px; letter-spacing:-.02em;
}
.mg-cart-group__nm{ font-weight:800; font-size:14px; letter-spacing:-.022em; line-height:1.2 }
.mg-cart-group__meta{ font-size:11.5px; color:var(--mg-muted); margin-top:1px }
.mg-cart-group__ship{ margin-left:auto; text-align:right; font-size:12.5px; font-weight:800; color:var(--mg-ink-2) }

/* Kargo eşiği ilerlemesi — gerçek bir karar noktası */
.mg-thresh{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:10px 16px; background:#FDF4E2; font-size:12px; color:#6E4A0E;
}
.mg-thresh--ok{ background:var(--mg-lime-wash); color:#31501C }
.mg-thresh__bar{ width:104px; height:6px; border-radius:20px; background:rgba(0,0,0,.09); overflow:hidden; flex:none }
.mg-thresh__fill{ display:block; height:100%; background:var(--mg-amber); border-radius:20px }
.mg-thresh--ok .mg-thresh__fill{ background:var(--mg-lime-deep) }
.mg-thresh__go{ margin-left:auto; font-weight:800; color:var(--mg-ink-2); white-space:nowrap }

/* ------------------------------------------------- HAKEDİŞ ŞERİDİ (yeni)
   Satıcı panelinde en üstte. Verisi mg_settlement_items + mg_store_balances.
   Partial: platform/themes/farmart/views/marketplace/mg-payout-strip.blade.php */
.mg-strip{
  background:var(--mg-ink); color:#DCE8D9;
  border-radius:var(--mg-r-lg); padding:19px 22px 17px;
  position:relative; overflow:hidden; margin-bottom:18px;
}
.mg-strip::after{
  content:""; position:absolute; top:-70px; right:-40px; width:260px; height:190px;
  background:radial-gradient(circle at 60% 40%, rgba(168,234,85,.20), transparent 68%);
  pointer-events:none;
}
.mg-strip__top{ display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin-bottom:16px; position:relative }
.mg-strip__h{ font-size:15px; font-weight:800; color:#fff; letter-spacing:-.03em; margin:0 }
.mg-strip__note{ font-size:11.5px; color:#8FA692 }
.mg-strip__note b{ color:var(--mg-lime); font-weight:700 }
.mg-strip__link{ margin-left:auto; font-size:11.5px; color:var(--mg-lime); font-weight:700 }

.mg-flow{ display:grid; grid-template-columns:repeat(3,1fr); position:relative }
.mg-flow__step{ padding-right:22px; position:relative }
.mg-flow__step + .mg-flow__step{ padding-left:22px }
.mg-flow__step + .mg-flow__step::before{
  content:""; position:absolute; left:-5px; top:15px; width:10px; height:10px;
  border-right:1.5px solid #3D5C48; border-top:1.5px solid #3D5C48;
  transform:rotate(45deg);
}
.mg-flow__k{ font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#7D9482; margin-bottom:5px }
.mg-flow__v{
  font-size:23px; font-weight:700; color:#fff; letter-spacing:-.04em; line-height:1.1;
  font-variant-numeric:tabular-nums;
}
.mg-flow__step--now .mg-flow__v{ color:var(--mg-lime) }
.mg-flow__c{ font-size:11px; color:#8FA692; margin-top:3px }

.mg-clock{ margin-top:17px; padding-top:15px; border-top:1px solid rgba(255,255,255,.09) }
.mg-clock__head{ display:flex; align-items:center; gap:8px; margin-bottom:9px; flex-wrap:wrap }
.mg-clock__tag{
  font-size:9.5px; font-weight:800; letter-spacing:.06em;
  background:rgba(168,234,85,.14); color:var(--mg-lime);
  border:1px solid rgba(168,234,85,.28); border-radius:20px; padding:2px 8px;
}
.mg-clock__t{ font-size:11.5px; color:#A8BCAB }
.mg-clock__t b{ color:#fff; font-weight:700 }
.mg-rail{ height:7px; border-radius:20px; background:rgba(255,255,255,.09); position:relative; overflow:hidden }
.mg-rail__fill{ position:absolute; inset:0 auto 0 0; background:linear-gradient(90deg, #2F7A54, var(--mg-lime)); border-radius:20px }
.mg-rail__marks{ display:flex; justify-content:space-between; margin-top:6px; font-size:9.5px }
.mg-rail__mark{ color:#6E8672; font-variant-numeric:tabular-nums }
.mg-rail__mark--due{ color:var(--mg-lime); font-weight:800 }
.mg-rail__mark--limit{ color:#C98A8A }

/* ------------------------------------------------- satıcı paneli genel */
.dashboard-navigation{
  border-color:var(--mg-line);
  border-radius:var(--mg-r-lg);
  overflow:hidden;
  text-transform:none;
}
.dashboard-navigation .nav-item{ background-color:#fff; border-bottom-color:var(--mg-line) }
.dashboard-navigation .nav-item .nav-link{ padding:12px 20px; font-weight:600 }
.dashboard-navigation .nav-item .nav-link.active{
  background:var(--mg-lime); color:var(--mg-ink); font-weight:800;
}

/* ---------------------------------------------------------------- alt */
#footer{ background:var(--mg-ink) }
#footer, #footer ul li a, #footer p{ color:#A8BFAB }
#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{ color:#fff }
#footer ul li a:hover{ color:var(--mg-lime) }
#footer .border-top, .footer__links{ border-color:rgba(255,255,255,.1) !important }

/* ---------------------------------------------------------------- erişim */
:focus-visible{ outline:2.5px solid var(--mg-ink-2); outline-offset:2px; border-radius:4px }
@media (prefers-reduced-motion:reduce){ *{ transition:none !important; animation:none !important } }

/* ---------------------------------------------------------------- duyarlı */
@media (max-width:767px){
  .mg-flow{ grid-template-columns:1fr; gap:14px }
  .mg-flow__step{ padding:0 }
  .mg-flow__step + .mg-flow__step{ padding-left:0 }
  .mg-flow__step + .mg-flow__step::before{ display:none }
  .mg-strip{ padding:16px }
  .mg-thresh__bar{ width:100%; order:3 }
}

/* ============================================================================
   MÜŞTERİ PANELİ — "Hesabım" alanı
   ----------------------------------------------------------------------------
   Botble'ın müşteri paneli temayı kullanıyor, yani bu dosya oraya da ulaşıyor.
   Fynix panel dilini müşteri tarafına taşıyan bölüm.

   Vitrinden farkı: vitrin dükkân, panel araç. Daha yoğun, daha az görsel,
   rakamlar öne çıkıyor.
   ============================================================================ */

/* --- panel iskeleti --- */
.mg-acc{ display:grid; grid-template-columns:250px 1fr; gap:20px; align-items:start }
@media (max-width:900px){ .mg-acc{ grid-template-columns:1fr } }

/* --- yan menü (Botble .dashboard-navigation üstüne) --- */
.mg-acc__side{
  background:#fff; border-radius:var(--mg-r-lg);
  box-shadow:var(--mg-shadow); padding:16px; position:sticky; top:16px;
}
@media (max-width:900px){ .mg-acc__side{ position:static } }
.mg-acc__me{ display:flex; align-items:center; gap:11px; padding-bottom:14px; border-bottom:1px solid var(--mg-line); margin-bottom:12px }
.mg-acc__av{
  width:42px; height:42px; border-radius:12px; flex:none; display:grid; place-items:center;
  background:var(--mg-lime-wash); color:#20401F; font-weight:800; font-size:15px; letter-spacing:-.02em;
}
.mg-acc__nm{ font-weight:800; font-size:14px; letter-spacing:-.022em; line-height:1.2 }
.mg-acc__sub{ font-size:11.5px; color:var(--mg-muted); margin-top:1px }

.mg-acc__nav{ display:flex; flex-direction:column; gap:1px; list-style:none; margin:0; padding:0 }
.mg-acc__nav a{
  display:flex; align-items:center; gap:10px;
  padding:9px 11px; border-radius:10px;
  font-size:13.5px; font-weight:500; color:var(--mg-ink);
  transition:background .14s;
}
.mg-acc__nav a:hover{ background:var(--mg-paper) }
.mg-acc__nav a.is-on{ background:var(--mg-lime); font-weight:800 }
.mg-acc__nav .mg-badge{
  margin-left:auto; font-size:10px; font-weight:800;
  background:var(--mg-brick); color:#fff; border-radius:20px; padding:1px 6px;
  font-variant-numeric:tabular-nums;
}
.mg-acc__nav a.is-on .mg-badge{ background:var(--mg-ink); color:var(--mg-lime) }

/* --- özet kartları --- */
.mg-acc__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:16px }
@media (max-width:1100px){ .mg-acc__grid{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:520px){ .mg-acc__grid{ grid-template-columns:1fr } }

.mg-tile{
  background:#fff; border-radius:var(--mg-r-lg); padding:16px 17px;
  box-shadow:var(--mg-shadow); display:flex; flex-direction:column;
}
.mg-tile__ico{
  width:31px; height:31px; border-radius:9px; display:grid; place-items:center;
  background:var(--mg-lime-wash); color:var(--mg-ink-2); margin-bottom:11px;
}
.mg-tile__ico svg{ width:15px; height:15px }
.mg-tile__k{ font-size:11.5px; color:var(--mg-muted); font-weight:600 }
.mg-tile__v{
  font-size:21px; font-weight:800; letter-spacing:-.04em; margin-top:3px; line-height:1.15;
  font-variant-numeric:tabular-nums;
}
.mg-tile__f{ font-size:11px; color:var(--mg-muted); margin-top:6px }

/* Kahraman: cüzdan/puan — müşteri panelinde limeʼın tek büyük kullanımı */
.mg-tile--hero{
  background:linear-gradient(150deg,#BCF06A 0%, var(--mg-lime) 42%, #8FD943 100%);
  color:var(--mg-ink); position:relative; overflow:hidden;
  box-shadow:0 2px 4px rgba(13,42,26,.06), 0 18px 40px -18px rgba(23,86,58,.35);
}
.mg-tile--hero::after{
  content:""; position:absolute; right:-52px; bottom:-66px;
  width:170px; height:170px; border-radius:50%; background:rgba(255,255,255,.22);
}
.mg-tile--hero .mg-tile__ico{ background:rgba(255,255,255,.55); color:var(--mg-ink) }
.mg-tile--hero .mg-tile__k,
.mg-tile--hero .mg-tile__f{ color:#33553A; position:relative }
.mg-tile--hero .mg-tile__v{ font-size:27px; position:relative }

/* --- sipariş takip kartı: paketleri ayrı gösterir --- */
.mg-track{
  background:#fff; border-radius:var(--mg-r-lg); box-shadow:var(--mg-shadow);
  overflow:hidden; margin-bottom:14px;
}
.mg-track__head{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  padding:14px 17px; border-bottom:1px solid var(--mg-line);
}
.mg-track__no{ font-weight:800; font-size:13.5px; letter-spacing:-.02em; font-variant-numeric:tabular-nums }
.mg-track__date{ font-size:11.5px; color:var(--mg-muted) }
.mg-track__total{ margin-left:auto; font-weight:800; font-size:15px; letter-spacing:-.03em; font-variant-numeric:tabular-nums }

.mg-pkg{ display:flex; align-items:center; gap:12px; padding:13px 17px }
.mg-pkg + .mg-pkg{ border-top:1px solid var(--mg-line) }
.mg-pkg__n{
  width:24px; height:24px; border-radius:8px; flex:none; display:grid; place-items:center;
  background:var(--mg-lime); color:var(--mg-ink); font-size:11px; font-weight:800;
}
.mg-pkg__body{ min-width:0; flex:1 }
.mg-pkg__store{ font-size:13px; font-weight:700; letter-spacing:-.015em }
.mg-pkg__items{ font-size:11.5px; color:var(--mg-muted); margin-top:1px }
.mg-pkg__when{ font-size:11.5px; font-weight:800; color:var(--mg-ink-2); white-space:nowrap; text-align:right }
.mg-pkg__when--slow{ color:var(--mg-muted-2); font-weight:600 }

/* durum adımları */
.mg-steps{ display:flex; align-items:center; gap:0; padding:0 17px 15px }
.mg-steps__s{ flex:1; position:relative; text-align:center }
.mg-steps__dot{
  width:11px; height:11px; border-radius:50%; background:var(--mg-sand);
  margin:0 auto 6px; position:relative; z-index:1;
}
.mg-steps__s--done .mg-steps__dot{ background:var(--mg-lime-deep) }
.mg-steps__s--now .mg-steps__dot{ background:var(--mg-ink); box-shadow:0 0 0 4px var(--mg-lime-wash) }
.mg-steps__s:not(:last-child)::after{
  content:""; position:absolute; top:5px; left:50%; right:-50%;
  height:1.5px; background:var(--mg-sand);
}
.mg-steps__s--done:not(:last-child)::after{ background:var(--mg-lime-deep) }
.mg-steps__l{ font-size:10.5px; color:var(--mg-muted-2); line-height:1.3 }
.mg-steps__s--now .mg-steps__l{ color:var(--mg-ink); font-weight:800 }

/* --- boş durum --- */
.mg-empty{
  background:#fff; border-radius:var(--mg-r-lg); box-shadow:var(--mg-shadow);
  padding:38px 22px; text-align:center;
}
.mg-empty__g{ font-size:38px; margin-bottom:10px; opacity:.5 }
.mg-empty__h{ font-weight:800; font-size:16px; letter-spacing:-.03em; margin:0 0 4px }
.mg-empty__p{ font-size:13px; color:var(--mg-muted); margin:0 0 16px }

/* ============================================================================
   VİTRİN ÖZELLİKLERİ — 13-VITRIN-OZELLIKLERI.md
   Teslim sayacı · fiyat içgörüsü · alarm · fiyat uyarısı · paket takibi
   ============================================================================ */

/* --- teslim sayacı (ürün sayfası) --- */
.mg-eta{
  background:var(--mg-lime-wash); border-radius:var(--mg-r-md);
  padding:12px 14px; margin:14px 0;
}
.mg-eta--slow{ background:var(--mg-paper) }
.mg-eta__row{ display:flex; align-items:center; gap:8px }
.mg-eta__ico{ width:17px; height:17px; flex:none; color:#2A4A18 }
.mg-eta--slow .mg-eta__ico{ color:var(--mg-muted) }
.mg-eta__label{ font-size:14.5px; font-weight:800; letter-spacing:-.025em; color:#2A4A18 }
.mg-eta--slow .mg-eta__label{ color:var(--mg-ink) }
.mg-eta__sub{ font-size:12px; color:#3E6027; margin-top:4px; padding-left:25px }
.mg-eta--slow .mg-eta__sub{ color:var(--mg-muted) }
.mg-eta__clock{
  font-weight:800; font-variant-numeric:tabular-nums;
  background:var(--mg-ink); color:var(--mg-lime);
  border-radius:6px; padding:1px 6px; letter-spacing:-.02em;
}
.mg-eta__city{
  display:inline-flex; align-items:center; gap:5px; margin-top:9px; margin-left:25px;
  font-size:11.5px; font-weight:700; color:var(--mg-ink-2);
}
.mg-eta__city svg{ width:12px; height:12px }
.mg-eta__city:hover{ text-decoration:underline }

/* --- fiyat içgörüsü --- */
.mg-pi{
  display:flex; align-items:center; gap:7px; flex-wrap:wrap;
  font-size:12.5px; color:var(--mg-muted); margin:6px 0 10px;
}
.mg-pi svg{ width:14px; height:14px; flex:none; color:var(--mg-muted-2) }
.mg-pi--low{ color:#3D6B22; font-weight:700 }
.mg-pi--low svg{ color:var(--mg-lime-deep) }
.mg-pi__more{
  font-size:11.5px; font-weight:700; color:var(--mg-ink-2);
  text-decoration:underline; margin-left:2px;
}

/* --- stok / fiyat alarmı --- */
.mg-alert{
  background:var(--mg-paper); border:1px solid var(--mg-line);
  border-radius:var(--mg-r-md); padding:13px 14px; margin:14px 0;
}
.mg-alert__head{ display:flex; align-items:center; gap:9px; margin-bottom:9px; flex-wrap:wrap }
.mg-alert__head strong{ font-size:13.5px; font-weight:800; letter-spacing:-.02em }
.mg-alert__demand{
  font-size:10.5px; font-weight:800; background:var(--mg-amber-wash);
  color:#8A6111; border-radius:20px; padding:2px 8px;
  font-variant-numeric:tabular-nums;
}
.mg-alert__form{ display:flex; gap:7px; flex-wrap:wrap }
.mg-alert__form input{
  flex:1; min-width:160px; border:1.5px solid var(--mg-line);
  border-radius:10px; padding:9px 11px; font:inherit; font-size:13px; outline:none;
}
.mg-alert__form input:focus{ border-color:var(--mg-ink-2) }
.mg-alert__btn{
  background:var(--mg-ink); color:#fff; border-radius:10px;
  padding:9px 16px; font-size:13px; font-weight:700; flex:none;
}
.mg-alert__btn:hover{ filter:brightness(1.4) }
.mg-alert__btn:disabled{ opacity:.55; cursor:default }
.mg-alert__note{ font-size:11.5px; margin:8px 0 0; min-height:1em }
.mg-alert__note.is-ok{ color:#3D6B22; font-weight:700 }
.mg-alert__note.is-err{ color:var(--mg-brick) }

/* --- sepet fiyat değişikliği uyarısı --- */
.mg-pricewarn{
  display:flex; gap:11px; background:var(--mg-amber-wash);
  border-radius:var(--mg-r-md); padding:13px 15px; margin-bottom:14px;
  font-size:12.5px; color:#6E4A0E;
}
.mg-pricewarn svg{ width:18px; height:18px; flex:none; margin-top:1px }
.mg-pricewarn strong{ display:block; font-weight:800; margin-bottom:4px }
.mg-pricewarn ul{ margin:0; padding-left:16px }
.mg-pricewarn li{ margin-bottom:2px }
.mg-pricewarn s{ color:var(--mg-muted-2) }
.mg-pricewarn .is-up{ color:var(--mg-brick); font-weight:700 }
.mg-pricewarn .is-down{ color:#3D6B22; font-weight:700 }

.mg-pkgnote{
  font-size:12.5px; color:var(--mg-muted);
  background:var(--mg-paper); border-radius:var(--mg-r-sm);
  padding:10px 13px; margin-bottom:14px;
}
.mg-pkgnote b{ color:var(--mg-ink); font-weight:800 }

/* --- sepet satırı (grup içi) --- */
.mg-line{
  display:flex; align-items:center; gap:12px;
  padding:11px 16px; font-size:13px;
}
.mg-line + .mg-line{ border-top:1px solid var(--mg-line) }
.mg-line__nm{ flex:1; min-width:0; font-weight:600 }
.mg-line__qty{ font-size:11.5px; color:var(--mg-muted); white-space:nowrap }
.mg-line__price{ font-weight:800; letter-spacing:-.025em; white-space:nowrap }

/* --- paket takibi: kargo satırı --- */
.mg-pkg__track{
  display:block; font-size:11px; color:var(--mg-muted); margin-top:3px;
}
.mg-pkg__track a{ color:var(--mg-ink-2); font-weight:700; text-decoration:underline }

.mg-num{ font-variant-numeric:tabular-nums; font-feature-settings:"tnum" 1 }