@media (max-width:768px){:root{--font-4xl:1.8rem;--font-3xl:1.5rem;--font-2xl:1.25rem;--space-16:2rem;--space-12:1.5rem;--space-10:1.25rem;} .container{padding-left:15px !important;padding-right:15px !important;} section{padding:var(--space-8) 0 !important;} } @media (max-width:991px){.hero{background:linear-gradient(180deg,#FFFFFF 0%,#E6F2FF 100%) !important;padding:var(--space-12) 0 !important;} .hero .container{flex-direction:column-reverse;text-align:center;gap:var(--space-6);padding:0 15px !important;} .hero-content{padding:0;max-width:100%;} .hero-content h1{font-size:2rem;margin-bottom:var(--space-4);} .hero-content p{font-size:var(--font-base);margin-bottom:var(--space-6);margin-left:auto;margin-right:auto;} .hero-visual{display:flex;width:100%;margin-bottom:var(--space-8);justify-content:center;} .hero-main-img{width:100% !important;height:auto !important;max-height:350px !important;object-fit:contain !important;margin:0 auto;} .hero,.video-hero,.premium-video-hero,.campaign-hero{padding:40px 0 !important;min-height:280px !important;border-radius:12px !important;} .banner-wrapper,.banner-wrapper img{width:100% !important;height:auto !important;border-radius:0 !important;} .hero-content h1,.premium-video-hero h1,.campaign-hero h1{font-size:2.2rem !important;line-height:1.1 !important;margin-bottom:var(--space-4) !important;} .search-bar-inline{flex-direction:column;padding:var(--space-3);border-radius:var(--radius-lg);} .search-bar-inline .input-wrapper,.search-bar-inline select,.search-bar-inline .search-btn{width:100% !important;margin:0 !important;} .search-bar-inline select{border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);padding:12px !important;margin-bottom:var(--space-2) !important;} .search-bar-inline .input-wrapper{padding:8px 12px !important;} .search-bar-inline input{font-size:0.9rem !important;} .search-bar-inline select{padding:10px !important;font-size:0.9rem !important;background-color:var(--gray-50);margin-top:5px !important;} .search-bar-inline .search-btn{padding:12px !important;font-size:1rem !important;margin-top:5px !important;} .search-tabs{width:100%;display:flex;justify-content:center;} .search-tab{padding:10px 15px !important;font-size:0.85rem !important;} .popular-searches{justify-content:center;} .cta-grid{grid-template-columns:1fr;} .cta-card{padding:var(--space-6);flex-direction:column;text-align:center;} .cta-card-content{margin-bottom:var(--space-4);} .cta-card p{max-width:100%;} .cta-card-img{width:120px;margin:0 auto;} .product-grid{grid-template-columns:repeat(2,1fr) !important;gap:var(--space-4) !important;} .categories-grid{grid-template-columns:repeat(3,1fr);} .main-content-grid,.two-col-section,.footer-grid{grid-template-columns:1fr !important;display:flex !important;flex-direction:column !important;gap:var(--space-6) !important;margin-top:0 !important;} .sidebar-card{width:100% !important;order:1 !important;} .product-section-card{order:2 !important;padding:var(--space-4) !important;} .trust-badges-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4);} } @media (max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr);} .trust-badges-grid{grid-template-columns:repeat(2,1fr);} .trust-item{justify-content:flex-start;text-align:left;gap:var(--space-2);padding:var(--space-2);} .trust-icon-box{width:36px !important;height:36px !important;font-size:16px !important;} .trust-item-content h4{font-size:11px !important;white-space:nowrap;} .trust-item-content p{font-size:10px !important;display:none;} .section-header{flex-direction:column;gap:var(--space-2);align-items:flex-start;} .product-name{font-size:var(--font-sm);} .product-price{font-size:var(--font-base);} } @media (max-width:480px){.product-grid{grid-template-columns:1fr !important;} .categories-grid{grid-template-columns:1fr;} } @media (max-width:1024px){.panel-container,.panel-layout{flex-direction:column !important;} .panel-sidebar,.panel-sidebar{position:fixed !important;top:0 !important;left:-280px !important;width:280px !important;height:100vh !important;z-index:1050 !important;background:var(--white) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;display:block !important;flex-direction:column !important;overflow-y:auto !important;padding:var(--space-6) !important;box-shadow:20px 0 50px rgba(0,0,0,0.1) !important;} .panel-sidebar.active{left:0 !important;} .sidebar-nav,.sidebar-menu,.sidebar nav{display:flex !important;flex-direction:column !important;gap:var(--space-1) !important;width:100% !important;padding:0 !important;padding-top:55px !important;} .sidebar-nav a,.nav-link-custom{padding:12px 20px !important;border-radius:12px !important;margin-bottom:4px !important;} .sidebar-close{position:absolute;top:20px;right:20px;width:36px;height:36px;background:var(--gray-100);border:none;border-radius:50%;color:var(--gray-600);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;transition:all 0.2s ease;z-index:10;} .sidebar-close:active{background:var(--gray-200);transform:scale(0.9);} .sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);backdrop-filter:blur(4px);z-index:1040;display:none;opacity:0;transition:opacity 0.3s ease;} .sidebar-overlay.active{display:block;opacity:1;} .panel-mobile-toggle{display:flex !important;align-items:center;justify-content:center;width:40px !important;height:40px !important;background:rgba(241,245,249,0.8) !important;border:1px solid rgba(0,0,0,0.05) !important;border-radius:10px !important;color:var(--primary-blue) !important;cursor:pointer !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;padding:0 !important;outline:none !important;box-shadow:0 2px 8px rgba(0,0,0,0.05) !important;} .panel-mobile-toggle i{display:block;} .panel-mobile-toggle:active{transform:scale(0.92);background:var(--gray-100) !important;} } .navbar-toggler:active{transform:scale(0.92);background:var(--gray-100) !important;} } @media (min-width:992px) and (max-width:1400px){.header-logo-img{height:clamp(30px,3.5vw,45px) !important;} .navbar-brand .fs-4{font-size:clamp(0.85rem,1.5vw,1.5rem) !important;white-space:nowrap;} .navbar-brand{margin-right:clamp(10px,2vw,30px) !important;flex-shrink:0;} .navbar-nav .nav-link{font-size:clamp(10px,1vw,15px) !important;padding-left:clamp(2px,0.5vw,12px) !important;padding-right:clamp(2px,0.5vw,12px) !important;white-space:nowrap;} .navbar-nav{gap:clamp(1px,0.4vw,12px) !important;} .header-action-buttons{gap:clamp(2px,0.6vw,12px) !important;} .header-action-buttons .btn{padding-left:clamp(8px,1vw,20px) !important;padding-right:clamp(8px,1vw,20px) !important;font-size:clamp(11px,1vw,14px) !important;height:clamp(32px,3.5vw,44px) !important;white-space:nowrap !important;display:flex !important;align-items:center !important;} .header-action-buttons a[href="sepet.html"]{width:clamp(32px,3.5vw,40px) !important;height:clamp(32px,3.5vw,40px) !important;font-size:clamp(12px,1.2vw,16px) !important;} .cart-badge{font-size:clamp(8px,0.7vw,10px) !important;padding:clamp(2px,0.2vw,4px) clamp(4px,0.4vw,6px) !important;} .navbar-toggler{margin:0 !important;padding:0 !important;} .navbar .container{max-width:100% !important;padding-left:15px !important;padding-right:15px !important;} } @media (max-width:1024px){.sidebar-logo,.sidebar .logo-svg,.sidebar .d-flex.mb-5{display:none !important;} .panel-main,.panel-content,.main-content{width:100% !important;margin-left:0 !important;padding:var(--space-4) !important;background:#f8fafc !important;} .panel-section{background:transparent !important;border:none !important;padding:0 !important;box-shadow:none !important;} .stats-grid{grid-template-columns:repeat(2,1fr) !important;display:grid !important;} .col-12.col-sm-6.col-xl-3{width:100% !important;} .table-responsive{overflow:visible !important;margin:0 -10px !important;} .performance-table{background:transparent !important;border:none !important;} .performance-table thead,.orders-table thead,.panel-table thead{display:none !important;} .performance-table tbody{display:block !important;width:100% !important;} .performance-table tbody tr,.orders-table tbody tr,.panel-table tbody tr{display:block !important;background:var(--white) !important;border:1px solid rgba(0,0,0,0.05) !important;border-radius:16px !important;padding:var(--space-5) !important;margin-bottom:var(--space-4) !important;box-shadow:0 4px 20px rgba(0,0,0,0.03) !important;position:relative;overflow:hidden;transition:transform 0.2s ease;} .performance-table tbody tr::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-blue);opacity:0.8;} .performance-table tbody td,.orders-table tbody td,.panel-table tbody td{display:flex !important;flex-direction:column !important;align-items:flex-start !important;padding:10px 0 !important;border-bottom:1px solid var(--gray-50) !important;text-align:left !important;font-size:14px !important;color:var(--gray-800) !important;} .performance-table tbody td:last-child{border-bottom:none !important;padding-top:15px !important;justify-content:center !important;} .performance-table tbody td[data-label]::before{content:attr(data-label);font-weight:700;text-align:left;color:var(--gray-400);font-size:10px;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:4px;display:block;} } @media (max-width:991px){.product-detail{display:flex !important;flex-direction:column !important;gap:20px !important;padding-top:10px !important;} .product-gallery,.product-info-detail{width:100% !important;max-width:100% !important;flex:none !important;} .gallery-main{height:auto !important;aspect-ratio:1/1 !important;max-height:400px !important;} .product-info-detail{padding-top:0 !important;border-bottom:1px solid var(--gray-100);padding-bottom:30px !important;} .product-title{font-size:1.5rem !important;text-align:left !important;} .detail-trust-badges{grid-template-columns:1fr !important;gap:10px !important;} .detail-actions{display:none !important;} .mobile-sticky-actions{display:flex !important;} .product-tabs-container{margin-top:20px !important;} } @media (max-width:576px){.breadcrumb{font-size:11px !important;overflow-x:auto;white-space:nowrap;padding:10px 0 !important;} .detail-price{font-size:1.5rem !important;} .seller-stats{gap:10px !important;} .seller-stat .stat-value{font-size:14px !important;} } @media (max-width:991px){.firma-hero{padding:40px 0 !important;text-align:center !important;} .firma-profile{flex-direction:column !important;gap:20px !important;} .firma-logo-large{width:100px !important;height:100px !important;font-size:40px !important;margin:0 auto !important;} .firma-info h1{font-size:1.8rem !important;text-align:center !important;} .firma-badges,.firma-stats{justify-content:center !important;flex-wrap:wrap !important;gap:15px !important;} .firma-stat-value{font-size:18px !important;} .main-content-grid{grid-template-columns:1fr !important;margin-top:-30px !important;gap:20px !important;} .product-section-card{padding:20px !important;border-radius:20px !important;} .section-header{flex-direction:column !important;gap:15px !important;align-items:flex-start !important;} .sort-select{width:100% !important;} } @media (max-width:576px){.firma-info h1{font-size:1.5rem !important;} .firma-stat-item{flex:1 1 40% !important;text-align:center !important;} .product-grid{grid-template-columns:1fr !important;} } .order-status{padding:6px 12px !important;font-size:12px !important;} } @media (max-width:991.98px){.page-header{padding:25px 30px;margin-bottom:35px;} .page-header h1{font-size:2.8rem;letter-spacing:-1.5px;} } @media (max-width:767.98px){.page-header{padding:20px 25px;margin-bottom:30px;border-radius:16px;} .page-header::before{width:4px;top:25%;height:50%;} .page-header h1{font-size:2.2rem;letter-spacing:-1px;line-height:1.1;} .page-header p{font-size:1rem;line-height:1.5;} } @media (max-width:991.98px){.firma-header-card{flex-direction:column;padding:30px 20px;text-align:center;gap:25px;} .firma-profile{flex-direction:column;text-align:center;gap:20px;} .firma-logo-large{width:140px;height:140px;font-size:64px;margin:0 auto;} .firma-info h1{font-size:2rem;} .firma-badges{justify-content:center;} .firma-stats{justify-content:center;gap:20px;flex-wrap:wrap;} .main-content-grid{grid-template-columns:1fr;} .firma-kunyesi-sidebar{order:2;} .firma-products-main{order:1;} } @media (max-width:575.98px){.firma-header-section{padding:40px 0 20px;} .firma-header-card{border-radius:20px;} .firma-info h1{font-size:1.5rem;} .firma-stat-item{width:100%;text-align:center;} } @media (max-width:768px){.product-info-detail .product-title{font-size:1.8rem;margin-top:15px;} .gallery-main{height:340px;padding:var(--space-1);border-radius:10px 10px 0 0;} .gallery-thumbs{gap:10px;justify-content:center;} .gallery-thumb{width:65px;height:65px;} .detail-price{font-size:1.8rem;} .detail-trust-badges{grid-template-columns:repeat(2,1fr);gap:10px;} .detail-actions{display:none;} .similar-grid{grid-template-columns:1fr;} .tabs-nav{overflow-x:auto;white-space:nowrap;display:flex;flex-wrap:nowrap;scrollbar-width:none;gap:10px;padding:5px 0;} .tabs-nav::-webkit-scrollbar{display:none;} .tab-btn{flex-shrink:0;padding:10px 15px;font-size:14px;} .product-tabs-container{padding:20px;padding-bottom:80px;} .mobile-sticky-actions{position:fixed;bottom:0;left:0;width:100%;background:var(--white);padding:12px 20px;box-shadow:0 -10px 30px rgba(0,0,0,0.1);z-index:1000;border-top:1px solid var(--gray-100);display:flex;gap:15px;} .mobile-sticky-actions .btn{flex:1;height:50px;font-weight:700;font-size:0.95rem;border-radius:12px;} } @media (max-width:768px){.stats-grid{grid-template-columns:1fr !important;} .table-responsive,.table-wrapper{overflow-x:auto !important;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-4);} table,.orders-table,.specs-table,.table-custom{width:100% !important;} .form-grid,.two-col-section,.stats-grid{grid-template-columns:1fr !important;display:flex !important;flex-direction:column !important;gap:var(--space-4) !important;} .table-filters{flex-direction:column !important;gap:var(--space-2) !important;} .panel-section-header{flex-direction:column !important;align-items:flex-start !important;text-align:left !important;gap:var(--space-3) !important;} } @media (max-width:991px){.featured-post{grid-template-columns:1fr;} .featured-image{height:300px;} .featured-content{padding:30px;} } @media (max-width:768px){.blog-hero h1{font-size:2.2rem;} } @media (max-width:768px){.brand-hero h1{font-size:2.2rem;} } @media (max-width:1024px){.kategori-page,.category-layout{flex-direction:column !important;} .filter-sidebar,.filters-sidebar{width:100% !important;margin-bottom:var(--space-6) !important;} .kategori-main,.products-main{width:100% !important;} } @media (max-width:1024px){.product-detail-grid{grid-template-columns:1fr !important;gap:var(--space-8);} .product-gallery{max-width:500px;margin:0 auto;} } @media (max-width:1024px){.cart-layout{flex-direction:column;} .cart-items-section{width:100% !important;} .cart-summary-section{width:100% !important;margin-top:var(--space-6);} } @media (max-width:768px){.cart-item{flex-direction:column;align-items:flex-start;gap:var(--space-4);} .cart-item-image{width:80px !important;height:80px !important;} .cart-item-info{padding:0 !important;} .cart-item-actions{width:100%;justify-content:space-between;} } @media (max-width:768px){footer .row>div{text-align:center;} footer .d-flex{justify-content:center;} footer form{flex-direction:column;} } @media (max-width:991px){.offcanvas{overflow:visible !important;} .offcanvas-body{overflow-y:auto !important;overflow-x:visible !important;padding-bottom:100px !important;} .offcanvas-body .dropdown-menu{position:static !important;transform:none !important;width:100% !important;margin-top:15px !important;margin-bottom:15px !important;box-shadow:none !important;background:rgba(0,0,0,0.03) !important;border:1px solid rgba(0,0,0,0.05) !important;padding:10px !important;display:none;float:none;} .offcanvas-body .dropdown-menu.show{display:block !important;} .offcanvas-body .dropdown-item{border-radius:12px !important;padding:14px 20px !important;font-weight:500 !important;} .offcanvas-body .dropdown-toggle::after{float:right;margin-top:10px;} .offcanvas-body .header-action-buttons{flex-wrap:nowrap !important;justify-content:flex-start !important;width:100% !important;margin-top:2rem !important;} .offcanvas-body .header-action-buttons .btn{height:48px !important;display:flex !important;align-items:center !important;justify-content:center !important;} } @media (max-width:991px){#mobileMenuDropdown{position:absolute !important;top:100%;left:0;right:0;z-index:9999;background:rgba(255,255,255,0.98);backdrop-filter:blur(15px);border-bottom:1px solid rgba(0,0,0,0.05);box-shadow:0 20px 40px rgba(0,0,0,0.1);} #mobileMenuDropdown .navbar-nav{text-align:center;align-items:center;padding:2.5rem 1.5rem;} #mobileMenuDropdown .nav-item{width:100%;} #mobileMenuDropdown .nav-link{font-size:1.25rem !important;padding:0.8rem !important;font-weight:600;color:#1e293b !important;} #mobileMenuDropdown .btn{width:100% !important;max-width:320px;margin:0 auto;height:50px;display:flex;align-items:center;justify-content:center;font-size:1rem;border-radius:12px;} #mobileMenuDropdown hr{width:100%;max-width:320px;margin:1.5rem auto;} }
@media (max-width: 991px) {
    #mobileMenuDropdown {
        position: fixed !important;
        top: 0 !important;
        right: -280px !important;
        left: auto !important;
        width: 280px !important;
        height: 100vh !important;
        z-index: 1050 !important;
        background: var(--white) !important;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
        display: flex !important;
        flex-direction: column !important;
        overflow-y: auto !important;
        padding: 60px 1.5rem 1.5rem 1.5rem !important;
        box-shadow: -20px 0 50px rgba(0, 0, 0, 0.1) !important;
        border-bottom: none !important;
    }
    #mobileMenuDropdown.active {
        right: 0 !important;
    }
    #mobileMenuDropdown .navbar-nav {
        display: flex !important;
        flex-direction: column !important;
        gap: var(--space-3) !important;
        width: 100% !important;
        padding: 0 !important;
    }
    #mobileMenuDropdown .nav-item {
        width: 100% !important;
    }
    #mobileMenuDropdown .nav-link {
        font-size: 1.1rem !important;
        padding: 12px 20px !important;
        font-weight: 600;
        color: #1e293b !important;
        border-radius: 12px !important;
        text-align: center;
    }
    #mobileMenuDropdown .btn {
        width: 100% !important;
        max-width: 100% !important;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1rem;
        border-radius: 12px;
        margin: 0 auto 8px auto !important;
    }
    #mobileMenuDropdown hr {
        width: 100%;
        margin: 1.5rem auto;
        opacity: 0.1;
    }
}

/* 992-1024px aralığında sidebar drawer aktif ama Bootstrap d-lg-none close butonunu gizliyor - override */
@media (max-width: 1024px) {
    .sidebar-close.d-lg-none {
        display: flex !important;
    }
}

/* Panel sidebar toggle button: hidden on desktop, shown on mobile/tablet (≤1024px) */
.panel-mobile-toggle-wrapper {
    display: none !important;
}

@media (max-width: 1024px) {
    .panel-mobile-toggle-wrapper {
        display: block !important;
        margin-right: 15px;
    }
}

/* Sidebar açıkken arkaplan scroll kilit */
body.sidebar-open {
    overflow: hidden !important;
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
}