/* ============================================
   KATEGORİ SAYFASI - ÖZEL CSS
   kategori.css
   TTI YAZILIM - 2025
   ============================================ *//* ============================================
   MODERN KATEGORİ BAŞLIĞI
   ============================================ */.modern-category-header{padding:60px 0 40px;background:linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);position:relative;overflow:hidden}.category-header-content{position:relative;z-index:2}.category-title-wrapper{display:flex;align-items:center;justify-content:center;gap:20px;position:relative}.modern-category-header::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:2px;background:linear-gradient(90deg,
    transparent 0%,
    var(--primary) 50%,
    transparent 100%)}.category-main-title{font-size:42px;font-weight:700;color:var(--main);margin:0;letter-spacing:-0.5px}.category-description-modern{text-align:center;max-width:600px;margin:0 auto 24px;color:var(--secondary-2);font-size:15px;line-height:1.6}.breadcrumbs-modern{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.breadcrumbs-modern li{display:flex;align-items:center;gap:8px}.breadcrumbs-modern .link{color:var(--secondary-2);text-decoration:none;font-size:14px;transition:color 0.2s;padding:4px 8px;border-radius:6px}.breadcrumbs-modern .link:hover{color:var(--primary);background:var(--surface)}.breadcrumbs-modern li:last-child{color:var(--main);font-weight:500;font-size:14px}.breadcrumbs-modern i{font-size:12px;color:var(--line)}/* ============================================
   ÜST FİLTRE ÇUBUĞU
   ============================================ */.wrapper-control-shop{width:100%;display:block !important}.meta-filter-shop{display:flex !important;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:5px 0;margin-bottom:20px;border-bottom:1px solid var(--line);min-height:50px;visibility:visible !important;opacity:1 !important}.count-text{font-size:14px;color:var(--secondary);font-weight:500;min-width:150px;display:block !important}.count-text strong{color:var(--primary);font-weight:600}.applied-filters{display:flex !important;align-items:center;flex-wrap:wrap;gap:8px;flex:1;visibility:visible !important}.applied-filters:empty{min-height:32px}/* ============================================
   FİLTRE TAGLERI
   ============================================ */.filter-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:var(--primary-alpha-10);border-radius:20px;font-size:13px;color:var(--main);transition:all 0.2s;border:1px solid transparent}.filter-tag:hover{background:var(--primary-alpha-20);border-color:var(--primary-alpha-30)}.filter-tag .remove-filter{background:none;border:none;color:var(--secondary);font-size:12px;line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all 0.2s;border-radius:50%}.filter-tag .remove-filter:hover{color:var(--critical);background:var(--white)}/* ============================================
   ARAMA FİLTRESİ
   ============================================ */.filter-search-wrapper{margin-bottom:24px}.filter-search-box{position:relative}.filter-search-input{width:100%;padding:14px 45px 14px 18px;border:2px solid var(--line);border-radius:12px;font-size:14px;color:var(--main);transition:all 0.3s ease;background:white}.filter-search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-alpha-10)}.filter-search-input::placeholder{color:var(--secondary-2)}.filter-search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--secondary-2);font-size:18px;pointer-events:none;transition:color 0.3s}.filter-search-input:focus + .filter-search-icon{color:var(--primary)}.filter-search-clear{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:24px;height:24px;min-width:24px;min-height:24px;background:var(--surface);border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s;z-index:2;border:none;padding:0;flex-shrink:0}.filter-search-clear:hover{background:var(--line)}.filter-search-clear i{font-size:12px;color:var(--secondary);line-height:1}.filter-search-input:not(:placeholder-shown) ~ .filter-search-clear{display:flex}.filter-search-input:not(:placeholder-shown) ~ .filter-search-icon{display:none}.search-results-count{margin-top:12px;font-size:13px;color:var(--secondary-2);text-align:center}.search-results-count strong{color:var(--primary);font-weight:600}/* ============================================
   WIDGET FİLTRELERİ
   ============================================ */.widget-facet{padding-bottom:20px}.widget-facet:last-child{border-bottom:none;padding-bottom:0}.widget-facet .facet-title{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:15px;font-weight:600;color:var(--main);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--surface);cursor:pointer;user-select:none;transition:all 0.3s ease}.widget-facet .facet-title:hover{color:var(--primary)}.widget-facet .facet-title-content{display:flex;align-items:center;gap:10px}.widget-facet .facet-title i{color:var(--primary);font-size:18px}.widget-facet .facet-toggle{font-size:14px;color:var(--secondary-2);transition:transform 0.3s ease;flex-shrink:0}.widget-facet.collapsed .facet-toggle{transform:rotate(-90deg)}.widget-facet .facet-content{max-height:1000px;overflow:hidden;transition:max-height 0.3s ease,opacity 0.3s ease;opacity:1}.widget-facet.collapsed .facet-content{max-height:0;opacity:0;pointer-events:none}.facet-content-scroll{max-height:250px;overflow-y:auto;overflow-x:hidden;padding-right:8px}.facet-content-scroll::-webkit-scrollbar{width:6px}.facet-content-scroll::-webkit-scrollbar-track{background:var(--surface);border-radius:10px}.facet-content-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;transition:background 0.3s}.facet-content-scroll::-webkit-scrollbar-thumb:hover{background:var(--secondary-2)}.facet-content-scroll{scrollbar-width:thin;scrollbar-color:var(--line) var(--surface)}.box-fieldset-item{display:flex;flex-direction:column;gap:8px}.fieldset-item{display:flex;align-items:center;gap:10px;border-radius:8px;transition:background 0.2s;margin:0;border:none}.fieldset-item input[type="checkbox"],.fieldset-item input[type="radio"]{margin:0;cursor:pointer}.fieldset-item label{flex:1;cursor:pointer;font-size:14px;color:var(--main);display:flex;align-items:center;justify-content:space-between;margin:0}.count-item{font-size:12px;color:var(--secondary-2);font-weight:400}/* Kategori Listesi */.category-list{list-style:none;padding:0;margin:0}.categories-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;color:var(--main);text-decoration:none;border-radius:8px;transition:all 0.2s;font-size:14px}.categories-item:hover{background:var(--surface);color:var(--primary)}.categories-item.active{font-weight:700 !important;color:var(--primary) !important;border-radius:4px}.categories-item.parent-category{color:#666;font-style:italic}.categories-item.parent-category:hover{color:var(--primary)}.categories-item .count-cate{font-size:12px;color:var(--secondary-2)}/* ============================================
   FİYAT FİLTRESİ
   ============================================ */.widget-facet.facet-price .price-val-range{margin:22px 0px}.widget-facet.facet-price .box-price-product{display:grid;gap:16px;grid-template-columns:1fr 1fr}.widget-facet.facet-price .box-price-item{display:flex;flex-direction:column}.widget-facet.facet-price .title-price{margin-bottom:6px;display:block;font-size:13px;font-weight:500;color:var(--secondary)}.widget-facet.facet-price .price-val-wrapper{position:relative;display:flex;align-items:center}.widget-facet.facet-price .price-currency{position:absolute;left:12px;font-weight:500;color:var(--secondary);font-size:14px;line-height:22px;pointer-events:none;z-index:1}.widget-facet.facet-price .price-val-input{width:100%;padding:8px 12px 8px 28px;font-weight:500;font-size:15px;line-height:24px;border-radius:8px;border:2px solid var(--line);background:var(--white);transition:all 0.2s ease;cursor:pointer}.widget-facet.facet-price .price-val-input:hover{border-color:var(--primary-alpha-30)}.widget-facet.facet-price .price-val-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-10)}.widget-facet.facet-price .price-val-wrapper.focused{border-radius:8px}.widget-facet.facet-price .price-val-wrapper.focused .price-val-input{border-color:var(--primary)}/* ============================================
   FİLTRE TEMİZLE BUTONLARI
   ============================================ */.tti-btn-clear-filters-top{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;background:var(--surface);border:1px solid var(--line);border-radius:8px;color:var(--critical);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);margin-left:12px}.tti-btn-clear-filters-top:hover{background:var(--critical);color:var(--white);border-color:var(--critical);transform:translateY(-1px);box-shadow:0 4px 12px var(--critical-alpha-20)}.tti-btn-clear-filters-top i{font-size:16px}.tti-btn-clear-filters{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--gradient-primary);color:var(--white);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--primary-alpha-20)}.tti-btn-clear-filters:hover{transform:translateY(-2px);box-shadow:0 6px 16px var(--primary-alpha-30)}.tti-btn-clear-filters i{font-size:16px}/* ============================================
   GRID LAYOUT SWITCH
   ============================================ */.tf-control-layout{display:flex !important;align-items:center;gap:8px;list-style:none;padding:0;margin:0}.tf-view-layout-switch{cursor:pointer;padding:8px;border-radius:6px;transition:all 0.3s ease;border:1px solid var(--line);background:var(--white)}.tf-view-layout-switch:hover{background:var(--surface);border-color:var(--primary-alpha-20)}.tf-view-layout-switch.active{background:var(--primary-alpha-10);border-color:var(--primary)}.tf-view-layout-switch .item{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.tf-view-layout-switch .icon{font-size:18px;color:var(--secondary);transition:color 0.3s ease}.tf-view-layout-switch.active .icon{color:var(--primary)}/* ============================================
   LOADER & NO PRODUCTS
   ============================================ */#category-loading-wrapper{padding:80px 20px;text-align:center;width:100%;min-height:400px;display:flex;align-items:center;justify-content:center}.category-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.category-loader-container .spinner-border{width:3rem;height:3rem;border-width:3px;border-color:var(--primary);border-right-color:transparent}.category-loader-container p{color:var(--secondary);font-size:14px;margin:0}#no-products-wrapper{padding:60px 20px;width:100%}.tf-no-products-found{display:flex;align-items:center;justify-content:center;min-height:400px;padding:60px 20px}.no-products-wrapper{max-width:400px;text-align:center}.no-products-icon-container{width:80px;height:80px;background:var(--primary-alpha-10);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.no-products-icon-container i{font-size:36px;color:var(--primary)}.no-products-title{font-size:22px;font-weight:600;color:var(--main);margin:0 0 12px 0}.no-products-description{font-size:14px;color:var(--secondary);line-height:1.6;margin:0 0 24px 0}/* ============================================
   SKELETON LOADER
   ============================================ */#productGrid.initial-loading{min-height:400px}#productGrid.loaded{opacity:1;transition:opacity 0.3s ease}.product-skeleton{background:var(--white);border-radius:12px;overflow:hidden;border:1px solid var(--line)}.product-skeleton .skeleton-image{width:100%;aspect-ratio:1;background:linear-gradient(90deg, var(--surface) 25%, var(--line) 50%, var(--surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.product-skeleton .skeleton-content{padding:16px}.product-skeleton .skeleton-line{height:12px;background:linear-gradient(90deg, var(--surface) 25%, var(--line) 50%, var(--surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px;margin-bottom:8px}.product-skeleton .skeleton-line.short{width:60%}.product-skeleton .skeleton-line:last-child{margin-bottom:0}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}/* ============================================
   TÜM ÜRÜNLER GÖSTERİLDİ
   ============================================ */.tf-end-of-products{width:100%;padding:20px 0 20px;margin-top:30px;position:relative}.tf-end-of-products::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:600px;height:1px;background:linear-gradient(
            90deg,
            transparent 0%,
            var(--line) 20%,
            var(--primary) 50%,
            var(--line) 80%,
            transparent 100%
    )}.end-products-wrapper{display:flex;align-items:center;justify-content:center;gap:16px;max-width:500px;margin:0 auto}.end-products-icon-box{width:48px;height:48px;background:var(--primary-alpha-10);border:2px solid var(--primary-alpha-10);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.end-products-icon-box i{font-size:20px;color:var(--primary)}.end-products-content{text-align:left}.end-title{font-size:16px;font-weight:600;color:var(--main);margin:0 0 2px 0;line-height:1.3}.end-text{font-size:13px;color:var(--secondary);margin:0;line-height:1.4}/* ============================================
   GRID LAYOUT CLASSES
   ============================================ */.tf-grid-layout.wrapper-shop{display:grid;grid-gap:15px;width:100%}.tf-grid-layout.lg-col-2{grid-template-columns:repeat(2, 1fr)}.tf-grid-layout.xl-col-2{grid-template-columns:repeat(2, 1fr)}.tf-grid-layout.lg-col-3{grid-template-columns:repeat(3, 1fr)}.tf-grid-layout.xl-col-3{grid-template-columns:repeat(3, 1fr)}.tf-grid-layout.lg-col-4{grid-template-columns:repeat(4, 1fr)}.tf-grid-layout.xl-col-4{grid-template-columns:repeat(4, 1fr)}/* ============================================
   RESPONSIVE - TABLET
   ============================================ */@media (max-width: 991px){.modern-category-header{padding:40px 0 30px}.category-main-title{font-size:32px}.facet-content-scroll{max-height:200px}.tf-grid-layout.lg-col-2,.tf-grid-layout.lg-col-3,.tf-grid-layout.lg-col-4,.tf-grid-layout.xl-col-2,.tf-grid-layout.xl-col-3,.tf-grid-layout.xl-col-4{grid-template-columns:repeat(2, 1fr)}#category-loading-wrapper{padding:60px 20px}#no-products-wrapper{padding:50px 15px}.meta-filter-shop{flex-direction:column;align-items:flex-start}.applied-filters{width:100%}.widget-facet.facet-price .box-price-product{grid-template-columns:1fr}}/* ============================================
   RESPONSIVE - MOBİL
   ============================================ */@media (max-width: 767px){.tti-btn-clear-filters-top{padding:8px 14px;font-size:13px;margin-left:8px}.tti-btn-clear-filters-top span{display:none}.tti-btn-clear-filters-top i{font-size:18px;margin:0}.tf-control-layout{gap:4px}.tf-view-layout-switch{padding:6px}.tf-view-layout-switch .item{width:20px;height:20px}.tf-view-layout-switch .icon{font-size:16px}#category-loading-wrapper{padding:50px 15px}.category-loader-container .spinner-border{width:2.5rem;height:2.5rem}.category-loader-container p{font-size:13px}.tf-end-of-products{padding:40px 0 30px;margin-top:40px}.tf-end-of-products::before{max-width:90%}.end-products-wrapper{gap:12px;padding:0 16px}.end-products-icon-box{width:42px;height:42px}.end-products-icon-box i{font-size:18px}.end-title{font-size:15px}.end-text{font-size:12px}.tf-no-products-found{min-height:350px;padding:40px 16px}.no-products-icon-container{width:70px;height:70px;margin-bottom:20px}.no-products-icon-container i{font-size:32px}.no-products-title{font-size:20px}.no-products-description{font-size:13px;margin-bottom:20px}.tti-btn-clear-filters{padding:10px 20px;font-size:13px}}/* ============================================
   RESPONSIVE - KÜÇÜK MOBİL
   ============================================ */@media (max-width: 575px){.category-main-title{font-size:28px}.category-title-wrapper{flex-direction:column;gap:12px}.tti-btn-clear-filters-top{padding:6px 10px;margin-left:6px}.tti-btn-clear-filters-top i{font-size:16px}#category-loading-wrapper{padding:40px 10px}.tf-grid-layout.lg-col-2,.tf-grid-layout.lg-col-3,.tf-grid-layout.lg-col-4,.tf-grid-layout.xl-col-2,.tf-grid-layout.xl-col-3,.tf-grid-layout.xl-col-4{grid-template-columns:repeat(1, 1fr)}}.marka-title-wrapper{display:flex;align-items:center;gap:20px}.marka-logo-box{width:80px;height:80px;min-width:80px;background:#fff;border-radius:12px;padding:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06)}.marka-logo-box img{max-width:100%;max-height:100%;object-fit:contain}.marka-info{display:flex;flex-direction:column;gap:6px}.marka-info .category-main-title{margin:0}.marka-product-count{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--secondary)}.marka-product-count i{color:var(--primary);font-size:13px}.marka-product-count strong{color:var(--main);font-weight:600}/* Mobil 2'li Grid ve Ortalama */@media (max-width: 767px){#productGrid.wrapper-shop{display:grid !important;grid-template-columns:repeat(2, 1fr) !important;gap:12px !important}#productGrid .product-skeleton{width:100% !important}/* Marka başlık ortalama */.category-header-content{text-align:center}.marka-title-wrapper{flex-direction:column;align-items:center;justify-content:center;text-align:center}.marka-info{align-items:center;text-align:center}.breadcrumbs-modern{justify-content:center}}@media (max-width: 576px){.marka-logo-box{width:60px;height:60px;min-width:60px;padding:8px}#productGrid.wrapper-shop{gap:8px !important}}.marka-title-wrapper{display:flex;align-items:center;gap:20px}.marka-logo-box{width:80px;height:80px;min-width:80px;background:#fff;border-radius:12px;padding:12px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06)}.marka-logo-box img{max-width:100%;max-height:100%;object-fit:contain}.marka-info{display:flex;flex-direction:column;gap:6px}.marka-info .category-main-title{margin:0}.marka-product-count{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--secondary)}.marka-product-count i{color:var(--primary);font-size:13px}.marka-product-count strong{color:var(--main);font-weight:600}/* Mobil 2'li Grid */@media (max-width: 767px){#productGrid.wrapper-shop{display:grid !important;grid-template-columns:repeat(2, 1fr) !important;gap:12px !important}#productGrid .product-skeleton{width:100% !important}}@media (max-width: 576px){.marka-title-wrapper{flex-direction:column;gap:12px}.marka-logo-box{width:60px;height:60px;min-width:60px;padding:8px}#productGrid.wrapper-shop{gap:8px !important}}/* ============================================
   MARKALAR SAYFASI - TÜM STİLLER
   ============================================ *//* Başlık Badge */.brands-count-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--secondary);background:var(--white);padding:6px 14px;border-radius:20px;border:1px solid var(--line);margin:4px auto 8px;width:fit-content}.brands-count-badge i{color:#f59e0b;font-size:13px}.brands-count-badge strong{color:var(--main);font-weight:600}/* Toolbar */.brands-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding:16px 20px;background:var(--white);border-radius:12px;border:1px solid var(--line)}.brands-search-box{position:relative;flex:1;max-width:400px}.brands-search-box i.fa-search{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--secondary-2);font-size:14px;pointer-events:none}.brands-search-box input{width:100%;padding:12px 40px 12px 42px;border:1px solid var(--line);border-radius:8px;font-size:14px;transition:all 0.2s;background:var(--white);color:var(--main)}.brands-search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-alpha-10)}.brands-search-box input::placeholder{color:var(--secondary-2)}.brand-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:var(--surface);border:none;color:var(--secondary-2);cursor:pointer;padding:0;font-size:12px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s}.brand-search-clear:hover{background:var(--line);color:var(--main)}/* Görünüm Toggle */.brands-view-toggle{display:flex;gap:4px;background:var(--surface);padding:4px;border-radius:8px}.view-btn{padding:10px 14px;border:none;background:transparent;color:var(--secondary);cursor:pointer;border-radius:6px;transition:all 0.2s;font-size:14px}.view-btn:hover{color:var(--main)}.view-btn.active{background:var(--white);color:var(--primary);box-shadow:0 1px 3px rgba(0, 0, 0, 0.1)}/* Alfabetik Navigasyon */.brands-alphabet-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:32px;padding:16px;background:var(--surface);border-radius:12px;justify-content:center}.alphabet-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--white);color:var(--main);text-decoration:none;font-weight:600;font-size:14px;border-radius:8px;border:1px solid var(--line);transition:all 0.2s}.alphabet-link:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}/* Harf Grupları */.brands-letter-group{margin-bottom:40px}.letter-heading{font-size:24px;font-weight:700;color:var(--main);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--primary);display:inline-block}/* Grid Yapısı */.brands-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px}/* Marka Kartı */.brand-card{text-decoration:none;color:inherit;display:block}.brand-card-inner{display:flex;align-items:center;gap:16px;padding:16px;background:var(--white);border:1px solid var(--line);border-radius:12px;transition:all 0.3s ease}.brand-card:hover .brand-card-inner{border-color:var(--primary);box-shadow:0 4px 20px rgba(0, 0, 0, 0.08);transform:translateY(-2px)}.brand-logo-wrapper{width:60px;height:60px;min-width:60px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:10px;overflow:hidden}.brand-logo-wrapper img{max-width:100%;max-height:100%;object-fit:contain;padding:8px}.brand-logo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);color:var(--white);font-weight:700;font-size:18px}.brand-info{flex:1;min-width:0}.brand-name{font-size:15px;font-weight:600;color:var(--main);margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-product-count{font-size:13px;color:var(--secondary)}.brand-arrow{color:var(--secondary-2);transition:all 0.2s;flex-shrink:0}.brand-card:hover .brand-arrow{color:var(--primary);transform:translateX(4px)}/* Liste Görünüm */.brands-container[data-view="list"] .brands-grid{grid-template-columns:1fr;gap:8px}.brands-container[data-view="list"] .brand-card-inner{padding:12px 16px}.brands-container[data-view="list"] .brand-logo-wrapper{width:48px;height:48px;min-width:48px}.brands-container[data-view="list"] .brand-logo-placeholder{font-size:14px}/* Marka Bulunamadı */.no-brands-wrapper{text-align:center;padding:80px 20px}.no-brands-icon{width:100px;height:100px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.no-brands-icon i{font-size:40px;color:var(--secondary-2)}.no-brands-wrapper h3{font-size:22px;color:var(--main);margin-bottom:8px}.no-brands-wrapper p{color:var(--secondary);margin-bottom:24px}/* Arama Sonucu Yok */.no-search-result{text-align:center;padding:60px 20px}.no-search-icon{width:80px;height:80px;background:var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.no-search-icon i{font-size:32px;color:var(--secondary-2)}.no-search-result h3{font-size:18px;color:var(--main);margin-bottom:8px}.no-search-result p{color:var(--secondary);margin-bottom:20px}/* Gizleme Sınıfları */.brand-hidden{display:none !important}.letter-group-hidden{display:none !important}/* ============================================
   ÖN SİPARİŞ RIBBON - KATEGORİ KARTI
   ============================================ */.preorder-ribbon{position:absolute;top:12px;left:12px;z-index:3;background:linear-gradient(135deg, #f0a750, #e8902f);color:#fff;padding:5px 12px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:0.3px;box-shadow:0 2px 8px rgba(240, 167, 80, 0.35)}.preorder-ribbon span{line-height:1}.btn-main-product.is-preorder{background:linear-gradient(135deg, #f0a750, #e8902f) !important;color:#fff !important}@media (max-width: 767px){.preorder-ribbon{top:8px;left:8px;padding:4px 9px;font-size:10px}}/* ============================================
   MARKALAR SAYFASI - RESPONSIVE
   ============================================ */@media (max-width: 1199px){.brands-grid{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 991px){.brands-grid{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 767px){.brands-toolbar{flex-direction:column;gap:12px;padding:12px 16px}.brands-search-box{max-width:100%;width:100%}.alphabet-link{width:32px;height:32px;font-size:12px}.brands-grid{grid-template-columns:repeat(2, 1fr);gap:12px}.brand-card-inner{padding:12px;gap:12px}.brand-logo-wrapper{width:50px;height:50px;min-width:50px}.brand-name{font-size:14px}.brand-product-count{font-size:12px}.brand-arrow{display:none}.letter-heading{font-size:20px}.brands-letter-group{margin-bottom:30px}}@media (max-width: 480px){.brand-card-inner{flex-direction:column;text-align:center;padding:16px 12px}.brand-info{width:100%}.brand-name{white-space:normal}.brands-container[data-view="list"] .brand-card-inner{flex-direction:row;text-align:left;padding:10px 12px}.brands-container[data-view="list"] .brand-info{width:auto}.brands-container[data-view="list"] .brand-name{white-space:nowrap}}