:root {
  --tb-gold: #D4AF37;
  --tb-crimson: #C0492B;
  --tb-green: #5FA463;
  --tb-bg: #0a0a0a;
  --tb-panel: #0d0d0d;
  --tb-text: #ECEAE5;
  --tb-muted: #b6b4af;
  --tb-dim: #8C8A85;
  --tb-hairline: rgba(212,175,55,.18);
}

html { scroll-behavior: smooth; background: var(--tb-bg); }
body.tapasbend-site {
  background: var(--tb-bg);
  color: var(--tb-text);
  font-family: 'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-weight: 400;
}
body.tapasbend-site a { transition: color .2s ease, border-color .2s ease, background .2s ease, opacity .2s ease; }
body.tapasbend-site a:hover { color: var(--tb-gold); }
body.tapasbend-site .entry-title,
body.tapasbend-site .page-title { display: none; }

/* Header JSON */
#tb-site-header,
#brxe-th00001 {
  position: sticky;
  top: 0;
  z-index: 999;
  background: linear-gradient(180deg, rgba(10,10,10,.94) 0%, rgba(10,10,10,.7) 65%, rgba(10,10,10,0) 100%) !important;
  margin-bottom: -90px;
}
#tb-header-inner,
#brxe-th00002 {
  max-width: 100%;
  min-height: 62px;
}
#tb-site-header nav,
#brxe-th00001 nav {
  display: flex;
  gap: 34px;
  align-items: center;
}
#brxe-th00005 nav,
#tb-site-header nav:last-child { justify-content: flex-end; }
#tb-site-header nav a,
#brxe-th00001 nav a {
  color: var(--tb-text);
  text-decoration: none;
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-weight: 600;
}
#tb-site-header nav a.is-gold,
#brxe-th00001 nav a.is-gold { color: var(--tb-gold); }
#tb-header-logo img,
#brxe-th00004 img {
  height: 62px;
  width: auto;
  filter: brightness(0) saturate(100%) invert(74%) sepia(52%) saturate(520%) hue-rotate(2deg) brightness(92%) contrast(89%);
}

/* Generic layout */
.brxe-section { background-color: var(--tb-bg); }
.brxe-container { max-width: 1100px; }
#video .brxe-container,
#termini .brxe-container { max-width: 1180px; }

/* Hero */
#top,
#brxe-tb00001 {
  position: relative;
  min-height: 760px;
  margin-top: 0;
  overflow: hidden;
  background-position: center center !important;
  background-size: cover !important;
  isolation: isolate;
}
#top::before,
#brxe-tb00001::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.72) 0%, rgba(10,10,10,.45) 45%, rgba(10,10,10,.92) 100%);
  pointer-events: none;
}
#top > *, #brxe-tb00001 > * { position: relative; z-index: 1; }
#brxe-tb00002 { padding-top: 120px; }
#brxe-tb00003 { margin-bottom: 26px; }
#tb-hero-dots,
#brxe-tb00009 {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 48px;
}
#tb-hero-dots span,
#brxe-tb00009 span {
  display: block;
  width: 28px;
  height: 3px;
  background: rgba(255,255,255,.28);
}
#tb-hero-dots span:first-child,
#brxe-tb00009 span:first-child { background: var(--tb-gold); }
#top::after,
#brxe-tb00001::after {
  content: 'Skroluj ↓';
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  font-size: 11px;
  letter-spacing: .3em;
  text-transform: uppercase;
  color: rgba(255,255,255,.6);
  animation: tb-float 2.4s ease-in-out infinite;
}
@keyframes tb-float { 0%,100% { transform: translate(-50%,0); opacity: .7; } 50% { transform: translate(-50%,8px); opacity: 1; } }

/* Text rhythm */
#brxe-tb00034, #brxe-tb00043, #brxe-tb00058, #brxe-tb00083, #brxe-tb00094 { font-family: 'Anton', sans-serif; }
#brxe-tb00033, #brxe-tb00037, #brxe-tb00042, #brxe-tb00057, #brxe-tb00074, #brxe-tb00082, #brxe-tb00093, #brxe-tb00099 {
  color: var(--tb-gold);
}

/* Videos */
#tb-main-video,
#brxe-tb00014 {
  max-width: 1000px;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(212,175,55,.25);
  overflow: hidden;
}
#tb-live-grid,
#brxe-tb00023 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
#tb-live-video-1, #tb-live-video-2, #tb-live-video-3,
#brxe-tb00024, #brxe-tb00025, #brxe-tb00026 {
  aspect-ratio: 16 / 9;
  border: 1px solid rgba(255,255,255,.1);
  overflow: hidden;
}
#tb-main-video iframe,
#tb-live-video-1 iframe,
#tb-live-video-2 iframe,
#tb-live-video-3 iframe,
#brxe-tb00014 iframe,
#brxe-tb00024 iframe,
#brxe-tb00025 iframe,
#brxe-tb00026 iframe {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

/* Band */
#tb-band-grid,
#brxe-tb00031 { max-width: 1100px; margin-left: auto; margin-right: auto; }
#tb-band-card ul,
#brxe-tb00038 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 24px;
}
#tb-band-card li,
#brxe-tb00038 li {
  border-bottom: 1px solid rgba(255,255,255,.08);
  padding-bottom: 10px;
}

/* DJ */
#tb-dj-card,
#brxe-tb00051 { max-width: 1100px; margin-left: auto; margin-right: auto; }
#tb-dj-media,
#brxe-tb00052 {
  position: relative;
  min-height: 360px;
  overflow: hidden;
}
#tb-dj-media img,
#brxe-tb00053 img { width: 100%; height: 100%; object-fit: cover; display: block; }
#tb-dj-media::after,
#brxe-tb00052::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(10,10,10,.35);
  z-index: 1;
}
#tb-dj-play,
#brxe-tb00054 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 74px;
  height: 74px;
  min-width: 74px;
  border-radius: 999px;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  border: 0 !important;
}

/* Instagram */
#tb-ig-row,
#brxe-tb00071 { max-width: 900px; margin-left: auto; margin-right: auto; }
#brxe-tb00072 img { background: #fff; padding: 8px; }
#brxe-tb00076 a { color: #fff; text-decoration: none; }

/* Calendar */
#tb-calendar-shortcode,
#brxe-tb00084 { max-width: 1180px; width: 100%; }
.tt-calendar .tt-wrap { max-width: 1180px; margin: 0 auto; }
.tt-calendar .tt-head { align-items: center; }
.tt-calendar .tt-month { font-family: 'Anton', sans-serif; font-size: 28px; }
.tt-calendar .tt-panel { min-height: 300px; }

/* Contact */
#tb-contact-grid,
#brxe-tb00091 { max-width: 1100px; margin-left: auto; margin-right: auto; }
#brxe-tb00095 a,
#brxe-tb00097 a { color: inherit; text-decoration: none; }
#brxe-tb00097 a { border-bottom: 1px solid rgba(212,175,55,.4); padding-bottom: 3px; }
#tb-contact-form,
#brxe-tb00100,
#brxe-tb00100 form { width: 100%; }
#brxe-tb00100 .form-group,
#brxe-tb00100 .bricks-field { margin-bottom: 16px; }
#brxe-tb00100 label { display: none; }
#brxe-tb00100 input,
#brxe-tb00100 textarea,
#tb-contact-form input,
#tb-contact-form textarea {
  width: 100%;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.2) !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 14px 2px !important;
  font-size: 15px !important;
  font-family: 'Manrope', sans-serif !important;
  outline: none !important;
  box-shadow: none !important;
}
#brxe-tb00100 input::placeholder,
#brxe-tb00100 textarea::placeholder { color: rgba(255,255,255,.35); }
#brxe-tb00100 button[type=submit],
#tb-contact-form button[type=submit] {
  margin-top: 14px;
  align-self: flex-start;
  background: var(--tb-gold) !important;
  color: var(--tb-bg) !important;
  border: none !important;
  padding: 16px 40px !important;
  font-size: 13px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  font-family: 'Manrope', sans-serif !important;
}

/* Footer */
#tb-footer-inner,
#brxe-tb00111 { max-width: 1100px; margin-left: auto; margin-right: auto; }
#brxe-tb00113 a { color: var(--tb-dim); text-decoration: none; margin: 0 14px; }

@media (max-width: 860px) {
  #tb-site-header nav,
  #tb-site-header,
	#brxe-th00001 nav { gap: 12px; }
/*   #brxe-th00001 { justify-content: center; padding-left: 22px !important; padding-right: 22px !important; } */
  #tb-header-inner,
  #brxe-th00002 { justify-content: space-between !important; }
  .brxe-section { padding-left: 22px !important; padding-right: 22px !important; }
  #top,
  #brxe-tb00001 { min-height: 620px; }
  #brxe-tb00002 { padding-top: 110px; }
  #brxe-tb00004 { font-size: clamp(46px, 15vw, 82px) !important; }
  #brxe-tb00013 { font-size: 22px !important; width: 100% !important; }
  #tb-live-grid,
  #brxe-tb00023 { grid-template-columns: 1fr !important; max-width: 760px; }
  #tb-band-grid,
  #brxe-tb00031,
  #tb-dj-card,
  #brxe-tb00051,
  #tb-contact-grid,
  #brxe-tb00091 { flex-direction: column !important; display: flex !important; gap: 36px !important; }
  #brxe-tb00032, #brxe-tb00036, #brxe-tb00052, #brxe-tb00056, #brxe-tb00092, #brxe-tb00098 { width: 100% !important; }
  #tb-band-card ul,
  #brxe-tb00038 ul { grid-template-columns: 1fr; }
  #brxe-tb00043 { font-size: 50px !important; }
  #brxe-tb00083, #brxe-tb00094 { font-size: 42px !important; }
  #brxe-tb00095 { font-size: 32px !important; }
  #tb-ig-row,
  #brxe-tb00071 { flex-direction: column !important; text-align: center; gap: 24px !important; }
  #brxe-tb00073 * { text-align: center !important; }
  #tb-footer-inner,
  #brxe-tb00111 { flex-direction: column !important; justify-content: center !important; text-align: center; }
}

@media (max-width: 440px) {
  #brxe-tb00006 { flex-wrap: wrap; }
  #brxe-tb00007, #brxe-tb00008 { width: 100%; justify-content: center; }
  #brxe-tb00034, #brxe-tb00058, #brxe-tb00083, #brxe-tb00094 { font-size: 36px !important; }
  #brxe-tb00043 { font-size: 46px !important; }
}

/* =======================================================================
   Tapasbend v1.4 — production overrides for imported Bricks JSON
   These rules intentionally target both stable anchors (#top/#video/#djshow...)
   and JS-added semantic classes, because Bricks may regenerate element IDs.
   ======================================================================= */

body.tapasbend-site {
  overflow-x: hidden;
  background: var(--tb-bg) !important;
}

body.tapasbend-site #brx-content,
body.tapasbend-site main,
body.tapasbend-site .brx-body {
  background: var(--tb-bg) !important;
}

body.tapasbend-site .brxe-section,
body.tapasbend-site section.brxe-section {
  box-sizing: border-box;
}

/* Precise noir section rhythm from the PDF/HTML mockup */
body.tapasbend-site .tb-video-section,
body.tapasbend-site .tb-band-section,
body.tapasbend-site .tb-repertoire-section,
body.tapasbend-site .tb-instagram-section,
body.tapasbend-site .tb-termini-section,
body.tapasbend-site .tb-contact-section {
  padding-left: clamp(22px, 5vw, 48px) !important;
  padding-right: clamp(22px, 5vw, 48px) !important;
}

body.tapasbend-site .tb-video-section,
body.tapasbend-site #video {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
  border-top: 1px solid var(--tb-hairline) !important;
}

body.tapasbend-site .tb-live-section {
  padding-top: 0 !important;
  padding-bottom: 110px !important;
  padding-left: clamp(22px, 5vw, 48px) !important;
  padding-right: clamp(22px, 5vw, 48px) !important;
}

body.tapasbend-site .tb-band-section {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
  background: var(--tb-panel) !important;
  border-top: 1px solid var(--tb-hairline) !important;
  border-bottom: 1px solid var(--tb-hairline) !important;
}

body.tapasbend-site .tb-repertoire-section {
  padding-top: 110px !important;
  padding-bottom: 80px !important;
  text-align: center !important;
}

body.tapasbend-site .tb-dj-section,
body.tapasbend-site #djshow {
  padding-top: 0 !important;
  padding-bottom: 110px !important;
  padding-left: clamp(22px, 5vw, 48px) !important;
  padding-right: clamp(22px, 5vw, 48px) !important;
}

body.tapasbend-site .tb-instagram-section {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
  background: var(--tb-panel) !important;
  border-top: 1px solid var(--tb-hairline) !important;
  border-bottom: 1px solid var(--tb-hairline) !important;
}

body.tapasbend-site .tb-termini-section,
body.tapasbend-site #termini {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
  border-top: 1px solid var(--tb-hairline) !important;
}

body.tapasbend-site .tb-contact-section,
body.tapasbend-site #kontakt {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
  border-top: 1px solid var(--tb-hairline) !important;
}

/* Max-width normalization — fixes stretched / loose imported layout */
body.tapasbend-site .tb-video-section > .brxe-container,
body.tapasbend-site #video > .brxe-container,
body.tapasbend-site .tb-live-section > .brxe-container,
body.tapasbend-site .tb-band-section > .brxe-container,
body.tapasbend-site .tb-repertoire-section > .brxe-container,
body.tapasbend-site .tb-dj-section > .brxe-container,
body.tapasbend-site #djshow > .brxe-container,
body.tapasbend-site .tb-instagram-section > .brxe-container,
body.tapasbend-site .tb-termini-section > .brxe-container,
body.tapasbend-site #termini > .brxe-container,
body.tapasbend-site .tb-contact-section > .brxe-container,
body.tapasbend-site #kontakt > .brxe-container {
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.tapasbend-site .tb-video-section > .brxe-container,
body.tapasbend-site #video > .brxe-container {
  max-width: 1000px !important;
}

body.tapasbend-site .tb-termini-section > .brxe-container,
body.tapasbend-site #termini > .brxe-container {
  max-width: 1180px !important;
}

/* Hero: make imported static hero behave like the design slider */
body.tapasbend-site #top,
body.tapasbend-site .tb-hero-section {
  min-height: 760px !important;
  height: min(88vh, 860px);
  max-height: 900px;
  padding: 0 clamp(22px, 5vw, 48px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #000 !important;
  background-image: var(--tb-hero-image, url('https://tapasbend.rs/img/slider/slide1.jpg')) !important;
  background-position: center center !important;
  background-size: cover !important;
  transition: background-image .6s ease;
}

body.tapasbend-site #top::before,
body.tapasbend-site .tb-hero-section::before {
  background:
    linear-gradient(180deg, rgba(10,10,10,.72) 0%, rgba(10,10,10,.44) 45%, rgba(10,10,10,.94) 100%),
    radial-gradient(circle at center, rgba(0,0,0,0) 0%, rgba(0,0,0,.4) 72%, rgba(0,0,0,.88) 100%) !important;
}

body.tapasbend-site #top > .brxe-container,
body.tapasbend-site .tb-hero-section > .brxe-container {
  width: 100% !important;
  max-width: 1180px !important;
  min-height: 760px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding-top: 92px !important;
  padding-bottom: 80px !important;
}

body.tapasbend-site #top h1,
body.tapasbend-site .tb-hero-section h1 {
  font-family: 'Anton', sans-serif !important;
  font-size: clamp(74px, 9.2vw, 138px) !important;
  line-height: .9 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  color: #fff !important;
  text-shadow: 0 18px 50px rgba(0,0,0,.42);
}

body.tapasbend-site #top .brxe-button,
body.tapasbend-site .tb-hero-section .brxe-button,
body.tapasbend-site #top a.bricks-button,
body.tapasbend-site .tb-hero-section a.bricks-button {
  min-width: 184px;
  justify-content: center;
}

body.tapasbend-site .tb-hero-dots-js {
  position: absolute;
  left: 50%;
  bottom: 138px;
  z-index: 3;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  pointer-events: none;
}

body.tapasbend-site .tb-hero-dots-js span {
  display: block;
  width: 28px;
  height: 3px;
  background: rgba(255,255,255,.28);
  transition: background .35s ease, opacity .35s ease;
}

body.tapasbend-site .tb-hero-dots-js span.is-active {
  background: var(--tb-gold);
}

/* Intro/video blocks */
body.tapasbend-site .tb-video-section .brxe-text-basic,
body.tapasbend-site #video .brxe-text-basic {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
}

body.tapasbend-site .tb-video-section .brxe-video,
body.tapasbend-site #video .brxe-video {
  width: 100% !important;
  max-width: 1000px !important;
  aspect-ratio: 16 / 9 !important;
  margin: 64px auto 0 !important;
  border: 1px solid rgba(212,175,55,.25) !important;
  overflow: hidden !important;
  background: #050505 !important;
}

body.tapasbend-site .tb-live-section .brxe-container {
  gap: 50px !important;
}

body.tapasbend-site .tb-live-section .brxe-block:has(.brxe-video),
body.tapasbend-site .tb-live-section .brxe-video {
  aspect-ratio: 16 / 9 !important;
}

body.tapasbend-site .tb-live-section .brxe-block:has(.brxe-video) {
  border: 1px solid rgba(255,255,255,.1) !important;
  overflow: hidden !important;
  background: #050505 !important;
}

body.tapasbend-site .tb-live-section .brxe-block:has(.brxe-video) iframe,
body.tapasbend-site .tb-live-section .brxe-video iframe {
  width: 100% !important;
  height: 100% !important;
}

/* Band/instruments: force PDF design — text full width + instrument card below */
body.tapasbend-site .tb-band-section > .brxe-container {
  display: block !important;
}

body.tapasbend-site .tb-band-section > .brxe-container > * {
  width: 100% !important;
  max-width: 1100px !important;
}

body.tapasbend-site .tb-band-section h2 {
  font-family: 'Anton', sans-serif !important;
  font-size: clamp(36px, 4vw, 46px) !important;
  line-height: 1.02 !important;
  text-transform: uppercase !important;
  margin-bottom: 28px !important;
}

body.tapasbend-site .tb-band-section p {
  max-width: 1060px !important;
}

body.tapasbend-site .tb-instruments-card {
  width: 100% !important;
  max-width: 1100px !important;
  margin-top: 48px !important;
  padding: 40px !important;
  border: 1px solid rgba(212,175,55,.25) !important;
  background: transparent !important;
}

body.tapasbend-site .tb-instruments-card,
body.tapasbend-site .tb-instruments-card * {
  text-align: left !important;
}

body.tapasbend-site .tb-instruments-card .tb-instruments-title,
body.tapasbend-site .tb-instruments-card > .brxe-text-basic:first-child {
  display: block;
  margin-bottom: 24px !important;
  color: var(--tb-gold) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  letter-spacing: .3em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}

body.tapasbend-site .tb-instruments-list,
body.tapasbend-site .tb-instruments-list ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.tapasbend-site .tb-instruments-list ul {
  display: block !important;
}

body.tapasbend-site .tb-instruments-list li,
body.tapasbend-site .tb-instruments-card li {
  display: block !important;
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  color: var(--tb-text) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

/* Repertoar + DJ card */
body.tapasbend-site .tb-repertoire-section h2 {
  font-family: 'Anton', sans-serif !important;
  font-size: clamp(52px, 7vw, 88px) !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  margin-bottom: 30px !important;
}

body.tapasbend-site .tb-dj-section > .brxe-container,
body.tapasbend-site #djshow > .brxe-container {
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 0 !important;
  border: 1px solid rgba(212,175,55,.25) !important;
  align-items: stretch !important;
}

body.tapasbend-site .tb-dj-section > .brxe-container > *,
body.tapasbend-site #djshow > .brxe-container > * {
  width: 100% !important;
}

body.tapasbend-site .tb-dj-section .brxe-image,
body.tapasbend-site #djshow .brxe-image {
  position: relative !important;
  min-height: 360px !important;
  height: 100% !important;
  overflow: hidden !important;
  background: #111 !important;
}

body.tapasbend-site .tb-dj-section .brxe-image img,
body.tapasbend-site #djshow .brxe-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

body.tapasbend-site .tb-dj-section .brxe-button,
body.tapasbend-site #djshow .brxe-button,
body.tapasbend-site .tb-dj-section a[href*="youtu"],
body.tapasbend-site #djshow a[href*="youtu"] {
  align-self: flex-start !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: auto !important;
  min-width: 0 !important;
  margin-top: 10px !important;
  background: transparent !important;
  color: var(--tb-gold) !important;
  border: 1px solid var(--tb-gold) !important;
  border-radius: 0 !important;
  padding: 14px 28px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

body.tapasbend-site .tb-dj-section .brxe-button .text::after,
body.tapasbend-site #djshow .brxe-button .text::after,
body.tapasbend-site .tb-dj-section a[href*="youtu"]::after,
body.tapasbend-site #djshow a[href*="youtu"]::after {
  content: ' →';
}

/* Instagram centering exactly like design */
body.tapasbend-site .tb-instagram-section > .brxe-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  gap: 18px !important;
  max-width: 760px !important;
}

body.tapasbend-site .tb-instagram-section img {
  width: 150px !important;
  height: 150px !important;
  object-fit: contain !important;
  background: #fff !important;
  padding: 8px !important;
}

body.tapasbend-site .tb-instagram-section h3,
body.tapasbend-site .tb-instagram-section a {
  font-family: 'Anton', sans-serif !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Bricks form styling — covers user-provided #brxe-tlxwjg and future forms in #kontakt */
body.tapasbend-site #kontakt form.brxe-form,
body.tapasbend-site .tb-contact-section form.brxe-form,
body.tapasbend-site form#brxe-tlxwjg {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

body.tapasbend-site #kontakt form.brxe-form .form-group,
body.tapasbend-site .tb-contact-section form.brxe-form .form-group,
body.tapasbend-site form#brxe-tlxwjg .form-group {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

body.tapasbend-site #kontakt form.brxe-form input,
body.tapasbend-site #kontakt form.brxe-form textarea,
body.tapasbend-site .tb-contact-section form.brxe-form input,
body.tapasbend-site .tb-contact-section form.brxe-form textarea,
body.tapasbend-site form#brxe-tlxwjg input,
body.tapasbend-site form#brxe-tlxwjg textarea {
  width: 100% !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 0 !important;
  color: #fff !important;
  padding: 14px 2px !important;
  min-height: 0 !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
  font-family: 'Manrope', sans-serif !important;
  outline: none !important;
  box-shadow: none !important;
}

body.tapasbend-site #kontakt form.brxe-form textarea,
body.tapasbend-site .tb-contact-section form.brxe-form textarea,
body.tapasbend-site form#brxe-tlxwjg textarea {
  min-height: 92px !important;
  resize: vertical !important;
}

body.tapasbend-site #kontakt form.brxe-form input::placeholder,
body.tapasbend-site #kontakt form.brxe-form textarea::placeholder,
body.tapasbend-site .tb-contact-section form.brxe-form input::placeholder,
body.tapasbend-site .tb-contact-section form.brxe-form textarea::placeholder,
body.tapasbend-site form#brxe-tlxwjg input::placeholder,
body.tapasbend-site form#brxe-tlxwjg textarea::placeholder {
  color: rgba(255,255,255,.38) !important;
}

body.tapasbend-site #kontakt form.brxe-form input:focus,
body.tapasbend-site #kontakt form.brxe-form textarea:focus,
body.tapasbend-site .tb-contact-section form.brxe-form input:focus,
body.tapasbend-site .tb-contact-section form.brxe-form textarea:focus,
body.tapasbend-site form#brxe-tlxwjg input:focus,
body.tapasbend-site form#brxe-tlxwjg textarea:focus {
  border-bottom-color: var(--tb-gold) !important;
}

body.tapasbend-site #kontakt form.brxe-form .submit-button-wrapper,
body.tapasbend-site .tb-contact-section form.brxe-form .submit-button-wrapper,
body.tapasbend-site form#brxe-tlxwjg .submit-button-wrapper {
  margin-top: 14px !important;
}

body.tapasbend-site #kontakt form.brxe-form button[type="submit"],
body.tapasbend-site .tb-contact-section form.brxe-form button[type="submit"],
body.tapasbend-site form#brxe-tlxwjg button[type="submit"] {
  width: auto !important;
  min-width: 120px !important;
  max-width: max-content !important;
  background: var(--tb-gold) !important;
  color: #0a0a0a !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 16px 40px !important;
  font-size: 13px !important;
  line-height: 1 !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  font-weight: 800 !important;
  font-family: 'Manrope', sans-serif !important;
  box-shadow: none !important;
}

body.tapasbend-site #kontakt form.brxe-form button[type="submit"] .text,
body.tapasbend-site .tb-contact-section form.brxe-form button[type="submit"] .text,
body.tapasbend-site form#brxe-tlxwjg button[type="submit"] .text {
  font-size: 0 !important;
}

body.tapasbend-site #kontakt form.brxe-form button[type="submit"] .text::before,
body.tapasbend-site .tb-contact-section form.brxe-form button[type="submit"] .text::before,
body.tapasbend-site form#brxe-tlxwjg button[type="submit"] .text::before {
  content: 'Pošalji';
  font-size: 13px !important;
}

@media (max-width: 900px) {
  body.tapasbend-site #top,
  body.tapasbend-site .tb-hero-section {
    min-height: 640px !important;
    height: auto !important;
  }

  body.tapasbend-site #top > .brxe-container,
  body.tapasbend-site .tb-hero-section > .brxe-container {
    min-height: 640px !important;
  }

  body.tapasbend-site .tb-dj-section > .brxe-container,
  body.tapasbend-site #djshow > .brxe-container,
  body.tapasbend-site .tb-contact-section > .brxe-container,
  body.tapasbend-site #kontakt > .brxe-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
  }

  body.tapasbend-site .tb-dj-section .brxe-image,
  body.tapasbend-site #djshow .brxe-image {
    min-height: 260px !important;
  }

  body.tapasbend-site .tb-instruments-card {
    padding: 28px !important;
  }
}

@media (max-width: 520px) {
  body.tapasbend-site #top h1,
  body.tapasbend-site .tb-hero-section h1 {
    font-size: clamp(54px, 18vw, 82px) !important;
  }

  body.tapasbend-site #top .brxe-button,
  body.tapasbend-site .tb-hero-section .brxe-button,
  body.tapasbend-site #top a.bricks-button,
  body.tapasbend-site .tb-hero-section a.bricks-button {
    width: 100% !important;
  }

  body.tapasbend-site .tb-hero-dots-js {
    bottom: 116px;
  }
}

/* =======================================================================
   Tapasbend v1.5 — final alignment fixes from live staging screenshots
   ======================================================================= */

/* tighter, consistent global rhythm */
body.tapasbend-site .tb-video-section > .brxe-container,
body.tapasbend-site #video > .brxe-container,
body.tapasbend-site .tb-live-section > .brxe-container,
body.tapasbend-site .tb-band-section > .brxe-container,
body.tapasbend-site .tb-repertoire-section > .brxe-container,
body.tapasbend-site .tb-dj-section > .brxe-container,
body.tapasbend-site #djshow > .brxe-container,
body.tapasbend-site .tb-instagram-section > .brxe-container,
body.tapasbend-site .tb-contact-section > .brxe-container,
body.tapasbend-site #kontakt > .brxe-container {
  max-width: 1100px !important;
}

body.tapasbend-site .tb-video-section,
body.tapasbend-site #video {
  padding-top: 106px !important;
  padding-bottom: 96px !important;
}

body.tapasbend-site .tb-live-section {
  padding-top: 0 !important;
  padding-bottom: 108px !important;
}

body.tapasbend-site .tb-band-section,
body.tapasbend-site .tb-repertoire-section,
body.tapasbend-site .tb-termini-section,
body.tapasbend-site #termini,
body.tapasbend-site .tb-contact-section,
body.tapasbend-site #kontakt {
  padding-top: 110px !important;
  padding-bottom: 110px !important;
}

body.tapasbend-site .tb-instagram-section {
  padding-top: 90px !important;
  padding-bottom: 90px !important;
}

/* text gaps: eyebrow -> heading -> paragraph */
body.tapasbend-site .tb-video-section .brxe-text-basic:first-child,
body.tapasbend-site .tb-band-section .brxe-text-basic:first-child,
body.tapasbend-site .tb-repertoire-section .brxe-text-basic:first-child,
body.tapasbend-site .tb-dj-section .brxe-text-basic:first-child,
body.tapasbend-site .tb-instagram-section .brxe-text-basic:first-child,
body.tapasbend-site .tb-termini-section .brxe-text-basic:first-child,
body.tapasbend-site .tb-contact-section .brxe-text-basic:first-child {
  margin-bottom: 18px !important;
}

body.tapasbend-site .tb-band-section h2,
body.tapasbend-site .tb-dj-section h2,
body.tapasbend-site .tb-contact-section h2 {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

body.tapasbend-site .tb-band-section p,
body.tapasbend-site .tb-dj-section p,
body.tapasbend-site .tb-repertoire-section p,
body.tapasbend-site .tb-video-section p {
  margin-top: 0 !important;
}

body.tapasbend-site .tb-band-section p + p {
  margin-top: 18px !important;
}

/* Hero: true 4-image visual slider with centered pagination and Ken Burns zoom */
body.tapasbend-site #top,
body.tapasbend-site .tb-hero-section {
  min-height: 760px !important;
  height: 88vh !important;
  max-height: 860px !important;
  background-image: none !important;
  position: relative !important;
  overflow: hidden !important;
}

body.tapasbend-site #top > .tb-hero-slider-js,
body.tapasbend-site .tb-hero-section > .tb-hero-slider-js {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.tapasbend-site .tb-hero-slider-js img {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 0;
  transform: scale(1);
  transition: opacity 1.15s ease;
  will-change: opacity, transform;
}

body.tapasbend-site .tb-hero-slider-js img.is-active {
  opacity: 1;
  animation: tb-kenburns-v15 5.4s ease-out forwards;
}

@keyframes tb-kenburns-v15 {
  0% { transform: scale(1); }
  100% { transform: scale(1.105); }
}

body.tapasbend-site #top::before,
body.tapasbend-site .tb-hero-section::before {
  z-index: 1 !important;
}

body.tapasbend-site #top > .brxe-container,
body.tapasbend-site .tb-hero-section > .brxe-container {
  position: relative !important;
  z-index: 2 !important;
  max-width: 1180px !important;
  min-height: 760px !important;
  padding-top: 92px !important;
  padding-bottom: 82px !important;
}

body.tapasbend-site #top h1,
body.tapasbend-site .tb-hero-section h1 {
  margin: 0 !important;
}

body.tapasbend-site #top h1 + .brxe-text-basic,
body.tapasbend-site .tb-hero-section h1 + .brxe-text-basic {
  margin-top: 22px !important;
  margin-bottom: 36px !important;
}

body.tapasbend-site #top .tb-imported-hero-dots-hidden {
  display: none !important;
}

body.tapasbend-site #top .tb-hero-dots-js,
body.tapasbend-site .tb-hero-section .tb-hero-dots-js {
  position: absolute !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  bottom: 138px !important;
  z-index: 4 !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.tapasbend-site #top .tb-hero-dots-js button,
body.tapasbend-site .tb-hero-section .tb-hero-dots-js button {
  display: block !important;
  width: 28px !important;
  height: 3px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: rgba(255,255,255,.32) !important;
  appearance: none !important;
  box-shadow: none !important;
  cursor: pointer;
}

body.tapasbend-site #top .tb-hero-dots-js button.is-active,
body.tapasbend-site .tb-hero-section .tb-hero-dots-js button.is-active {
  background: var(--tb-gold) !important;
}

/* Live videos: remove the accidental huge black padding below videos */
body.tapasbend-site .tb-live-section > .brxe-container,
body.tapasbend-site .tb-live-section #tb-live-grid,
body.tapasbend-site #tb-live-grid {
  min-height: 0 !important;
  height: auto !important;
  align-items: start !important;
}

body.tapasbend-site #tb-live-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
}

body.tapasbend-site #tb-live-grid > .brxe-video,
body.tapasbend-site .tb-live-section .brxe-video,
body.tapasbend-site #tb-live-video-1,
body.tapasbend-site #tb-live-video-2,
body.tapasbend-site #tb-live-video-3 {
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  background: #050505 !important;
}

body.tapasbend-site #tb-live-grid .brxe-video > *,
body.tapasbend-site .tb-live-section .brxe-video > * {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

body.tapasbend-site #tb-live-grid iframe,
body.tapasbend-site .tb-live-section iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

/* Band section: keep PDF/brief layout as 2 columns: text left, instruments right */
body.tapasbend-site .tb-band-section > .brxe-container,
body.tapasbend-site #tb-band-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 1fr) !important;
  gap: 64px !important;
  align-items: start !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border: 0 !important;
}

body.tapasbend-site #tb-band-grid > *,
body.tapasbend-site .tb-band-section > .brxe-container > * {
  width: auto !important;
  max-width: none !important;
}

body.tapasbend-site #tb-band-card,
body.tapasbend-site .tb-band-section .tb-instruments-card {
  margin-top: 0 !important;
  padding: 40px !important;
  border: 1px solid rgba(212,175,55,.25) !important;
  background: transparent !important;
  min-height: 0 !important;
}

body.tapasbend-site #tb-band-card ul,
body.tapasbend-site .tb-instruments-card ul,
body.tapasbend-site .tb-instruments-list ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.tapasbend-site #tb-band-card li,
body.tapasbend-site .tb-instruments-card li,
body.tapasbend-site .tb-instruments-list li {
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
  line-height: 1.45 !important;
}

/* Repertoar and DJ spacing */
body.tapasbend-site .tb-repertoire-section {
  padding-bottom: 76px !important;
}

body.tapasbend-site .tb-repertoire-section h2 {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

body.tapasbend-site .tb-dj-section > .brxe-container,
body.tapasbend-site #djshow > .brxe-container {
  max-width: 1100px !important;
  display: grid !important;
  grid-template-columns: 1.15fr 1fr !important;
  gap: 0 !important;
  border: 1px solid rgba(212,175,55,.25) !important;
}

body.tapasbend-site .tb-dj-section .brxe-block,
body.tapasbend-site #djshow .brxe-block {
  width: 100% !important;
}

body.tapasbend-site .tb-dj-section .brxe-button,
body.tapasbend-site #djshow .brxe-button,
body.tapasbend-site .tb-dj-section a[href*="youtu"],
body.tapasbend-site #djshow a[href*="youtu"] {
  border: 1px solid var(--tb-gold) !important;
  color: var(--tb-gold) !important;
  background: transparent !important;
  padding: 14px 28px !important;
  font-size: 13px !important;
  letter-spacing: .16em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* Instagram: QR left, text right on desktop */
body.tapasbend-site .tb-instagram-section > .brxe-container,
body.tapasbend-site #tb-ig-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 48px !important;
  max-width: 900px !important;
  text-align: left !important;
}

body.tapasbend-site #tb-ig-row > .brxe-block,
body.tapasbend-site .tb-instagram-section .brxe-block {
  max-width: 620px !important;
}

body.tapasbend-site .tb-instagram-section .brxe-block *,
body.tapasbend-site #tb-ig-row .brxe-block * {
  text-align: left !important;
}

/* Contact form remains aligned to design */
body.tapasbend-site .tb-contact-section > .brxe-container,
body.tapasbend-site #kontakt > .brxe-container {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 72px !important;
  align-items: start !important;
}

body.tapasbend-site #kontakt form.brxe-form input,
body.tapasbend-site #kontakt form.brxe-form textarea,
body.tapasbend-site .tb-contact-section form.brxe-form input,
body.tapasbend-site .tb-contact-section form.brxe-form textarea,
body.tapasbend-site form#brxe-tlxwjg input,
body.tapasbend-site form#brxe-tlxwjg textarea {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
}

@media (max-width: 900px) {
  body.tapasbend-site #top,
  body.tapasbend-site .tb-hero-section {
    min-height: 640px !important;
    height: auto !important;
  }

  body.tapasbend-site #top > .brxe-container,
  body.tapasbend-site .tb-hero-section > .brxe-container {
    min-height: 640px !important;
  }

  body.tapasbend-site #tb-live-grid {
    grid-template-columns: 1fr !important;
  }

  body.tapasbend-site .tb-band-section > .brxe-container,
  body.tapasbend-site #tb-band-grid,
  body.tapasbend-site .tb-dj-section > .brxe-container,
  body.tapasbend-site #djshow > .brxe-container,
  body.tapasbend-site .tb-contact-section > .brxe-container,
  body.tapasbend-site #kontakt > .brxe-container {
    display: flex !important;
    flex-direction: column !important;
    gap: 36px !important;
  }

  body.tapasbend-site #tb-band-card ul,
  body.tapasbend-site .tb-instruments-card ul,
  body.tapasbend-site .tb-instruments-list ul {
    grid-template-columns: 1fr !important;
  }

  body.tapasbend-site .tb-instagram-section > .brxe-container,
  body.tapasbend-site #tb-ig-row {
    flex-direction: column !important;
    text-align: center !important;
    gap: 24px !important;
  }

  body.tapasbend-site .tb-instagram-section .brxe-block *,
  body.tapasbend-site #tb-ig-row .brxe-block * {
    text-align: center !important;
  }
}

@media (max-width: 520px) {
  body.tapasbend-site #top .tb-hero-dots-js,
  body.tapasbend-site .tb-hero-section .tb-hero-dots-js {
    bottom: 108px !important;
  }
}


/* =======================================================================
   Tapasbend v1.6 — exact fixes from 01:20 live screenshots
   ======================================================================= */

/* 1) Eyebrow -> title gaps across hero/repertoire/calendar/contact/band */
body.tapasbend-site #top h1,
body.tapasbend-site .tb-hero-section h1 {
  margin-top: 22px !important;
}

body.tapasbend-site .tb-repertoire-section h2,
body.tapasbend-site .tb-termini-section h2,
body.tapasbend-site .tb-band-section h2,
body.tapasbend-site .tb-contact-section h2,
body.tapasbend-site .tb-dj-section h2,
body.tapasbend-site #termini h2,
body.tapasbend-site #kontakt h2 {
  margin-top: 18px !important;
}

/* Exact IDs from the currently imported Bricks JSON */
body.tapasbend-site #brxe-232ac8,
body.tapasbend-site #brxe-bdfdef,
body.tapasbend-site #brxe-a336ad,
body.tapasbend-site #brxe-b757a2 {
  margin-bottom: 18px !important;
}

body.tapasbend-site #brxe-6eb4ce,
body.tapasbend-site #brxe-5889fb {
  margin-top: 0 !important;
  margin-bottom: 24px !important;
}

body.tapasbend-site #brxe-7fb3bc,
body.tapasbend-site #brxe-dd1120,
body.tapasbend-site #brxe-4380d1,
body.tapasbend-site #brxe-da1dd4 {
  margin-top: 0 !important;
}

body.tapasbend-site #brxe-7fb3bc + #brxe-dd1120 {
  margin-top: 18px !important;
}

/* Calendar title must breathe before the calendar grid */
body.tapasbend-site .tb-termini-section h2,
body.tapasbend-site #termini h2 {
  margin-bottom: 54px !important;
}

body.tapasbend-site #termini .tt-calendar,
body.tapasbend-site .tb-termini-section .tt-calendar,
body.tapasbend-site #termini .tapas-calendar,
body.tapasbend-site .tb-termini-section .tapas-calendar,
body.tapasbend-site #termini [class*="calendar"] {
  margin-top: 0 !important;
}

/* 2) Exact live video grid: remove accidental huge height/padding below iframes */
body.tapasbend-site #brxe-0e8506 {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 1100px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  align-items: start !important;
  align-content: start !important;
  grid-auto-rows: auto !important;
}

body.tapasbend-site #brxe-0e8506 > .brxe-block,
body.tapasbend-site #brxe-a10042,
body.tapasbend-site #brxe-89b9a8,
body.tapasbend-site #brxe-73a9fd {
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  background: #050505 !important;
}

body.tapasbend-site #brxe-e202ca,
body.tapasbend-site #brxe-37b918,
body.tapasbend-site #brxe-649008 {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  border: 0 !important;
}

body.tapasbend-site #brxe-e202ca iframe,
body.tapasbend-site #brxe-37b918 iframe,
body.tapasbend-site #brxe-649008 iframe {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 3) Band grid: real grid with two children in one row, no 50% hacks */
body.tapasbend-site #brxe-3ccc5e,
body.tapasbend-site .tb-band-section > .brxe-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr) !important;
  gap: 64px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.tapasbend-site #brxe-f6b357,
body.tapasbend-site #brxe-de468e,
body.tapasbend-site #brxe-3ccc5e > .brxe-block,
body.tapasbend-site .tb-band-section > .brxe-container > .brxe-block {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: initial !important;
}

body.tapasbend-site #brxe-6eb4ce {
  white-space: nowrap !important;
  font-size: clamp(38px, 3.35vw, 46px) !important;
  line-height: 1.02 !important;
}

/* Outer instrument card: only one gold border */
body.tapasbend-site #brxe-de468e {
  border: 1px solid rgba(212,175,55,.25) !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 40px !important;
  background: transparent !important;
}

body.tapasbend-site #brxe-de468e #brxe-0335cc,
body.tapasbend-site #brxe-de468e .tb-instruments-list,
body.tapasbend-site #brxe-de468e .tb-instruments-card {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
  background: transparent !important;
}

body.tapasbend-site #brxe-de468e #brxe-0335cc ul,
body.tapasbend-site #brxe-de468e .tb-instruments-list ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.tapasbend-site #brxe-de468e li {
  padding: 10px 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* 4) Contact grid: two children in one row, no 50% widths, no broken title/phone */
body.tapasbend-site #brxe-91d276,
body.tapasbend-site #kontakt > .brxe-container,
body.tapasbend-site .tb-contact-section > .brxe-container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 72px !important;
  align-items: start !important;
  width: 100% !important;
  max-width: 1100px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.tapasbend-site #brxe-5c14c1,
body.tapasbend-site #brxe-8e744d,
body.tapasbend-site #brxe-91d276 > .brxe-block {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: initial !important;
}

body.tapasbend-site #brxe-5889fb {
  white-space: nowrap !important;
  font-size: clamp(42px, 3.8vw, 52px) !important;
  line-height: 1 !important;
}

body.tapasbend-site #brxe-ed5897 {
  white-space: nowrap !important;
  font-size: clamp(34px, 3vw, 40px) !important;
  line-height: 1 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

body.tapasbend-site #brxe-8e744d form.brxe-form,
body.tapasbend-site #brxe-tlxwjg {
  max-width: 100% !important;
}

/* 5) Re-assert QR layout: one row on desktop */
body.tapasbend-site .tb-instagram-section > .brxe-container,
body.tapasbend-site #tb-ig-row {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 1fr) !important;
  gap: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 900px !important;
  text-align: left !important;
}

/* Mobile resets */
@media (max-width: 900px) {
  body.tapasbend-site #brxe-0e8506 {
    grid-template-columns: 1fr !important;
  }

  body.tapasbend-site #brxe-3ccc5e,
  body.tapasbend-site .tb-band-section > .brxe-container,
  body.tapasbend-site #brxe-91d276,
  body.tapasbend-site #kontakt > .brxe-container,
  body.tapasbend-site .tb-contact-section > .brxe-container,
  body.tapasbend-site .tb-instagram-section > .brxe-container,
  body.tapasbend-site #tb-ig-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  body.tapasbend-site #brxe-6eb4ce,
  body.tapasbend-site #brxe-5889fb,
  body.tapasbend-site #brxe-ed5897 {
    white-space: normal !important;
  }

  body.tapasbend-site #brxe-de468e #brxe-0335cc ul,
  body.tapasbend-site #brxe-de468e .tb-instruments-list ul {
    grid-template-columns: 1fr !important;
  }
}

/* =======================================================================
   Tapasbend v1.7 — final spacing + responsive typography pass
   Cilja trenutni Bricks DOM sa staging-a i stabilne semantic klase iz JS-a.
   ======================================================================= */

/* Base type rhythm: eyebrow -> title -> copy */
body.tapasbend-site :where(#top, .tb-hero-section) .brxe-text-basic:has(+ h1),
body.tapasbend-site :where(.tb-repertoire-section, .tb-termini-section, .tb-band-section, .tb-dj-section, .tb-contact-section, #termini, #kontakt) .brxe-text-basic:has(+ h2),
body.tapasbend-site :where(.tb-repertoire-section, .tb-termini-section, .tb-band-section, .tb-dj-section, .tb-contact-section, #termini, #kontakt) .brxe-text-basic:has(+ .brxe-heading) {
  display: block !important;
  margin-top: 0 !important;
  margin-bottom: 22px !important;
  line-height: 1.2 !important;
}

body.tapasbend-site :where(#top, .tb-hero-section) h1,
body.tapasbend-site :where(.tb-repertoire-section, .tb-termini-section, .tb-band-section, .tb-dj-section, .tb-contact-section, #termini, #kontakt) h2,
body.tapasbend-site :where(.tb-repertoire-section, .tb-termini-section, .tb-band-section, .tb-dj-section, .tb-contact-section, #termini, #kontakt) .brxe-heading {
  margin-top: 0 !important;
}

body.tapasbend-site :where(.tb-repertoire-section, .tb-termini-section) h2 {
  margin-bottom: 28px !important;
}

body.tapasbend-site :where(.tb-band-section, .tb-dj-section, .tb-contact-section, #kontakt) h2 {
  margin-bottom: 28px !important;
}

/* Hero: force visible gap between Live music show and TAPAS BEND */
body.tapasbend-site #top > .brxe-container > .brxe-text-basic:first-child,
body.tapasbend-site .tb-hero-section > .brxe-container > .brxe-text-basic:first-child {
  margin-bottom: 26px !important;
}

body.tapasbend-site #top h1,
body.tapasbend-site .tb-hero-section h1 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.tapasbend-site #top h1 + .brxe-text-basic,
body.tapasbend-site .tb-hero-section h1 + .brxe-text-basic {
  margin-top: 24px !important;
  margin-bottom: 38px !important;
}

/* Repertoar: exact max-width and spacing from mockup */
body.tapasbend-site .tb-repertoire-section > .brxe-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  text-align: center !important;
}

body.tapasbend-site .tb-repertoire-section .brxe-text-basic:has(+ h2),
body.tapasbend-site .tb-repertoire-section .brxe-text-basic:has(+ .brxe-heading) {
  margin-bottom: 22px !important;
}

body.tapasbend-site .tb-repertoire-section h2,
body.tapasbend-site .tb-repertoire-section .brxe-heading {
  font-size: clamp(58px, 6.5vw, 88px) !important;
  line-height: .96 !important;
  margin: 0 0 30px !important;
  text-align: center !important;
}

body.tapasbend-site .tb-repertoire-section .brxe-heading + .brxe-text-basic,
body.tapasbend-site .tb-repertoire-section h2 + .brxe-text-basic,
body.tapasbend-site .tb-repertoire-section p {
  max-width: 720px !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: center !important;
}

/* DJ card should sit with a clean gap below Repertoar copy */
body.tapasbend-site .tb-dj-section,
body.tapasbend-site #djshow {
  padding-top: 0 !important;
}

body.tapasbend-site .tb-dj-section > .brxe-container,
body.tapasbend-site #djshow > .brxe-container {
  margin-top: 0 !important;
}

/* Live video grid: kill the huge false height below the three iframes */
body.tapasbend-site #brxe-0e8506,
body.tapasbend-site .tb-live-section #brxe-0e8506,
body.tapasbend-site .tb-live-section #tb-live-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: auto !important;
  grid-auto-rows: auto !important;
  align-items: start !important;
  align-content: start !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 1100px !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: visible !important;
}

body.tapasbend-site #brxe-0e8506 > .brxe-block,
body.tapasbend-site #brxe-a10042,
body.tapasbend-site #brxe-89b9a8,
body.tapasbend-site #brxe-73a9fd {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: 16 / 9 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  overflow: hidden !important;
  background: #050505 !important;
}

body.tapasbend-site #brxe-0e8506 .brxe-video,
body.tapasbend-site #brxe-e202ca,
body.tapasbend-site #brxe-37b918,
body.tapasbend-site #brxe-649008 {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  padding-bottom: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.tapasbend-site #brxe-0e8506 .brxe-video iframe,
body.tapasbend-site #brxe-e202ca iframe,
body.tapasbend-site #brxe-37b918 iframe,
body.tapasbend-site #brxe-649008 iframe {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.tapasbend-site .tb-live-section > .brxe-container {
  height: auto !important;
  min-height: 0 !important;
  gap: 50px !important;
}

/* Instagram: QR left, content right, with internal gaps */
body.tapasbend-site .tb-instagram-section > .brxe-container,
body.tapasbend-site #tb-ig-row {
  display: grid !important;
  grid-template-columns: 150px minmax(0, 620px) !important;
  gap: 48px !important;
  align-items: center !important;
  justify-content: center !important;
  max-width: 900px !important;
  text-align: left !important;
}

body.tapasbend-site .tb-instagram-section img {
  margin: 0 !important;
}

body.tapasbend-site .tb-instagram-section .brxe-block,
body.tapasbend-site #tb-ig-row .brxe-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  max-width: 620px !important;
}

body.tapasbend-site .tb-instagram-section .brxe-block > .brxe-text-basic:first-child,
body.tapasbend-site #tb-ig-row .brxe-block > .brxe-text-basic:first-child {
  margin: 0 0 14px !important;
}

body.tapasbend-site .tb-instagram-section .brxe-block > .brxe-text-basic:not(:first-child),
body.tapasbend-site #tb-ig-row .brxe-block > .brxe-text-basic:not(:first-child) {
  margin: 0 0 12px !important;
  line-height: 1.55 !important;
}

body.tapasbend-site .tb-instagram-section .brxe-heading,
body.tapasbend-site #tb-ig-row .brxe-heading,
body.tapasbend-site .tb-instagram-section h3,
body.tapasbend-site #tb-ig-row h3 {
  margin: 0 !important;
  line-height: 1 !important;
}

/* Calendar: clear gap below SLOBODNI TERMINI */
body.tapasbend-site .tb-termini-section > .brxe-container,
body.tapasbend-site #termini > .brxe-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 0 !important;
}

body.tapasbend-site .tb-termini-section h2,
body.tapasbend-site #termini h2,
body.tapasbend-site .tb-termini-section .brxe-heading,
body.tapasbend-site #termini .brxe-heading {
  margin: 0 0 54px !important;
}

body.tapasbend-site #termini .tt-calendar,
body.tapasbend-site .tb-termini-section .tt-calendar,
body.tapasbend-site #brxe-tb00084,
body.tapasbend-site #tb-calendar-shortcode {
  margin-top: 0 !important;
  width: 100% !important;
}

/* Contact: real two-column grid + readable type + proper gaps */
body.tapasbend-site #brxe-91d276,
body.tapasbend-site #kontakt > .brxe-container,
body.tapasbend-site .tb-contact-section > .brxe-container {
  display: grid !important;
  grid-template-columns: minmax(0, .98fr) minmax(0, 1.02fr) !important;
  gap: 72px !important;
  align-items: start !important;
  max-width: 1100px !important;
}

body.tapasbend-site #brxe-5c14c1,
body.tapasbend-site .tb-contact-section > .brxe-container > .brxe-block:first-child,
body.tapasbend-site #kontakt > .brxe-container > .brxe-block:first-child {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0 !important;
  min-width: 0 !important;
}

body.tapasbend-site #brxe-a336ad,
body.tapasbend-site #kontakt .brxe-block:first-child > .brxe-text-basic:first-child,
body.tapasbend-site .tb-contact-section .brxe-block:first-child > .brxe-text-basic:first-child {
  margin: 0 0 18px !important;
}

body.tapasbend-site #brxe-5889fb,
body.tapasbend-site #kontakt h2,
body.tapasbend-site .tb-contact-section h2 {
  white-space: normal !important;
  font-size: clamp(40px, 3.15vw, 52px) !important;
  line-height: .98 !important;
  margin: 0 0 32px !important;
  max-width: 100% !important;
}

body.tapasbend-site #brxe-ed5897,
body.tapasbend-site #kontakt h3,
body.tapasbend-site .tb-contact-section h3 {
  white-space: normal !important;
  font-size: clamp(34px, 2.7vw, 40px) !important;
  line-height: 1 !important;
  margin: 0 0 12px !important;
}

body.tapasbend-site #brxe-da1dd4,
body.tapasbend-site #kontakt h3 + .brxe-text-basic,
body.tapasbend-site .tb-contact-section h3 + .brxe-text-basic {
  margin: 0 0 12px !important;
}

body.tapasbend-site #brxe-4380d1,
body.tapasbend-site #brxe-4380d1 a {
  margin: 0 !important;
  line-height: 1.5 !important;
}

body.tapasbend-site #brxe-8e744d,
body.tapasbend-site #kontakt > .brxe-container > .brxe-block:last-child,
body.tapasbend-site .tb-contact-section > .brxe-container > .brxe-block:last-child {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
  min-width: 0 !important;
}

body.tapasbend-site #brxe-b757a2,
body.tapasbend-site #brxe-8e744d > .brxe-text-basic:first-child {
  margin: 0 0 24px !important;
}

body.tapasbend-site #brxe-tlxwjg,
body.tapasbend-site #kontakt form.brxe-form,
body.tapasbend-site .tb-contact-section form.brxe-form {
  width: 100% !important;
  max-width: 100% !important;
}

/* Responsive typography and layout: senior pass */
@media (max-width: 1180px) {
  body.tapasbend-site .tb-band-section > .brxe-container,
  body.tapasbend-site #brxe-3ccc5e,
  body.tapasbend-site #brxe-91d276,
  body.tapasbend-site #kontakt > .brxe-container,
  body.tapasbend-site .tb-contact-section > .brxe-container {
    gap: 52px !important;
  }

  body.tapasbend-site #brxe-6eb4ce,
  body.tapasbend-site .tb-band-section h2 {
    white-space: normal !important;
    font-size: clamp(38px, 3.6vw, 46px) !important;
  }
}

@media (max-width: 900px) {
  body.tapasbend-site .brxe-section,
  body.tapasbend-site section.brxe-section,
  body.tapasbend-site :where(.tb-video-section, .tb-live-section, .tb-band-section, .tb-repertoire-section, .tb-dj-section, .tb-instagram-section, .tb-termini-section, .tb-contact-section, #video, #djshow, #termini, #kontakt) {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  body.tapasbend-site :where(.tb-video-section, #video, .tb-band-section, .tb-repertoire-section, .tb-termini-section, #termini, .tb-contact-section, #kontakt) {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
  }

  body.tapasbend-site .tb-live-section,
  body.tapasbend-site .tb-dj-section,
  body.tapasbend-site #djshow {
    padding-bottom: 78px !important;
  }

  body.tapasbend-site #top h1,
  body.tapasbend-site .tb-hero-section h1 {
    font-size: clamp(58px, 13vw, 96px) !important;
    line-height: .92 !important;
  }

  body.tapasbend-site .tb-repertoire-section h2,
  body.tapasbend-site .tb-termini-section h2,
  body.tapasbend-site #termini h2 {
    font-size: clamp(46px, 11vw, 66px) !important;
  }

  body.tapasbend-site .tb-band-section h2,
  body.tapasbend-site .tb-dj-section h2,
  body.tapasbend-site .tb-contact-section h2,
  body.tapasbend-site #kontakt h2 {
    font-size: clamp(36px, 9.5vw, 48px) !important;
    line-height: 1.02 !important;
  }

  body.tapasbend-site #brxe-ed5897,
  body.tapasbend-site #kontakt h3,
  body.tapasbend-site .tb-contact-section h3 {
    font-size: clamp(32px, 8.5vw, 40px) !important;
  }

  body.tapasbend-site #brxe-0e8506,
  body.tapasbend-site .tb-live-section #brxe-0e8506,
  body.tapasbend-site .tb-live-section #tb-live-grid {
    grid-template-columns: 1fr !important;
    max-width: 760px !important;
  }

  body.tapasbend-site #brxe-3ccc5e,
  body.tapasbend-site .tb-band-section > .brxe-container,
  body.tapasbend-site #brxe-91d276,
  body.tapasbend-site #kontakt > .brxe-container,
  body.tapasbend-site .tb-contact-section > .brxe-container,
  body.tapasbend-site .tb-instagram-section > .brxe-container,
  body.tapasbend-site #tb-ig-row,
  body.tapasbend-site .tb-dj-section > .brxe-container,
  body.tapasbend-site #djshow > .brxe-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 36px !important;
  }

  body.tapasbend-site .tb-instagram-section > .brxe-container,
  body.tapasbend-site #tb-ig-row {
    justify-items: center !important;
    text-align: center !important;
  }

  body.tapasbend-site .tb-instagram-section .brxe-block,
  body.tapasbend-site #tb-ig-row .brxe-block {
    align-items: center !important;
    text-align: center !important;
  }

  body.tapasbend-site .tb-instagram-section .brxe-block *,
  body.tapasbend-site #tb-ig-row .brxe-block * {
    text-align: center !important;
  }

  body.tapasbend-site #brxe-de468e {
    padding: 30px !important;
  }

  body.tapasbend-site #brxe-de468e #brxe-0335cc ul,
  body.tapasbend-site #brxe-de468e .tb-instruments-list ul {
    grid-template-columns: 1fr !important;
  }

  body.tapasbend-site .tb-repertoire-section .brxe-heading + .brxe-text-basic,
  body.tapasbend-site .tb-repertoire-section h2 + .brxe-text-basic {
    max-width: 680px !important;
  }
}

@media (max-width: 620px) {
  body.tapasbend-site #top,
  body.tapasbend-site .tb-hero-section {
    min-height: 610px !important;
    height: auto !important;
  }

  body.tapasbend-site #top > .brxe-container,
  body.tapasbend-site .tb-hero-section > .brxe-container {
    min-height: 610px !important;
    padding-top: 92px !important;
    padding-bottom: 92px !important;
  }

  body.tapasbend-site #top h1,
  body.tapasbend-site .tb-hero-section h1 {
    font-size: clamp(50px, 17vw, 74px) !important;
  }

  body.tapasbend-site #top .brxe-text-basic:has(+ h1),
  body.tapasbend-site .tb-hero-section .brxe-text-basic:has(+ h1) {
    margin-bottom: 18px !important;
  }

  body.tapasbend-site #top h1 + .brxe-text-basic,
  body.tapasbend-site .tb-hero-section h1 + .brxe-text-basic {
    margin-top: 18px !important;
    margin-bottom: 28px !important;
  }

  body.tapasbend-site .tb-repertoire-section h2,
  body.tapasbend-site .tb-termini-section h2,
  body.tapasbend-site #termini h2 {
    font-size: clamp(40px, 14vw, 56px) !important;
    line-height: .98 !important;
  }

  body.tapasbend-site .tb-band-section h2,
  body.tapasbend-site .tb-dj-section h2,
  body.tapasbend-site .tb-contact-section h2,
  body.tapasbend-site #kontakt h2 {
    font-size: clamp(34px, 12vw, 44px) !important;
  }

  body.tapasbend-site #brxe-ed5897,
  body.tapasbend-site #kontakt h3,
  body.tapasbend-site .tb-contact-section h3 {
    font-size: clamp(30px, 10vw, 36px) !important;
  }

  body.tapasbend-site #brxe-5889fb,
  body.tapasbend-site #kontakt h2,
  body.tapasbend-site .tb-contact-section h2 {
    margin-bottom: 24px !important;
  }

  body.tapasbend-site #brxe-de468e {
    padding: 24px !important;
  }

  body.tapasbend-site #brxe-91d276,
  body.tapasbend-site #kontakt > .brxe-container,
  body.tapasbend-site .tb-contact-section > .brxe-container {
    gap: 42px !important;
  }

  body.tapasbend-site #kontakt form.brxe-form button[type="submit"],
  body.tapasbend-site .tb-contact-section form.brxe-form button[type="submit"],
  body.tapasbend-site form#brxe-tlxwjg button[type="submit"] {
    width: 100% !important;
    max-width: none !important;
    justify-content: center !important;
  }
}

@media (max-width: 420px) {
  body.tapasbend-site :where(.tb-video-section, #video, .tb-band-section, .tb-repertoire-section, .tb-termini-section, #termini, .tb-contact-section, #kontakt) {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }

  body.tapasbend-site .tb-repertoire-section .brxe-text-basic:has(+ h2),
  body.tapasbend-site .tb-termini-section .brxe-text-basic:has(+ h2),
  body.tapasbend-site .tb-contact-section .brxe-text-basic:has(+ h2),
  body.tapasbend-site .tb-band-section .brxe-text-basic:has(+ h2) {
    margin-bottom: 16px !important;
  }

  body.tapasbend-site .tb-repertoire-section h2,
  body.tapasbend-site .tb-termini-section h2,
  body.tapasbend-site #termini h2 {
    font-size: clamp(36px, 15vw, 48px) !important;
  }

  body.tapasbend-site .tb-band-section h2,
  body.tapasbend-site .tb-dj-section h2,
  body.tapasbend-site .tb-contact-section h2,
  body.tapasbend-site #kontakt h2 {
    font-size: clamp(30px, 12.5vw, 38px) !important;
  }

  body.tapasbend-site .tb-repertoire-section .brxe-heading + .brxe-text-basic,
  body.tapasbend-site .tb-repertoire-section h2 + .brxe-text-basic {
    max-width: 100% !important;
  }
}