/* Sadece Hakkımızda sağ panelini etkiler. */
#hakkimizda .aboutMark:has(.trendyol-card){padding:20px;box-sizing:border-box}
#hakkimizda .trendyol-card{width:100%;max-width:460px;margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;color:#fff}
#hakkimizda .trendyol-logo{max-width:190px;width:auto;height:auto;max-height:62px;object-fit:contain}
#hakkimizda .trendyol-card h3{font-size:clamp(18px,2vw,25px);color:#fff;margin:0;font-weight:800}
#hakkimizda .trendyol-cover{width:100%;max-height:240px;object-fit:contain;border-radius:12px;background:#fff}
#hakkimizda .trendyol-shop-button{display:inline-flex;align-items:center;justify-content:center;background:#ffcc00;color:#181818!important;border-radius:9px;padding:13px 20px;font-weight:800;text-decoration:none;max-width:100%;box-sizing:border-box}
#hakkimizda .trendyol-shop-button:hover{background:#ffe16a}

/* Trendyol paneli: logo, baslik, vitrin ve buton ayni eksende */
#hakkimizda .aboutMark:has(.trendyol-card){display:flex;align-items:center;justify-content:center;min-width:0;padding:clamp(20px,3vw,44px) clamp(22px,4vw,54px);box-sizing:border-box}
#hakkimizda .trendyol-card{width:min(100%,490px);max-width:490px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;box-sizing:border-box}
#hakkimizda .trendyol-logo{display:block;max-width:min(200px,65%);max-height:72px;width:auto;height:auto;object-fit:contain;margin:0 auto}
#hakkimizda .trendyol-card h3{width:100%;font-size:clamp(20px,2vw,27px);line-height:1.25;margin:0;text-align:center}
#hakkimizda .trendyol-cover{display:block;width:100%;height:auto;max-height:250px;object-fit:contain;object-position:center;border-radius:12px;background:#fff;margin:0 auto}
#hakkimizda .trendyol-shop-button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;max-width:100%;margin:0 auto;padding:12px 20px;line-height:1.35}
@media(max-width:700px){#hakkimizda .aboutMark:has(.trendyol-card){padding:28px 20px}#hakkimizda .trendyol-card{gap:13px}#hakkimizda .trendyol-cover{max-height:220px}}

/* Siyah diyagonal alanin gorunen merkezine hizala. */
@media (min-width:701px){
  #hakkimizda .aboutMark:has(.trendyol-card){
    position:relative;
    transform:translateX(clamp(45px,5.5vw,110px));
    padding:20px 0;
    width:100%;
  }
  #hakkimizda .trendyol-card{width:min(100%,440px);max-width:440px;}
}
#hakkimizda .trendyol-card .trendyol-logo{width:auto;max-width:170px;max-height:76px;}
#hakkimizda .trendyol-card .trendyol-cover{width:100%;max-width:440px;max-height:220px;object-fit:contain;padding:8px;background:#fff;}
@media(max-width:700px){#hakkimizda .aboutMark:has(.trendyol-card){transform:none;}}