/* ==========================================================
   BUBUBU – FOOTER
   Globálny footer pre desktop, tablet a mobil.

   Opakované footerové opravy V2/V3/V4 boli bezpečne zlúčené:
   rovnaký selektor v rovnakom media kontexte je uvedený iba raz
   a obsahuje jeho posledné účinné hodnoty.
   ========================================================== */

#footer .bb-footer-feature__icon {
  display: flex !important;
  width: 34px !important;
  height: 34px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 22px !important;
  color: rgba(245,242,237,.88) !important;
}

#footer .bb-footer-feature__icon svg {
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  overflow: visible !important;
}

#footer .bb-footer-feature b em {
  display: inline-block !important;
  margin-left: 7px !important;
  color: var(--bb-red) !important;
  font-style: normal !important;
  transition: transform .2s ease !important;
}

#footer .bb-footer-feature:hover b em {
  transform: translateX(5px) !important;
}

#footer .container,
#footer .footer-group,
#footer .custom-footer,
#footer .footer-bottom,
#footer .contact-box,
#footer [class*="custom-footer__"] {
  background-color: transparent !important;
  background-image: none !important;
}

#footer .site-name {
  display: none !important;
}

#footer a {
  color: inherit !important;
  text-decoration: none !important;
}

#footer .bb-footer-features__inner {
  display: grid !important;
  width: min(var(--bb-footer-width), calc(100% - 64px)) !important;
  max-width: var(--bb-footer-width) !important;
  grid-template-columns: repeat(4, minmax(0,1fr)) !important;
  gap: clamp(38px,5vw,82px) !important;
  margin: 0 auto !important;
  padding: 72px 34px 76px !important;
  box-sizing: border-box !important;
}

#footer .bb-footer-feature {
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  text-decoration: none !important;
}

#footer .bb-footer-feature > i {
  display: block !important;
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  margin: 0 0 24px !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: 43px 43px !important;
  opacity: .94 !important;
  transition: transform .25s ease,
    opacity .25s ease !important;
}

#footer .bb-footer-feature--foot > i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f6f2ec' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M25.2 44c-6.7-.2-11.8-4.9-12.2-11.3-.3-4.5 1.8-7.9 4.5-11.2 2.5-3.1 3.8-6.4 4.3-10.4.4-3.4 2.8-6.7 6.4-6.8 3.2-.1 5.2 2.5 5.3 5.6.1 3.8-2 7.5-3.8 10.7-1.1 1.9-1.5 3.6-.5 5.7 1.4 3.1 5.1 5.4 5.1 9.4 0 4.9-4 8.5-9.1 8.3Z'/%3E%3Cellipse cx='18.3' cy='8.2' rx='2.2' ry='2.5'/%3E%3Cellipse cx='22.1' cy='4.7' rx='1.9' ry='2.1'/%3E%3Cellipse cx='26.5' cy='3.4' rx='1.6' ry='1.8'/%3E%3Cellipse cx='30.6' cy='4' rx='1.4' ry='1.55'/%3E%3Cellipse cx='34.1' cy='6.1' rx='1.15' ry='1.3'/%3E%3C/svg%3E") !important;
}

#footer .bb-footer-feature--measure > i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f6f2ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='15' width='34' height='18' rx='3' transform='rotate(-22 7 15)'/%3E%3Cpath d='m14 14 2.5 5.5m4-8 2.5 5.5m4-8 2.5 5.5m4-8 2.5 5.5'/%3E%3C/svg%3E") !important;
}

#footer .bb-footer-feature--store > i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f6f2ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 20h32v20H8V20Z'/%3E%3Cpath d='m6 20 5-11h26l5 11M15 20v20m18-20v20M20 28h8v12'/%3E%3Cpath d='M6 20c0 2.8 2 4.6 4.6 4.6s4.6-1.8 4.6-4.6c0 2.8 2 4.6 4.6 4.6s4.6-1.8 4.6-4.6c0 2.8 2 4.6 4.6 4.6s4.6-1.8 4.6-4.6c0 2.8 2 4.6 4.6 4.6S42 22.8 42 20'/%3E%3C/svg%3E") !important;
}

#footer .bb-footer-feature--advice > i {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23f6f2ec' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 9h34v23H22l-10 8v-8H7V9Z'/%3E%3Cpath d='M15 17h18M15 24h12'/%3E%3C/svg%3E") !important;
}

#footer .bb-footer-feature strong {
  display: block !important;
  max-width: 270px !important;
  margin: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: clamp(22px,1.65vw,27px) !important;
  font-weight: 700 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  text-transform: none !important;
}

#footer .bb-footer-feature > span {
  display: block !important;
  max-width: 260px !important;
  margin: 14px 0 0 !important;
  color: rgba(246,242,236,.65) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  text-transform: none !important;
}

#footer .bb-footer-feature > b {
  display: inline-flex !important;
  align-items: center !important;
  margin: 24px 0 0 !important;
  padding: 0 0 5px !important;
  border-bottom: 1px solid rgba(255,255,255,.38) !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  text-transform: none !important;
  transition: color .2s ease,
    border-color .2s ease !important;
}

#footer .custom-footer {
  display: block !important;
  width: min(var(--bb-footer-width), calc(100% - 64px)) !important;
  max-width: var(--bb-footer-width) !important;
  margin: 0 auto !important;
  padding: 0 34px !important;
  border: 0 !important;
  box-sizing: border-box !important;
}

#footer .custom-footer > div:not(.bb-footer-shell) {
  display: none !important;
}

#footer .bb-footer-shell__column {
  display: block !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

#footer .bb-footer-newsletter {
  display: block !important;
  width: 100% !important;
  max-width: 320px !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
}

#footer .bb-footer-newsletter > p {
  max-width: 290px !important;
  margin: 0 0 26px !important;
  color: rgba(246,242,236,.66) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

#footer .bb-footer-newsletter label {
  position: absolute !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important;
}

#footer .bb-newsletter-consent a {
  background: transparent !important;
  color: rgba(255,255,255,.78) !important;
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

#footer .bb-footer-social-column > p {
  max-width: 250px !important;
  margin: 0 0 22px !important;
  color: rgba(246,242,236,.66) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

#footer .bb-footer-social__links {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 13px !important;
}

#footer .bb-footer-social__links a {
  display: inline-flex !important;
  padding: 0 0 4px !important;
  border-bottom: 1px solid rgba(255,255,255,.36) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

#footer .bb-footer-social__links a:hover {
  border-bottom-color: var(--bb-footer-red) !important;
  color: var(--bb-footer-red) !important;
}

#footer .bb-footer-native-block {
  display: block !important;
  width: 100% !important;
  margin: 0 0 30px !important;
  padding: 0 !important;
  border: 0 !important;
}

#footer .bb-footer-native-block:last-child {
  margin-bottom: 0 !important;
}

#footer .bb-footer-native-block h2,
#footer .bb-footer-native-block h3,
#footer .bb-footer-native-block h4,
#footer .bb-footer-native-block .title {
  margin: 0 0 15px !important;
  color: rgba(246,242,236,.52) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
}

#footer .bb-footer-native-block ul {
  display: flex !important;
  flex-direction: column !important;
  gap: 11px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

#footer .bb-footer-native-block p,
#footer .bb-footer-native-block a,
#footer .bb-footer-native-block li,
#footer .bb-footer-native-block span {
  color: rgba(246,242,236,.74) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

#footer .bb-footer-native-block a:hover {
  color: #fff !important;
}

#footer .bb-footer-all-articles {
  display: inline-flex !important;
  margin: 8px 0 0 !important;
  padding: 0 0 5px !important;
  border-bottom: 1px solid rgba(255,255,255,.36) !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

#footer .bb-footer-all-articles::after {
  content: " →" !important;
  margin-left: 7px !important;
}

#footer .bb-footer-all-articles:hover {
  border-bottom-color: var(--bb-footer-red) !important;
  color: var(--bb-footer-red) !important;
}

#footer .footer-bottom::before {
  content: none !important;
  display: none !important;
}

#footer .footer-bottom {
  display: grid !important;
  width: min(var(--bb-footer-width), calc(100% - 64px)) !important;
  max-width: var(--bb-footer-width) !important;
  grid-template-columns: auto minmax(0,1fr) !important;
  gap: 40px !important;
  align-items: center !important;
  margin: 0 auto !important;
  padding: 0 34px 38px !important;
  border: 0 !important;
  background: transparent !important;
  color: rgba(246,242,236,.44) !important;
  font-family: inherit !important;
  font-size: 11px !important;
  box-sizing: border-box !important;
}

#footer .footer-bottom a,
#footer .footer-bottom span,
#footer .footer-bottom strong {
  color: rgba(246,242,236,.56) !important;
  font-family: inherit !important;
  font-size: 11px !important;
}

#footer .bb-footer-shell__column:nth-child(3) .bb-footer-native-block
li:has(a[href*="facebook"]),
#footer .bb-footer-shell__column:nth-child(3) .bb-footer-native-block
li:has(a[href*="instagram"]),
#footer .bb-footer-shell__column:nth-child(3) .bb-footer-native-block
p:has(a[href*="facebook"]),
#footer .bb-footer-shell__column:nth-child(3) .bb-footer-native-block
p:has(a[href*="instagram"]) {
  display: none !important;
}

#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block:first-of-type
> h2,
#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block:first-of-type
> h3,
#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block:first-of-type
> h4,
#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block:first-of-type
> .title {
  display: none !important;
}

#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block
+ .bb-footer-native-block
> h2,
#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block
+ .bb-footer-native-block
> h3,
#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block
+ .bb-footer-native-block
> h4,
#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block
+ .bb-footer-native-block
> .title {
  display: block !important;
  margin: 34px 0 24px !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}

#footer .bb-footer-shell__column:nth-child(3) .bb-footer-native-block {
  margin-bottom: 0 !important;
}

#footer .bb-footer-shell__column:nth-child(3)
> .bb-footer-shell__heading:not(:first-child) {
  margin: 46px 0 18px !important;
}

#footer .bb-footer-shell__column:nth-child(3) .bb-footer-all-articles {
  margin-top: 0 !important;
}

#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block + .bb-footer-native-block {
  margin-top: 0 !important;
}

#footer .bb-footer-shell__column:nth-child(4)
> .bb-footer-native-block + .bb-footer-native-block
> :first-child {
  display: block !important;
  margin: 34px 0 18px !important;
  padding: 0 !important;
  color: #fff !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}

#footer .bb-footer-newsletter button:hover,
#footer .bb-newsletter-consent a:hover {
  color: #C63C36 !important;
}

#footer .bb-footer-social > .bb-footer-shell__heading {
  margin-bottom: 16px !important;
}

#footer .bb-footer-social > p {
  max-width: 290px !important;
  margin: 0 0 20px !important;
  color: rgba(246,242,236,.66) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

#footer .bb-info-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  align-items: start !important;
  gap: 0 52px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#footer .bb-info-grid > .bb-footer-native-block {
  min-width: 0 !important;
  margin: 0 !important;
}

#footer .bb-info-grid > .bb-footer-native-block > :first-child {
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

#footer .bb-info-grid
> .bb-footer-native-block:nth-child(2)
h2,

#footer .bb-info-grid
> .bb-footer-native-block:nth-child(2)
h3,

#footer .bb-info-grid
> .bb-footer-native-block:nth-child(2)
h4,

#footer .bb-info-grid
> .bb-footer-native-block:nth-child(2)
.title {
  display: block !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
}

#footer {
  --bb-footer-red: #c63c36;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #211f1d !important;
  color: #f6f2ec !important;
  font-family: "DM Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;
  --bb-footer-width: 1480px !important;
}

#footer .bb-footer-shell__heading {
  margin: 0 0 24px !important;
  color: #fff !important;
  font-family: inherit !important;
  text-transform: none !important;
  margin-bottom: 25px !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.03em !important;
}

#footer .bb-info-grid
> .bb-footer-native-block:nth-child(2)
> :first-child {
  display: block !important;
  margin: 0 0 25px !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.03em !important;
  text-transform: none !important;
}

#footer .custom-footer__newsletter:not(.bb-footer-newsletter),
#footer #formNewsletterWidget:not(.bb-newsletter-form) {
  position: absolute !important;
  left: -10000px !important;
  top: auto !important;
  overflow: hidden !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#footer > .container,
#footer .footer-group {
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#footer .custom-footer,
#footer .bb-footer-features__inner {
  width: calc(100% - 56px) !important;
  max-width: 1480px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

#footer .bb-footer-shell {
  display: grid !important;
  gap: clamp(42px,5vw,82px) !important;
  margin: 0 !important;
  padding: 72px 0 68px !important;
  box-sizing: border-box !important;
  grid-template-columns: minmax(250px,1fr)
    minmax(190px,.78fr)
    minmax(240px,.92fr)
    minmax(250px,1fr) !important;
  column-gap: clamp(44px,4vw,72px) !important;
  align-items: start !important;
  width: 100% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#footer .bb-info-grid
> .bb-footer-native-block:nth-child(2)
> .pageElement__heading,

#footer .bb-info-grid
> .bb-footer-native-block:nth-child(2)
> .pageElement__heading > span {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
  font-family: "DM Sans",
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  line-height: 1.12 !important;
  letter-spacing: -.03em !important;
  text-transform: none !important;
}

#footer .bb-info-grid
> .bb-footer-native-block:nth-child(2)
> .pageElement__heading {
  margin-bottom: 25px !important;
}

#footer .custom-footer,
#footer .bb-footer-features__inner,
#footer .bb-footer-slogan {
  width: calc(100% - 56px) !important;
  max-width: 1480px !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

#footer .bb-footer-features {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  border-bottom: 1px solid rgba(255,255,255,.13) !important;
  background: transparent !important;
  border-bottom-color: rgba(255,255,255,.08) !important;
}

#footer .bb-footer-social {
  margin: 48px 0 0 !important;
  padding: 0 !important;
  border-top-color: rgba(255,255,255,.08) !important;
}

#footer .bb-footer-native-block ul,
#footer .bb-footer-native-block ol {
  margin: 0 !important;
  padding: 0 !important;
}

#footer .bb-footer-native-block li {
  margin: 0 0 11px !important;
  padding: 0 !important;
  line-height: 1.55 !important;
}

#footer .bb-footer-native-block li:last-child {
  margin-bottom: 0 !important;
}

#footer .bb-footer-native-block a,
#footer .bb-footer-native-block span,
#footer .bb-footer-native-block p {
  line-height: 1.55 !important;
}

#footer .bb-info-grid .bb-footer-native-block
.news-item-widget,
#footer .bb-info-grid .bb-footer-native-block
> div:not(.pageElement__heading) {
  margin-bottom: 11px !important;
}

#footer .bb-info-grid .bb-footer-native-block
.news-item-widget:last-child,
#footer .bb-info-grid .bb-footer-native-block
> div:not(.pageElement__heading):last-child {
  margin-bottom: 0 !important;
}

#footer .bb-footer-shell
> .bb-footer-shell__column:nth-child(2)
.bb-footer-native-block a,
#footer .bb-footer-shell
> .bb-footer-shell__column:nth-child(2)
.bb-footer-native-block p,
#footer .bb-footer-shell
> .bb-footer-shell__column:nth-child(2)
.bb-footer-native-block span {
  line-height: 1.6 !important;
}

#footer .bb-footer-shell
> .bb-footer-shell__column:nth-child(2)
> .bb-footer-shell__heading:not(:first-child) {
  margin-top: 32px !important;
  margin-bottom: 18px !important;
}

#footer .bb-footer-newsletter form {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  margin-top: 34px !important;
}

#footer .bb-footer-newsletter input[type="email"] {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  caret-color: #fff !important;
  font: inherit !important;
  text-align: left !important;
  height: 54px !important;
  font-size: 16px !important;
  border-bottom: 1.5px solid rgba(255,255,255,.52) !important;
}

#footer .bb-footer-newsletter input[type="email"]::placeholder {
  opacity: 1 !important;
  color: rgba(246,242,236,.72) !important;
}

#footer .bb-newsletter-consent {
  width: 100% !important;
  max-width: 290px !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  color: rgba(246,242,236,.56) !important;
  font-weight: 400 !important;
  text-align: left !important;
  margin-top: 13px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

#footer .bb-footer-newsletter button {
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  align-items: center !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #fff !important;
  font: inherit !important;
  text-transform: none !important;
  transition: color .2s ease !important;
  margin-top: 20px !important;
  font-size: 21px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: -.025em !important;
}

#footer .bb-footer-newsletter button::after {
  content: " →" !important;
  margin-left: 7px !important;
}

#footer .bb-footer-newsletter button:hover,
#footer .bb-newsletter-consent a:hover,
#footer .bb-footer-social__links a:hover {
  color: #C63C36 !important;
}

#footer .bb-footer-slogan {
  display: block !important;
  width: min(960px, calc(100% - 64px)) !important;
  margin: 0 auto !important;
  padding: 30px 24px 29px !important;
  color: rgba(246,242,236,.64) !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
  text-align: center !important;
  box-sizing: border-box !important;
  max-width: 1480px !important;
  border-top: 1px solid rgba(255,255,255,.08) !important;
  padding-top: 30px !important;
  padding-bottom: 27px !important;
}

@media (hover:hover) and (pointer:fine) {
  #footer .bb-footer-feature:hover > i {
    opacity: 1 !important;
    transform: translateY(-3px) !important;
  }

  #footer .bb-footer-feature:hover > b {
    border-bottom-color: var(--bb-footer-red) !important;
    color: var(--bb-footer-red) !important;
  }

}

@media (max-width: 1100px) {
  #footer .bb-footer-features__inner {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    row-gap: 54px !important;
  }

  #footer .bb-footer-shell {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }

  #footer .bb-footer-shell__column--newsletter {
    grid-column: 1 / -1 !important;
  }

  #footer .bb-footer-newsletter {
    max-width: 620px !important;
  }

}

@media (max-width: 991px) {
  #footer .bb-footer-shell__column,
  #footer .bb-footer-newsletter {
    width: 100% !important;
    max-width: none !important;
  }

  #footer .bb-footer-native-block {
    display: block !important;
  }

  #footer .bb-footer-shell {
    display: flex !important;
    flex-direction: column !important;
    gap: 42px !important;
  }

  #footer .bb-info-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
  }

  #footer .bb-footer-shell__column--newsletter {
    display: block !important;
  }

  #footer .bb-footer-shell__heading {
    margin-bottom: 16px !important;
    font-size: 23px !important;
  }

  #footer .bb-footer-social > .bb-footer-shell__heading {
    margin: 0 0 16px !important;
    margin-bottom: 16px !important;
  }

  #footer .bb-footer-social > p {
    display: block !important;
  }

  #footer .bb-footer-social__links {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 14px 26px !important;
  }

  #footer .bb-footer-social__links a {
    border: 0 !important;
    text-decoration: none !important;
  }

  #footer > .container,
  #footer .footer-group {
    width: 100% !important;
    max-width: none !important;
  }

  #footer .custom-footer,
  #footer .bb-footer-features__inner {
    width: calc(100% - 40px) !important;
    max-width: none !important;
  }

  #footer .bb-info-grid
  > .bb-footer-native-block:nth-child(2)
  > .pageElement__heading,

  #footer .bb-info-grid
  > .bb-footer-native-block:nth-child(2)
  > .pageElement__heading > span {
    font-size: 23px !important;
  }

  #footer .custom-footer,
  #footer .bb-footer-features__inner,
  #footer .bb-footer-slogan {
    width: calc(100% - 40px) !important;
    max-width: none !important;
  }

  #footer .bb-footer-newsletter form {
    margin-top: 28px !important;
  }

  #footer .bb-footer-newsletter input[type="email"] {
    height: 52px !important;
    font-size: 16px !important;
  }

  #footer .bb-footer-newsletter button {
    font-size: 19px !important;
  }

  #footer .bb-footer-social {
    width: 100% !important;
    margin: 36px 0 0 !important;
    padding: 0 !important;
    display: block !important;
    padding-top: 0 !important;
    border-top: 0 !important;
    margin-top: 38px !important;
  }

  #footer .bb-footer-slogan {
    padding-top: 26px !important;
    padding-bottom: 24px !important;
  }

}

@media (min-width: 992px) {
  #footer .bb-footer-shell__column--newsletter,
  #footer .bb-footer-shell__column {
    grid-column: auto !important;
  }

  #footer .bb-footer-shell__column--newsletter {
    display: contents !important;
  }

  #footer .bb-footer-shell
  > .bb-footer-shell__column:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }

  #footer .bb-footer-shell
  > .bb-footer-shell__column:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }

  #footer .bb-footer-shell {
    display: grid !important;
    align-items: start !important;
    width: 100% !important;
    max-width: none !important;
    grid-template-columns: minmax(300px, .95fr)
      minmax(260px, .82fr)
      minmax(520px, 1.55fr) !important;
    column-gap: clamp(72px, 6vw, 110px) !important;
    row-gap: 0 !important;
    padding-top: 78px !important;
    padding-bottom: 68px !important;
  }

  #footer .bb-footer-newsletter {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 360px !important;
  }

  #footer .bb-footer-newsletter > p,
  #footer .bb-newsletter-consent {
    max-width: 340px !important;
  }

  #footer .bb-footer-social > .bb-footer-shell__heading {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  #footer .bb-footer-social > p {
    display: none !important;
  }

  #footer .bb-footer-social__links a:hover {
    border-bottom-color: #C63C36 !important;
    border: 0 !important;
    color: #C63C36 !important;
    text-decoration: none !important;
  }

  #footer .bb-info-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 0 64px !important;
  }

  #footer .bb-info-grid > .bb-footer-native-block {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #footer .bb-info-grid
  > .bb-footer-native-block:first-child
  > :first-child {
    display: none !important;
  }

  #footer .bb-info-grid
  > .bb-footer-native-block:nth-child(2)
  > .pageElement__heading {
    margin: -51px 0 25px !important;
  }

  #footer .bb-footer-social {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 30px !important;
    margin: 54px 0 0 !important;
    padding: 25px 0 0 !important;
    border-top: 1px solid rgba(255,255,255,.13) !important;
    margin-top: 58px !important;
    padding-top: 25px !important;
  }

  #footer .bb-footer-social
  > .bb-footer-shell__heading {
    margin: 0 34px 0 0 !important;
  }

  #footer .bb-footer-social__links {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 30px !important;
  }

  #footer .bb-footer-social__links a {
    border-bottom: 1px solid rgba(255,255,255,.38) !important;
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    transition: color .2s ease !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: none !important;
  }

  #footer .bb-footer-newsletter form {
    margin-top: 54px !important;
  }

  #footer .bb-footer-newsletter button {
    margin-top: 22px !important;
  }

  #footer .bb-footer-newsletter form.bb-newsletter-form {
    margin-top: 34px !important;
    transform: translateY(22px) !important;
  }

}

@media (min-width: 1200px) {
  #footer .custom-footer,
  #footer .bb-footer-features__inner {
    width: calc(100% - 64px) !important;
  }

}

/* ==========================================================
   MOBIL – FINÁLNY FOOTER
   Tento blok je zámerne úplne posledný v súbore, aby mobilné
   pravidlá už neprepísal tabletový breakpoint max-width: 1100px.
   ========================================================== */

@media (max-width: 767px) {

  /* Bezpečné bočné okraje */
  #footer .bb-footer-features__inner,
  #footer .custom-footer,
  #footer .bb-footer-slogan,
  #footer .footer-bottom {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  /* Horné štyri benefity – vždy jeden pod druhým */
  #footer .bb-footer-features__inner {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    padding-top: 44px !important;
    padding-bottom: 44px !important;
  }

  #footer .bb-footer-feature {
    width: 100% !important;
    padding: 28px 0 !important;
  }

  #footer .bb-footer-feature:first-child {
    padding-top: 0 !important;
  }

  #footer .bb-footer-feature:last-child {
    padding-bottom: 0 !important;
  }

  #footer .bb-footer-feature + .bb-footer-feature {
    border-top: 1px solid rgba(255,255,255,.09) !important;
  }

  #footer .bb-footer-feature__icon {
    margin-bottom: 15px !important;
  }

  #footer .bb-footer-feature > i {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 17px !important;
    background-size: 37px 37px !important;
  }

  #footer .bb-footer-feature strong {
    max-width: 100% !important;
    font-size: 23px !important;
    line-height: 1.08 !important;
  }

  #footer .bb-footer-feature > span {
    max-width: 100% !important;
  }

  /* Hlavná časť footeru – prirodzené skladanie pod seba */
  #footer .bb-footer-shell {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 38px !important;
    margin: 0 !important;
    padding: 46px 0 48px !important;
  }

  #footer .bb-footer-shell__column,
  #footer .bb-footer-shell__column--newsletter,
  #footer .bb-footer-newsletter {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  #footer .bb-footer-shell__heading {
    margin: 0 0 17px !important;
    font-size: 22px !important;
    line-height: 1.14 !important;
  }

  /* Newsletter – bez desktopového posunu */
  #footer .bb-footer-newsletter form,
  #footer .bb-footer-newsletter form.bb-newsletter-form {
    width: 100% !important;
    margin-top: 27px !important;
    transform: none !important;
  }

  #footer .bb-footer-newsletter input[type="email"] {
    width: 100% !important;
    height: 50px !important;
    font-size: 16px !important;
  }

  #footer .bb-newsletter-consent {
    max-width: 100% !important;
  }

  #footer .bb-footer-newsletter button {
    margin-top: 18px !important;
    font-size: 19px !important;
  }

  /* Sociálne siete – pod newsletterom, odkazy vedľa seba */
  #footer .bb-footer-social {
    display: block !important;
    width: 100% !important;
    margin: 34px 0 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
  }

  #footer .bb-footer-social > .bb-footer-shell__heading {
    margin: 0 0 14px !important;
  }

  #footer .bb-footer-social > p {
    display: block !important;
    max-width: 100% !important;
    margin-bottom: 17px !important;
  }

  #footer .bb-footer-social__links {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 12px 25px !important;
  }

  #footer .bb-footer-social__links a {
    padding: 0 !important;
    border: 0 !important;
    text-decoration: none !important;
  }

  /* Kontakt, Poradňa a informačné bloky */
  #footer .bb-footer-native-block {
    margin-bottom: 24px !important;
  }

  #footer .bb-info-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 31px !important;
  }

  #footer .bb-info-grid > .bb-footer-native-block {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Pôvodný technický nadpis „Info“ sa na mobile nezobrazuje */
  #footer .bb-info-grid
  > .bb-footer-native-block:first-child
  > :first-child {
    display: none !important;
  }

  #footer .bb-info-grid
  > .bb-footer-native-block:nth-child(2)
  > .pageElement__heading {
    margin: 0 0 20px !important;
  }

  #footer .bb-info-grid
  > .bb-footer-native-block:nth-child(2)
  > .pageElement__heading,
  #footer .bb-info-grid
  > .bb-footer-native-block:nth-child(2)
  > .pageElement__heading > span {
    font-size: 22px !important;
    line-height: 1.14 !important;
  }

  #footer .bb-footer-shell
  > .bb-footer-shell__column:nth-child(2)
  > .bb-footer-shell__heading:not(:first-child) {
    margin-top: 27px !important;
    margin-bottom: 17px !important;
  }

  /* Slogan a spodná časť */
  #footer .bb-footer-slogan {
    padding: 25px 0 22px !important;
    font-size: 13px !important;
    line-height: 1.62 !important;
    text-align: left !important;
  }

  #footer .footer-bottom {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding-bottom: 30px !important;
    text-align: left !important;
  }
}