/* seller-1.css — dipindah dari seller.php (baris 1978, 26 Okt 2026) agar bisa di-cache browser. */

/* <style id="IC_HIDE_CATEGORY_SECTION_NO_FLASH_HEAD_FINAL"> */
/*
 * Early anti-flash kategori kosong.
 * Saat seller tidak punya kategori asli, bukan hanya tombol "Semua produk"
 * yang harus hilang, tetapi wrapper/section putih kategorinya juga.
 */
body:not(.ic-has-real-category) .category-section,
body:not(.ic-has-real-category) .category-wrapper,
body:not(.ic-has-real-category) .category-container,
body:not(.ic-has-real-category) .category-scroll,
body:not(.ic-has-real-category) .category-list,
body:not(.ic-has-real-category) .category-nav,
body:not(.ic-has-real-category) .category-tabs,
body:not(.ic-has-real-category) .category-slider,
body:not(.ic-has-real-category) .swiper:has(.category-link[data-category="all"]),
body:not(.ic-has-real-category) .swiper-wrapper:has(.category-link[data-category="all"]),
body:not(.ic-has-real-category):not(.ic-stf-active) div:has(> .category-link[data-category="all"]) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* Edit mode: sembunyikan hanya tombol "Semua", bukan seluruh wrapper */
body.ic-stf-active:not(.ic-has-real-category) .category-link[data-category="all"] {
  display: none !important;
}

body.ic-has-real-category .category-section,
body.ic-has-real-category .category-wrapper,
body.ic-has-real-category .category-container,
body.ic-has-real-category .category-scroll,
body.ic-has-real-category .category-list,
body.ic-has-real-category .category-nav,
body.ic-has-real-category .category-tabs,
body.ic-has-real-category .category-slider {
  display: revert !important;
  visibility: visible !important;
  height: auto !important;
  min-height: revert !important;
  max-height: none !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* <style id="IC_PRODUCT_GRID_NO_FLASH_HEAD"> */
/* Anti-flash: grid styles in <head> so first paint is already correct. */
#product-container.ic-standard-aligned-grid{
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),300px)) !important;
  justify-content:start !important;
  align-items:start !important;
  grid-auto-rows:auto !important;
  gap:12px !important;
}
@media(max-width:768px){
  #product-container.ic-standard-aligned-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
/* Anti-flash for few-items masonry stores: prevents display:block override from body CSS. */
#product-container.product-grid-masonry.ic-masonry-few-items{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  column-count:initial !important;
  gap:14px !important;
  align-items:start !important;
}
@media(min-width:768px) and (max-width:1099.98px){
  #product-container.product-grid-masonry.ic-masonry-few-items{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}
@media(min-width:1100px) and (max-width:1399.98px){
  #product-container.product-grid-masonry.ic-masonry-few-items{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }
}
@media(min-width:1400px){
  #product-container.product-grid-masonry.ic-masonry-few-items{
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  }
}