/* =========================================================
   GENEL YAPI
   ========================================================= */
html, body {
    overflow-x: hidden; /* yatay taşmayı kapat */
    height: auto; /* sabit yükseklik yok */
    min-height: 100%; /* kök kutu kadar en az uzayabilir */
}

/* zaten vardı ama netleştireyim */
body {
    min-height: 100vh; /* sayfa en az ekran boyu kadar */
    display: flex;
    flex-direction: column;
    margin: 0;
}

main {
    flex: 1 0 auto;
}

#footer {
    margin-top: auto;
}

@media (min-width: 992px) {
    .product-title {
        font-size: 1.1rem;
    }
}

/* =========================================================
   HEADER ve CONTAINER AYARLARI
   ========================================================= */
.header-body {
    overflow: visible !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* =========================================================
   TAM GENİŞLİK KAYAN ŞERİT – STICKY OLMASIN
   ========================================================= */
.global-ticker {
    position: static; /* sticky/fixed yok */
    top: auto; /* emniyet */
    z-index: auto; /* emniyet; istersen bırakabilirsin */

    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    left: 0;
    right: 0;
    /* görünüm (değiştirmiyoruz) */
    --h: 56px;
    --speed: 45s;
    background: #f5f5f7;
    border-bottom: 2px solid #e6e6ea;
    color: #777;
    min-height: var(--h);
    height: auto;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: .3px;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding-block: 8px;
}

.notice-ticker__track {
    display: flex;
    align-items: center;
    width: max-content;
    will-change: transform;
    animation: ticker-right var(--speed) linear infinite;
    transform: translateZ(0);
}

.notice-ticker__group {
    display: flex;
    align-items: center;
    gap: 3rem;
    list-style: none;
    padding: 0 1.25rem;
    margin: 0;
    white-space: nowrap;
    flex: 0 0 auto;
}

/* Hover’da duraklat (opsiyonel) */
.global-ticker:hover .notice-ticker__track {
    animation-play-state: paused;
}

/* Sağa akış */
@keyframes ticker-right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

@media (max-width: 991.98px) {
    .global-ticker {
        --h: 52px; /* yükseklik: 52px */
        font-size: 16px; /* yazı boyutu */
        line-height: 1.2;
        padding-block: 10px; /* üst-alt iç boşluk */
        /* iPhone çentik güvenli alanı: */
        padding-top: calc(10px + env(safe-area-inset-top));
    }

    .notice-ticker__group {
        gap: 1.25rem; /* aralıkları daralt */
        padding: 0 .75rem; /* kenarlardan nefes */
    }
}

/* 360px ve altı “mini” ekranlar */
@media (max-width: 360px) {
    .global-ticker {
        --h: 56px; /* minik ekranlarda biraz daha yüksek */
        font-size: 15px; /* metni hafif küçült */
        padding-block: 12px;
    }

    .notice-ticker__group {
        gap: 1rem;
    }
}

/* Yüksek DPI/zoom’da yazı taşarsa; yalnızca gerekiyorsa aç */
@supports (-webkit-touch-callout: none) {
    @media (max-width: 430px) {
        .global-ticker {
            letter-spacing: .2px;
        }
    }
}