/* ========================================
   REHBERMOBILE.CSS — Beytüşşebap Tanıtım Rehberi Mobil Stilleri
   (max-width: 768px)
   ======================================== */

@media (max-width: 768px) {
    .container {
        padding: 0 24px;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* HERO */
    .rehber-hero { 
        min-height: auto; 
        padding-top: 100px; 
        padding-bottom: 60px; 
    }
    .rehber-hero__title {
        font-size: 2.2rem !important;
        margin-bottom: 12px;
        word-break: break-word;
    }
    .rehber-hero__subtitle {
        font-size: 1.05rem !important;
        line-height: 1.4;
    }
    .rehber-hero__desc {
        font-size: 0.9rem;
        margin-bottom: 24px;
        line-height: 1.6;
    }
    .rehber-hero__stats { 
        gap: 20px; 
        flex-wrap: wrap; 
        justify-content: space-between;
    }
    .rehber-hero__stat {
        flex: 1 1 30%;
    }
    .rehber-hero__stat-num { 
        font-size: 1.3rem; 
    }
    .rehber-hero__stat-label {
        font-size: 0.6rem;
    }

    /* TOC BAR - Sabit olmasını engelle (kaldırıldı) */
    .toc-bar {
        position: static;
        border-bottom: 1px solid #E5E7EB;
        background: #fff;
    }
    .toc-bar .container {
        padding: 0 10px;
    }
    .toc-bar__link { 
        padding: 14px 16px; 
        font-size: 0.82rem; 
    }

    /* SECTIONS */
    .rehber-section { 
        padding: 50px 0; 
    }
    .section-intro { 
        margin-bottom: 24px; 
    }
    .section-eyebrow {
        font-size: 0.75rem;
    }
    .section-title--rehber { 
        font-size: 1.5rem; 
        line-height: 1.35;
    }
    html {
        scroll-padding-top: 70px; /* offset for just the top navbar since toc is no longer sticky */
    }

    /* GRIDS */
    .rehber-content-grid { 
        grid-template-columns: 1fr; 
        gap: 30px;
    }
    .rehber-text p {
        font-size: 0.9rem;
        line-height: 1.7;
    }
    .highlight-card {
        padding: 24px;
    }
    .nature-grid { 
        grid-template-columns: 1fr; 
        gap: 16px;
    }
    .nature-card--wide { 
        grid-column: span 1; 
    }
    .admin-cards { 
        grid-template-columns: 1fr; 
    }
    .admin-card__year {
        font-size: 1.6rem;
    }

    /* KILIM & HELISE */
    .kilim-types { 
        grid-template-columns: 1fr; 
        gap: 16px;
    }
    .helise-section {
        padding: 24px 20px;
    }
    .helise-recipe { 
        grid-template-columns: 1fr; 
        gap: 12px;
    }

    /* FESTIVAL */
    .festival-grid { 
        grid-template-columns: 1fr; 
        gap: 16px;
    }
    .festival-card {
        padding: 24px 20px;
    }

    /* SPECIFIC ADJUSTMENTS */
    .culture-block { 
        flex-direction: column; 
        padding: 24px 20px;
        gap: 16px;
    }
    .castle-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }
    .castle-card {
        padding: 16px 12px;
    }

    /* TIMELINE */
    .timeline {
        padding-left: 24px;
    }
    .timeline::before {
        left: 8px;
    }
    .timeline__marker {
        left: -20px;
        width: 12px;
        height: 12px;
    }
}