/* ATC Ana Sayfa - gerçek ürünler için uyarlanmış responsive Bento Grid */
/* Yalnızca ana sayfadaki ürünler; global .container / body / footer etkilenmez. */
#atc-home-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row;gap:14px;align-items:stretch;}
#atc-home-bento>.atc-product-modern{min-width:0;height:100%;position:relative;contain:layout style;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;}
#atc-home-bento>.atc-product-modern:focus-visible{outline:3px solid #ff6500;outline-offset:3px;}
#atc-home-bento .atc-card-image-stack{height:clamp(135px,13vw,185px)}
/* Ürün sayısı 1-12 arasıysa örnekteki asimetrik Bento yerleşimi */
@media(min-width:901px){
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(1)){grid-template-columns:minmax(0,1fr)}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(3))>:first-child{grid-column:span 2}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(5)){grid-template-columns:repeat(3,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(5))>:first-child{grid-column:span 2}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(6)){grid-template-columns:repeat(3,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(7)){grid-template-columns:repeat(3,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(7))>:first-child{grid-column:span 2;grid-row:span 2}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(8)){grid-template-columns:repeat(3,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(9)){grid-template-columns:repeat(3,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(9))>:first-child{grid-column:span 2;grid-row:span 2}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(10)){grid-template-columns:repeat(4,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(11))>:first-child{grid-column:span 2;grid-row:span 2}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(12)){grid-template-columns:repeat(4,minmax(0,1fr))}
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(12))>:first-child{grid-column:span 2}
 #atc-home-bento.atc-bento-enabled>:first-child:nth-last-child(3) .atc-card-image-stack,
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(5))>:first-child .atc-card-image-stack,
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(7))>:first-child .atc-card-image-stack,
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(9))>:first-child .atc-card-image-stack,
 #atc-home-bento.atc-bento-enabled:has(> :last-child:nth-child(11))>:first-child .atc-card-image-stack{height:clamp(210px,22vw,310px)}
}
@media(max-width:900px){#atc-home-bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:520px){#atc-home-bento{grid-template-columns:minmax(0,1fr)}#atc-home-bento .atc-card-image-stack{height:185px}}
/* View Transitions: navigasyon sırasında ürünün kimliği korunur; tarayıcı destekliyorsa geçiş yumuşar. */
@supports(view-transition-name: none){
 #atc-home-bento>.atc-product-modern{view-transition-class:atc-bento-item}
 ::view-transition-group(.atc-bento-item){animation-duration:.65s;animation-timing-function:cubic-bezier(.2,.75,.2,1)}
 ::view-transition-old(.atc-bento-item),::view-transition-new(.atc-bento-item){width:100%;height:100%}
}
@media(prefers-reduced-motion:reduce){#atc-home-bento>.atc-product-modern{transition:none}::view-transition-group(.atc-bento-item){animation-duration:0s}}

/* Kullanıcı işaretlediğinde Bento aktifleşir; işaretsizken standart eşit kartlar */
#atc-home-bento.atc-bento-enabled{grid-auto-flow:row dense}
.atc-bento-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.atc-bento-switch{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:700;color:inherit;user-select:none}
.atc-bento-switch input{position:absolute;opacity:0;width:1px;height:1px}
.atc-bento-switch__check{width:24px;height:24px;display:grid;place-items:center;border:2px solid #ff6500;border-radius:7px;color:transparent;background:transparent;transition:background .2s,color .2s}
.atc-bento-switch input:checked + .atc-bento-switch__check{background:#ff6500;color:#fff}
.atc-bento-switch input:focus-visible + .atc-bento-switch__check{outline:3px solid #ff6500;outline-offset:3px}
@media(max-width:600px){.atc-bento-controls{justify-content:flex-start}}

/* Sahibinden tarzı 3 görünüm butonu: liste / galeri / kutu */
.atc-view-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.atc-view-switcher{display:inline-flex;overflow:hidden;border:1px solid #d5dbe3;border-radius:6px;background:#fff}
.atc-view-button{width:38px;height:34px;border:0;border-right:1px solid #d5dbe3;background:#fff;color:#536278;display:grid;place-items:center;cursor:pointer;padding:8px;transition:background .2s,color .2s}
.atc-view-button:last-child{border-right:0}
.atc-view-button svg{width:19px;height:19px}
.atc-view-button:hover{background:#fff0e7;color:#f60}
.atc-view-button.is-active{background:#ff6500;color:#fff}
.atc-view-button:focus-visible{outline:3px solid #ff6500;outline-offset:-3px}
/* Eski ürün grid kurallarının önüne geçer */
#atc-home-bento.atc-view-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
#atc-home-bento.atc-view-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#atc-home-bento.atc-view-list{display:grid;grid-template-columns:minmax(0,1fr);gap:9px}
/* Galeride daha geniş ürün görselleri */
#atc-home-bento.atc-view-gallery .atc-card-image-stack{height:clamp(170px,19vw,245px)}
/* Liste görünümünde resim solda, ürün bilgileri sağda */
#atc-home-bento.atc-view-list>.atc-product-modern{display:grid;grid-template-columns:minmax(120px,190px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:18px;align-items:stretch;min-height:150px;height:auto;padding:14px}
#atc-home-bento.atc-view-list .atc-card-top{grid-column:2;grid-row:1;display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0}
#atc-home-bento.atc-view-list .atc-card-image-stack{grid-column:1;grid-row:1/span 2;height:145px;min-height:0;align-self:center}
#atc-home-bento.atc-view-list .atc-card-content{grid-column:2;grid-row:2;min-width:0}
#atc-home-bento.atc-view-list .atc-card-image-stack img{object-fit:contain}
#atc-home-bento.atc-view-list .atc-card-content h3{margin-top:4px}
@media(max-width:900px){#atc-home-bento.atc-view-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#atc-home-bento.atc-view-grid,#atc-home-bento.atc-view-gallery{grid-template-columns:minmax(0,1fr)}#atc-home-bento.atc-view-list>.atc-product-modern{grid-template-columns:100px minmax(0,1fr);gap:10px;padding:10px}#atc-home-bento.atc-view-list .atc-card-image-stack{height:110px}#atc-home-bento.atc-view-list .atc-card-top{flex-wrap:wrap} .atc-view-controls{justify-content:flex-start}}

/* ATC: Ana sayfa ürün sayfalaması */
#urunlerimiz { scroll-margin-top: 100px; }
.product-layout .pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin:28px 0 12px; }
.product-layout .pagination a, .product-layout .pagination .active { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 12px; border:1px solid #e1e1e1; border-radius:10px; background:#fff; color:#262626; text-decoration:none; font-weight:700; transition:background .2s,color .2s,border-color .2s; }
.product-layout .pagination a:hover { background:#fff3e9; border-color:#ff6500; color:#ff6500; }
.product-layout .pagination .active { background:#ff6500; color:#fff; border-color:#ff6500; }
.product-layout .pagination > span:not(.active) { color:#777; padding:0 4px; }
@media(max-width:480px) { .product-layout .pagination { gap:5px; } .product-layout .pagination a,.product-layout .pagination .active { min-width:35px; height:38px; padding:0 9px; } }

/* Sayfa numaralarinin hemen yaninda toplam urun adedi */
.product-layout .pagination .atc-pagination-total { display:inline-flex; align-items:center; gap:4px; margin-left:10px; padding:8px 12px; border:1px solid #e8e8e8; border-radius:10px; background:#fff; color:#555; font-size:13px; white-space:nowrap; }
.product-layout .pagination .atc-pagination-total strong { color:#ff6500; font-weight:800; }
@media(max-width:480px) { .product-layout .pagination .atc-pagination-total { margin-left:4px; padding:7px 9px; font-size:12px; } }

/* Ustteki turuncu adet rozetini sayfalama yaninda goster */
.product-layout .pagination .atc-pagination-count { display:inline-flex;align-items:center;justify-content:center;margin-left:10px;padding:8px 15px;border:1px solid #ffd8bd;border-radius:999px;background:#fff3e8;color:#ff6500;font-size:13px;font-weight:800;line-height:1.4;white-space:nowrap; }
@media(max-width:480px){.product-layout .pagination .atc-pagination-count{margin-left:4px;padding:7px 10px;font-size:12px}}

/* Yalnizca ana sayfa Urunlerimiz: stok etiketi resmin SOL ALT kosesinde. */
#atc-home-bento .atc-card-image-stack { position:relative; }
#atc-home-bento .atc-card-image-stack > .atc-card-stock {
  position:absolute; left:8px; bottom:8px; right:auto; top:auto;
  z-index:5; display:inline-flex; align-items:center; width:max-content; max-width:calc(100% - 16px);
  padding:5px 8px; border-radius:6px; background:rgba(255,255,255,.94);
  color:#087b32; font-size:10px; font-weight:800; line-height:1.2;
  box-shadow:0 2px 8px rgba(0,0,0,.12); pointer-events:none;
}
#atc-home-bento .atc-card-image-stack > .atc-card-stock.out-of-stock { color:#b3261e; }
/* Stok etiketi artik kartin ayri satirini kaplamaz; liste/galeri/kutu uyumlu. */

/* Resim uzerinde sabit sol-alt stok rozeti; sadece anasayfa */
#atc-home-bento .atc-stock-image-overlay {position:relative!important;isolation:isolate;}
#atc-home-bento .atc-stock-image-overlay > .atc-card-stock {position:absolute!important;left:8px!important;bottom:8px!important;top:auto!important;right:auto!important;z-index:99!important;transform:none!important;margin:0!important;}

/* Ana sayfa sol kategori menusu: ikonlu, surukle-birak siralama. */
.sidebar-box .category-menu-list.atc-sortable-categories{display:flex;flex-direction:column;gap:9px;list-style:none;padding:0;margin:0;}
.sidebar-box .atc-sortable-item{position:relative;min-width:0;background:#fff;border:1px solid #e9edf1;border-radius:9px;box-shadow:0 4px 9px #001d290d;will-change:transform;touch-action:auto;}
.sidebar-box .atc-sortable-item.is-idle{transition:transform .22s ease,box-shadow .22s ease;}
.sidebar-box .atc-sortable-item.is-draggable{z-index:30;cursor:grabbing;box-shadow:0 12px 30px #001d2930;}
.sidebar-box .atc-sortable-item>.category-link{display:flex;align-items:center;gap:9px;padding-right:48px;min-height:49px;}
.sidebar-box .atc-category-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;flex:0 0 25px;font-size:19px;}
.sidebar-box .atc-category-name{min-width:0;overflow-wrap:anywhere;}
.sidebar-box .atc-category-drag-handle{position:absolute;right:3px;top:3px;width:42px;height:43px;display:grid;place-items:center;border:0;background:transparent;color:#68727d;font-size:25px;cursor:grab;touch-action:none;user-select:none;border-radius:7px;z-index:2;}
.sidebar-box .atc-category-drag-handle:hover,.sidebar-box .atc-category-drag-handle:focus-visible{background:#fff0e6;color:#ff6500;outline:2px solid transparent;}
.sidebar-box .atc-sortable-item.is-draggable .atc-category-drag-handle{cursor:grabbing;}
@media(prefers-reduced-motion:reduce){.sidebar-box .atc-sortable-item.is-idle{transition:none;}}


/* Klasik, sade ATC kategori menusu. Yalnizca ana sayfa sol panel. */
.product-layout .atc-leaderboard-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 3px 16px rgba(16,24,40,.055);overflow:hidden;padding:0;align-self:start;min-width:0}
.product-layout .atc-leaderboard-sidebar>.category-title{display:flex;align-items:center;gap:9px;margin:0;padding:16px 15px;background:#f8fafc;border-bottom:1px solid #e9edf2;color:#253142;font-size:16px;font-weight:750;line-height:1.35}
.product-layout .atc-classic-category-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#fff1e7;color:#ff6500;font-size:18px;font-weight:700}
.product-layout .atc-leaderboard-sidebar .category-menu{padding:9px;margin:0;background:#fff}
.product-layout .atc-leaderboard-sidebar .atc-leaderboard-list{display:flex;flex-direction:column;gap:4px;list-style:none;padding:0;margin:0}
.product-layout .atc-leaderboard-sidebar .atc-leaderboard-list>.atc-sortable-item{position:relative;min-width:0;background:#fff;border:1px solid transparent;border-radius:7px;box-shadow:none;overflow:visible}
.product-layout .atc-leaderboard-sidebar .atc-leaderboard-list>.atc-sortable-item:hover{background:#f8fafc;border-color:#edf0f4}
.product-layout .atc-leaderboard-sidebar .atc-leaderboard-list>.atc-sortable-item.current{background:#fff4eb;border-color:#ffdfc8}
.product-layout .atc-leaderboard-sidebar .atc-leaderboard-list>.atc-sortable-item>.category-link{display:flex;align-items:center;gap:10px;min-height:43px;padding:9px 41px 9px 10px;background:transparent;border:0;color:#334155;text-decoration:none;font-size:13px;font-weight:600;line-height:1.35;border-radius:7px}
.product-layout .atc-leaderboard-sidebar .atc-leaderboard-list>.atc-sortable-item>.category-link:hover,.product-layout .atc-leaderboard-sidebar .atc-leaderboard-list>.atc-sortable-item>.category-link.active{color:#e65b00;background:transparent}
.product-layout .atc-leaderboard-sidebar .atc-category-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;flex:0 0 24px;font-size:18px}
.product-layout .atc-leaderboard-sidebar .atc-category-name{min-width:0;overflow-wrap:anywhere}
.product-layout .atc-leaderboard-sidebar .atc-category-drag-handle{position:absolute;right:5px;top:3px;width:34px;height:37px;border:0;border-radius:6px;background:transparent;color:#9aa4b2;font-size:21px;display:grid;place-items:center;cursor:grab;touch-action:none;z-index:2}
.product-layout .atc-leaderboard-sidebar .atc-category-drag-handle:hover,.product-layout .atc-leaderboard-sidebar .atc-category-drag-handle:focus-visible{background:#fff0e6;color:#ff6500}
.product-layout .atc-leaderboard-sidebar .atc-sortable-item.is-draggable{z-index:20;box-shadow:0 8px 20px rgba(16,24,40,.14);background:#fff;border-color:#ffcca7}
.product-layout .atc-leaderboard-sidebar .subcategory-menu{margin:0;padding:0 8px 8px 42px;background:transparent;border:0;list-style:none}
.product-layout .atc-leaderboard-sidebar .subcategory-menu li{background:transparent;border:0}
.product-layout .atc-leaderboard-sidebar .subcategory-link{display:block;padding:6px 4px;color:#64748b;background:transparent;font-size:12px;text-decoration:none}
.product-layout .atc-leaderboard-sidebar .subcategory-link:hover,.product-layout .atc-leaderboard-sidebar .subcategory-link.active{color:#ff6500;text-decoration:none}
@media(prefers-reduced-motion:reduce){.product-layout .atc-leaderboard-sidebar .atc-sortable-item{transition:none}}

/* Klasik sol menude otomotiv elektronik modul ikonlari */
.product-layout .atc-module-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.product-layout .atc-leaderboard-sidebar .atc-category-icon{width:26px;flex-basis:26px;color:#475569}
.product-layout .atc-leaderboard-sidebar .atc-module-svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.product-layout .atc-leaderboard-sidebar .category-link:hover .atc-category-icon,
.product-layout .atc-leaderboard-sidebar .category-link.active .atc-category-icon{color:#ff6500}

/* Dogrudan cizilen ikonlar: gizlenme/ezilme sorunlarini onle. */
.product-layout .atc-leaderboard-sidebar .category-link .atc-category-icon{display:inline-flex!important;visibility:visible!important;opacity:1!important;flex:0 0 28px;width:28px;height:28px;align-items:center;justify-content:center;color:#475569}
.product-layout .atc-leaderboard-sidebar .category-link .atc-module-svg{display:block!important;visibility:visible!important;opacity:1!important;flex:0 0 22px;width:22px!important;height:22px!important;fill:none;stroke:currentColor;stroke-width:1.8}