/* ============================================================
   KATALOG LINKI (ust bar, en sag sutun)
   Renkler home-furniture.css'teki ".header-text > .cg" ile
   BIREBIR AYNI (c7c7c7 normal, ffb100 hover/ikon rengi) -
   boylece telefon/e-posta ile tutarli gorunur.
   ============================================================ */
.catalog-toplink {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    white-space: nowrap;
    color: #c7c7c7;
}
.catalog-toplink:hover {
    color: #ffb100;
}
/* Kalp atisi gibi atan nokta */
.catalog-toplink::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 50%;
    background: #ffb100;
    z-index: 1;
    animation: catalogBeat 1.4s ease-in-out infinite;
}
/* Noktadan art arda yayilan cift dalga */
.catalog-toplink::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    border-radius: 50%;
    animation: catalogRipple 1.4s ease-out infinite;
}
@keyframes catalogBeat {
    0%, 100% { transform: scale(1); }
    15%      { transform: scale(1.35); }
    30%      { transform: scale(1); }
    45%      { transform: scale(1.2); }
    60%      { transform: scale(1); }
}
@keyframes catalogRipple {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 177, 0, .8),
                    0 0 0 0 rgba(255, 177, 0, .6);
    }
    100% {
        box-shadow: 0 0 0 10px rgba(255, 177, 0, 0),
                    0 0 0 18px rgba(255, 177, 0, 0);
    }
}

/* Telefon/e-posta linkleri kendi ikonuyla hicbir zaman ayri satira dusmesin */
.header-text > .cg {
    white-space: nowrap;
}

/* ============================================================
   KATALOG PANELI (header ile sayfa icerigi/slider arasinda
   yukaridan asagi acilip kapanir)
   ============================================================ */
#catalogPanel {
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
    background: #f4f4f4;
    text-align: center;
}
#catalogPanel .catalog-panel-inner {
    max-width: 900px;
    margin: 20px auto 0;
    padding: 20px 15px;
    position: relative;
}
#catalogPanel iframe {
    width: 100%;
    height: 75vh;
    border: none;
    background: #fff;
}
#catalogPanelClose {
    position: absolute;
    top: 4px;
    right: -1px;
    z-index: 10;
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
    padding: 0;
    margin: 0;
    border: none;
    border-radius: 50%;
    background-color: #ffb100;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* ============================================================
   STICKY HEADER'DA UST BARI DA GOSTER
   Tema (style.css) scroll'da #ntheader'a .live_stuck ekleyip
   tum .ntheader_wrapper'i fixed yapiyor, ust bari ise ozellikle
   gizliyor. Ayni seciciyle (katalog.css sonra yuklendigi icin)
   bu gizlemeyi geri aliyoruz. Mobilde ust bar 3 satira dustugu
   icin ekrani fazla kaplamasin diye sadece genis ekranlarda.
   ============================================================ */
@media (min-width: 992px) {
    #ntheader.live_stuck #kalles-section-header_top {
        display: block;
    }
}