/* Tamer Tanca logosu (orijinal 60/11 oranı yerine kendi oranı) */
#nav-container #nav-bar > li.magnanni-logo .mgn-logo img.tt-logo { width: 13.5rem; aspect-ratio: 200 / 20.91; height: auto; }
@media (min-width: 1024px) {
    #nav-container #nav-bar > li.magnanni-logo .mgn-logo img.tt-logo { width: 180px; }
}

/* Hero video — Mux oynatıcının görünümü */
.tt-mux { display: block; width: 100%; height: 100%; }
.tt-mc { position: relative; width: 100%; height: 100%; overflow: hidden; background: #1f1f1f; }
.tt-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; cursor: pointer; }
.tt-bar { position: absolute; right: 0; bottom: 0; z-index: 3; display: flex; gap: .8rem; padding: 1.4rem 1.6rem; }
.tt-pp {
    display: inline-grid; place-items: center; width: 3.4rem; height: 3.4rem; padding: 0; border: 0; border-radius: .4rem;
    background: rgba(40, 40, 40, .4); color: #fff; cursor: pointer;
    -webkit-backdrop-filter: contrast(125%) blur(2rem); backdrop-filter: contrast(125%) blur(2rem);
    transition: background-color .2s ease;
}
.tt-pp:hover { background: rgba(66, 66, 66, .4); }
.tt-pp:focus-visible { outline: 0; box-shadow: 0 0 0 2px #1E90FF; }
.tt-pp svg { display: block; width: 1.8rem; height: 1.8rem; fill: currentColor; }
.tt-mux .i-play, .tt-mux.is-paused .i-pause { display: none; }
.tt-mux.is-paused .i-play { display: block; }
.tt-pp-anim {
    position: absolute; inset: 0; z-index: 3; pointer-events: none; opacity: 0;
    background: no-repeat center / clamp(64px, 12vmin, 112px)
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Crect x='6' y='5' width='4' height='14' rx='1'/%3E%3Crect x='14' y='5' width='4' height='14' rx='1'/%3E%3C/svg%3E");
    filter: drop-shadow(0 1rem 2rem rgba(0, 0, 0, .4));
}
.tt-mux:not(.is-paused) .tt-pp-anim {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5.5v13a1 1 0 0 0 1.5.86l10.4-6.5a1 1 0 0 0 0-1.72L9.5 4.64A1 1 0 0 0 8 5.5z'/%3E%3C/svg%3E");
}
.tt-pp-anim.animate { animation: tt-pp-fade 800ms cubic-bezier(.16, 1, .3, 1) forwards; }
@keyframes tt-pp-fade {
    0% { opacity: 0; transform: scale(.7); }
    30% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(1.1); }
}

/* ---- Tamer Tanca kategorileri: 9 sekme tek satıra sığsın */
@media (min-width: 1024px) {
    #nav-container #nav-bar .mobile-drawer { grid-template-columns: repeat(10, max-content); gap: min(2vw, 2.6rem); }
}
@media (min-width: 1024px) and (max-width: 1279px) {
    #nav-container #nav-bar .mobile-drawer { gap: 1.2rem; }
    #nav-container #nav-bar .mobile-drawer .nav-tab.text { font-size: 1rem; letter-spacing: 0; }
    #nav-container #nav-bar > li.magnanni-logo { margin-left: 1.6rem; margin-right: 2rem; }
    #nav-container #nav-bar > li.magnanni-logo .mgn-logo img.tt-logo { width: 150px; }
}
/* marka listesinde boş başlıklar yer tutsun */
#nav-container .secondary-sub-list .list-label:empty::before { content: "\00a0"; }

/* ---- açık zeminli hero videosu: menü ve yazılar koyu */
.tt-light-top #nav-container #nav-bar-drop-shadow { display: none !important; }
.tt-light-top #nav-container:not(.scrolled) #nav-bar .magnanni-logo .mgn-logo img { filter: none; }
.tt-light-top #nav-container:not(.scrolled) #nav-bar .nav-tab.text,
.tt-light-top #nav-container:not(.scrolled) #nav-bar .location a span,
.tt-light-top #nav-container:not(.scrolled) #nav-bar .minicart-wrapper .action.showcart .counter.qty { color: #1f1f1f; }
.tt-light-top #nav-container:not(.scrolled) #nav-bar .nav-tab.text:hover { color: #8c6945; }
.tt-light-top #nav-container:not(.scrolled) #nav-bar .location a svg { filter: none; }
.tt-light-top #nav-container:not(.scrolled) #nav-bar .mobile-search svg,
.tt-light-top #nav-container:not(.scrolled) #nav-bar .minicart-wrapper .action.showcart svg,
.tt-light-top #nav-container:not(.scrolled) #nav-bar .account-links .nav-actions-button svg,
.tt-light-top #nav-container:not(.scrolled) #nav-bar .mobile-hamburger .mobile-hamburger-button svg { stroke: #1f1f1f; }
.tt-light-hero .background-overlay { display: none !important; }
.tt-light-hero .blurb h1, .tt-light-hero .blurb h1 * { color: #1f1f1f !important; }
.tt-light-hero .blurb .underline-btn-link { color: #1f1f1f !important; }
.tt-light-hero .blurb .underline-btn-link::before, .tt-light-hero .blurb .underline-btn-link::after { border-color: #1f1f1f !important; }
.tt-mux .tt-mc { background: #eef0f2; }

/* ---- ürün kartları: TL fiyat + üstü çizili eski fiyat */
.tt-card .tt-old { color: #8a8a8a; text-decoration: line-through; font-weight: 400; margin-right: .6rem; }
.tt-card .images-container img { object-fit: cover; }
.tt-card .images-container img { mix-blend-mode: multiply; }
/* açık zeminli karolarda beyaz etiket okunsun */
.small-feature-grid .feature-tile .mgn-pic, .brand-feature-grid .brand-feature .mgn-pic { position: relative; }
.small-feature-grid .feature-tile .mgn-pic::after, .brand-feature-grid .brand-feature .mgn-pic::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40%; pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, .32));
}
/* uzun kategori listeleri: masaüstünde çok sütun */
@media (min-width: 1024px) {
    #nav-container .secondary-sub-list.tt-wide { width: auto; max-width: none; flex: 0 0 auto; }
    #nav-container .secondary-sub-list.tt-wide .static-list { column-gap: 4rem; }
    #nav-container .secondary-sub-list.tt-cols-2 .static-list { columns: 2; }
    #nav-container .secondary-sub-list.tt-cols-4 .static-list { columns: 4; }
    #nav-container .secondary-sub-list.tt-wide .static-list li { break-inside: avoid; }
}
/* menü görsel kartları tek oranda */
#nav-container .featured-img-block[class*="tt-feat-"] .feature img { aspect-ratio: 257 / 357; width: 100%; height: auto; object-fit: cover; }