/* ─── Breadcrumbs (shared with entities) ─── */
.mzk-entities-breadcrumbs {
  display: flex;
  min-height: 24px;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 10px;
  color: var(--color-text-secondary);
  font-size: 12px;
  line-height: 18px;
}
.mzk-entities-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}
.mzk-entities-breadcrumbs a:hover {
  color: var(--color-primary-text);
}
.mzk-entities-breadcrumbs [aria-current="page"] {
  color: var(--color-text-primary);
  font-weight: 600;
}
.mzk-entities-breadcrumbs span[aria-hidden="true"] {
  color: var(--color-border);
  font-size: 14px;
}

/* Pidbirky: index page */
.mzk-pidbirky {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  padding: 16px 24px 40px;
}

.mzk-pidbirky__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
  gap: 14px;
  padding: 18px 0 0;
}

/* Pidbirky: category card — same style as homepage slider */
.mzk-pidbirky-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 110px;
  padding: 16px;
  border: 0;
  border-radius: 14px;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(135deg, #7C3AED, #6D28D9);
  transition: transform .25s ease;
  cursor: pointer;
}

.mzk-pidbirky-card:hover {
  transform: translateY(-3px);
}

/* Per-category gradient backgrounds */
.mzk-pidbirky-card--dlya-dushi { background: linear-gradient(135deg, #FF75A8, #E85A8C); }
.mzk-pidbirky-card--romantychna-muzyka { background: linear-gradient(135deg, #EC4899, #D4347E); }
.mzk-pidbirky-card--sport-trenuvannya { background: linear-gradient(135deg, #FF5B5B, #E03A3A); }
.mzk-pidbirky-card--badyoryi-ranok { background: linear-gradient(135deg, #FB923C, #E67A22); }
.mzk-pidbirky-card--zatyshnyi-vechir { background: linear-gradient(135deg, #5B7CFF, #3B5DE7); }
.mzk-pidbirky-card--v-mashinu { background: linear-gradient(135deg, #4C8DFF, #2E6FE0); }
.mzk-pidbirky-card--dlya-roboty { background: linear-gradient(135deg, #A855F7, #8B3FD4); }
.mzk-pidbirky-card--hiti-2000h { background: linear-gradient(135deg, #F59E0B, #D97706); }
.mzk-pidbirky-card--tantsyuvalna { background: linear-gradient(135deg, #10B981, #059669); }
.mzk-pidbirky-card--spokiina { background: linear-gradient(135deg, #6366F1, #4F46E5); }
.mzk-pidbirky-card--novi-pisni { background: linear-gradient(135deg, #06B6D4, #0891B2); }
.mzk-pidbirky-card--populyarne { background: linear-gradient(135deg, #F43F5E, #E11D48); }
.mzk-pidbirky-card--ukrainska { background: linear-gradient(135deg, var(--color-primary), var(--color-primary-hover)); }
.mzk-pidbirky-card--tiktok-trendi { background: linear-gradient(135deg, #D946EF, #C026D3); }
.mzk-pidbirky-card--dytiachi-pisni { background: linear-gradient(135deg, #34D399, #10B981); }
.mzk-pidbirky-card--saundtreky { background: linear-gradient(135deg, #6B7280, #4B5563); }
.mzk-pidbirky-card--osinnij-nastrij { background: linear-gradient(135deg, #D97706, #B45309); }
.mzk-pidbirky-card--litnij-vajb { background: linear-gradient(135deg, #0EA5E9, #0284C7); }
.mzk-pidbirky-card--sumna-muzyka { background: linear-gradient(135deg, #8B5CF6, #7C3AED); }
.mzk-pidbirky-card--epichna-muzyka { background: linear-gradient(135deg, #DC2626, #B91C1C); }
.mzk-pidbirky-card--motyvacijna-muzyka { background: linear-gradient(135deg, #F97316, #EA580C); }
.mzk-pidbirky-card--muzyka-dlya-snu { background: linear-gradient(135deg, #6366F1, var(--color-primary-hover)); }
.mzk-pidbirky-card--hity-90h { background: linear-gradient(135deg, #FBBF24, #D97706); }
.mzk-pidbirky-card--pop-hity { background: linear-gradient(135deg, #F472B6, #DB2777); }
.mzk-pidbirky-card--podorozhi-vidpustka { background: linear-gradient(135deg, #2DD4BF, #0D9488); }
.mzk-pidbirky-card--gotuvannya-yizhi { background: linear-gradient(135deg, #FB923C, #EA580C); }
.mzk-pidbirky-card--vesnyane-natkhnennya { background: linear-gradient(135deg, #4ADE80, #16A34A); }
.mzk-pidbirky-card--muzyka-dlya-gejmeriv { background: linear-gradient(135deg, #818CF8, var(--color-primary)); }
.mzk-pidbirky-card--prohuljanka-mistom { background: linear-gradient(135deg, #38BDF8, #0284C7); }
.mzk-pidbirky-card--muzyka-dlya-prybyrannya { background: linear-gradient(135deg, #FDE047, #CA8A04); }
.mzk-pidbirky-card--adrenalin-ta-ekstrym { background: linear-gradient(135deg, #F87171, #DC2626); }
.mzk-pidbirky-card--piknik-na-prirodi { background: linear-gradient(135deg, #A3E635, #65A30D); }
.mzk-pidbirky-card--karaoke-khity { background: linear-gradient(135deg, #E879F9, #C026D3); }
.mzk-pidbirky-card--muzyka-dlya-chytannya { background: linear-gradient(135deg, #94A3B8, #64748B); }
.mzk-pidbirky-card--zbory-na-vechirku { background: linear-gradient(135deg, #C084FC, #7C3AED); }
.mzk-pidbirky-card--atmosvera-kavyarni { background: linear-gradient(135deg, #D4A373, #8B5E3C); }
.mzk-pidbirky-card--muzyka-dlya-nastroyu { background: linear-gradient(135deg, #F43F5E, #BE123C); }
.mzk-pidbirky-card--pisni-bilya-bagattya { background: linear-gradient(135deg, #F97316, #C2410C); }
.mzk-pidbirky-card--spa-ta-masazh { background: linear-gradient(135deg, #34D399, #059669); }

.c-i {
  width: 40px;
  height: 40px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mzk-pidbirky-card .c-i {
  color: #fff;
}

.mzk-pidbirky-card__name {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 1.2;
}

.mzk-pidbirky-card__count {
  display: none;
}

/* Pidbirky: footer text block */
.mzk-pidbirky-seo {
  margin-top: 24px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.mzk-pidbirky-seo__intro {
  width: 100%;
  max-width: none;
}

.mzk-pidbirky-seo__intro h2 {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 19px;
  font-weight: 720;
  line-height: 1.2;
  letter-spacing: -.025em;
}

.mzk-pidbirky-seo__intro p {
  max-width: none;
  margin-top: 12px;
  color: var(--color-text-secondary);
  font-size: 14px;
  line-height: 1.7;
}

.mzk-pidbirky-seo__columns {
  display: grid;
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-top: 20px;
}

.mzk-pidbirky-seo__section {
  min-width: 0;
  padding: 21px;
  border: 1px solid rgba(var(--color-primary-rgb), .1);
  border-radius: 16px;
  background: rgba(255, 255, 255, .82);
}

.mzk-pidbirky-seo__section h3 {
  margin: 0;
  color: var(--color-text-primary);
  font-size: 18px;
  font-weight: 720;
  line-height: 1.35;
  letter-spacing: -.015em;
}

.mzk-pidbirky-seo__section p {
  margin: 10px 0 0;
  color: var(--color-text-secondary);
  font-size: 14px;
  line-height: 1.65;
}

.mzk-pidbirky-seo__list,
.mzk-pidbirky-seo__steps {
  display: grid;
  gap: 12px;
  margin: 16px 0 0;
  padding: 0;
  list-style: none;
}

.mzk-pidbirky-seo__list li,
.mzk-pidbirky-seo__steps li {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
}

.mzk-pidbirky-seo__icon,
.mzk-pidbirky-seo__steps > li > span {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border-radius: 12px;
  color: var(--color-primary-hover);
  font-size: 12px;
  font-weight: 800;
  background: #eef5ff;
}

.mzk-pidbirky-seo__icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mzk-pidbirky-seo__item-title {
  display: block;
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 720;
  line-height: 1.35;
}

.mzk-pidbirky-seo__list p,
.mzk-pidbirky-seo__steps p {
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.55;
}

.mzk-pidbirky-seo__note {
  margin: 18px 0 0;
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.65;
}

@media (max-width: 899px) {
  .mzk-pidbirky-seo__columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .mzk-pidbirky {
    padding: 18px 16px 36px;
  }

  .mzk-pidbirky-card .c-i {
    width: 36px;
    height: 36px;
  }

  .mzk-pidbirky-seo {
    padding: 0;
  }
}

@media (max-width: 479px) {
  .mzk-pidbirky {
    padding-inline: 14px;
  }

  .mzk-pidbirky-seo {
    padding: 0;
    border-radius: 0;
  }

  .mzk-pidbirky-seo__section {
    padding: 17px 15px;
    border-radius: 14px;
  }

  .mzk-pidbirky-seo__section h3 {
    font-size: 16px;
  }
}

/* Match the homepage inner-content sizing exactly */
@media (min-width: 1600px) {
  .mzk-pidbirky { padding-inline: 32px; }
}

@media (max-width: 1199px) {
  .mzk-pidbirky { max-width: 1100px; margin-inline: auto; }
}

@media (max-width: 899px) {
  .mzk-pidbirky { padding-top: 14px; }
}

@media (max-width: 767px) {
  .mzk-pidbirky { padding: 14px 20px 28px; }
}

@media (max-width: 599px) {
  .mzk-pidbirky { padding-inline: 16px; }
}

@media (max-width: 359px) {
  .mzk-pidbirky { padding-inline: 12px; }
}

/* Hide standard catalog header when mood hero is present */
.mzk-mood-hero + .mzk-catalog__header { display: none; }
.mzk-mood-hero ~ .mzk-catalog__seo { display: none; }

/* ─── Mood category: sort tabs (unified toolbar) ─── */
.mzk-mood-sort {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
}
.mzk-mood-sort .mzk-toolbar-tab {
  display: inline-flex;
  align-items: center;
  height: 46px;
  padding: 0 24px;
  border: 1px solid #E5E7EB;
  border-radius: 24px;
  background: #fff;
  color: #64748B;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  transition: all .2s ease;
  text-decoration: none;
}
.mzk-mood-sort .mzk-toolbar-tab:hover {
  background: #F8FAFC;
  border-color: #CBD5E1;
}
.mzk-mood-sort .mzk-toolbar-tab.is-active {
  border-color: transparent;
  background: linear-gradient(135deg, #5B21F3, #7C3AED);
  color: #fff;
  font-weight: 700;
}


.mzk-mood-hero + .mzk-mood-sort { margin-top: 0; }

/* Pidbirky index: unified dark shell. Colored collection cards stay unchanged. */
.mzk-pidbirky-page .mzk-main-in{min-width:0;width:100%}
.mzk-pidbirky-page .mzk-pidbirky{width:100%;max-width:1440px;margin:0 auto;padding:24px 32px 52px;color:#f4f7fa}
.mzk-pidbirky-page .mzk-entities-breadcrumbs{gap:9px;margin:0 0 22px;color:#728093;font-size:13px}
.mzk-pidbirky-page .mzk-entities-breadcrumbs a{color:#a3adba}
.mzk-pidbirky-page .mzk-entities-breadcrumbs a:hover{color:#ffa200}
.mzk-pidbirky-page .mzk-entities-breadcrumbs [aria-current="page"]{color:#728093;font-weight:500}
.mzk-pidbirky-page .mzk-entities-breadcrumbs span[aria-hidden="true"]{color:#526174}
.mzk-pidbirky-page .mzk-page-head{margin:0 0 8px}
.mzk-pidbirky-page .mzk-page-head__title{display:flex;align-items:center;gap:12px;margin:0;color:#f4f7fa;font-size:clamp(28px,2.4vw,38px);font-weight:800;line-height:1.15;letter-spacing:-.025em}
.mzk-pidbirky-page .mzk-page-head__title svg{width:30px;height:30px;flex:0 0 auto;fill:none;stroke:#ffa200;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mzk-pidbirky-page .mzk-page-head__desc{max-width:780px;margin:10px 0 0;color:#a3adba;font-size:15px;line-height:1.65}
.mzk-pidbirky-page .mzk-pidbirky-seo{position:relative;overflow:hidden;margin-top:36px;padding:0;color:#a3adba;background:transparent;border:0;border-radius:0;box-shadow:none;transition:max-height .22s ease}
.mzk-pidbirky-page .mzk-pidbirky-seo[data-catalog-seo-ready="1"]{padding-bottom:64px}
.mzk-pidbirky-page .mzk-pidbirky-seo__intro{width:100%;max-width:none}
.mzk-pidbirky-page .mzk-pidbirky-seo h2{margin:0;color:#f4f7fa;font-size:20px;font-weight:700;line-height:1.35;letter-spacing:-.015em}
.mzk-pidbirky-page .mzk-pidbirky-seo h3{margin:0;color:#f4f7fa;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:0}
.mzk-pidbirky-page .mzk-pidbirky-seo p,.mzk-pidbirky-page .mzk-pidbirky-seo li{color:#a3adba;font-size:14px;line-height:1.7}
.mzk-pidbirky-page .mzk-pidbirky-seo__intro p{margin:10px 0 0}
.mzk-pidbirky-page .mzk-pidbirky-seo__columns{display:grid;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:22px}
.mzk-pidbirky-page .mzk-pidbirky-seo__section{min-width:0;padding:2px 28px 2px 0;background:transparent;border:0;border-radius:0}
.mzk-pidbirky-page .mzk-pidbirky-seo__section+.mzk-pidbirky-seo__section{padding-right:0;padding-left:28px;border-left:1px solid rgba(255,255,255,.07)}
.mzk-pidbirky-page .mzk-pidbirky-seo__section>p{margin:8px 0 0}
.mzk-pidbirky-page .mzk-pidbirky-seo__list,.mzk-pidbirky-page .mzk-pidbirky-seo__steps{display:grid;gap:12px;margin:16px 0 0;padding:0;list-style:none}
.mzk-pidbirky-page .mzk-pidbirky-seo__list li,.mzk-pidbirky-page .mzk-pidbirky-seo__steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start}
.mzk-pidbirky-page .mzk-pidbirky-seo__icon,.mzk-pidbirky-page .mzk-pidbirky-seo__steps>li>span{display:grid;width:34px;height:34px;place-items:center;color:#ffa200;background:rgba(255,162,0,.07);border:1px solid rgba(255,162,0,.14);border-radius:10px;font-size:12px;font-weight:700}
.mzk-pidbirky-page .mzk-pidbirky-seo__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mzk-pidbirky-page .mzk-pidbirky-seo__item-title{display:block;color:#f4f7fa;font-size:14px;font-weight:700;line-height:1.4}
.mzk-pidbirky-page .mzk-pidbirky-seo__list p,.mzk-pidbirky-page .mzk-pidbirky-seo__steps p{margin:3px 0 0;font-size:13px;line-height:1.6}
.mzk-pidbirky-page .mzk-pidbirky-seo__note{margin:20px 0 0;padding:0;color:#a3adba;background:transparent;border:0;border-radius:0;font-size:13px;line-height:1.65}
.mzk-pidbirky-page .mzk-pidbirky-seo.mzk-catalog-seo--collapsed{max-height:300px}
.mzk-pidbirky-page .mzk-pidbirky-seo.mzk-catalog-seo--collapsed::after{position:absolute;right:0;bottom:0;left:0;z-index:1;height:116px;background:linear-gradient(transparent,var(--color-bg-app) 68%);content:"";pointer-events:none}
.mzk-pidbirky-page .mzk-pidbirky-seo .mzk-catalog-seo-toggle{position:absolute;right:50%;bottom:18px;z-index:2;display:inline-flex;min-height:44px;align-items:center;gap:7px;padding:0 18px;color:#ffa200;background:#111f2d;border:1px solid rgba(255,162,0,.24);border-radius:22px;transform:translateX(50%);cursor:pointer}
.mzk-pidbirky-page .mzk-pidbirky-seo .mzk-catalog-seo-toggle:hover,.mzk-pidbirky-page .mzk-pidbirky-seo .mzk-catalog-seo-toggle:focus-visible{color:#111;background:#ffa200;border-color:#ffa200;outline:0}
.mzk-pidbirky-page .mzk-pidbirky-seo .mzk-catalog-seo-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.mzk-pidbirky-page .mzk-pidbirky-seo .mzk-catalog-seo-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
@media(max-width:1199px){.mzk-pidbirky-page .mzk-pidbirky{max-width:1100px;padding-inline:24px}}
@media(max-width:899px){.mzk-pidbirky-page .mzk-pidbirky-seo__columns{grid-template-columns:minmax(0,1fr);gap:20px}.mzk-pidbirky-page .mzk-pidbirky-seo__section,.mzk-pidbirky-page .mzk-pidbirky-seo__section+.mzk-pidbirky-seo__section{padding:0;border-left:0}.mzk-pidbirky-page .mzk-pidbirky-seo__section+.mzk-pidbirky-seo__section{padding-top:20px;border-top:1px solid rgba(255,255,255,.07)}}
@media(max-width:767px){.mzk-pidbirky-page .mzk-pidbirky{padding:18px 20px calc(96px + env(safe-area-inset-bottom))}.mzk-pidbirky-page .mzk-entities-breadcrumbs{margin-bottom:18px}.mzk-pidbirky-page .mzk-page-head{margin-bottom:4px}.mzk-pidbirky-page .mzk-page-head__title{font-size:27px}.mzk-pidbirky-page .mzk-page-head__title svg{width:26px;height:26px}.mzk-pidbirky-page .mzk-page-head__desc{font-size:14px}.mzk-pidbirky-page .mzk-pidbirky__grid{grid-template-columns:minmax(0,1fr);gap:9px;padding-top:16px}.mzk-pidbirky-page .mzk-pidbirky-card{position:relative;display:grid;width:100%;height:78px;min-height:78px;grid-template-columns:48px minmax(0,1fr) 24px;grid-template-rows:1fr 1fr;align-items:center;column-gap:13px;padding:11px 13px;border-radius:14px;text-align:left}.mzk-pidbirky-page .mzk-pidbirky-card::after{position:absolute;top:50%;right:17px;width:9px;height:9px;border-top:2px solid rgba(255,255,255,.78);border-right:2px solid rgba(255,255,255,.78);content:"";transform:translateY(-50%) rotate(45deg)}.mzk-pidbirky-page .mzk-pidbirky-card__icon{display:grid;width:48px;height:48px;grid-column:1;grid-row:1/3;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(255,255,255,.12)}.mzk-pidbirky-page .mzk-pidbirky-card .c-i{width:25px;height:25px}.mzk-pidbirky-page .mzk-pidbirky-card__name{align-self:end;grid-column:2;grid-row:1;margin:0;overflow:hidden;color:#fff;font-size:16px;font-weight:700;line-height:1.25;text-align:left;text-overflow:ellipsis;white-space:nowrap}.mzk-pidbirky-page .mzk-pidbirky-card__count{display:block;align-self:start;grid-column:2;grid-row:2;margin-top:3px;color:rgba(255,255,255,.76);font-size:12px;font-weight:600;line-height:1.2}.mzk-pidbirky-page .mzk-pidbirky-card:hover{transform:none}.mzk-pidbirky-page .mzk-pidbirky-card:active{transform:scale(.985)}.mzk-pidbirky-page .mzk-pidbirky-seo{margin-top:30px;padding:0}.mzk-pidbirky-page .mzk-pidbirky-seo[data-catalog-seo-ready="1"]{padding-bottom:64px}.mzk-pidbirky-page .mzk-pidbirky-seo.mzk-catalog-seo--collapsed{max-height:280px}}
@media(max-width:479px){.mzk-pidbirky-page .mzk-pidbirky{padding-inline:16px}.mzk-pidbirky-page .mzk-pidbirky-seo{padding-inline:0}}
@media(max-width:359px){.mzk-pidbirky-page .mzk-pidbirky{padding-inline:12px}.mzk-pidbirky-page .mzk-pidbirky-card{height:72px;min-height:72px;grid-template-columns:44px minmax(0,1fr) 22px;column-gap:11px;padding:10px 11px}.mzk-pidbirky-page .mzk-pidbirky-card::after{right:14px}.mzk-pidbirky-page .mzk-pidbirky-card__icon{width:44px;height:44px}.mzk-pidbirky-page .mzk-pidbirky-card .c-i{width:23px;height:23px}.mzk-pidbirky-page .mzk-pidbirky-card__name{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mzk-pidbirky-page .mzk-pidbirky-seo,.mzk-pidbirky-page .mzk-catalog-seo-toggle svg{transition:none}}