/* Mobilde kategori sayfasında ürünlerin 2'li görünümü */
@media (max-width: 768px) {
    /* Alt kategoriler için düzenleme */
    .refine-categories {
        margin-bottom: 20px !important;
    }
    
    .refine-categories .refine-items {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 10px !important;
        max-height: 300px !important;
        overflow-y: auto !important;
        padding: 10px !important;
        background: #f8f8f8 !important;
        border-radius: 8px !important;
    }
    
    /* Alt kategori kutuları */
    .refine-categories .refine-item {
        flex: 0 0 calc(50% - 5px) !important;
        max-width: calc(50% - 5px) !important;
        margin: 0 !important;
        background: #fff !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        padding: 10px !important;
        text-align: center !important;
        transition: all 0.2s ease !important;
    }
    
    .refine-categories .refine-item:active {
        transform: scale(0.95) !important;
    }
    
    .refine-categories .refine-item a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-decoration: none !important;
        color: #333 !important;
        font-size: 12px !important;
        line-height: 1.3 !important;
    }
    
    .refine-categories .refine-image {
        width: 60px !important;
        height: 60px !important;
        margin-bottom: 5px !important;
        overflow: hidden !important;
        border-radius: 4px !important;
    }
    
    .refine-categories .refine-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
    
    /* Scroll göstergesi */
    .refine-categories .refine-items::-webkit-scrollbar {
        width: 6px !important;
    }
    
    .refine-categories .refine-items::-webkit-scrollbar-track {
        background: #f1f1f1 !important;
        border-radius: 3px !important;
    }
    
    .refine-categories .refine-items::-webkit-scrollbar-thumb {
        background: #888 !important;
        border-radius: 3px !important;
    }
    
    .refine-categories .refine-items::-webkit-scrollbar-thumb:hover {
        background: #555 !important;
    }
    
    /* Journal3 refine kategoriler için özel düzenleme */
    .refine-grid .refine-items,
    .refine-carousel .refine-items {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        max-height: 400px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 10px !important;
        background: #f8f8f8 !important;
        border-radius: 8px !important;
        margin-bottom: 20px !important;
    }
    
    /* Auto grid için özel düzenleme */
    .refine-grid .auto-grid-items {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        width: 100% !important;
    }
    
    /* No-scroll sınıfını override et */
    .refine-items.no-scroll {
        overflow-y: auto !important;
        max-height: 400px !important;
    }
    
    /* Auto carousel kontrollerini gizle */
    .auto-carousel-bar,
    .auto-carousel-buttons {
        display: none !important;
    }
    
    /* Swiper carousel için düzenleme */
    .refine-carousel .swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        transform: none !important;
    }
    
    .refine-carousel .swiper-slide {
        width: 100% !important;
        margin: 0 !important;
    }
    
    /* Swiper kontrollerini gizle */
    .refine-carousel .swiper-buttons,
    .refine-carousel .swiper-pagination {
        display: none !important;
    }
    
    /* Kategori başlığı */
    .refine-title {
        font-size: 16px !important;
        margin-bottom: 10px !important;
        color: #333 !important;
    }
    
    /* Refine item düzenlemesi */
    .refine-item {
        background: #fff !important;
        border: 1px solid #e0e0e0 !important;
        border-radius: 6px !important;
        padding: 10px !important;
        text-align: center !important;
        transition: all 0.2s ease !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .refine-item:active {
        transform: scale(0.95) !important;
    }
    
    .refine-item a {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-decoration: none !important;
        width: 100% !important;
    }
    
    .refine-item img {
        width: 60px !important;
        height: 60px !important;
        object-fit: cover !important;
        margin-bottom: 8px !important;
        border-radius: 4px !important;
    }
    
    .refine-name {
        font-size: 12px !important;
        line-height: 1.3 !important;
        color: #333 !important;
        word-break: break-word !important;
        display: block !important;
        max-width: 100% !important;
    }
    
    /* Link görünümü için */
    .refine-links .refine-items {
        max-height: 250px !important;
        columns: 2 !important;
        column-gap: 15px !important;
        padding: 15px !important;
    }
    
    .refine-links .refine-item {
        display: inline-block !important;
        width: 100% !important;
        background: none !important;
        border: none !important;
        padding: 5px 0 !important;
        margin-bottom: 5px !important;
        break-inside: avoid !important;
    }
    
    .refine-links .refine-name {
        font-size: 13px !important;
        color: #0066cc !important;
        text-decoration: underline !important;
    }
    /* Ana ürün grid container */
    .product-grid {
        display: flex !important;
        flex-wrap: wrap !important;
        margin: -5px !important;
    }
    
    /* Her ürün kartı */
    .product-grid .product-layout {
        width: calc(50% - 10px) !important;
        margin: 5px !important;
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
    
    /* Journal3 specific */
    .products-wrapper .product-grid-item {
        width: calc(50% - 10px) !important;
        margin: 5px !important;
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
    
    /* Modül içindeki ürünler */
    .module-products .product-layout {
        width: calc(50% - 10px) !important;
        margin: 5px !important;
        flex: 0 0 calc(50% - 10px) !important;
        max-width: calc(50% - 10px) !important;
    }
    
    /* Swiper slider dışındaki ürünler */
    .product-grid:not(.swiper-wrapper) .product-layout {
        width: calc(50% - 10px) !important;
        margin: 5px !important;
    }
    
    /* Tek sıradaki son ürün ortalansın */
    .product-grid .product-layout:last-child:nth-child(odd) {
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Ürün kartı içeriği */
    .product-thumb {
        margin-bottom: 10px !important;
    }
    
    .product-thumb .caption {
        padding: 5px !important;
    }
    
    .product-thumb .name {
        font-size: 12px !important;
        line-height: 1.3 !important;
        height: auto !important;
        min-height: 32px !important;
    }
    
    .product-thumb .price {
        font-size: 13px !important;
    }
    
    /* Butonlar */
    .product-thumb .button-group {
        display: flex !important;
        flex-wrap: wrap !important;
    }
    
    .product-thumb .button-group button {
        font-size: 11px !important;
        padding: 5px !important;
    }
}