/* ============================================
   katalog.css — Yayın Kataloğu sayfası özel stilleri (/katalog)
   Kaynak: Simya katalog sayfasından GO tema diline uyarlandı (2026-07-16).
   ============================================ */

.katalog-bolum { padding: 24px 0 80px; background: var(--go-white); }

/* ===== EMBED (iframe) ===== */
.katalog-iframe-wrap {
    position: relative;
    width: 100%;
    height: clamp(460px, 78vh, 760px);
    border-radius: var(--go-radius-lg);
    overflow: hidden;
    box-shadow: var(--go-shadow-lg);
    border: 1px solid rgba(0,0,0,0.06);
    background: var(--go-bg-warm);
}
.katalog-iframe-wrap iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* ===== BOŞ DURUM ===== */
.katalog-bos {
    text-align: center;
    padding: 70px 24px;
    border-radius: var(--go-radius-lg);
    background: var(--go-bg-warm);
    border: 1px dashed rgba(0,0,0,0.12);
    color: var(--go-gray-light);
}
.katalog-bos i {
    font-size: 2.8rem;
    color: var(--go-gold);
    margin-bottom: 16px;
    display: block;
}
.katalog-bos p { font-size: 1rem; margin: 0; font-family: var(--font-display); font-weight: 500; }

/* ===== RESPONSIVE ===== */
@media (max-width: 767px) {
    .katalog-bolum { padding: 16px 0 50px; }
    .katalog-iframe-wrap { height: clamp(360px, 70vh, 620px); border-radius: var(--go-radius); }
    .katalog-bos { padding: 46px 18px; }
    .katalog-bos i { font-size: 2.2rem; margin-bottom: 12px; }
}