/**
 * Solid Medya — Hizmet detay mobil düzen (tüm sayfalar, en son yüklenir)
 */

@media (max-width: 991px) {
    body[class*="page-hizmet-"] .web-section,
    body[class*="page-hizmet-"] [class*="section-"],
    body[class*="page-hizmet-"] [class*="-section"] {
        padding-left: 0;
        padding-right: 0;
    }

    body[class*="page-hizmet-"] .web-intro-row.reverse .web-intro-content,
    body[class*="page-hizmet-"] .web-intro-row.reverse .web-intro-media {
        order: unset;
    }

    body[class*="page-hizmet-"] .comparison-table th,
    body[class*="page-hizmet-"] .comparison-table td {
        padding: 16px 12px;
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    /* Dekoratif geniş elemanları kırp */
    body[class*="page-hizmet-"] .design-hero-v2,
    body[class*="page-hizmet-"] [class*="hero-"],
    body[class*="page-hizmet-"] [class*="-hero"],
    body[class*="page-hizmet-"] .web-hero-section {
        overflow-x: clip;
    }

    body[class*="page-hizmet-"] .hero-orb,
    body[class*="page-hizmet-"] [class*="orb-"],
    body[class*="page-hizmet-"] [class*="orbital-"],
    body[class*="page-hizmet-"] [class*="glow-"],
    body[class*="page-hizmet-"] [class*="blob-"] {
        max-width: 70vw;
        max-height: 70vw;
    }

    body[class*="page-hizmet-"] .orb-1,
    body[class*="page-hizmet-"] .orb-2 {
        width: min(280px, 65vw) !important;
        height: min(280px, 65vw) !important;
    }

    /* nowrap metin taşmaları */
    body[class*="page-hizmet-"] main [class*="btn"]:not(.swiper-button-next):not(.swiper-button-prev),
    body[class*="page-hizmet-"] main [class*="pill"],
    body[class*="page-hizmet-"] main [class*="tag"],
    body[class*="page-hizmet-"] main [class*="badge"],
    body[class*="page-hizmet-"] .dm-saas-btn,
    body[class*="page-hizmet-"] .dynamic-price-box,
    body[class*="page-hizmet-"] [class*="price-pill"] span {
        white-space: normal;
        text-align: center;
    }

    /* Çok sütunlu fiyat gridleri */
    body[class*="page-hizmet-"] .dm-pricing-grid,
    body[class*="page-hizmet-"] [class*="pricing-grid"][class*="col"],
    body[class*="page-hizmet-"] [class*="price-grid"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body[class*="page-hizmet-"] .dm-pricing-grid {
        max-width: 100%;
    }

    /* Tablo / karşılaştırma */
    body[class*="page-hizmet-"] .pricing-table-wrapper {
        border-radius: 12px;
        max-width: 100%;
    }

    body[class*="page-hizmet-"] .comparison-table {
        min-width: 640px;
    }

    /* İki sütun form gridleri */
    body[class*="page-hizmet-"] .gmb-form-grid,
    body[class*="page-hizmet-"] [class*="form-grid"]:not([class*="form-grid-1"]) {
        grid-template-columns: 1fr !important;
    }

    body[class*="page-hizmet-"] .gmb-form-area {
        min-width: 0 !important;
        width: 100%;
        padding: 20px 16px !important;
    }

    /* Bölüm başlıkları */
    body[class*="page-hizmet-"] .web-section-title,
    body[class*="page-hizmet-"] [class*="section-title"],
    body[class*="page-hizmet-"] [class*="sec-title"] {
        font-size: clamp(1.35rem, 5.2vw, 1.85rem) !important;
        line-height: 1.2 !important;
        overflow-wrap: anywhere;
    }

    /* CTA / buton grupları */
    body[class*="page-hizmet-"] [class*="cta-btns"],
    body[class*="page-hizmet-"] [class*="btn-group"],
    body[class*="page-hizmet-"] [class*="action-row"] {
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        gap: 12px;
    }

    body[class*="page-hizmet-"] [class*="cta-btns"] > *,
    body[class*="page-hizmet-"] [class*="action-row"] > * {
        width: 100%;
        max-width: 100%;
    }

    /* Kart / panel padding */
    body[class*="page-hizmet-"] [class*="glass-card"],
    body[class*="page-hizmet-"] [class*="feature-card"],
    body[class*="page-hizmet-"] [class*="pkg-card"],
    body[class*="page-hizmet-"] [class*="price-card"] {
        padding: clamp(16px, 4vw, 24px);
    }

    /* Swiper / yatay listeler */
    body[class*="page-hizmet-"] .swiper-slide {
        max-width: 100%;
    }

    /* Google Ads / Meta benzeri simülasyon kutuları */
    body[class*="page-hizmet-"] [class*="ad-preview"],
    body[class*="page-hizmet-"] [class*="phone-mock"],
    body[class*="page-hizmet-"] [class*="device-mock"] {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    /* IT / bilgi işlem nav */
    body[class*="page-hizmet-"] .it-sol-eko-nav {
        gap: 8px;
        padding-bottom: 8px;
        scrollbar-width: none;
    }

    body[class*="page-hizmet-"] .it-sol-eko-nav::-webkit-scrollbar {
        display: none;
    }

    /* Sosyal / etkileşim platform grid */
    body[class*="page-hizmet-"] [class*="platform-grid"],
    body[class*="page-hizmet-"] [class*="social-grid"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    /* Video / galeri grid */
    body[class*="page-hizmet-"] .video-gallery-grid,
    body[class*="page-hizmet-"] [class*="gallery-grid"] {
        gap: 12px;
    }

    /* Intro zig-zag görselleri */
    body[class*="page-hizmet-"] .intro-img-simple img,
    body[class*="page-hizmet-"] .web-intro-collage img {
        width: 100%;
        height: auto;
    }

    /* Stat / metric satırları */
    body[class*="page-hizmet-"] .metric-grid,
    body[class*="page-hizmet-"] [class*="stats-grid"],
    body[class*="page-hizmet-"] [class*="stat-row"] {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px;
    }
}

@media (max-width: 575px) {
    body[class*="page-hizmet-"] .dm-pricing-grid,
    body[class*="page-hizmet-"] [class*="platform-grid"],
    body[class*="page-hizmet-"] [class*="social-grid"] {
        grid-template-columns: 1fr !important;
    }

    body[class*="page-hizmet-"] .metric-grid,
    body[class*="page-hizmet-"] [class*="stats-grid"] {
        grid-template-columns: 1fr !important;
    }

    body[class*="page-hizmet-"] .web-price-btn-info,
    body[class*="page-hizmet-"] .web-price-btn-buy,
    body[class*="page-hizmet-"] .web-price-btn-simple {
        display: block;
        width: 100%;
    }

    body[class*="page-hizmet-"] .pricing-item-right {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
    }
}

@media (max-width: 399px) {
    body[class*="page-hizmet-"] .web-hero-title,
    body[class*="page-hizmet-"] [class*="hero-title"] {
        letter-spacing: -0.02em !important;
    }

    body[class*="page-hizmet-"] .comparison-table {
        min-width: 520px;
    }
}