/* TEK SIRA · başlık sütunu (≈620px) dar; şerit kendi genişliğini alır ve görselin
     eriyen kenarına hafifçe taşabilir — iki satıra kırılmasından iyidir. */
  .t52-rozet{--rozet-bant:clamp(30px, 2.6vw, 40px);list-style:none;margin:clamp(28px,3vw,44px) 0 0;padding:6px 0;
    display:flex;flex-wrap:nowrap;align-items:center;width:max-content;max-width:calc(100vw - 2 * var(--metin-kenar))}
  .t52-rozet li{position:relative;display:flex;align-items:center;padding:0 clamp(8px,.9vw,14px)}
  .t52-rozet li:first-child{padding-left:0}
  .t52-rozet li + li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
    width:1px;height:22px;background:var(--line)}
  .t52-rozet img{display:block;width:auto;max-width:none;height:calc(var(--rozet-bant) * var(--o, 1));
    transition:opacity .22s ease, transform .28s cubic-bezier(.2,.7,.2,1);transform-origin:50% 50%}
  .t52-rozet li:first-child img{transform-origin:0 50%}
  .t52-rozet li:hover img{transform:scale(1.14)}
  .t52-rozet a{display:flex;align-items:center;opacity:.92;transition:opacity .22s ease}
  .t52-rozet a:hover{opacity:1}
  .t52-rozet a:focus-visible{outline:2px solid var(--aksan-2);outline-offset:4px;border-radius:6px}
  html.dark .t52-rozet img{filter:invert(1) hue-rotate(180deg)}
  @media(max-width:720px){
    .t52-rozet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}
    .t52-rozet li,.t52-rozet li:first-child{padding:0;justify-content:center;min-width:0}
    .t52-rozet li + li::before{display:none}
    .t52-rozet img{max-width:100%;height:auto;max-height:calc(var(--rozet-bant) * var(--o, 1))}
    .t52-rozet li:first-child img{transform-origin:50% 50%}
  }
  @media(prefers-reduced-motion:reduce){ .t52-rozet img{transition:none} }