/* =========== © 2026 Centroarts - https://m1r.ru =========== */

:root {
  --cat-tile-pad: 12px;
  --cat-tile-rd: var(--rd-box);
  --cat-tile-h: 180px;
  --cat-tile-fs: var(--fs-1);
  --cat-tile-lh: 1.5em;
  --cat-tile-title-pad: 4px 8px;
  --cat-tile-title-rd: 20px;
  --cat-tile-title-sw: 0 2px 6px -2px hsla(0, 0%, 0%, 0.12);
  --cat-tile-img-mw: 180px;
  --cat-tile-img-ts: 32px;
}
@media (min-width: 576px) {
  :root {
    --cat-tile-pad: 20px;
    --cat-tile-h: 240px;
    --cat-tile-fs: var(--fs);
    --cat-tile-title-pad: 4px 12px;
    --cat-tile-img-mw: 260px;
    --cat-tile-img-ts: 0px;
  }
}

.cat-tile-item {
  display: flex; padding: var(--cat-tile-pad);
  background-color: var(--cat-tile-bg);
  position: relative; z-index: 1;
  border-radius: var(--cat-tile-rd);
  height: var(--cat-tile-h);
  overflow: hidden;
}
.cat-tile-img {
  position: absolute; inset: 0; top: var(--cat-tile-img-ts); z-index: -1;
  overflow: hidden; display: flex; justify-content: end;
  user-select: none; pointer-events: none;
}

@media (min-width: 992px) {
  .cat-tile-img {
    transform: translateY(4px);
    transition: transform .2s ease;
  }
  .cat-tile-item:hover .cat-tile-img { transform: translateY(0px); }
}


.cat-tile-img .adaptive-pic { max-width: var(--cat-tile-img-mw); }
.cat-tile-item .title {
  font-weight: bold; font-size: var(--cat-tile-fs);
  line-height: var(--cat-tile-lh); padding: var(--cat-tile-title-pad); align-self: start;
  background-color: hsl(var(--c-body-light));
  border-radius: var(--cat-tile-title-rd);
  box-shadow: var(--cat-tile-title-sw);
}

@media (max-width: 575px) {
  .g3 .cat-tile-item { --cat-tile-img-ts: 48px; justify-content: center; }
}
@media (min-width: 576px) {
  .g3 .cat-tile-item { --cat-tile-img-ts: 32px; --cat-tile-img-mw: 220px; }
}

.cat-tile-skazki { --cat-tile-bg: #19D7C9; }
.cat-tile-raskazi { --cat-tile-bg: #F57F6F; }
.cat-tile-stihi { --cat-tile-bg: #FB8052; }
.cat-tile-basni { --cat-tile-bg: #FBBA53; }
.cat-tile-askazki { --cat-tile-bg: #95D461; }
.cat-tile-araskazi { --cat-tile-bg: #EFD554; }
.cat-tile-astihi { --cat-tile-bg: #FF9269; }
.cat-tile-abasni { --cat-tile-bg: #5ECADD; }
.cat-tile-lenta { --cat-tile-bg: #7682F3; }
.cat-tile-authors { --cat-tile-bg: #F25E61; }
.cat-tile-podborki { --cat-tile-bg: #24CCAA; }