/* KREVA STUDIO — GSAP katmanı stilleri */

/* 1 Malzeme bandı */
.mband { overflow: hidden; padding: clamp(2.5rem, 6vw, 5rem) 0; background: var(--bg); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); user-select: none; }
.mband-row { display: flex; align-items: baseline; gap: clamp(1rem, 2.4vw, 2.25rem); width: max-content; white-space: nowrap; will-change: transform; }
.mband-row + .mband-row { margin-top: clamp(.25rem, 1vw, .75rem); }
.mband-w { font-family: var(--serif); font-size: clamp(3.5rem, 11vw, 10.5rem); line-height: .95; letter-spacing: -.035em; color: var(--navy); }
.mband-w.it { font-style: italic; color: var(--blue); }
.mband .r2 .mband-w { color: transparent; -webkit-text-stroke: 1px var(--navy); }
.mband .r2 .mband-w.it { -webkit-text-stroke-color: var(--blue); }
.mband-dot { font-family: var(--serif); font-size: clamp(2rem, 5vw, 4.5rem); color: var(--green-tx); }
@media (prefers-reduced-motion: reduce) { .mband-row { will-change: auto; } }

/* 4 Kategori derinliği: GSAP transform'u yönetir, CSS geçişi karışmasın */
@media (prefers-reduced-motion: no-preference) {
  .cats .ph > svg, .cats .ph > img { transition: scale 1.4s var(--ease-out); }
}

/* 5 Alt bilgi harfleri GSAP'te */
.gsap-ftr .ftr-big span, .gsap-ftr .ftr-big.mask span, .gsap-ftr .ftr-big.mask.in span { transition: none; }

/* Flip sırasında kartlar üst üste binmesin */
.flipping #shop .card, .flipping #shop .card .ph, .flipping #shop .card .ph > svg, .flipping #shop .card .ph > img { transition: none !important; clip-path: none !important; filter: none !important; }