/* Legacy uyum katmanı (btema11) — Tailwind preflight'ın (motor globals.css) legacy DOM'u
   bozan kurallarını nötrler. Kanıt döngüsünde (legacy-diff + ekran çiftleri) büyür;
   her değişiklikte shell.tsx'teki ?v= paramını artır. */

/* preflight img{display:block} → orijinal platform satır-içi görsel bekler
   (footer ödeme ikonları, _ship ikonları, satır içi görseller) */
.sitebody img { display: inline-block; vertical-align: middle; }

/* preflight svg{display:block} → header/buton ikonları metinle satır içi akar */
.sitebody svg { display: inline; vertical-align: middle; }

/* motor globals'ın dekoratif katmanları bu temada kullanılmaz (beksan kökenli
   body::before doku katmanı varsa nötrle — tuzak #26) */
.sitebody::before { content: none !important; }

/* ── Sepet sayfası ── */
#cartpage .product-img img { max-width: 100px; height: auto; display: block; }

/* ── Ürün detay + kart görsel oranları (tuzak #23) ── */

/* kart görseli sabit oran (AGENT-CONTEXT kural 5): prdbox _v6 karusel/liste kartları */
.prdbox .prd-image { aspect-ratio: 1 / 1; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #fff; }
.prdbox .prd-image > a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.prdbox .prd-image img.prd-img { width: 100%; height: 100%; object-fit: contain; }

/* ürün galerisi: canlı cache 1200x1200 kare varyant — ana görseller kare kutuda contain */
.prodGal .imagesPack > div > a,
.prodGal #gal1 .item > a { display: flex; aspect-ratio: 1 / 1; align-items: center; justify-content: center; overflow: hidden; background: #fff; }
.prodGal .imagesPack img.fotoxoom,
.prodGal #gal1 .item img.fotoxoom { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; }

/* thumb'lar: canlı 100x150 letterbox cache — orijinal görsel ezilmesin */
.prodGal .thumbItem img,
.prodGal .owl-thumbs .owl-thumb-item img { width: 100px; height: 150px; object-fit: contain; background: #fff; }

/* karusel kartı Sepete Ekle: LegacyBits <button> basar (canlıda <a>) — preflight reset
   sonrası imleç ve satır davranışı bağlantıyla aynı olsun */
.prdbox .addToCartBtn button.uk-button { cursor: pointer; }

/* ── Katalog (kategori/arama/marka) ── */
/* ── KATALOG uyum katmanı (compat-katalog) — legacy-compat.css'e birleştirilecek ──
   Not: Canlı sayfa r1 mini/general/mini_productbox_v6.css'i YÜKLEMİYOR (link yok,
   inline style yok — doğrulandı); kartın görünen hali default.css + btema11
   theme.css'ten gelir. Bu yüzden mini dosyası buraya kopyalanmadı; yalnız
   1) hover görsel çifti (ikinci görsel konumlandırması — mini'siz canlıda ikinci
      görsel akışta kalırdı, sabit kare kuralıyla birlikte konumlandırılması şart),
   2) kart görseli sabit kare kuralı (bağlam #5),
   3) Tailwind preflight nötrlemeleri (select/input) eklendi. */

/* kart görseli sabit kare: sarmalayıcı 1:1, görsel ortalanır, taşan kırpılır */
.prdbox._v6 .prd-image { position: relative; }
.prdbox._v6 .prd-image > a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  width: 100%;
  overflow: hidden;
}
/* default.css'teki global img{height:auto !important} bu kuralı ezmesin */
.prdbox._v6 .prd-image img.prd-img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}

/* first-img/second-img hover çifti (r1 mini_productbox_v6.css davranışı) */
.prdbox._v6 .prd-image .second-img {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 150ms ease-in-out;
  z-index: 1;
}
.prdbox._v6:hover .prd-image .second-img { opacity: 1; visibility: visible; }
.prdbox._v6:hover .prd-image .first-img { opacity: 0; visibility: hidden; }

/* wishBtn tıklanabilir (canlıda onclick'li span) */
.prdbox._v6 .wishBtn { cursor: pointer; }

/* preflight select'i çıplak bırakır (border/padding sıfır) — filterSortBox'ta
   legacy'nin tarayıcı-varsayılanı görünümüne yakın sade çerçeve verilir */
.filterSortBox select {
  border: 1px solid #ccc;
  background: #fff;
  padding: 2px 8px;
  height: 30px;
  border-radius: 3px;
}

/* fiyat filtresi girişleri: genişlik/kalınlık default.css'ten (55px, 2px),
   renk theme.css'ten (#008c36) gelir; preflight'ın sildiği zemin geri verilir */
.flt-price .filter-items-content > input {
  background: #fff;
  padding: 0 4px;
  text-align: center;
}

/* katalog modu notu — satışa kapalı üründe sepet aksiyonları yerine basılır
   (legacy'de karşılığı yok; motor katalog bayrağı için tema eklentisi) */
.action-items .catalog-note {
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #e2e2e2;
  border-left: 3px solid #008c36;
  background: #f7f7f7;
  color: #444;
  font-size: 14px;
  line-height: 1.5;
}
.action-items .catalog-note a { color: #008c36; text-decoration: underline; }

/* ── anasayfa "Yılmaz Mandıra'ya Hoşgeldiniz" bölümü ──
   Canlıda bu blok bir HTML modülü ve kendi <style> etiketini taşır; snapshot markup'ı
   alırken gömülü stil düşer. rgs_banners HTML modülünün CSS'i birebir kopyalandı.
   .uk-button-primary ve .uk-grid kuralları KASITLI olarak .homepage-banner'a
   kapsandı — canlıdaki global sızıntı tema genelini bozar. */
.homepage-banner {
  background: #fafafa;
  padding: 80px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.homepage-banner .banner-content { padding: 20px; }
.homepage-banner .banner-title {
  font-size: 40px;
  font-weight: 700;
  color: #000;
  margin-bottom: 20px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.homepage-banner .banner-description {
  font-size: 22px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 30px;
  font-style: italic;
}
.homepage-banner .uk-button-primary {
  background-color: #008c36;
  border-color: #93c01f;
  color: #fff;
  padding: 5px 40px;
  text-decoration: none;
  font-size: 18px;
  border-radius: 50px;
  transition: background-color .3s ease, transform .3s ease;
}
.homepage-banner .uk-button-primary:hover {
  background-color: #93c01f;
  border-color: #93c01f;
  transform: scale(1.05);
}
.homepage-banner .uk-grid { display: flex; flex-wrap: wrap; justify-content: space-between; }
.homepage-banner .icon-box {
  padding: 40px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
  text-align: center;
  position: relative;
  transition: transform .3s ease-in-out, box-shadow .3s ease;
  background: linear-gradient(135deg, #fff, #f8f8f8);
  overflow: hidden;
}
.homepage-banner .icon-box:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 25px rgba(0, 0, 0, .2);
}
.homepage-banner .icon { margin-bottom: 20px; color: #7f1405; transition: color .3s ease; }
.homepage-banner .icon span { font-size: 60px; transition: transform .3s ease; }
.homepage-banner .icon-box:hover .icon span { transform: rotate(15deg); }
.homepage-banner .icon-box h2 {
  font-size: 28px;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
  letter-spacing: 1px;
}
.homepage-banner .icon-box p {
  font-size: 18px;
  color: #555;
  line-height: 1.6;
  font-weight: normal;
  letter-spacing: .5px;
}
@media (max-width: 768px) {
  .homepage-banner .uk-width-1-2 { width: 100%; margin-bottom: 30px; }
  .homepage-banner .banner-title { font-size: 32px; }
  .homepage-banner .banner-description { font-size: 18px; }
  .homepage-banner .icon-box h2 { font-size: 24px; }
  .homepage-banner .icon-box p { font-size: 16px; }
}