/* Approved Atelier / Светлый фарфор. 153px artwork reduced by 15%; clipped at the card edge. */
.kinetic .discovery-heading { flex-wrap: wrap; }
.discovery-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; min-width: 0; margin-left: auto; }
.kinetic .discovery-actions .home-category-all { min-height: 30px; padding: 5px 13px; border-radius: 999px; font-size: 11px; }
.home-categories {
  --category-face: #f0f3f1;
  --category-alt: #f3f1f6;
  --category-line: #ecf0ed;
  --category-alt-line: #eeeaf4;
  --category-hover: #eaf4ee;
  --category-hover-line: #c5dacf;
  display: flex;
  flex-direction: column;
  gap: 11px;
  margin: 16px 0 0;
  min-width: 0;
}
.home-category-row { display: flex; gap: 11px; min-width: 0; }
.home-category {
  position: relative;
  isolation: isolate;
  display: block;
  flex: var(--category-weight, 1) 1 0;
  min-width: 0;
  height: 142px;
  overflow: hidden;
  border: 1px solid var(--category-line);
  border-radius: 25px;
  background: var(--category-face);
  color: var(--ink);
  box-shadow: inset 0 1px 0 #ffffffd9;
  transition: transform .18s, box-shadow .18s, border-color .18s;
}
.home-category:nth-child(even) { background: var(--category-alt); border-color: var(--category-alt-line); }
.home-category-name {
  position: absolute;
  left: 16px;
  right: 12px;
  top: 15px;
  z-index: 2;
  font-size: 15px;
  line-height: 1.25;
  font-weight: 550;
  letter-spacing: -.02em;
  overflow-wrap: anywhere;
  pointer-events: none;
}
.home-category-name .category-count { margin-left: 6px; color: var(--muted); font-size: 10px; font-weight: 500; white-space: nowrap; }
.home-category > img {
  position: absolute;
  z-index: 1;
  width: 130.05px;
  max-width: none;
  height: 130.05px;
  right: 6px;
  bottom: -22px;
  object-fit: contain;
  pointer-events: none;
}
@media (hover: hover) {
  .home-category:hover { transform: translateY(-3px); background: var(--category-hover); border-color: var(--category-hover-line); box-shadow: 0 6px 17px #244b3011; color: var(--ink); }
}
@media (min-width: 641px) and (max-width: 900px) {
  .home-categories { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .home-category-row { display: contents; }
  .home-category { height: 139px; }
  .home-category-name { font-size: 14px; }
}
@media (max-width: 640px) {
  .home-categories { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; }
  .home-category-row { display: contents; }
  .home-category { height: 139px; }
  .home-category-name { left: 13px; top: 13px; font-size: 14px; }
  .home-category > img { right: 0; }
}
@media (max-width: 340px) {
  .home-category { height: 132px; }
  .home-category-name { font-size: 12px; }
  .home-category > img { right: -8px; }
}
@media (prefers-color-scheme: dark) {
  .home-categories { --category-face: #202e29; --category-alt: #2b2536; --category-line: #344c40; --category-alt-line: #483952; --category-hover: #2a4035; --category-hover-line: #648272; }
  .home-category { box-shadow: inset 0 1px 0 #ffffff0b; }
}
@media (prefers-contrast: more) { .home-category, .home-category:nth-child(even) { border-color: var(--brand-dark); } }
@media (prefers-reduced-motion: reduce) { .home-category { transition: none; } .home-category:hover { transform: none; } }