/* Speezy – banner pätička (nad newsletterom) */
.sz-fbanner { position: relative; overflow: hidden; margin: 50px 0 36px; background: #141312; color: #fff; }
/* medzery rovnake ako sekcia kolekcii: hore 50 px (mobil 34 px), dole 36 px */
/* spodna medzera kolekcii (36 px) by sa inak scitala s hornou medzerou banneru */
body:has(.sz-fbanner) .sz-col { margin-bottom: 0; }
.sz-fbanner__media, .sz-fbanner__media img { display: block; width: 100%; height: clamp(300px, 33.34vw, 520px); }
.sz-fbanner__media img { object-fit: cover; object-position: left center; }
.sz-fbanner__inner { position: absolute; inset: 0; display: flex; align-items: center; justify-content: flex-end; max-width: var(--sz-container, 1320px); margin: 0 auto; padding: 0 12px; }
.sz-fbanner__content { width: min(46%, 560px); text-align: center; }
.sz-fbanner__title { margin: 0 0 18px !important; color: #fff !important; font-family: "Permanent Marker", "Unbounded", cursive !important; font-weight: 400 !important; font-size: clamp(38px, 4.6vw, 80px) !important; line-height: .95 !important; letter-spacing: .01em; text-transform: uppercase; transform: rotate(-4deg); text-shadow: 0 2px 18px rgba(0,0,0,.35); }
.sz-fbanner__text { margin: 0 0 22px; color: #fff; font-size: clamp(15px, 1.2vw, 18px); font-weight: 500; line-height: 1.45; }
.sz-fbanner__btn { display: inline-flex; align-items: center; gap: 10px; padding: 14px 24px; border-radius: 2px; background: #fff; color: #111 !important; font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; text-decoration: none !important; transition: background-color .2s ease, transform .2s ease; }
.sz-fbanner__btn::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: var(--sz-i-arrow) center/contain no-repeat; mask: var(--sz-i-arrow) center/contain no-repeat; }
.sz-fbanner__btn:hover { background: var(--sz-coral, #FF5A36); transform: translateY(-1px); }
.sz-fbanner--image { background: transparent; }
.sz-fbanner--image .sz-fbanner__link { display: block; }
.sz-fbanner--image .sz-fbanner__media, .sz-fbanner--image .sz-fbanner__media img { height: auto !important; aspect-ratio: auto !important; }
@media (max-width: 767px) {
  .sz-fbanner__media, .sz-fbanner__media img { height: auto; aspect-ratio: 4 / 3; }
  .sz-fbanner__media img { object-position: 22% center; }
  .sz-fbanner__inner { position: static; display: block; padding: 28px 20px 34px; }
  .sz-fbanner__content { width: auto; }
}
@media (max-width: 575px) {
  .sz-fbanner { margin-top: 34px; }
}
@media (prefers-reduced-motion: reduce) { .sz-fbanner__btn { transition: none; } }