/* ═══════════════════════════════════════════════════════════════════════════
   DAR EKRAN DÜZENİ

   Sayfa 1440 piksel SABİT bir tasarımdan geliyor; bütün ölçüler satır içi
   stillerde. Kurallar `data-dc-tpl` kimliğiyle TEK ELEMANI hedefler —
   `[style*="..."]` ile toptan ezmek ilk denemede her şeyi bozmuştu.

   ⚠️ 33 ÜST ETİKET, 34 BAŞLIKTIR. İlk yazımda ikisine de başlık boyutu
      verdim ve "GLOBAL ÜRÜN VERİSİ ALTYAPISI" rozeti başlık kadar büyüdü
      (ölçüldü, ekran görüntüsü). Karıştırmayın.

   ⚠️ KAHRAMAN GÖRSELİ ORANTILI KÜÇÜLTÜLÜR. O bir kompozisyon: içindeki
      kartlar mutlak konumlu, 742px yüksekliğe göre yerleştirilmiş. Akışkan
      yapmaya çalışmak dağıtır; küçültmek "ürün fotoğrafı" etkisi verir.
   ═══════════════════════════════════════════════════════════════════════════ */

[data-dc-tpl="7"]{min-width:0 !important}
[data-dc-tpl="9"],[data-dc-tpl="31"],[data-dc-tpl="345"],
[data-dc-tpl="474"],[data-dc-tpl="555"]{width:100% !important;max-width:1440px !important}

/* Mockup rozeti — kompozisyonun İÇİNDE durur, ondan kopmasın. */
.temsili-rozet{position:absolute;top:-26px;right:0;z-index:4;
  font-size:10px;font-weight:700;letter-spacing:.04em;color:rgb(142,149,141);
  background:rgba(255,255,255,.92);border:1px solid rgb(232,229,219);
  border-radius:6px;padding:4px 8px;pointer-events:none}

@media(max-width:1100px){
  [data-dc-tpl="31"]{grid-template-columns:minmax(0,1fr) !important;gap:8px !important}
  [data-dc-tpl="9"],[data-dc-tpl="31"],[data-dc-tpl="345"],
  [data-dc-tpl="474"],[data-dc-tpl="555"]{padding-left:26px !important;padding-right:26px !important}
  [data-dc-tpl="347"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  [data-dc-tpl="475"],[data-dc-tpl="556"]{grid-template-columns:minmax(0,1fr) !important;gap:26px !important}
  /* ⚠️ Çocukları TEK TEK küçültüyoruz; `top` değeri transform'dan
     etkilenmez. Alt kart satırının inline `top:442px` değeri de aynı oranla
     çarpılmazsa panelle arasında koca bir boşluk kalıyor (ölçüldü: 390px'te
     261px boşluk). Ölçeği değiştiren her yerde bu satır da değişmeli. */
  [data-dc-tpl="68"]{height:525px !important;overflow:hidden}
  [data-dc-tpl="68"]>*:not(.temsili-rozet){transform:scale(.72);transform-origin:top left;width:138.9% !important}
  /* Satırın inline `left:-14px; right:-14px` taşması masaüstünde kasıtlı;
     burada kutu `overflow:hidden` olduğu için soldaki kartı KESİYORDU. */
  [data-dc-tpl="203"]{top:318px !important;left:0 !important;right:0 !important}
}

@media(max-width:820px){
  /* Başlık şeridi: menü bağlantıları sığmıyor; marka + giriş kalır. */
  [data-dc-tpl="9"]{gap:12px !important;height:auto !important;min-height:60px;
    padding-top:10px !important;padding-bottom:10px !important;flex-wrap:nowrap !important}
  [data-dc-tpl="9"] .scp0{display:none !important}
  [data-dc-tpl="10"]{gap:8px !important;flex:0 1 auto;min-width:0}
  [data-dc-tpl="10"] span,[data-dc-tpl="10"] b,[data-dc-tpl="10"] div{white-space:nowrap}
  [data-dc-tpl="11"]{width:26px !important;height:26px !important}
  [data-dc-tpl="28"]{gap:8px !important;flex:0 0 auto}
  [data-dc-tpl="28"] a{height:36px !important;padding:0 13px !important;
    font-size:12.5px !important;white-space:nowrap}

  [data-dc-tpl="34"]{font-size:38px !important;line-height:1.1 !important;margin-top:20px !important}
  [data-dc-tpl="35"]{font-size:15.5px !important;max-width:none !important;margin-top:18px !important}
  [data-dc-tpl="52"]{flex-wrap:wrap !important;gap:10px 18px !important;margin-top:20px !important}
  [data-dc-tpl="346"],[data-dc-tpl="558"]{font-size:25px !important}
  [data-dc-tpl="347"]{grid-template-columns:minmax(0,1fr) !important}
  [data-dc-tpl="475"],[data-dc-tpl="556"]{padding:26px !important}
  [data-dc-tpl="68"]{height:400px !important}
  [data-dc-tpl="68"]>*:not(.temsili-rozet){transform:scale(.54);width:185% !important}
  [data-dc-tpl="203"]{top:239px !important}
  /* Alt şerit: dört sütun telefonda okunmuyor, ikişerli. */
  [data-dc-tpl="300"]{flex-wrap:wrap !important;gap:16px 0 !important;padding:22px 10px !important}
  [data-dc-tpl="300"]>div{flex:0 0 50% !important}
}

@media(max-width:560px){
  [data-dc-tpl="9"],[data-dc-tpl="31"],[data-dc-tpl="345"],
  [data-dc-tpl="474"],[data-dc-tpl="555"]{padding-left:16px !important;padding-right:16px !important}
  [data-dc-tpl="10"] b,[data-dc-tpl="10"] span{font-size:14px !important}
  [data-dc-tpl="28"] a{height:34px !important;padding:0 11px !important;font-size:12px !important}
  [data-dc-tpl="34"]{font-size:31px !important;letter-spacing:-.02em !important}
  [data-dc-tpl="35"]{font-size:14.5px !important;line-height:1.6 !important}
  [data-dc-tpl="346"],[data-dc-tpl="558"]{font-size:22px !important}
  [data-dc-tpl="475"],[data-dc-tpl="556"]{padding:20px !important;border-radius:16px !important}
  [data-dc-tpl="68"]{height:300px !important}
  [data-dc-tpl="68"]>*:not(.temsili-rozet){transform:scale(.4);width:250% !important}
  [data-dc-tpl="203"]{top:177px !important}
}