/* tanca2 — Lottusse klonu üzerinde Tamer Tanca ekleri (statik etkileşimler için) */

/* Lottusse tuvali beyaz (koyu tema tercihli tarayıcıda da) */
html { background: #fff; color-scheme: light; }

/* Tailwind'in .flex/.grid sınıfları [hidden]'ı ezmesin */
[hidden] { display: none !important; }

/* ---- Logo: Lottusse wordmark ölçüleri, Tamer Tanca oranıyla (200 / 20.91) */
.tt-logo { display: block; height: auto; aspect-ratio: 200 / 20.91; transition: filter .2s ease; }
.tt-logo-m { width: 200px; max-width: 100%; }
.tt-logo-d { width: clamp(140px, 15vw, 230px); }
/* Lottusse logo kutuları: mobil h-7 (28px), masaüstü h-10 (40px) -> header yüksekliği birebir */
#header-logo { height: 1.75rem; align-items: center; }
#header-logo-d { display: flex; height: 2.5rem; align-items: center; }
.tt-flogo { aspect-ratio: 200 / 20.91; }

/* ---- Hero video yuvaları: orijinal 9:16 (mobil) / 16:9 (masaüstü) videolarla aynı kutu */
.tt-hv { aspect-ratio: 9 / 16; }
@media (min-width: 768px) { .tt-hv { aspect-ratio: 16 / 9; } }
.tt-slide { transition: opacity .6s cubic-bezier(.25, .1, .25, 1); }
.tt-ov { transition: opacity .25s ease; }
.tt-ov.tt-ov-off { pointer-events: none; }
.tt-track { cursor: default; }
/* Açık zeminli TT videosunda beyaz başlık/menü okunsun diye (Lottusse içerik bloklarındaki
   before:to-black/[0.36] alt geçişinin aynısı + üstte header için hafif gölge) */
.tt-scrim { position: absolute; inset: 0; z-index: 10; pointer-events: none;
    background: linear-gradient(to top, rgba(0, 0, 0, .36) 0, rgba(0, 0, 0, 0) 32%); }
.tt-hero-top .tt-scrim {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .30) 0, rgba(0, 0, 0, 0) 170px),
                linear-gradient(to top, rgba(0, 0, 0, .36) 0, rgba(0, 0, 0, 0) 32%); }

/* ---- Masaüstü mega menü: headlessui panelinin yumuşak girişi */
.tt-panel { animation: tt-fade .2s ease-out; }
@keyframes tt-fade { from { opacity: 0; } to { opacity: 1; } }

/* ---- Mobil çekmece (sağdan kayar) */
#tt-burger .tt-i-close { display: none; }
.tt-menu-open #tt-burger .tt-i-open { display: none; }
.tt-menu-open #tt-burger .tt-i-close { display: block; }
.tt-drawer-panel { transform: translateX(100%); transition: transform .32s cubic-bezier(.4, 0, .2, 1); }
.tt-drawer-ov { opacity: 0; transition: opacity .32s ease; }
.tt-drawer.is-open .tt-drawer-panel { transform: none; }
.tt-drawer.is-open .tt-drawer-ov { opacity: 1; }
.tt-drawer ul::-webkit-scrollbar { height: 6px; }
.tt-drawer ul::-webkit-scrollbar-thumb { background: #c4c4c4; }
.tt-sub { animation: tt-sub-in .22s ease-out; }
@keyframes tt-sub-in { from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }

/* ---- Ürün kartı içi kaydırıcı */
.tt-ctrack { transition: transform .35s cubic-bezier(.25, .1, .25, 1); touch-action: pan-y; }

/* ---- Footer mobil akordeon */
.tt-disc-panel { padding: 16px 0 20px; }
.tt-disc-panel ul { margin-top: 0; display: flex; flex-direction: column; gap: 14px; }
[data-tt-disc] svg { transition: transform .25s ease; }
[data-tt-disc].tt-disc-open svg { transform: rotate(45deg); }