/* Mobile Styles for Adenspor */
.mobile-nav-header {
    display: none;
}

/* Footer Responsive */
@media (max-width: 991px) {
    .footer-top {
        grid-template-columns: 1fr 1fr;
        gap: 2rem;
    }

    .footer-subcategory-strip {
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        touch-action: pan-x pinch-zoom;
    }

    .footer-subcategory-strip::-webkit-scrollbar {
        display: none;
    }

    .footer-subcategory-strip-track {
        min-width: max-content;
    }

    .location-ticker-row {
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        touch-action: pan-x pinch-zoom;
    }

    .location-ticker-row::-webkit-scrollbar {
        display: none;
    }

    .location-ticker-track {
        min-width: max-content;
    }
}

@media (max-width: 576px) {
    .footer-top {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .footer-brand-col h2,
    .footer-social {
        justify-content: center;
    }

    .brand-desc {
        margin: 0 auto 1.5rem;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 1rem;
        padding-bottom: 2rem;
    }

    .footer-cert-logos {
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.45rem;
    }

    .footer-cert-logo-item {
        width: 34px;
        height: 34px;
    }

    .footer-col.contact-col .contact-list {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.6rem;
    }

    .footer-col.contact-col .contact-list li {
        width: min(100%, 300px);
        margin-bottom: 0;
        justify-content: flex-start;
        text-align: left;
    }

    .footer-col.contact-col .contact-list li i {
        margin-top: 0;
    }

    .footer-col.contact-col .contact-list li.phone span {
        font-size: 1.05rem;
    }

    .footer-subcategory-strip {
        margin: -0.4rem 0 1.2rem;
    }

    .footer-subcategory-strip::before,
    .footer-subcategory-strip::after {
        width: 34px;
    }

    .footer-subcategory-strip-group {
        gap: 0.55rem;
        padding-right: 0.55rem;
    }

    .footer-subcategory-pill {
        min-height: 30px;
        padding: 0.38rem 0.72rem;
        font-size: 0.68rem;
    }

    .location-ticker-section {
        padding-bottom: 2rem;
    }

    .location-ticker {
        padding: 0.7rem 0 0.25rem;
    }

    .location-ticker::before,
    .location-ticker::after {
        width: 34px;
    }

    .location-ticker-heading {
        font-size: 0.68rem;
        padding: 0 0.95rem 0.75rem;
    }

    .location-ticker-group {
        gap: 0.55rem;
        padding: 0 0.55rem;
    }

    .location-ticker-pill {
        min-height: 30px;
        padding: 0.38rem 0.72rem;
        font-size: 0.68rem;
    }

    .location-landing-card {
        padding: 1.4rem;
        border-radius: 18px;
    }

    .location-landing-grid {
        grid-template-columns: 1fr;
    }

    .location-landing-sidebar {
        position: static;
    }

    .location-feature-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991px) {
    .mobile-menu-toggle {
        display: block;
        position: relative;
        z-index: 1005;
        /* Menü açıldığında üstte kalsın */
        margin-right: 1.5rem;
        /* Sağa yapışmaması için boşluk */

        /* Modern Stil */
        font-size: 1.8rem;
        color: var(--primary);
        background: none;
        border: none;
        cursor: pointer;
        padding: 0.5rem;
        transition: transform 0.2s ease, color 0.2s ease;
    }

    .mobile-menu-toggle:hover {
        transform: scale(1.1);
        color: var(--primary-dark);
    }

    .main-nav {
        display: block !important;
        position: fixed;
        top: 0;
        right: -100%;
        /* Ekran dışı */
        width: 100%;
        height: 100vh;
        background: white;
        padding-top: 0;
        /* Header boyu kadar boşluk KALDIRILDI, kendi header'ı var */
        transition: right 0.4s ease;
        z-index: 1002;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        overflow-y: auto;
    }

    .mobile-nav-header {
        display: flex;
        justify-content: flex-end;
        padding: 1.5rem;
        background: #fff;
        border-bottom: 1px solid #eee;
    }

    .close-main-menu {
        font-size: 1.5rem;
        color: #333;
        cursor: pointer;
        padding: 0.5rem;
        /* Tıklama alanı */
    }

    .main-nav.active {
        right: 0;
        /* İçeri kay */
    }

    .mega-menu {
        display: block !important;
        position: fixed;
        top: 0;
        left: auto;
        /* Desktop style.css'deki left: 0'ı iptal et */
        right: -100%;
        /* Ekran dışı */
        width: 100%;
        height: 100vh;
        z-index: 1010;
        /* Main Nav'dan (1002) yüksek olmalı */
        background: white;
        transition: right 0.4s ease;
        padding-top: 0;
        overflow-y: auto;
        padding-bottom: 2rem;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .mega-menu.active {
        right: 0;
        /* İçeri kay */
    }

    .mobile-menu-back {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.5rem;
        padding: 1.2rem 1.5rem;
        background: #f8f9fa;
        color: var(--primary);
        font-weight: 700;
        font-size: 1.1rem;
        cursor: pointer;
        border-bottom: 1px solid #eee;
        position: sticky;
        top: 0;
        z-index: 10;
    }

    .mobile-menu-title {
        flex: 1;
        /* Ortadaki boşluğu kapla */
        text-align: center;
        /* Ortala */
        font-size: 1.2rem;
        color: #333;
    }

    .close-icon {
        font-size: 1.5rem;
        /* X butonu daha büyük */
        color: #333;
        /* Daha belirgin renk */
    }

    /* Mega Menu Search Icon Hide on Mobile */
    .mega-search i {
        display: none !important;
    }

    .mega-search input {
        padding-left: 1.5rem !important;
        /* İkon kalktığı için padding düzelt */
        padding-right: 1.5rem !important;
    }

    .mega-menu-content {
        padding: 1rem;
        align-items: stretch !important;
        /* Web'den gelen center'ı ez, tam genişlik olsun */
    }

    .main-nav > ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
        padding: 0 2rem;
    }

    .main-nav > ul > li {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    .main-nav > ul > li > a {
        display: flex;
        /* İkonu sağa yaslamak için flex */
        justify-content: space-between;
        align-items: center;
        padding: 1rem 0;
        font-size: 1.1rem;
    }

    .menu-arrow {
        transform: none !important;
        /* Mobilde döndürme, düz kalsın (sağa bakıyor) */
        font-size: 0.9rem;
        color: #999;
    }

    .has-corporate-menu .menu-arrow {
        display: inline-block;
        transform: rotate(-90deg) !important;
    }

    .corporate-submenu {
        position: fixed;
        top: 0;
        right: -100%;
        left: auto;
        width: 100%;
        height: 100vh;
        z-index: 1010;
        background: #fff;
        border: 0;
        box-shadow: -5px 0 15px rgba(0, 0, 0, 0.1);
        border-radius: 0;
        min-width: 0;
        padding: 0 0 1.2rem;
        opacity: 1;
        visibility: visible;
        transform: none;
        transition: right 0.4s ease;
        overflow-y: auto;
    }

    .corporate-submenu.active {
        right: 0;
    }

    .corporate-submenu li {
        border-bottom: 1px solid #eee;
    }

    .corporate-submenu li.mobile-corporate-back {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 0.5rem;
        padding: 1.2rem 1.5rem;
        margin: 0 0 0.4rem;
        background: #f8f9fa;
        color: var(--primary);
        font-weight: 700;
        font-size: 1.1rem;
        cursor: pointer;
        position: sticky;
        top: 0;
        z-index: 10;
        border-bottom: 1px solid #eee;
    }

    .corporate-submenu a {
        padding: 0.95rem 1.5rem;
        font-size: 1rem;
        font-weight: 700;
        color: #374151;
        text-transform: none;
    }



    .mega-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        /* Tek sütun zorla */
        gap: 0.8rem !important;
        width: 100% !important;
    }

    .mega-item {
        display: flex !important;
        flex-direction: row !important;
        /* İkon ve Metin Yan yana */
        flex-wrap: nowrap !important;
        align-items: center !important;
        background: #fff !important;
        border: 1px solid #eee !important;
        border-radius: 10px !important;
        padding: 0.8rem 1.2rem !important;
        gap: 1rem !important;
        min-height: 65px !important;
    }

    .mega-item span {
        flex: 1 !important;
        font-weight: 700 !important;
        font-size: 0.95rem !important;
        /* Bir tık küçültüldü */
        color: #333 !important;
        text-transform: uppercase !important;
        line-height: 1.2 !important;
    }

    .mega-item i {
        font-size: 1.6rem !important;
        color: #555 !important;
        width: 35px !important;
        text-align: center !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
    }

    /* Mega Menu Search Mobile Fix */
    .mega-search {
        margin: 0.5rem 0 0.8rem 0;
        max-width: 100%;
        padding: 0 0.5rem !important;
        /* Eski haline döndürüldü */
    }

    .mega-search input {
        padding: 0.8rem 1rem 0.8rem 2.8rem;
        font-size: 0.95rem;
    }

    .mega-search i {
        left: 1.2rem;
        font-size: 1rem;
    }

    /* Top Bar Mobile Config */
    .top-bar-left {
        display: flex;
        /* Görünür yap */
    }

    .top-bar-center {
        position: static;
        transform: none;
        flex: 1;
        justify-content: flex-start;
        pointer-events: auto;
    }

    .top-bar-left .top-bar-item:first-child {
        display: none;
        /* Email'i gizle */
    }

    .top-bar-left .top-bar-item:nth-child(2) {
        display: none;
        /* Telefonu gizle */
    }

    .top-bar-left .top-bar-highlight {
        display: none;
    }

    .top-bar-center .top-bar-highlight {
        display: flex;
        font-size: 0.72rem;
        line-height: 1.3;
    }

    .hero-slider {
        height: auto !important;
        min-height: auto;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #f8f9fa;
        position: relative;
    }

    .slides-container {
        height: auto !important;
    }

    .hero-slide {
        height: auto !important;
        position: relative !important;
        top: auto;
        left: auto;
        display: none !important;
    }

    .hero-slide.active {
        display: flex !important;
    }

    .slide-inner {
        flex-direction: column;
        text-align: center;
        gap: 0.5rem;
        /* Gap azaltıldı */
        justify-content: flex-start;
        padding: 1.5rem 1.5rem 0 1.5rem;
        /* Üst padding 3rem -> 1.5rem */
        height: auto;
    }

    .hero-content {
        max-width: 100%;
        transform: translateY(15px);
        width: 100%;
    }

    .hero-slide.active .hero-content {
        transform: translateY(0);
    }

    .hero-title-wrapper h1,
    .hero-title-wrapper h2 {
        font-size: 2.2rem;
        line-height: 1.1;
        margin-bottom: 0.5rem;
    }

    .hero-desc {
        font-size: 0.9rem;
        margin-bottom: 1rem;
        /* 1.5rem -> 1rem */
        padding: 0 1.5rem;
    }

    .slide-image-wrapper {
        width: 100%;
        justify-content: center;
        transform: translateY(15px);
        flex: none;
        /* Otomatik yüksekliğe izin ver */
        margin-top: 0.5rem;
    }

    .hero-slide.active .slide-image-wrapper {
        transform: translateY(0);
    }

    .slide-image-inner {
        width: 90%;
        height: 200px;
        /* Sabit yükseklik */
        transform: perspective(1000px) rotateX(2deg);
        border-radius: 12px;
    }

    .hero-img {
        object-position: 50% var(--hero-image-mobile-y, var(--hero-image-y, 50%));
    }

    .hero-logo-bg {
        display: none !important;
        /* Mobilde karmaşayı önlemek için gizlendi */
    }

    .slider-pagination {
        position: relative;
        bottom: 0;
        left: 0;
        transform: none;
        margin: 0.5rem 0 2rem 0;
        /* Boşluklar ciddi oranda daraltıldı */
        z-index: 10;
        display: flex;
        justify-content: center;
    }

    /* Featured Categories Mobile */
    .section {
        padding: 4rem 1.5rem;
    }

    .categories-section {
        padding: 1rem 1.5rem;
    }

    .section-header {
        text-align: center;
        margin-bottom: 2.5rem;
    }

    .section-title {
        font-size: 1.8rem;
    }

    .categories-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 1.2rem;
    }

    .category-card,
    .category-card.large {
        grid-column: span 1;
        height: 250px;
    }

    .category-overlay {
        padding: 1.5rem;
    }

    .category-info h3 {
        font-size: 1.2rem;
    }

    .featured-category-name.is-multiline {
        font-size: 1.05rem;
    }

    .category-link {
        opacity: 1;
        transform: none;
    }

    /* Category Page Mobile */
    .page-title {
        font-size: 2rem;
    }

    .category-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
        min-width: 0;
    }

    .category-sidebar {
        position: static;
        min-width: 0;
    }

    .product-grid,
    .product-listing.full-width .product-grid {
        grid-template-columns: 1fr;
    }

    .no-products {
        margin-top: 0.5rem;
        padding: 1.4rem 1rem;
        border-radius: 12px;
    }

    .no-products h3 {
        font-size: 1.15rem;
    }

    .no-products p {
        font-size: 0.95rem;
    }

    .category-page .page-desc,
    .category-page .page-subtitle,
    .location-landing-page .page-desc,
    .products-index-page .page-subtitle {
        width: 100%;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .location-landing-page .page-title {
        font-size: 1.55rem;
        white-space: normal;
    }

    /* Product Detail Mobile */
    .product-main-layout {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-bottom: 2rem;
    }

    .main-image-card {
        padding: 1rem 1rem 0.5rem;
        aspect-ratio: 16/11;
        height: auto;
        min-height: 0;
        max-height: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .main-image-card img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        object-position: center bottom;
    }

    .detail-code-badge {
        right: 10px;
        bottom: 10px;
        padding: 5px 10px;
        font-size: 0.72rem;
    }

    .gallery-nav {
        width: 36px;
        height: 36px;
    }

    .gallery-nav.prev {
        left: 0.6rem;
    }

    .gallery-nav.next {
        right: 0.6rem;
    }

    .product-hero-header {
        padding: 1.5rem 0;
        margin-bottom: 1.5rem;
        text-align: center;
    }

    .hero-product-title {
        font-size: 1.6rem;
        line-height: 1.25;
        margin-top: 0.5rem;
    }

    .product-hero-header .breadcrumb {
        justify-content: center;
        flex-wrap: wrap;
    }

    .product-info-section .product-header {
        text-align: center;
    }

    .product-sku {
        justify-content: center;
    }

    .product-tags {
        align-items: center;
        text-align: center;
    }

    .tags-cloud {
        justify-content: center;
    }

    .product-actions {
        flex-direction: column;
        gap: 0.8rem;
    }

    .btn-whatsapp,
    .btn-quote,
    .btn-video {
        width: 100%;
        justify-content: center;
        padding: 1rem;
        font-size: 0.95rem;
    }

    .product-info-section .product-title {
        font-size: 1.5rem;
        text-align: center;
    }

    .product-trust-tags {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .product-trust-tags .tag-item {
        font-size: 0.85rem;
        background: #f8f9fa;
        padding: 0.8rem;
        border-radius: 8px;
        justify-content: center;
        white-space: normal;
        text-align: center;
    }

    /* Tabs Mobile */
    .tabs-header {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        border-bottom: none;
        background: #f1f3f5;
        border-radius: 12px 12px 0 0;
        overflow: hidden;
    }

    .tab-btn {
        width: 100%;
        min-width: 0;
        border-bottom: 1px solid #e9ecef;
        border-right: 1px solid #e9ecef;
        text-align: center;
        padding: 1rem 0.65rem;
        font-size: 0.74rem;
        letter-spacing: 0.01em;
        line-height: 1.2;
        white-space: nowrap;
    }

    .tab-btn:nth-child(2n) {
        border-right: none;
    }

    .tab-btn.active {
        background: white;
        border-bottom-color: transparent;
        color: var(--primary);
    }

    .tab-pane {
        padding: 1.5rem 1rem;
    }

    .hidden-item {
        display: none !important;
    }

    .simple-grid {
        grid-template-columns: 1fr;
    }

    .references-grid {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
        gap: 0.8rem;
    }

    .reference-icon-card {
        padding: 1rem;
    }

    .reference-brand-icon {
        max-width: 84%;
        height: 44%;
    }

    .references-intro-card {
        margin-bottom: 0.8rem;
        padding: 1rem 1rem 1.05rem;
    }

    .references-intro-card p {
        font-size: 0.96rem;
        line-height: 1.75;
    }

    .doc-table-wrap {
        overflow-x: auto;
    }

    .doc-table {
        min-width: 640px;
    }

    .rich-content table {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .contact-page-grid {
        grid-template-columns: 1fr;
    }

    .contact-page-form .form-row {
        grid-template-columns: 1fr;
    }

    .map-frame iframe {
        height: 320px;
    }

    .pagination-nav {
        justify-content: flex-start;
    }

    .whatsapp-fab {
        width: 52px;
        height: 52px;
        left: 14px;
        bottom: 14px;
        font-size: 1.85rem;
    }
}

@media (max-width: 640px) {
    .references-grid {
        grid-template-columns: 1fr;
    }

    .reference-icon-card {
        min-height: 0;
    }

    .reference-brand-icon {
        max-width: 82%;
        height: 42%;
    }
}

@media (max-width: 576px) {
    .contact-page .compact-section > .container {
        padding-left: 0;
        padding-right: 0;
    }
}
