/* ===== AutoCore UI base ===== */

.autocore-layout {
  display: flex;
  gap: 24px;
}

.autocore-sidebar {
  width: 260px;
  flex-shrink: 0;
}

.autocore-main {
  flex: 1;
}

/* Catalog grid */
.autocore-catalog-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

@media (max-width: 1200px) {
  .autocore-catalog-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  .autocore-catalog-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
  .autocore-catalog-grid { grid-template-columns: 1fr; }
}

/* Product card */
.autocore-item {
  background: #fff;
  border-radius: 10px;
  padding: 14px;
  transition: box-shadow .2s ease, transform .2s ease;
}
.autocore-item:hover {
  box-shadow: 0 10px 30px rgba(0,0,0,.08);
  transform: translateY(-2px);
}