/* ══ HERO LIVE — KREM + przycisk pełnej szerokości (milo 2026-09-29) ══ */

.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}
.hero-live{align-self:start;display:flex;flex-direction:column;
  border-radius:22px;overflow:hidden;color:#1c2620;
  background:linear-gradient(168deg,#fbf7ef,#f4ecdd 45%,#ede1cd 100%);
  border:1px solid rgba(24,34,31,.09)}

.hl-art{display:block;position:relative;cursor:pointer;text-decoration:none;color:inherit}
.hl-art-img{width:100%;height:210px;object-fit:cover;display:block}
.hl-art-txt{padding:15px 19px 16px}
.hl-tag{display:block;font-size:9.5px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:7px;color:#2f6b54}
.hl-art-t{font-family:Georgia,serif;font-size:19px;line-height:1.24;letter-spacing:-.01em;margin:0}
.hl-art-m{font-size:11px;margin-top:6px;opacity:.62}

.hl-ev-h{padding:13px 19px 9px;border-top:1px solid rgba(24,34,31,.10)}
.hl-ev-h span{font-size:9.5px;font-weight:800;letter-spacing:.1em;
  text-transform:uppercase;color:#2f6b54}

/* kafelki poziome */
.hl-pas{display:flex;overflow-x:auto;scrollbar-width:none}
.hl-pas::-webkit-scrollbar{display:none}
.hl-pas .k{flex:0 0 auto;min-width:152px;max-width:172px;padding:11px 14px 15px;
  border-right:1px solid rgba(24,34,31,.10)}
.hl-pas .k:last-child{border-right:0}
.hl-pas .k b{display:block;font-size:9.5px;margin-bottom:4px;letter-spacing:.03em;color:#2f6b54}
.hl-pas .k span{display:block;font-size:12px;line-height:1.3;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:144px}

/* etykiety */
.tagi{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
.hl-free,.hl-plat,.hl-mix,.hl-onl{display:inline-block;font-size:8.5px;
  padding:2px 6px;border-radius:20px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.hl-free{background:#dfe9d2;color:#255c3f}
.hl-plat{background:#f0e3d2;color:#7d4f26}
.hl-mix {background:#e6e6e0;color:#4a5a52}
.hl-onl {background:#dde6ef;color:#2f5478}

/* ══ PRZYCISK — pod wydarzeniami, pełna szerokość, brązowy ══ */
.cta-full{display:flex;align-items:center;justify-content:center;gap:10px;
  margin:6px 18px 17px;padding:0 20px;min-height:48px;
  border-radius:12px;text-decoration:none;font-size:13px;font-weight:700;
  letter-spacing:-.005em;position:relative;overflow:hidden;
  background:linear-gradient(180deg,#f7efe2,#efe2cd);color:#7a4d22;
  border:1px solid rgba(155,102,45,.20);
  box-shadow:0 1px 2px rgba(94,58,22,.06);
  transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s ease,
             background .26s ease,color .26s ease,border-color .26s ease}
.cta-full .cta-arr{transition:transform .26s ease}
.cta-full:hover{transform:translateY(-1px);
  background:linear-gradient(180deg,#faf4ea,#f2e7d6);
  color:#68401b;border-color:rgba(155,102,45,.32);
  box-shadow:0 3px 10px rgba(94,58,22,.12)}
.cta-full:hover .cta-arr{transform:translateX(4px)}
.cta-full::after{content:'';position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.30) 50%,transparent 65%);
  transform:translateX(-110%);transition:transform .8s ease;pointer-events:none}
.cta-full:hover::after{transform:translateX(110%)}

@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:26px}
  .hl-art-img{height:180px}
}
@media(max-width:640px){
  .hl-art-img{height:158px}
  .hl-art-t{font-size:17.5px}
  .hl-pas .k{min-width:142px}
  .cta-full{min-height:48px;font-size:13px;margin:4px 13px 13px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}