/* =========================================================
   mimix NATUR – Shoptet Samba LIVE CLEAN PREMIUM
   Čistá verze bez starých historických selectorů.
   ========================================================= */

:root {
  --mn-bg: #07140d;
  --mn-bg-2: #0b2014;
  --mn-panel: #102c1c;
  --mn-panel-2: #143822;
  --mn-green: #1f5635;
  --mn-green-soft: #2f7046;
  --mn-gold: #d9b574;
  --mn-gold-soft: #efd18e;
  --mn-cream: #f4efe5;
  --mn-muted: rgba(244,239,229,.72);
  --mn-line: rgba(217,181,116,.25);
  --mn-line-strong: rgba(217,181,116,.48);
  --mn-serif: "Cormorant Garamond", Georgia, serif;
  --mn-sans: "Inter", Arial, sans-serif;
  --mn-container: 1500px;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--mn-gold) var(--mn-bg-2);
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 13px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: linear-gradient(180deg, var(--mn-bg), var(--mn-panel), var(--mn-bg));
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--mn-gold-soft), #a8c842, var(--mn-gold));
  border-radius: 99px;
  border: 3px solid var(--mn-bg-2);
}

body.mn-samba-live {
  margin: 0;
  font-family: var(--mn-sans);
  color: var(--mn-cream);
  background:
    radial-gradient(circle at 18% 0%, rgba(168,200,66,.11), transparent 30%),
    radial-gradient(circle at 78% 12%, rgba(217,181,116,.08), transparent 28%),
    linear-gradient(180deg, var(--mn-bg) 0%, var(--mn-bg-2) 46%, #102c1c 100%);
}

/* Desktop custom header; mobile keeps native Shoptet */
@media (min-width: 1101px) {
  body.mn-samba-live #header,
  body.mn-samba-live .header,
  body.mn-samba-live .header-top,
  body.mn-samba-live .header-bottom,
  body.mn-samba-live .navigation-wrapper,
  body.mn-samba-live .navigation-in,
  body.mn-samba-live .top-navigation-bar {
    display: none !important;
  }
}

@media (max-width: 1100px) {
  .mnx-topbar,
  .mnx-header {
    display: none !important;
  }
}

/* Homepage custom content */
body.mn-samba-live-home.mnx-ready #content,
body.mn-samba-live-home.mnx-ready .content,
body.mn-samba-live-home.mnx-ready .content-wrapper,
body.mn-samba-live-home.mnx-ready .content-inner,
body.mn-samba-live-home.mnx-ready .main,
body.mn-samba-live-home.mnx-ready .main-content {
  display: none !important;
}

/* Top bar */
.mnx-topbar {
  background: rgba(7,20,13,.96);
  color: var(--mn-gold);
  border-bottom: 1px solid var(--mn-line);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .07em;
  text-transform: uppercase;
}

.mnx-topbar__inner {
  max-width: var(--mn-container);
  min-height: 32px;
  margin: 0 auto;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
}

.mnx-topbar__item {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  transform: translateY(-1px);
}

.mnx-topbar__item:nth-child(1) { justify-self: start; }
.mnx-topbar__item:nth-child(2) { justify-self: center; }
.mnx-topbar__item:nth-child(3) { justify-self: end; }

/* Header */
.mnx-header {
  background:
    linear-gradient(90deg, rgba(7,20,13,.94), rgba(18,54,34,.94)),
    radial-gradient(circle at 70% 50%, rgba(217,181,116,.08), transparent 34%);
  border-bottom: 1px solid var(--mn-line);
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
}

.mnx-header__inner {
  max-width: var(--mn-container);
  min-height: 108px;
  margin: 0 auto;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 210px minmax(0, 1fr) 345px;
  align-items: center;
  gap: 22px;
}

.mnx-logo {
  width: 200px;
  height: 96px;
  display: inline-flex;
  align-items: center;
  text-decoration: none !important;
}

.mnx-logo img {
  width: 185px;
  max-height: 78px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 7px 12px rgba(0,0,0,.28));
}

/* Premium subtle icon menu */
.mnx-nav {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(6, minmax(80px, 1fr));
  align-items: stretch;
  gap: 8px;
}

.mnx-nav a {
  min-height: 72px;
  padding: 10px 8px;
  border-radius: 16px;
  border: 1px solid transparent;
  color: var(--mn-cream) !important;
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
  transition: .18s ease;
}

.mnx-nav a:hover,
.mnx-nav a.mnx-nav-featured {
  border-color: var(--mn-line-strong);
  background:
    radial-gradient(circle at 50% 0%, rgba(217,181,116,.13), transparent 45%),
    rgba(255,255,255,.045);
  transform: translateY(-1px);
}

.mnx-nav-icon {
  width: 28px;
  height: 28px;
  color: var(--mn-gold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mnx-nav-icon svg {
  width: 28px;
  height: 28px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.65;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mnx-nav-title {
  color: var(--mn-cream);
  font-size: 12px;
  line-height: 1.08;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .035em;
}

.mnx-nav-sub {
  color: var(--mn-muted);
  font-size: 11px;
  line-height: 1.1;
}

/* Actions */
.mnx-actions {
  width: 345px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 13px;
}

.mnx-search {
  flex: 0 0 205px;
  width: 205px;
  height: 46px;
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0;
  padding: 0 13px 0 17px;
  border: 1px solid rgba(217,181,116,.40);
  border-radius: 999px;
  background: rgba(255,255,255,.045);
}

.mnx-search input {
  flex: 1;
  min-width: 0;
  height: 38px;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  color: var(--mn-cream) !important;
  padding: 0 !important;
  box-shadow: none !important;
  font-size: 13px;
}

.mnx-search input::placeholder { color: rgba(244,239,229,.62); }

.mnx-search button {
  border: 0 !important;
  background: transparent !important;
  color: var(--mn-gold) !important;
  padding: 0 !important;
  width: 26px;
  height: 26px;
  cursor: pointer;
}

.mnx-action {
  color: var(--mn-cream) !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 900;
  line-height: 1.08;
  white-space: nowrap;
}

.mnx-icon {
  width: 23px;
  height: 23px;
  color: var(--mn-gold);
  display: inline-flex;
}

.mnx-icon svg {
  width: 23px;
  height: 23px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mnx-count {
  display: inline-grid;
  place-items: center;
  min-width: 19px;
  height: 19px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--mn-gold);
  color: var(--mn-bg);
  font-size: 10px;
  font-weight: 900;
}

@media (max-width: 1420px) and (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 175px minmax(0, 1fr) 285px;
    gap: 14px;
  }

  .mnx-logo { width: 168px; }
  .mnx-logo img { width: 155px; }

  .mnx-nav { gap: 4px; }
  .mnx-nav a { min-height: 68px; padding-left: 4px; padding-right: 4px; }
  .mnx-nav-title { font-size: 10.5px; }
  .mnx-nav-sub { font-size: 9.5px; }
  .mnx-nav-icon,
  .mnx-nav-icon svg { width: 24px; height: 24px; }

  .mnx-actions { width: 285px; gap: 8px; }
  .mnx-search { flex-basis: 168px; width: 168px; }
  .mnx-action .mnx-label { display: none; }
}

/* Hero */
.mnx-hero {
  background: var(--mn-bg);
  border-bottom: 1px solid var(--mn-line);
}

.mnx-hero-link,
.mnx-hero picture,
.mnx-hero img {
  display: block;
  width: 100%;
}

.mnx-hero-link {
  position: relative;
  color: inherit !important;
  text-decoration: none !important;
}

.mnx-hero img {
  height: auto;
  object-fit: cover;
}

.mnx-cta-hotspot {
  position: absolute;
  left: 4.8%;
  bottom: 12%;
  width: 260px;
  height: 76px;
  border-radius: 16px;
}

.mnx-mobile-cta {
  display: none;
  padding: 14px 20px 20px;
  text-align: center;
  background: var(--mn-green);
}

.mnx-btn {
  display: inline-flex;
  min-height: 46px;
  align-items: center;
  justify-content: center;
  padding: 0 26px;
  border-radius: 12px;
  background: linear-gradient(180deg, var(--mn-gold-soft), var(--mn-gold));
  color: var(--mn-bg) !important;
  text-decoration: none !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
}

/* Benefits */
.mnx-benefits {
  background: linear-gradient(180deg, var(--mn-bg), var(--mn-bg-2));
  padding: 20px 28px 14px;
}

.mnx-benefits-grid {
  max-width: var(--mn-container);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border: 1px solid var(--mn-line-strong);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(18,54,34,.56);
  box-shadow: 0 18px 42px rgba(0,0,0,.18);
}

.mnx-benefit {
  min-height: 88px;
  padding: 18px 20px;
  display: grid;
  grid-template-columns: 54px 1fr;
  gap: 14px;
  align-items: center;
  border-right: 1px solid var(--mn-line);
}

.mnx-benefit:last-child { border-right: 0; }

.mnx-benefit-icon {
  width: 50px;
  height: 50px;
  border: 2px solid rgba(217,181,116,.78);
  border-radius: 999px;
  display: grid;
  place-items: center;
  color: var(--mn-gold);
}

.mnx-benefit-icon svg {
  width: 27px;
  height: 27px;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.mnx-benefit strong {
  display: block;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--mn-cream);
  font-size: 15px;
  margin-bottom: 4px;
}

.mnx-benefit span {
  color: var(--mn-muted);
  font-size: 13px;
}

/* Premium cards */
.mnx-category-cards {
  background: linear-gradient(180deg, var(--mn-bg-2), #0a1a12);
  padding: 14px 28px 38px;
}

.mnx-card-grid {
  max-width: var(--mn-container);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
}

.mnx-card {
  min-height: 190px;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  color: var(--mn-cream) !important;
  text-decoration: none !important;
  border: 1px solid var(--mn-line);
  background-color: var(--mn-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  box-shadow: 0 18px 42px rgba(0,0,0,.24);
  transition: .2s ease;
}

.mnx-card:hover {
  transform: translateY(-3px);
  border-color: rgba(217,181,116,.72);
  box-shadow: 0 24px 54px rgba(0,0,0,.34);
}

.mnx-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    radial-gradient(circle at 70% 18%, rgba(217,181,116,.18), transparent 26%),
    linear-gradient(180deg, rgba(7,20,13,.08) 8%, rgba(7,20,13,.28) 40%, rgba(7,20,13,.82) 100%);
}

.mnx-card::after {
  content: "";
  position: absolute;
  inset: 12px;
  z-index: 0;
  border: 1px solid rgba(217,181,116,.18);
  border-radius: 15px;
  pointer-events: none;
}

.mnx-card-content {
  position: relative;
  z-index: 1;
  padding: 20px;
  text-shadow: 0 2px 12px rgba(0,0,0,.42);
}

.mnx-card-title {
  display: block;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .035em;
  line-height: 1.02;
  margin-bottom: 5px;
}

.mnx-card-sub {
  display: block;
  font-size: 13px;
  color: var(--mn-muted);
}

.mnx-card--gift { --mn-card-bg: linear-gradient(135deg, #1f5635 0%, #07140d 100%); }
.mnx-card--natural { --mn-card-bg: radial-gradient(circle at 70% 30%, #8b6630, transparent 34%), linear-gradient(135deg, #123622, #07140d); }
.mnx-card--sweet { --mn-card-bg: radial-gradient(circle at 70% 25%, #8f4d3c, transparent 34%), linear-gradient(135deg, #123622, #07140d); }
.mnx-card--granola { --mn-card-bg: radial-gradient(circle at 70% 25%, #966a2f, transparent 34%), linear-gradient(135deg, #123622, #07140d); }
.mnx-card--matcha { --mn-card-bg: radial-gradient(circle at 72% 28%, #79a747, transparent 34%), linear-gradient(135deg, #123622, #07140d); }
.mnx-card--fruit { --mn-card-bg: radial-gradient(circle at 72% 28%, #9b4d36, transparent 34%), linear-gradient(135deg, #123622, #07140d); }

.mnx-card--gift {
  background-image: url("/user/documents/upload/mimix-samba/mnx-card-gift.webp");
  background-position: center center;
}

.mnx-card--natural {
  background-image: url("/user/documents/upload/mimix-samba/mnx-card-natural.webp");
  background-position: center center;
}

.mnx-card--sweet {
  background-image: url("/user/documents/upload/mimix-samba/mnx-card-sweet.webp");
  background-position: center center;
}

.mnx-card--granola {
  background-image: url("/user/documents/upload/mimix-samba/mnx-card-granola.webp");
  background-position: center center;
}

.mnx-card--matcha {
  background-image: url("/user/documents/upload/mimix-samba/mnx-card-matcha.webp");
  background-position: center center;
}

.mnx-card--fruit {
  background-image: url("/user/documents/upload/mimix-samba/mnx-card-lyo.webp");
  background-position: center center;
}

/* Cream strip */
.mnx-cream-strip {
  background: var(--mn-cream);
  color: var(--mn-bg);
  border-top: 1px solid var(--mn-line-strong);
  padding: 22px 28px;
}

.mnx-cream-grid {
  max-width: var(--mn-container);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.mnx-cream-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 11px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .035em;
  font-size: 14px;
}

.mnx-cream-item .mnx-icon {
  color: var(--mn-green);
}

/* Story */
.mnx-story {
  padding: 58px 0 68px;
  background:
    radial-gradient(circle at 75% 35%, rgba(168,200,66,.13), transparent 30%),
    linear-gradient(90deg, #123622, #225636);
}

.mnx-story-box {
  max-width: var(--mn-container);
  width: calc(100% - 56px);
  margin: 0 auto;
  padding: clamp(32px, 4vw, 56px);
  border-radius: 30px;
  background:
    radial-gradient(circle at 85% 30%, rgba(184,212,107,.09), transparent 34%),
    rgba(7,20,13,.62);
  border: 1px solid var(--mn-line);
  box-shadow: 0 18px 46px rgba(0,0,0,.20);
}

.mnx-kicker {
  display: block;
  color: var(--mn-gold);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.mnx-story-title {
  display: block;
  font-family: var(--mn-serif);
  color: var(--mn-gold);
  font-size: clamp(34px, 4vw, 64px);
  white-space: nowrap;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: .02em;
  margin: 7px 0 28px;
}

.mnx-story p {
  color: rgba(244,239,229,.88);
  font-size: clamp(17px, 1.12vw, 20px);
  line-height: 1.52;
  max-width: 1180px;
  margin: 0 0 24px;
}

/* Internal pages */
body.mn-samba-live:not(.mn-samba-live-home) .mnx-hero,
body.mn-samba-live:not(.mn-samba-live-home) .mnx-benefits,
body.mn-samba-live:not(.mn-samba-live-home) .mnx-category-cards,
body.mn-samba-live:not(.mn-samba-live-home) .mnx-cream-strip,
body.mn-samba-live:not(.mn-samba-live-home) .mnx-story {
  display: none !important;
}

body.mn-samba-live:not(.mn-samba-live-home) .sidebar,
body.mn-samba-live:not(.mn-samba-live-home) aside.sidebar,
body.mn-samba-live:not(.mn-samba-live-home) .sidebar-left,
body.mn-samba-live:not(.mn-samba-live-home) .sidebar-right,
body.mn-samba-live:not(.mn-samba-live-home) .left-sidebar,
body.mn-samba-live:not(.mn-samba-live-home) .right-sidebar,
body.mn-samba-live:not(.mn-samba-live-home) .sidebar-wrapper,
body.mn-samba-live:not(.mn-samba-live-home) .box-categories,
body.mn-samba-live:not(.mn-samba-live-home) .categories,
body.mn-samba-live:not(.mn-samba-live-home) .category-menu {
  display: none !important;
}

body.mn-samba-live:not(.mn-samba-live-home) .content-wrapper,
body.mn-samba-live:not(.mn-samba-live-home) .content-inner,
body.mn-samba-live:not(.mn-samba-live-home) #content,
body.mn-samba-live:not(.mn-samba-live-home) .content,
body.mn-samba-live:not(.mn-samba-live-home) .main,
body.mn-samba-live:not(.mn-samba-live-home) .main-content {
  max-width: var(--mn-container) !important;
  width: calc(100% - 56px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  float: none !important;
}

body.mn-samba-live:not(.mn-samba-live-home) .content-wrapper,
body.mn-samba-live:not(.mn-samba-live-home) .content-inner,
body.mn-samba-live:not(.mn-samba-live-home) #content {
  margin-top: 36px !important;
  margin-bottom: 56px !important;
  padding: clamp(30px, 4vw, 58px) !important;
  background:
    radial-gradient(circle at 80% 0%, rgba(168,200,66,.14), transparent 34%),
    linear-gradient(135deg, rgba(34,86,54,.88), rgba(7,20,13,.92)) !important;
  border: 1px solid var(--mn-line) !important;
  border-radius: 30px !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.34) !important;
  overflow: hidden !important;
}

body.mn-samba-live:not(.mn-samba-live-home) .breadcrumbs,
body.mn-samba-live:not(.mn-samba-live-home) .breadcrumb,
body.mn-samba-live:not(.mn-samba-live-home) .navigation-breadcrumbs,
body.mn-samba-live:not(.mn-samba-live-home) .breadcrumbs *,
body.mn-samba-live:not(.mn-samba-live-home) .breadcrumb * {
  color: rgba(231,199,123,.92) !important;
}

/* Empty category */
body.mn-samba-live.mnx-empty-category h1 {
  display: none !important;
}

body.mn-samba-live.mnx-empty-category .mnx-empty-premium {
  width: min(100%, 1040px) !important;
  margin: 18px auto 22px !important;
  padding: clamp(34px, 4vw, 56px) !important;
  text-align: center !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 85% 0%, rgba(168,200,66,.14), transparent 38%),
    linear-gradient(180deg, rgba(11,32,20,.92), rgba(7,20,13,.88)) !important;
  border: 1px solid var(--mn-line) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.28) !important;
}

body.mn-samba-live.mnx-empty-category .mnx-empty-icon {
  width: 74px !important;
  height: 74px !important;
  margin: 0 auto 20px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 999px !important;
  border: 2px solid rgba(168,200,66,.74) !important;
  color: var(--mn-leaf-soft) !important;
  background: rgba(255,255,255,.04) !important;
}

body.mn-samba-live.mnx-empty-category .mnx-empty-icon svg {
  width: 40px !important;
  height: 40px !important;
  stroke: currentColor !important;
  fill: none !important;
  stroke-width: 1.8 !important;
}

body.mn-samba-live.mnx-empty-category .mnx-empty-premium h2 {
  font-family: var(--mn-serif) !important;
  color: var(--mn-gold) !important;
  font-size: clamp(34px, 4vw, 58px) !important;
  line-height: .98 !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
  margin: 0 0 18px !important;
}

body.mn-samba-live.mnx-empty-category .mnx-empty-premium p {
  color: rgba(244,239,229,.86) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  max-width: 760px !important;
  margin: 0 auto 24px !important;
}

body.mn-samba-live.mnx-empty-category .mnx-empty-actions {
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
}

body.mn-samba-live.mnx-empty-category .mnx-empty-actions a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 46px !important;
  padding: 0 24px !important;
  border-radius: 12px !important;
  text-decoration: none !important;
  font-weight: 900 !important;
}

body.mn-samba-live.mnx-empty-category .mnx-empty-primary {
  background: linear-gradient(180deg, var(--mn-gold-soft), var(--mn-gold)) !important;
  color: var(--mn-bg) !important;
}

body.mn-samba-live.mnx-empty-category .mnx-empty-secondary {
  border: 1px solid var(--mn-line-strong) !important;
  color: var(--mn-cream) !important;
  background: rgba(255,255,255,.06) !important;
}

body.mn-samba-live.mnx-empty-category .empty-content,
body.mn-samba-live.mnx-empty-category .products-empty,
body.mn-samba-live.mnx-empty-category .empty-category,
body.mn-samba-live.mnx-empty-category .not-found,
body.mn-samba-live.mnx-empty-category .no-products {
  display: none !important;
}

/* Hide native newsletter */
body.mn-samba-live .newsletter,
body.mn-samba-live .newsletter-wrapper,
body.mn-samba-live .subscribe-form,
body.mn-samba-live .newsletters,
body.mn-samba-live .footer-newsletter,
body.mn-samba-live .newsletter-section {
  display: none !important;
}

/* Footer */
body.mn-samba-live .copyright,
body.mn-samba-live [class*="copyright"],
body.mn-samba-live .footer-bottom,
body.mn-samba-live [class*="footer-bottom"],
body.mn-samba-live .signature,
body.mn-samba-live .created-by,
body.mn-samba-live [class*="created"],
body.mn-samba-live [class*="signature"],
body.mn-samba-live [class*="shoptet"] {
  display: none !important;
}

body.mn-samba-live footer,
body.mn-samba-live .footer,
body.mn-samba-live #footer,
body.mn-samba-live .footer-wrapper,
body.mn-samba-live .footer-in {
  background: linear-gradient(90deg, #0d2417 0%, #184329 50%, #0d2417 100%) !important;
  border: 0 !important;
  border-top: 1px solid var(--mn-line) !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.mn-samba-live .mnx-custom-footer {
  width: 100%;
  min-height: 46px;
  padding: 12px 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  flex-wrap: wrap;
  box-sizing: border-box;
  background: linear-gradient(90deg, #0d2417 0%, #184329 50%, #0d2417 100%);
  color: rgba(244,239,229,.84);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
}

body.mn-samba-live .mnx-custom-footer strong {
  color: rgba(244,239,229,.92);
  font-weight: 900;
}

body.mn-samba-live .mnx-custom-footer a {
  color: rgba(231,199,123,.96) !important;
  font-weight: 900;
  text-decoration: none !important;
}

/* Responsive */
@media (max-width: 1100px) {
  .mnx-benefits,
  .mnx-category-cards,
  .mnx-cream-strip {
    padding-left: 18px;
    padding-right: 18px;
  }

  .mnx-benefits-grid,
  .mnx-card-grid,
  .mnx-cream-grid {
    grid-template-columns: 1fr;
  }

  .mnx-card {
    min-height: 160px;
  }

  .mnx-cta-hotspot { display: none; }
  .mnx-mobile-cta { display: block; }
}

@media (max-width: 700px) {
  .mnx-topbar__inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .mnx-topbar__item {
    justify-self: center !important;
  }

  .mnx-benefit {
    grid-template-columns: 48px 1fr;
  }

  .mnx-story-title {
    white-space: normal;
    font-size: clamp(34px, 9vw, 48px);
  }
}


/* =========================================================
   LIVE – header přesné zóny podle mockupu
   logo | menu | hledání/účet/košík
   ========================================================= */

@media (min-width: 1101px) {
  .mnx-topbar {
    height: 44px !important;
    background: #07140d !important;
    border-bottom: 1px solid rgba(217,181,116,.34) !important;
  }

  .mnx-topbar__inner {
    max-width: 1500px !important;
    min-height: 44px !important;
    padding: 0 34px !important;
  }

  .mnx-header {
    background:
      linear-gradient(90deg, rgba(7,20,13,.98), rgba(13,34,22,.96) 52%, rgba(18,54,34,.97)),
      radial-gradient(circle at 60% 40%, rgba(168,200,66,.11), transparent 34%) !important;
    border-bottom: 1px solid rgba(217,181,116,.30) !important;
  }

  .mnx-header__inner {
    max-width: 1500px !important;
    width: 100% !important;
    min-height: 126px !important;
    margin: 0 auto !important;
    padding: 0 34px !important;

    display: grid !important;
    grid-template-columns: 230px minmax(720px, 820px) 360px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 22px !important;
    box-sizing: border-box !important;
  }

  .mnx-logo {
    width: 220px !important;
    height: 104px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }

  .mnx-logo img {
    width: 205px !important;
    max-height: 86px !important;
    object-fit: contain !important;
  }

  /* menu jako navigační pruh z mockupu, ne tlačítka */
  .mnx-nav {
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 0 !important;
    align-items: stretch !important;
    border-left: 1px solid rgba(217,181,116,.18) !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
    overflow: hidden !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-width: 0 !important;
    min-height: 96px !important;
    padding: 10px 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    text-align: center !important;
  }

  .mnx-nav a:last-child {
    border-right: 0 !important;
  }

  .mnx-nav a:hover {
    background: linear-gradient(180deg, rgba(217,181,116,.075), rgba(255,255,255,.012)) !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 28px !important;
    height: 28px !important;
  }

  .mnx-nav-icon {
    color: var(--mn-gold) !important;
  }

  .mnx-nav-title {
    color: var(--mn-cream) !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
    max-width: 104px !important;
    white-space: normal !important;
  }

  .mnx-nav-featured .mnx-nav-title {
    color: var(--mn-cream) !important;
  }

  .mnx-nav-sub {
    color: rgba(244,239,229,.74) !important;
    font-size: 10px !important;
    line-height: 1.12 !important;
    font-weight: 500 !important;
    max-width: 104px !important;
    white-space: normal !important;
  }

  /* pravý blok má pevnou šířku a vlastní prostor */
  .mnx-actions {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 4 !important;
  }

  .mnx-search {
    flex: 0 0 210px !important;
    width: 210px !important;
    min-width: 210px !important;
    height: 48px !important;
    padding-left: 18px !important;
    padding-right: 13px !important;
  }

  .mnx-search input {
    font-size: 13px !important;
  }

  .mnx-action {
    font-size: 13px !important;
    gap: 6px !important;
  }

  .mnx-icon,
  .mnx-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .mnx-count {
    min-width: 19px !important;
    height: 19px !important;
  }
}

/* Notebook – stále tři jasné zóny, žádný překryv */
@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    max-width: none !important;
    grid-template-columns: 180px minmax(610px, 1fr) 310px !important;
    padding-left: 26px !important;
    padding-right: 26px !important;
    gap: 14px !important;
  }

  .mnx-logo {
    width: 170px !important;
  }

  .mnx-logo img {
    width: 160px !important;
    max-height: 72px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 88px !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 23px !important;
    height: 23px !important;
  }

  .mnx-nav-title {
    font-size: 9.5px !important;
    max-width: 82px !important;
  }

  .mnx-nav-sub {
    font-size: 9px !important;
    max-width: 82px !important;
  }

  .mnx-actions {
    width: 310px !important;
    min-width: 310px !important;
    max-width: 310px !important;
    gap: 9px !important;
  }

  .mnx-search {
    flex-basis: 178px !important;
    width: 178px !important;
    min-width: 178px !important;
    height: 44px !important;
  }

  .mnx-action .mnx-label {
    display: none !important;
  }
}

/* Menší desktop – pokud není prostor, schovat podtext menu */
@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 150px minmax(520px, 1fr) 270px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    gap: 10px !important;
  }

  .mnx-logo img {
    width: 138px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 72px !important;
  }

  .mnx-actions {
    width: 270px !important;
    min-width: 270px !important;
    max-width: 270px !important;
  }

  .mnx-search {
    flex-basis: 160px !important;
    width: 160px !important;
    min-width: 160px !important;
  }
}

/* karty dole trochu méně rozmazané / prémiovější */
.mnx-card {
  border-color: rgba(217,181,116,.42) !important;
}

.mnx-card::before {
  background:
    radial-gradient(circle at 66% 22%, rgba(217,181,116,.16), transparent 28%),
    radial-gradient(circle at 38% 0%, rgba(168,200,66,.20), transparent 30%),
    linear-gradient(180deg, rgba(7,20,13,.02), rgba(7,20,13,.72)) !important;
}


/* =========================================================
   LIVE v31 – header overlap fix + stable file version
   ========================================================= */

/* Třízónový header: logo | menu | search/actions */
@media (min-width: 1101px) {
  .mnx-header__inner {
    max-width: 1500px !important;
    width: 100% !important;
    min-height: 124px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    display: grid !important;
    grid-template-columns: 220px minmax(0, 1fr) 385px !important;
    align-items: center !important;
    gap: 26px !important;
    box-sizing: border-box !important;
  }

  .mnx-logo {
    width: 210px !important;
    min-width: 210px !important;
  }

  .mnx-logo img {
    width: 195px !important;
    max-height: 82px !important;
  }

  .mnx-nav {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    border-left: 1px solid rgba(217,181,116,.18) !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-width: 0 !important;
    overflow: hidden !important;
    min-height: 92px !important;
    padding: 9px 5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }

  .mnx-nav a:last-child {
    border-right: 0 !important;
  }

  .mnx-nav a:hover {
    background: linear-gradient(180deg, rgba(217,181,116,.07), rgba(255,255,255,.012)) !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    display: block !important;
    max-width: 96px !important;
    width: 96px !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    hyphens: auto !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  .mnx-nav-title {
    font-size: 10.4px !important;
    line-height: 1.05 !important;
  }

  .mnx-nav-sub {
    font-size: 9.5px !important;
    line-height: 1.1 !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 26px !important;
    height: 26px !important;
  }

  .mnx-actions {
    width: 385px !important;
    min-width: 385px !important;
    max-width: 385px !important;
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 12px !important;
    overflow: visible !important;
    position: relative !important;
    z-index: 10 !important;
  }

  .mnx-search {
    flex: 0 0 225px !important;
    width: 225px !important;
    min-width: 225px !important;
    height: 48px !important;
    position: relative !important;
    z-index: 11 !important;
  }

  .mnx-action {
    position: relative !important;
    z-index: 11 !important;
  }
}

/* Notebooky: podtexty necháme, ale zóny jsou pevné a menu se nesmí dotknout search */
@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    max-width: none !important;
    grid-template-columns: 168px minmax(0, 1fr) 320px !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    gap: 14px !important;
  }

  .mnx-logo {
    width: 158px !important;
    min-width: 158px !important;
  }

  .mnx-logo img {
    width: 150px !important;
    max-height: 72px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 74px !important;
    max-width: 74px !important;
  }

  .mnx-nav-title {
    font-size: 9px !important;
  }

  .mnx-nav-sub {
    font-size: 8.3px !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 22px !important;
    height: 22px !important;
  }

  .mnx-actions {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    gap: 9px !important;
  }

  .mnx-search {
    flex-basis: 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    height: 44px !important;
  }

  .mnx-action .mnx-label {
    display: none !important;
  }
}

/* Úzký desktop: podtexty pryč, menu zůstává jen ikonka + název */
@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 145px minmax(0, 1fr) 260px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    gap: 10px !important;
  }

  .mnx-logo {
    width: 135px !important;
    min-width: 135px !important;
  }

  .mnx-logo img {
    width: 128px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 66px !important;
    max-width: 66px !important;
    font-size: 8.6px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 72px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .mnx-actions {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
  }

  .mnx-search {
    flex-basis: 155px !important;
    width: 155px !important;
    min-width: 155px !important;
  }
}

/* Pojistka, aby žádný text z menu nemohl fyzicky přetéct přes search */
.mnx-nav,
.mnx-nav * {
  box-sizing: border-box !important;
}

.mnx-actions {
  background: linear-gradient(90deg, rgba(18,54,34,0), rgba(18,54,34,.92) 14%, rgba(18,54,34,.96)) !important;
}


/* =========================================================
   LIVE v32 – definitivní oddělení menu a hledání
   ========================================================= */

@media (min-width: 1101px) {
  .mnx-header__inner {
    max-width: none !important;
    width: 100% !important;
    min-height: 124px !important;
    padding-left: 38px !important;
    padding-right: 38px !important;
    grid-template-columns: 220px minmax(0, 1fr) 460px !important;
    gap: 38px !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }

  .mnx-logo {
    width: 210px !important;
    min-width: 210px !important;
  }

  .mnx-logo img {
    width: 195px !important;
  }

  .mnx-nav {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 2 !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    display: block !important;
    width: 86px !important;
    max-width: 86px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal !important;
    text-align: center !important;
  }

  .mnx-nav-title {
    font-size: 9.6px !important;
    line-height: 1.04 !important;
  }

  .mnx-nav-sub {
    font-size: 8.8px !important;
    line-height: 1.08 !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 26px !important;
    height: 26px !important;
  }

  .mnx-actions {
    width: 460px !important;
    min-width: 460px !important;
    max-width: 460px !important;
    justify-content: flex-end !important;
    gap: 14px !important;
    padding-left: 38px !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 20 !important;
    background:
      linear-gradient(90deg, rgba(18,54,34,0) 0%, rgba(18,54,34,.96) 34px, rgba(18,54,34,.98) 100%) !important;
  }

  .mnx-search {
    flex: 0 0 235px !important;
    width: 235px !important;
    min-width: 235px !important;
    height: 48px !important;
    position: relative !important;
    z-index: 21 !important;
    background: rgba(255,255,255,.055) !important;
    backdrop-filter: blur(2px);
  }

  .mnx-action {
    position: relative !important;
    z-index: 21 !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 165px minmax(0, 1fr) 400px !important;
    padding-left: 26px !important;
    padding-right: 26px !important;
    gap: 24px !important;
  }

  .mnx-logo {
    width: 155px !important;
    min-width: 155px !important;
  }

  .mnx-logo img {
    width: 148px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 86px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 68px !important;
    max-width: 68px !important;
  }

  .mnx-nav-title {
    font-size: 8.4px !important;
  }

  .mnx-nav-sub {
    font-size: 7.8px !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  .mnx-actions {
    width: 400px !important;
    min-width: 400px !important;
    max-width: 400px !important;
    gap: 10px !important;
    padding-left: 34px !important;
  }

  .mnx-search {
    flex-basis: 220px !important;
    width: 220px !important;
    min-width: 220px !important;
  }

  .mnx-action .mnx-label {
    display: none !important;
  }
}

@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 135px minmax(0, 1fr) 340px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    gap: 18px !important;
  }

  .mnx-logo {
    width: 128px !important;
    min-width: 128px !important;
  }

  .mnx-logo img {
    width: 122px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 58px !important;
    max-width: 58px !important;
    font-size: 7.9px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 70px !important;
  }

  .mnx-actions {
    width: 340px !important;
    min-width: 340px !important;
    max-width: 340px !important;
  }

  .mnx-search {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
  }
}


/* =========================================================
   LIVE v33 – kompaktnější header, bez letištního roztažení
   ========================================================= */

@media (min-width: 1101px) {
  .mnx-header__inner {
    max-width: 1500px !important;
    width: 100% !important;
    min-height: 118px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
    grid-template-columns: 190px minmax(640px, 780px) 390px !important;
    justify-content: center !important;
    gap: 28px !important;
  }

  .mnx-logo {
    width: 180px !important;
    min-width: 180px !important;
  }

  .mnx-logo img {
    width: 168px !important;
    max-height: 76px !important;
  }

  .mnx-nav {
    justify-self: center !important;
    width: 100% !important;
    max-width: 780px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 86px !important;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 82px !important;
    max-width: 82px !important;
  }

  .mnx-nav-title {
    font-size: 9.3px !important;
  }

  .mnx-nav-sub {
    font-size: 8.4px !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 23px !important;
    height: 23px !important;
  }

  .mnx-actions {
    width: 390px !important;
    min-width: 390px !important;
    max-width: 390px !important;
    padding-left: 18px !important;
    gap: 12px !important;
    background: transparent !important;
  }

  .mnx-search {
    flex-basis: 220px !important;
    width: 220px !important;
    min-width: 220px !important;
  }
}

/* Notebooky – kompaktnější, ale bez překryvu */
@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    max-width: none !important;
    grid-template-columns: 150px minmax(560px, 700px) 360px !important;
    justify-content: center !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    gap: 18px !important;
  }

  .mnx-logo {
    width: 142px !important;
    min-width: 142px !important;
  }

  .mnx-logo img {
    width: 135px !important;
  }

  .mnx-nav {
    max-width: 700px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 62px !important;
    max-width: 62px !important;
  }

  .mnx-nav-title {
    font-size: 8px !important;
  }

  .mnx-nav-sub {
    font-size: 7.4px !important;
  }

  .mnx-actions {
    width: 360px !important;
    min-width: 360px !important;
    max-width: 360px !important;
    padding-left: 14px !important;
  }

  .mnx-search {
    flex-basis: 210px !important;
    width: 210px !important;
    min-width: 210px !important;
  }
}

/* Úzký desktop */
@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 120px minmax(420px, 1fr) 320px !important;
    gap: 14px !important;
  }

  .mnx-logo {
    width: 112px !important;
    min-width: 112px !important;
  }

  .mnx-logo img {
    width: 108px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 50px !important;
    max-width: 50px !important;
    font-size: 7.3px !important;
  }

  .mnx-actions {
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
  }

  .mnx-search {
    flex-basis: 195px !important;
    width: 195px !important;
    min-width: 195px !important;
  }
}


/* =========================================================
   LIVE v34 – flex header bez překryvu + zarovnaný hero banner
   ========================================================= */

/* Desktop header přepsaný z gridu na pevný flex layout */
@media (min-width: 1101px) {
  .mnx-header__inner {
    max-width: 1500px !important;
    width: 100% !important;
    min-height: 118px !important;
    margin: 0 auto !important;
    padding: 0 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 26px !important;
    box-sizing: border-box !important;
    grid-template-columns: none !important;
  }

  .mnx-logo {
    flex: 0 0 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  .mnx-logo img {
    width: 178px !important;
    max-height: 78px !important;
  }

  .mnx-nav {
    flex: 0 1 710px !important;
    width: 710px !important;
    max-width: 710px !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(6, 1fr) !important;
    overflow: hidden !important;
    position: relative !important;
    z-index: 1 !important;
    border-left: 1px solid rgba(217,181,116,.18) !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-width: 0 !important;
    min-height: 84px !important;
    padding: 8px 4px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 72px !important;
    max-width: 72px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: normal !important;
    text-align: center !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .mnx-nav-title {
    font-size: 8.5px !important;
    line-height: 1.05 !important;
  }

  .mnx-nav-sub {
    font-size: 7.8px !important;
    line-height: 1.08 !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  .mnx-actions {
    flex: 0 0 380px !important;
    width: 380px !important;
    min-width: 380px !important;
    max-width: 380px !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    position: relative !important;
    z-index: 5 !important;
    background: transparent !important;
  }

  .mnx-search {
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 46px !important;
    position: relative !important;
    z-index: 6 !important;
  }

  .mnx-action {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 6 !important;
  }
}

/* Šířky kolem běžných notebooků */
@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    max-width: none !important;
    padding-left: 22px !important;
    padding-right: 22px !important;
    gap: 18px !important;
  }

  .mnx-logo {
    flex-basis: 145px !important;
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }

  .mnx-logo img {
    width: 136px !important;
  }

  .mnx-nav {
    flex-basis: 600px !important;
    width: 600px !important;
    max-width: 600px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 58px !important;
    max-width: 58px !important;
  }

  .mnx-nav-title {
    font-size: 7.8px !important;
  }

  .mnx-nav-sub {
    font-size: 7.1px !important;
  }

  .mnx-actions {
    flex-basis: 350px !important;
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
  }

  .mnx-search {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
  }

  .mnx-action .mnx-label {
    display: none !important;
  }
}

/* Úzký desktop – raději jen ikony + názvy */
@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-header__inner {
    gap: 12px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mnx-logo {
    flex-basis: 118px !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
  }

  .mnx-logo img {
    width: 112px !important;
  }

  .mnx-nav {
    flex-basis: 480px !important;
    width: 480px !important;
    max-width: 480px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 48px !important;
    max-width: 48px !important;
    font-size: 7px !important;
  }

  .mnx-actions {
    flex-basis: 315px !important;
    width: 315px !important;
    min-width: 315px !important;
    max-width: 315px !important;
  }

  .mnx-search {
    flex-basis: 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }
}

/* Hero banner zarovnaný do stejného kontejneru, ne přes celou obrazovku */
body.mn-samba-live .mnx-hero {
  padding: 24px 28px 18px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(168,200,66,.10), transparent 34%),
    linear-gradient(180deg, #07140d 0%, #0b2014 100%) !important;
  border-bottom: 0 !important;
}

body.mn-samba-live .mnx-hero-link {
  max-width: 1500px !important;
  margin: 0 auto !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  border: 1px solid rgba(217,181,116,.32) !important;
  box-shadow: 0 22px 54px rgba(0,0,0,.28) !important;
  background: #07140d !important;
}

body.mn-samba-live .mnx-hero img {
  display: block !important;
  width: 100% !important;
}

/* Na menších obrazovkách banner nech volnější */
@media (max-width: 1100px) {
  body.mn-samba-live .mnx-hero {
    padding: 0 !important;
  }

  body.mn-samba-live .mnx-hero-link {
    border-radius: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}


/* =========================================================
   LIVE v35 – hard header zones + hero closer to mockup
   ========================================================= */

/*
  Proč:
  Předchozí flex/grid layouty pořád dovolily, aby se menu a search
  při určité šířce potkaly. Tady jsou zóny fyzicky oddělené:
  logo vlevo, menu uprostřed, akce vpravo.
*/

@media (min-width: 1101px) {
  .mnx-header__inner {
    max-width: 1500px !important;
    width: 100% !important;
    height: 122px !important;
    min-height: 122px !important;
    margin: 0 auto !important;
    padding: 0 34px !important;
    display: block !important;
    position: relative !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  .mnx-logo {
    position: absolute !important;
    left: 34px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;
    height: 94px !important;
    display: flex !important;
    align-items: center !important;
    z-index: 3 !important;
  }

  .mnx-logo img {
    width: 198px !important;
    max-height: 82px !important;
  }

  /* Menu má vyhrazený prostor mezi logem a pravým blokem */
  .mnx-nav {
    position: absolute !important;
    left: 280px !important;
    right: 430px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: 96px !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    overflow: hidden !important;
    z-index: 2 !important;
    border-left: 1px solid rgba(217,181,116,.18) !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 96px !important;
    min-height: 96px !important;
    padding: 9px 4px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    border: 0 !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    box-sizing: border-box !important;
  }

  .mnx-nav a:last-child {
    border-right: 0 !important;
  }

  .mnx-nav a:hover {
    background: linear-gradient(180deg, rgba(217,181,116,.07), rgba(255,255,255,.012)) !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 25px !important;
    height: 25px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    display: block !important;
    width: 76px !important;
    max-width: 76px !important;
    min-width: 0 !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-align: center !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .mnx-nav-title {
    font-size: 8.9px !important;
    line-height: 1.05 !important;
  }

  .mnx-nav-sub {
    font-size: 8px !important;
    line-height: 1.08 !important;
  }

  /* Pravý blok má vlastní pevný prostor a neleží nad menu */
  .mnx-actions {
    position: absolute !important;
    right: 34px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 365px !important;
    min-width: 365px !important;
    max-width: 365px !important;
    height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    z-index: 4 !important;
    background: transparent !important;
    box-sizing: border-box !important;
  }

  .mnx-search {
    flex: 0 0 215px !important;
    width: 215px !important;
    min-width: 215px !important;
    max-width: 215px !important;
    height: 46px !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 5 !important;
  }

  .mnx-action {
    flex: 0 0 auto !important;
    position: relative !important;
    z-index: 5 !important;
  }
}

/* Běžné notebooky */
@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    max-width: none !important;
    height: 116px !important;
    min-height: 116px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .mnx-logo {
    left: 24px !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
  }

  .mnx-logo img {
    width: 142px !important;
    max-height: 70px !important;
  }

  .mnx-nav {
    left: 200px !important;
    right: 390px !important;
    height: 88px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    height: 88px !important;
    min-height: 88px !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 21px !important;
    height: 21px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 61px !important;
    max-width: 61px !important;
  }

  .mnx-nav-title {
    font-size: 7.8px !important;
  }

  .mnx-nav-sub {
    font-size: 7.1px !important;
  }

  .mnx-actions {
    right: 24px !important;
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
    gap: 10px !important;
  }

  .mnx-search {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
  }

  .mnx-action .mnx-label {
    display: none !important;
  }
}

/* Úzký desktop – podtext menu pryč, aby se nikdy nepotkalo se search */
@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-header__inner {
    height: 100px !important;
    min-height: 100px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mnx-logo {
    left: 16px !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
  }

  .mnx-logo img {
    width: 112px !important;
  }

  .mnx-nav {
    left: 150px !important;
    right: 340px !important;
    height: 72px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    height: 72px !important;
    min-height: 72px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 48px !important;
    max-width: 48px !important;
    font-size: 7px !important;
  }

  .mnx-actions {
    right: 16px !important;
    width: 310px !important;
    min-width: 310px !important;
    max-width: 310px !important;
  }

  .mnx-search {
    flex-basis: 185px !important;
    width: 185px !important;
    min-width: 185px !important;
    max-width: 185px !important;
  }
}

/* Hero podle mockupu: široký banner, ne karta s velkými okraji */
body.mn-samba-live .mnx-hero {
  padding: 0 !important;
  background: #07140d !important;
  border-bottom: 1px solid rgba(217,181,116,.28) !important;
}

body.mn-samba-live .mnx-hero-link {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: #07140d !important;
}

body.mn-samba-live .mnx-hero img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}


/* =========================================================
   LIVE v36 – širší menu podle mockupu + užší hero pod headerem
   ========================================================= */

/* Header: menu není namačkané, ale stále má pevně oddělený search */
@media (min-width: 1101px) {
  .mnx-header__inner {
    max-width: 1500px !important;
    height: 126px !important;
    min-height: 126px !important;
    padding-left: 36px !important;
    padding-right: 36px !important;
    overflow: visible !important;
  }

  .mnx-logo {
    left: 36px !important;
    width: 215px !important;
    min-width: 215px !important;
    max-width: 215px !important;
  }

  .mnx-logo img {
    width: 205px !important;
    max-height: 84px !important;
  }

  /* menu dostane širší prostor jako v mockupu */
  .mnx-nav {
    left: 285px !important;
    right: 365px !important;
    height: 100px !important;
    overflow: hidden !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    height: 100px !important;
    min-height: 100px !important;
    padding: 10px 6px !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 29px !important;
    height: 29px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 96px !important;
    max-width: 96px !important;
  }

  .mnx-nav-title {
    font-size: 10.6px !important;
    line-height: 1.05 !important;
  }

  .mnx-nav-sub {
    font-size: 9.8px !important;
    line-height: 1.12 !important;
  }

  /* pravý blok je užší, ale pořád mimo menu */
  .mnx-actions {
    right: 36px !important;
    width: 320px !important;
    min-width: 320px !important;
    max-width: 320px !important;
    gap: 10px !important;
  }

  .mnx-search {
    flex-basis: 190px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  .mnx-search input {
    font-size: 12px !important;
  }
}

/* Notebooky – širší menu, menší search */
@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    height: 118px !important;
    min-height: 118px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .mnx-logo {
    left: 24px !important;
    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
  }

  .mnx-logo img {
    width: 155px !important;
    max-height: 74px !important;
  }

  .mnx-nav {
    left: 210px !important;
    right: 335px !important;
    height: 92px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    height: 92px !important;
    min-height: 92px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 23px !important;
    height: 23px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 74px !important;
    max-width: 74px !important;
  }

  .mnx-nav-title {
    font-size: 8.7px !important;
  }

  .mnx-nav-sub {
    font-size: 8px !important;
  }

  .mnx-actions {
    right: 24px !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    gap: 9px !important;
  }

  .mnx-search {
    flex-basis: 178px !important;
    width: 178px !important;
    min-width: 178px !important;
    max-width: 178px !important;
  }

  .mnx-action .mnx-label {
    display: none !important;
  }
}

/* Úzký desktop */
@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-header__inner {
    height: 104px !important;
    min-height: 104px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mnx-logo {
    left: 16px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  .mnx-logo img {
    width: 114px !important;
  }

  .mnx-nav {
    left: 150px !important;
    right: 305px !important;
    height: 74px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    height: 74px !important;
    min-height: 74px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 50px !important;
    max-width: 50px !important;
    font-size: 7.1px !important;
  }

  .mnx-actions {
    right: 16px !important;
    width: 280px !important;
    min-width: 280px !important;
    max-width: 280px !important;
  }

  .mnx-search {
    flex-basis: 165px !important;
    width: 165px !important;
    min-width: 165px !important;
    max-width: 165px !important;
  }
}

/* Hero: užší banner pod menu, bez rámečku a bez karty */
body.mn-samba-live .mnx-hero {
  padding: 22px 28px 18px !important;
  background: linear-gradient(180deg, #07140d 0%, #0b2014 100%) !important;
  border-bottom: 0 !important;
}

body.mn-samba-live .mnx-hero-link {
  width: min(100%, 1500px) !important;
  max-width: 1500px !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  background: transparent !important;
}

body.mn-samba-live .mnx-hero img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  object-fit: cover !important;
}

/* Navazující benefit blok zarovnat na stejnou šířku */
body.mn-samba-live .mnx-benefits-grid,
body.mn-samba-live .mnx-card-grid,
body.mn-samba-live .mnx-cream-grid,
body.mn-samba-live .mnx-story-box {
  max-width: 1500px !important;
}


/* =========================================================
   LIVE v37 – menu blíž k logu + víc místa pro lyo ovoce
   ========================================================= */

@media (min-width: 1101px) {
  /* Posun menu blíž k logu, aby zůstalo víc prostoru na pravé straně */
  .mnx-nav {
    left: 255px !important;
    right: 365px !important;
  }

  /* Texty v menu mohou být o chlup širší */
  .mnx-nav-title,
  .mnx-nav-sub {
    width: 102px !important;
    max-width: 102px !important;
  }

  .mnx-nav-title {
    font-size: 10.4px !important;
  }

  .mnx-nav-sub {
    font-size: 9.6px !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-nav {
    left: 185px !important;
    right: 335px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 80px !important;
    max-width: 80px !important;
  }

  .mnx-nav-title {
    font-size: 8.5px !important;
  }

  .mnx-nav-sub {
    font-size: 7.9px !important;
  }
}

@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-nav {
    left: 138px !important;
    right: 305px !important;
  }

  .mnx-nav-title {
    width: 54px !important;
    max-width: 54px !important;
  }
}


/* =========================================================
   LIVE v38 – plné názvy menu podle zadání
   ========================================================= */

/*
  Vracíme plné názvy položek:
  Prémiové dárkové boxy, Ořechy natur, Ořechy sweet,
  Granola, Matcha, Lyofilizované ovoce.
*/

@media (min-width: 1101px) {
  /* Menu ještě o chlup víc k logu a s trochou větším prostorem */
  .mnx-nav {
    left: 245px !important;
    right: 355px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 108px !important;
    max-width: 108px !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-align: center !important;
  }

  .mnx-nav-title {
    font-size: 9.7px !important;
    line-height: 1.04 !important;
  }

  .mnx-nav-sub {
    font-size: 9px !important;
    line-height: 1.1 !important;
  }

  /* Poslední položka je nejdelší, dovolíme jí lépe zalomit text */
  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 8.7px !important;
    line-height: 1.02 !important;
    width: 116px !important;
    max-width: 116px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title {
    font-size: 8.8px !important;
    line-height: 1.02 !important;
    width: 114px !important;
    max-width: 114px !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-nav {
    left: 180px !important;
    right: 325px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 83px !important;
    max-width: 83px !important;
  }

  .mnx-nav-title {
    font-size: 7.9px !important;
  }

  .mnx-nav-sub {
    font-size: 7.3px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 92px !important;
    max-width: 92px !important;
    font-size: 7.2px !important;
  }
}

@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-nav {
    left: 135px !important;
    right: 300px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 57px !important;
    max-width: 57px !important;
    font-size: 6.8px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 66px !important;
    max-width: 66px !important;
    font-size: 6.2px !important;
  }
}


/* =========================================================
   LIVE v39 – širší menu + čistší zóna hledání + diakritika
   ========================================================= */

/*
  Cíl:
  - menu víc roztáhnout doleva k logu,
  - nechat čistý odstup před vyhledáváním,
  - delší české názvy s diakritikou lépe zalomit.
*/

@media (min-width: 1101px) {
  /* Logo necháváme o něco kompaktnější, aby menu získalo víc místa */
  .mnx-logo {
    left: 34px !important;
    width: 190px !important;
    min-width: 190px !important;
    max-width: 190px !important;
  }

  .mnx-logo img {
    width: 182px !important;
    max-height: 78px !important;
  }

  /* Menu začíná blíž k logu a končí bezpečně před hledáním */
  .mnx-nav {
    left: 230px !important;
    right: 395px !important;
    height: 100px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    height: 100px !important;
    min-height: 100px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 112px !important;
    max-width: 112px !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-align: center !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .mnx-nav-title {
    font-size: 9.45px !important;
    line-height: 1.04 !important;
    letter-spacing: .015em !important;
  }

  .mnx-nav-sub {
    font-size: 8.8px !important;
    line-height: 1.1 !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 124px !important;
    max-width: 124px !important;
    font-size: 8.45px !important;
    line-height: 1.02 !important;
  }

  /* Pravý blok odsunout a udržet čistou mezeru */
  .mnx-actions {
    right: 34px !important;
    width: 350px !important;
    min-width: 350px !important;
    max-width: 350px !important;
    gap: 10px !important;
  }

  .mnx-search {
    flex-basis: 205px !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
  }
}

/* Notebooky */
@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-logo {
    left: 22px !important;
    width: 145px !important;
    min-width: 145px !important;
    max-width: 145px !important;
  }

  .mnx-logo img {
    width: 138px !important;
  }

  .mnx-nav {
    left: 175px !important;
    right: 350px !important;
    height: 92px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 84px !important;
    max-width: 84px !important;
  }

  .mnx-nav-title {
    font-size: 7.7px !important;
    letter-spacing: .01em !important;
  }

  .mnx-nav-sub {
    font-size: 7.1px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 96px !important;
    max-width: 96px !important;
    font-size: 6.9px !important;
  }

  .mnx-actions {
    right: 22px !important;
    width: 315px !important;
    min-width: 315px !important;
    max-width: 315px !important;
  }

  .mnx-search {
    flex-basis: 188px !important;
    width: 188px !important;
    min-width: 188px !important;
    max-width: 188px !important;
  }
}

/* Úzký desktop */
@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-nav {
    left: 130px !important;
    right: 315px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 60px !important;
    max-width: 60px !important;
    font-size: 6.65px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 72px !important;
    max-width: 72px !important;
    font-size: 5.95px !important;
  }

  .mnx-actions {
    width: 290px !important;
    min-width: 290px !important;
    max-width: 290px !important;
  }

  .mnx-search {
    flex-basis: 172px !important;
    width: 172px !important;
    min-width: 172px !important;
    max-width: 172px !important;
  }
}


/* =========================================================
   LIVE v40 – header JS-managed zones, no overlap
   ========================================================= */

/*
  V40: konec ručnímu posouvání menu.
  JS po načtení spočítá skutečnou pozici pravého bloku a nastaví menu
  tak, aby fyzicky končilo před hledáním.
*/

@media (min-width: 1101px) {
  .mnx-header__inner {
    position: relative !important;
    overflow: hidden !important;
  }

  .mnx-nav {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    overflow: hidden !important;
    z-index: 2 !important;
  }

  .mnx-actions {
    position: absolute !important;
    top: 50% !important;
    right: 34px !important;
    transform: translateY(-50%) !important;
    z-index: 5 !important;
    background: #123622 !important;
    box-shadow: -18px 0 22px rgba(18,54,34,.95) !important;
  }

  .mnx-search {
    position: relative !important;
    z-index: 6 !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    box-sizing: border-box !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    text-transform: none !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-align: center !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  .mnx-nav-title {
    font-weight: 900 !important;
    letter-spacing: .01em !important;
  }
}

/* Pro desktop ponechat čitelné velikosti, JS řeší šířky */
@media (min-width: 1501px) {
  .mnx-nav-title {
    font-size: 9.2px !important;
    line-height: 1.05 !important;
  }

  .mnx-nav-sub {
    font-size: 8.4px !important;
    line-height: 1.1 !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 110px !important;
    max-width: 110px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 122px !important;
    max-width: 122px !important;
    font-size: 8.3px !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-nav-title {
    font-size: 7.6px !important;
    line-height: 1.04 !important;
  }

  .mnx-nav-sub {
    font-size: 7px !important;
    line-height: 1.08 !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 82px !important;
    max-width: 82px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 94px !important;
    max-width: 94px !important;
    font-size: 6.8px !important;
  }
}

@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 58px !important;
    max-width: 58px !important;
    font-size: 6.6px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 70px !important;
    max-width: 70px !important;
    font-size: 5.9px !important;
  }
}


/* =========================================================
   LIVE v41 – header bez překryvu: větší menu + search mimo menu
   ========================================================= */

/*
  Zásadní změna:
  - menu už nekončí těsně u vyhledávání,
  - search/actions jsou vizuálně oddělené v pravé zóně,
  - z menu odstraníme zbytečně malý text.
*/

@media (min-width: 1101px) {
  .mnx-header__inner {
    height: 138px !important;
    min-height: 138px !important;
    max-width: 1500px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .mnx-logo {
    left: 34px !important;
    width: 205px !important;
    min-width: 205px !important;
    max-width: 205px !important;
  }

  .mnx-logo img {
    width: 195px !important;
    max-height: 84px !important;
  }

  /* Menu dostává čistý prostor a končí jasně před search zónou */
  .mnx-nav {
    left: 260px !important;
    right: 430px !important;
    height: 104px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    overflow: hidden !important;
    border-left: 1px solid rgba(217,181,116,.20) !important;
    border-right: 1px solid rgba(217,181,116,.20) !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    height: 104px !important;
    min-height: 104px !important;
    padding: 10px 7px !important;
    overflow: hidden !important;
    border-right: 1px solid rgba(217,181,116,.20) !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 29px !important;
    height: 29px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 100px !important;
    max-width: 100px !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-align: center !important;
    text-transform: none !important;
    letter-spacing: .015em !important;
  }

  .mnx-nav-title {
    font-size: 10.4px !important;
    line-height: 1.08 !important;
  }

  .mnx-nav-sub {
    font-size: 9.3px !important;
    line-height: 1.12 !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 110px !important;
    max-width: 110px !important;
    font-size: 9.1px !important;
    line-height: 1.04 !important;
  }

  /* Pravá zóna: bez širokého zeleného podkladu přes menu */
  .mnx-actions {
    right: 34px !important;
    width: 365px !important;
    min-width: 365px !important;
    max-width: 365px !important;
    height: 60px !important;
    padding: 0 !important;
    gap: 12px !important;
    background: transparent !important;
    box-shadow: none !important;
    z-index: 30 !important;
  }

  .mnx-search {
    flex: 0 0 220px !important;
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    height: 46px !important;
    background: rgba(255,255,255,.045) !important;
    box-shadow: none !important;
  }

  .mnx-action {
    z-index: 31 !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    height: 128px !important;
    min-height: 128px !important;
    max-width: none !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  .mnx-logo {
    left: 24px !important;
    width: 155px !important;
    min-width: 155px !important;
    max-width: 155px !important;
  }

  .mnx-logo img {
    width: 148px !important;
  }

  .mnx-nav {
    left: 195px !important;
    right: 385px !important;
    height: 96px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    height: 96px !important;
    min-height: 96px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 24px !important;
    height: 24px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 80px !important;
    max-width: 80px !important;
  }

  .mnx-nav-title {
    font-size: 8.7px !important;
  }

  .mnx-nav-sub {
    font-size: 8px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 90px !important;
    max-width: 90px !important;
    font-size: 7.7px !important;
  }

  .mnx-actions {
    right: 24px !important;
    width: 335px !important;
    min-width: 335px !important;
    max-width: 335px !important;
    gap: 10px !important;
  }

  .mnx-search {
    flex-basis: 198px !important;
    width: 198px !important;
    min-width: 198px !important;
    max-width: 198px !important;
  }

  .mnx-action .mnx-label {
    display: none !important;
  }
}

@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-header__inner {
    height: 112px !important;
    min-height: 112px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  .mnx-logo {
    left: 16px !important;
    width: 120px !important;
    min-width: 120px !important;
    max-width: 120px !important;
  }

  .mnx-logo img {
    width: 114px !important;
  }

  .mnx-nav {
    left: 145px !important;
    right: 325px !important;
    height: 78px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    height: 78px !important;
    min-height: 78px !important;
  }

  .mnx-nav-sub {
    display: none !important;
  }

  .mnx-nav-title {
    width: 60px !important;
    max-width: 60px !important;
    font-size: 7.1px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    width: 70px !important;
    max-width: 70px !important;
    font-size: 6.3px !important;
  }

  .mnx-actions {
    right: 16px !important;
    width: 300px !important;
    min-width: 300px !important;
    max-width: 300px !important;
  }

  .mnx-search {
    flex-basis: 175px !important;
    width: 175px !important;
    min-width: 175px !important;
    max-width: 175px !important;
  }
}


/* =========================================================
   LIVE v43 – hero zasahuje až nahoru pod menu, bez zaoblení
   ========================================================= */

@media (min-width: 1101px) {
  .mnx-header {
    position: relative !important;
    z-index: 30 !important;
    margin-bottom: 0 !important;
    border-bottom: none !important;
    background: linear-gradient(90deg, rgba(4,14,10,.68), rgba(14,44,29,.58)) !important;
    box-shadow: none !important;
    backdrop-filter: blur(1px);
  }

  .mnx-header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(217,181,116,.14);
  }

  .mnx-topbar {
    position: relative;
    z-index: 31;
  }

  .mnx-hero {
    position: relative !important;
    z-index: 10 !important;
    margin-top: -140px !important;
    padding-top: 0 !important;
    background: transparent !important;
    border-bottom: none !important;
  }

  .mnx-hero-link {
    max-width: var(--mn-container) !important;
    margin: 0 auto !important;
    padding: 0 28px 0 !important;
  }

  .mnx-hero picture {
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    box-shadow: 0 24px 60px rgba(0,0,0,.28) !important;
  }

  .mnx-hero img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
  }

  .mnx-cta-hotspot {
    left: calc(28px + 4.8%) !important;
    bottom: 11.5% !important;
    width: 270px !important;
    height: 78px !important;
    border-radius: 16px !important;
  }

  .mnx-benefits {
    padding-top: 18px !important;
  }
}

@media (max-width: 1100px) {
  .mnx-hero {
    background: transparent !important;
    border-bottom: none !important;
  }

  .mnx-hero-link {
    padding: 0 !important;
  }

  .mnx-hero picture,
  .mnx-hero img {
    border-radius: 0 !important;
  }
}


/* =========================================================
   LIVE v44 – jemné dotažení menu a hero overlaye
   ========================================================= */

@media (min-width: 1101px) {
  /* Hero obrázek ještě o kousek výš až k horní lince menu */
  .mnx-hero {
    margin-top: -154px !important;
  }

  /* Zrušení krajních svislých čar okolo menu */
  .mnx-nav {
    border-left: none !important;
    border-right: none !important;
    gap: 0 !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    border-left: none !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
  }

  .mnx-nav a:last-child,
  .mnx-nav a:last-child:hover,
  .mnx-nav a:last-child.mnx-nav-featured {
    border-right: none !important;
  }

  /* Lehce větší a čitelnější texty */
  .mnx-nav-title {
    font-size: 10.9px !important;
    line-height: 1.08 !important;
  }

  .mnx-nav-sub {
    font-size: 9.55px !important;
    line-height: 1.12 !important;
  }

  /* První položka je teď kratší, takže ji můžeme dát stejně velkou */
  .mnx-nav a:first-child .mnx-nav-title {
    width: 100px !important;
    max-width: 100px !important;
    font-size: 10.9px !important;
    line-height: 1.08 !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  /* Na běžném desktopu trochu větší písmo, ale stále bez kolize se search */
  .mnx-nav {
    left: 190px !important;
    right: 384px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 82px !important;
    max-width: 82px !important;
  }

  .mnx-nav-title {
    font-size: 9.1px !important;
    line-height: 1.07 !important;
  }

  .mnx-nav-sub {
    font-size: 8.35px !important;
    line-height: 1.1 !important;
  }

  .mnx-nav a:first-child .mnx-nav-title {
    width: 82px !important;
    max-width: 82px !important;
    font-size: 9.1px !important;
  }

  .mnx-nav a:last-child .mnx-nav-title {
    width: 94px !important;
    max-width: 94px !important;
    font-size: 8.4px !important;
  }
}

@media (max-width: 1280px) and (min-width: 1101px) {
  .mnx-nav {
    border-left: none !important;
    border-right: none !important;
  }

  .mnx-nav a:last-child {
    border-right: none !important;
  }
}


/* =========================================================
   LIVE v45 – větší písmo menu + finální název Dárkové boxy
   ========================================================= */
@media (min-width: 1101px) {
  .mnx-nav-title {
    font-size: 11.8px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
  }

  .mnx-nav-sub {
    font-size: 10.2px !important;
    line-height: 1.14 !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 88px !important;
    max-width: 88px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:first-child .mnx-nav-sub {
    width: 92px !important;
    max-width: 92px !important;
  }

  .mnx-nav a:last-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-sub {
    width: 102px !important;
    max-width: 102px !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-nav {
    left: 190px !important;
    right: 390px !important;
  }

  .mnx-nav-title {
    font-size: 9.8px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
  }

  .mnx-nav-sub {
    font-size: 8.85px !important;
    line-height: 1.12 !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: 78px !important;
    max-width: 78px !important;
  }

  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:first-child .mnx-nav-sub {
    width: 86px !important;
    max-width: 86px !important;
  }

  .mnx-nav a:last-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-sub {
    width: 92px !important;
    max-width: 92px !important;
  }
}


/* =========================================================
   LIVE v46 – menu více doleva + větší a sjednocené fonty
   ========================================================= */
@media (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 180px minmax(0, 1fr) 318px !important;
    gap: 8px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .mnx-logo {
    width: 168px !important;
    height: 90px !important;
  }

  .mnx-logo img {
    width: 160px !important;
    max-height: 72px !important;
  }

  .mnx-nav {
    gap: 0 !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    margin-left: -8px !important;
    margin-right: 0 !important;
    border-left: none !important;
    border-right: none !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 92px !important;
    padding: 12px 8px !important;
    border-left: none !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
    border-radius: 0 !important;
    background: transparent !important;
    transform: none !important;
  }

  .mnx-nav a:last-child,
  .mnx-nav a:last-child.mnx-nav-featured,
  .mnx-nav a:last-child:hover {
    border-right: none !important;
  }

  .mnx-nav-icon,
  .mnx-nav-icon svg {
    width: 26px !important;
    height: 26px !important;
  }

  .mnx-nav-title,
  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 13px !important;
    line-height: 1.12 !important;
    font-weight: 900 !important;
    width: auto !important;
    max-width: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  .mnx-nav-sub,
  .mnx-nav a:first-child .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 11px !important;
    line-height: 1.18 !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
  }

  .mnx-actions {
    width: 318px !important;
    gap: 10px !important;
  }

  .mnx-search {
    flex: 0 0 190px !important;
    width: 190px !important;
    padding-left: 15px !important;
    padding-right: 11px !important;
  }

  .mnx-search input {
    font-size: 13px !important;
  }

  .mnx-action {
    font-size: 12px !important;
    gap: 5px !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 170px minmax(0, 1fr) 300px !important;
    gap: 6px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .mnx-logo {
    width: 156px !important;
  }

  .mnx-logo img {
    width: 150px !important;
  }

  .mnx-nav {
    margin-left: -10px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 88px !important;
    padding: 11px 6px !important;
  }

  .mnx-nav-title,
  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 11.4px !important;
    line-height: 1.1 !important;
  }

  .mnx-nav-sub,
  .mnx-nav a:first-child .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 10px !important;
    line-height: 1.12 !important;
  }

  .mnx-actions {
    width: 300px !important;
    gap: 8px !important;
  }

  .mnx-search {
    flex-basis: 182px !important;
    width: 182px !important;
  }

  .mnx-action {
    font-size: 11.5px !important;
  }
}


/* =========================================================
   LIVE v47 – menu více vlevo, hero výš, spodní bloky zarovnat
   ========================================================= */
@media (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 158px minmax(0, 1fr) 286px !important;
    gap: 4px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .mnx-logo {
    width: 146px !important;
    height: 88px !important;
  }

  .mnx-logo img {
    width: 142px !important;
    max-height: 68px !important;
  }

  .mnx-nav {
    margin-left: -18px !important;
    margin-right: 0 !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 94px !important;
    padding: 12px 4px !important;
  }

  .mnx-nav-title,
  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 13.2px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
  }

  .mnx-nav-sub,
  .mnx-nav a:first-child .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 11px !important;
    line-height: 1.18 !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
  }

  .mnx-actions {
    width: 286px !important;
    gap: 8px !important;
  }

  .mnx-search {
    flex: 0 0 168px !important;
    width: 168px !important;
    min-width: 168px !important;
    max-width: 168px !important;
    padding-left: 14px !important;
    padding-right: 10px !important;
  }

  .mnx-search input {
    font-size: 12.5px !important;
  }

  .mnx-action {
    font-size: 11.5px !important;
    gap: 4px !important;
  }

  /* banner pozadí ještě o něco výš */
  .mnx-hero {
    margin-top: -172px !important;
  }

  /* bloky pod bannerem zarovnat na stejnou šířku jako vršek */
  .mnx-benefits-grid,
  .mnx-card-grid {
    max-width: calc(var(--mn-container) - 56px) !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 152px minmax(0, 1fr) 278px !important;
    gap: 3px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .mnx-logo {
    width: 140px !important;
  }

  .mnx-logo img {
    width: 136px !important;
  }

  .mnx-nav {
    margin-left: -22px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    min-height: 90px !important;
    padding: 11px 3px !important;
  }

  .mnx-nav-title,
  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 12px !important;
    line-height: 1.08 !important;
  }

  .mnx-nav-sub,
  .mnx-nav a:first-child .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 10.2px !important;
    line-height: 1.14 !important;
  }

  .mnx-actions {
    width: 278px !important;
    gap: 6px !important;
  }

  .mnx-search {
    flex-basis: 160px !important;
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
  }

  .mnx-action {
    font-size: 11px !important;
  }

  .mnx-benefits-grid,
  .mnx-card-grid {
    max-width: calc(var(--mn-container) - 56px) !important;
  }
}


/* =========================================================
   LIVE v48 – větší logo, menu blíž k logu, spodní bloky na šířku hero
   ========================================================= */

@media (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 205px minmax(0, 1fr) 286px !important;
    gap: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .mnx-logo {
    width: 198px !important;
    height: 96px !important;
  }

  .mnx-logo img {
    width: 190px !important;
    max-height: 82px !important;
  }

  .mnx-nav {
    margin-left: -30px !important;
    margin-right: 18px !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 12.2px !important;
    line-height: 1.08 !important;
  }

  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 10.4px !important;
  }

  .mnx-actions {
    width: 286px !important;
    min-width: 286px !important;
    max-width: 286px !important;
  }

  .mnx-search {
    flex: 0 0 164px !important;
    width: 164px !important;
    min-width: 164px !important;
    max-width: 164px !important;
  }

  body.mn-samba-live .mnx-benefits-grid,
  body.mn-samba-live .mnx-card-grid,
  body.mn-samba-live .mnx-cream-grid,
  body.mn-samba-live .mnx-story-box {
    width: min(100% - 56px, var(--mn-container)) !important;
    max-width: var(--mn-container) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.mn-samba-live .mnx-benefits,
  body.mn-samba-live .mnx-category-cards,
  body.mn-samba-live .mnx-cream-strip,
  body.mn-samba-live .mnx-story {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-header__inner {
    grid-template-columns: 185px minmax(0, 1fr) 278px !important;
    gap: 0 !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .mnx-logo {
    width: 178px !important;
  }

  .mnx-logo img {
    width: 170px !important;
    max-height: 78px !important;
  }

  .mnx-nav {
    margin-left: -34px !important;
    margin-right: 16px !important;
  }

  .mnx-nav-title,
  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 11.7px !important;
  }

  .mnx-nav-sub,
  .mnx-nav a:first-child .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 10px !important;
  }

  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 10.9px !important;
  }

  .mnx-actions {
    width: 278px !important;
    min-width: 278px !important;
    max-width: 278px !important;
  }

  .mnx-search {
    flex-basis: 158px !important;
    width: 158px !important;
    min-width: 158px !important;
    max-width: 158px !important;
  }
}


/* =========================================================
   LIVE v49 – stejné písmo pro Lyofilizované ovoce + přesné zarovnání spodních bloků
   ========================================================= */
@media (min-width: 1101px) {
  /* Poslední položka menu musí mít stejnou typografii jako ostatní */
  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 13.2px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
  }

  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 11px !important;
    line-height: 1.18 !important;
    width: auto !important;
    max-width: none !important;
    white-space: normal !important;
  }

  /* Hero a všechny navazující bloky na úplně stejnou šířku */
  body.mn-samba-live {
    --mn-live-shell-width: min(calc(100% - 72px), 1500px);
  }

  body.mn-samba-live .mnx-hero-link,
  body.mn-samba-live .mnx-benefits-grid,
  body.mn-samba-live .mnx-card-grid,
  body.mn-samba-live .mnx-cream-grid,
  body.mn-samba-live .mnx-story-box {
    width: var(--mn-live-shell-width) !important;
    max-width: var(--mn-live-shell-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 12px !important;
    line-height: 1.08 !important;
  }

  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 10.2px !important;
    line-height: 1.14 !important;
  }

  body.mn-samba-live {
    --mn-live-shell-width: min(calc(100% - 56px), calc(var(--mn-container) - 56px));
  }
}


/* =========================================================
   LIVE v50 – search smaller + lyo on one line + lower blocks alignment/background
   ========================================================= */
@media (min-width: 1101px) {
  body.mn-samba-live {
    --mn-lower-align-width: min(calc(100% - 120px), 1300px);
  }

  /* Méně místa pro vyhledávání, více pro menu */
  .mnx-header__inner {
    grid-template-columns: 196px minmax(0, 1fr) 252px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .mnx-logo {
    width: 196px !important;
  }

  .mnx-logo img {
    width: 188px !important;
    max-height: 82px !important;
  }

  .mnx-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(138px, 1.22fr) !important;
    gap: 0 !important;
    margin-left: -10px !important;
    margin-right: 18px !important;
  }

  .mnx-nav a {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub {
    width: auto !important;
    max-width: none !important;
  }

  .mnx-nav-title {
    font-size: 13px !important;
    line-height: 1.08 !important;
  }

  .mnx-nav-sub {
    font-size: 11px !important;
    line-height: 1.14 !important;
  }

  .mnx-nav a:last-child {
    min-width: 138px !important;
  }

  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 13px !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
  }

  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 11px !important;
  }

  .mnx-actions {
    width: 252px !important;
    min-width: 252px !important;
    max-width: 252px !important;
    gap: 10px !important;
  }

  .mnx-search {
    flex: 0 0 176px !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    height: 42px !important;
    padding: 0 10px 0 14px !important;
    border-width: 1px !important;
    background: rgba(255,255,255,.038) !important;
  }

  .mnx-search input {
    height: 34px !important;
    font-size: 12.5px !important;
  }

  .mnx-search button {
    width: 22px !important;
    height: 22px !important;
  }

  /* Spodní sekce: stejná tmavě zelená jako horní pásmo vlevo */
  body.mn-samba-live .mnx-benefits,
  body.mn-samba-live .mnx-category-cards,
  body.mn-samba-live .mnx-story {
    background:
      radial-gradient(circle at 18% 0%, rgba(168,200,66,.11), transparent 30%),
      radial-gradient(circle at 78% 12%, rgba(217,181,116,.08), transparent 28%),
      linear-gradient(180deg, #07140d 0%, #0b2014 46%, #102c1c 100%) !important;
  }

  /* Všechny navazující bloky užší a zarovnané na stejnou šířku */
  body.mn-samba-live .mnx-benefits-grid,
  body.mn-samba-live .mnx-card-grid,
  body.mn-samba-live .mnx-cream-grid,
  body.mn-samba-live .mnx-story-box {
    width: var(--mn-lower-align-width) !important;
    max-width: var(--mn-lower-align-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }

  body.mn-samba-live .mnx-benefits,
  body.mn-samba-live .mnx-category-cards,
  body.mn-samba-live .mnx-story,
  body.mn-samba-live .mnx-cream-strip {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  body.mn-samba-live {
    --mn-lower-align-width: min(calc(100% - 90px), 1240px);
  }

  .mnx-header__inner {
    grid-template-columns: 182px minmax(0, 1fr) 240px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .mnx-logo {
    width: 180px !important;
  }

  .mnx-logo img {
    width: 172px !important;
    max-height: 76px !important;
  }

  .mnx-nav {
    grid-template-columns: repeat(5, minmax(0, 1fr)) minmax(128px, 1.18fr) !important;
    margin-left: -10px !important;
    margin-right: 14px !important;
  }

  .mnx-nav-title {
    font-size: 12.2px !important;
  }

  .mnx-nav-sub {
    font-size: 10.3px !important;
  }

  .mnx-nav a:last-child {
    min-width: 128px !important;
  }

  .mnx-nav a:last-child .mnx-nav-title {
    font-size: 12.2px !important;
    white-space: nowrap !important;
  }

  .mnx-nav a:last-child .mnx-nav-sub {
    font-size: 10.3px !important;
  }

  .mnx-actions {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
    gap: 8px !important;
  }

  .mnx-search {
    flex-basis: 166px !important;
    width: 166px !important;
    min-width: 166px !important;
    max-width: 166px !important;
    height: 40px !important;
  }

  .mnx-search input {
    font-size: 12px !important;
  }
}


/* =========================================================
   LIVE v51 – hover menu bez rozhazování + širší spodní bloky
   ========================================================= */
@media (min-width: 1101px) {
  /* Hover nesmí měnit rozměr, pozici ani šířku položky menu */
  .mnx-nav,
  .mnx-nav * {
    box-sizing: border-box !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:hover,
  .mnx-nav a:focus,
  .mnx-nav a:active {
    transform: none !important;
    box-shadow: none !important;
    outline: none !important;
    min-width: 0 !important;
    max-width: none !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  .mnx-nav a:hover,
  .mnx-nav a:focus {
    background: rgba(217,181,116,.055) !important;
  }

  .mnx-nav a:last-child,
  .mnx-nav a:last-child:hover,
  .mnx-nav a:last-child:focus,
  .mnx-nav a:last-child:active {
    border-right: 0 !important;
  }

  /* Lyofilizované ovoce držet stabilně i při hoveru */
  .mnx-nav a:last-child,
  .mnx-nav a:last-child:hover,
  .mnx-nav a:last-child:focus {
    min-width: 138px !important;
  }

  .mnx-nav a:last-child .mnx-nav-title,
  .mnx-nav a:last-child:hover .mnx-nav-title,
  .mnx-nav a:last-child:focus .mnx-nav-title {
    font-size: 13px !important;
    line-height: 1.08 !important;
    white-space: nowrap !important;
    width: auto !important;
    max-width: none !important;
  }

  /* Spodní elementy byly moc úzké – rozšířit zpět, ale stále zarovnaně */
  body.mn-samba-live {
    --mn-lower-align-width: min(calc(100% - 72px), 1420px) !important;
  }

  body.mn-samba-live .mnx-benefits-grid,
  body.mn-samba-live .mnx-card-grid,
  body.mn-samba-live .mnx-cream-grid,
  body.mn-samba-live .mnx-story-box {
    width: var(--mn-lower-align-width) !important;
    max-width: var(--mn-lower-align-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-nav a:last-child,
  .mnx-nav a:last-child:hover,
  .mnx-nav a:last-child:focus {
    min-width: 128px !important;
  }

  .mnx-nav a:last-child .mnx-nav-title,
  .mnx-nav a:last-child:hover .mnx-nav-title,
  .mnx-nav a:last-child:focus .mnx-nav-title {
    font-size: 12.2px !important;
    white-space: nowrap !important;
  }

  body.mn-samba-live {
    --mn-lower-align-width: min(calc(100% - 64px), 1380px) !important;
  }
}


/* =========================================================
   LIVE v52 – fix hover rozměru posledního menu + jednotné pozadí
   ========================================================= */

/* Jednotné pozadí celé stránky jako tmavý zelený pás vedle loga */
html,
body,
body.mn-samba-live,
body.mn-samba-live #content,
body.mn-samba-live .overall-wrapper,
body.mn-samba-live .content-wrapper,
body.mn-samba-live .content-inner,
body.mn-samba-live .content,
body.mn-samba-live .main,
body.mn-samba-live .main-wrapper,
body.mn-samba-live .container,
body.mn-samba-live .homepage-box,
body.mn-samba-live .index-content-wrapper {
  background:
    radial-gradient(circle at 18% 0%, rgba(168,200,66,.08), transparent 30%),
    radial-gradient(circle at 78% 12%, rgba(217,181,116,.055), transparent 28%),
    linear-gradient(180deg, #07140d 0%, #0b2014 48%, #102c1c 100%) !important;
}

/* Bílé/světlé Shoptet pozadí pryč, kromě světlého informačního proužku */
body.mn-samba-live .content-wrapper,
body.mn-samba-live .content-inner {
  box-shadow: none !important;
}

/* Menu: hover/active nesmí měnit rozměr, pozici ani zalamování */
@media (min-width: 1101px) {
  .mnx-nav {
    align-items: stretch !important;
    overflow: visible !important;
  }

  .mnx-nav a,
  .mnx-nav a:hover,
  .mnx-nav a:focus,
  .mnx-nav a:active,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a.mnx-nav-featured:hover,
  .mnx-nav a.mnx-nav-featured:focus,
  .mnx-nav a.mnx-nav-featured:active {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 94px !important;
    min-height: 94px !important;
    max-height: 94px !important;
    padding: 12px 8px !important;
    margin: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 1px solid rgba(217,181,116,.18) !important;
    border-radius: 0 !important;
    outline: 0 !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    box-shadow: none !important;
    background: transparent !important;
    position: relative !important;
    overflow: visible !important;
  }

  .mnx-nav a:hover,
  .mnx-nav a:focus,
  .mnx-nav a:active {
    background: rgba(255,255,255,.028) !important;
  }

  .mnx-nav a:last-child,
  .mnx-nav a:last-child:hover,
  .mnx-nav a:last-child:focus,
  .mnx-nav a:last-child:active,
  .mnx-nav a:last-child.mnx-nav-featured,
  .mnx-nav a:last-child.mnx-nav-featured:hover {
    border-right: 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 94px !important;
    min-height: 94px !important;
    max-height: 94px !important;
    padding: 12px 8px !important;
    margin: 0 !important;
    transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  .mnx-nav a:last-child:hover,
  .mnx-nav a:last-child:focus,
  .mnx-nav a:last-child:active {
    background: rgba(255,255,255,.028) !important;
  }

  .mnx-nav-title,
  .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-sub,
  .mnx-nav a:hover .mnx-nav-title,
  .mnx-nav a:hover .mnx-nav-sub,
  .mnx-nav a:last-child:hover .mnx-nav-title,
  .mnx-nav a:last-child:hover .mnx-nav-sub {
    display: block !important;
    box-sizing: border-box !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    width: max-content !important;
    max-width: 132px !important;
    min-width: 0 !important;
  }

  .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title,
  .mnx-nav a:hover .mnx-nav-title,
  .mnx-nav a:last-child:hover .mnx-nav-title {
    font-size: 12.6px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
  }

  .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-sub,
  .mnx-nav a:hover .mnx-nav-sub,
  .mnx-nav a:last-child:hover .mnx-nav-sub {
    font-size: 10.8px !important;
    line-height: 1.14 !important;
    font-weight: 500 !important;
  }

  .mnx-nav-icon,
  .mnx-nav a:hover .mnx-nav-icon,
  .mnx-nav a:last-child .mnx-nav-icon,
  .mnx-nav a:last-child:hover .mnx-nav-icon {
    width: 26px !important;
    height: 26px !important;
    margin: 0 auto !important;
    transform: none !important;
  }

  .mnx-nav-icon svg,
  .mnx-nav a:hover .mnx-nav-icon svg,
  .mnx-nav a:last-child .mnx-nav-icon svg,
  .mnx-nav a:last-child:hover .mnx-nav-icon svg {
    width: 26px !important;
    height: 26px !important;
    transform: none !important;
  }
}

@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-nav a,
  .mnx-nav a:hover,
  .mnx-nav a:focus,
  .mnx-nav a:active,
  .mnx-nav a:last-child,
  .mnx-nav a:last-child:hover {
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    padding: 11px 6px !important;
  }

  .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title,
  .mnx-nav a:hover .mnx-nav-title,
  .mnx-nav a:last-child:hover .mnx-nav-title {
    font-size: 11.7px !important;
    max-width: 124px !important;
  }

  .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-sub,
  .mnx-nav a:hover .mnx-nav-sub,
  .mnx-nav a:last-child:hover .mnx-nav-sub {
    font-size: 10px !important;
    max-width: 124px !important;
  }
}


/* =========================================================
   LIVE v53 – oprava efektu prvního tlačítka + celostránkové pozadí
   ========================================================= */

/* Celá stránka tmavě zeleně – přebití Shoptet wrapperů */
html,
body,
body.mn-samba-live,
body.mn-samba-live .overall-wrapper,
body.mn-samba-live .site-wrapper,
body.mn-samba-live .content-wrapper,
body.mn-samba-live .content-inner,
body.mn-samba-live .content,
body.mn-samba-live .main,
body.mn-samba-live .main-wrapper,
body.mn-samba-live .container,
body.mn-samba-live .container-full-width,
body.mn-samba-live .homepage-box,
body.mn-samba-live .index-content-wrapper,
body.mn-samba-live #content,
body.mn-samba-live #main,
body.mn-samba-live .custom-footer,
body.mn-samba-live footer,
body.mn-samba-live #footer {
  background:
    radial-gradient(circle at 18% 0%, rgba(168,200,66,.08), transparent 30%),
    radial-gradient(circle at 78% 12%, rgba(217,181,116,.055), transparent 28%),
    linear-gradient(180deg, #07140d 0%, #0b2014 48%, #102c1c 100%) !important;
}

/* Zachovat světlý informační proužek dole, pokud existuje jako samostatný blok */
body.mn-samba-live .mnx-cream-strip {
  background: #f4efe5 !important;
}

/* Menu: pevná velikost, ale normální decentní hover bez rozhození */
@media (min-width: 1101px) {
  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:visited,
  .mnx-nav a:hover,
  .mnx-nav a:focus,
  .mnx-nav a:active,
  .mnx-nav a:first-child,
  .mnx-nav a:first-child:hover,
  .mnx-nav a:last-child,
  .mnx-nav a:last-child:hover {
    box-sizing: border-box !important;
    height: 94px !important;
    min-height: 94px !important;
    max-height: 94px !important;
    padding: 12px 8px !important;
    margin: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    box-shadow: none !important;
    outline: none !important;
    position: relative !important;
  }

  .mnx-nav a:not(:last-child),
  .mnx-nav a:not(:last-child):hover {
    border-right: 1px solid rgba(217,181,116,.18) !important;
  }

  .mnx-nav a:last-child,
  .mnx-nav a:last-child:hover {
    border-right: 0 !important;
  }

  .mnx-nav a,
  .mnx-nav a.mnx-nav-featured,
  .mnx-nav a:first-child,
  .mnx-nav a:last-child {
    background: transparent !important;
  }

  .mnx-nav a:hover,
  .mnx-nav a:focus,
  .mnx-nav a:first-child:hover,
  .mnx-nav a:last-child:hover {
    background:
      linear-gradient(180deg, rgba(217,181,116,.10), rgba(255,255,255,.018)) !important;
  }

  /* odstraní starý „featured“ efekt jen u prvního tlačítka */
  .mnx-nav a:first-child::before,
  .mnx-nav a:first-child::after,
  .mnx-nav a.mnx-nav-featured::before,
  .mnx-nav a.mnx-nav-featured::after {
    content: none !important;
    display: none !important;
  }

  .mnx-nav-icon,
  .mnx-nav a:hover .mnx-nav-icon,
  .mnx-nav a:first-child .mnx-nav-icon,
  .mnx-nav a:first-child:hover .mnx-nav-icon,
  .mnx-nav a:last-child .mnx-nav-icon,
  .mnx-nav a:last-child:hover .mnx-nav-icon {
    width: 26px !important;
    height: 26px !important;
    margin: 0 auto 6px !important;
    transform: none !important;
  }

  .mnx-nav-icon svg,
  .mnx-nav a:hover .mnx-nav-icon svg,
  .mnx-nav a:first-child .mnx-nav-icon svg,
  .mnx-nav a:first-child:hover .mnx-nav-icon svg,
  .mnx-nav a:last-child .mnx-nav-icon svg,
  .mnx-nav a:last-child:hover .mnx-nav-icon svg {
    width: 26px !important;
    height: 26px !important;
    transform: none !important;
  }

  .mnx-nav-title,
  .mnx-nav a:hover .mnx-nav-title,
  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:first-child:hover .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title,
  .mnx-nav a:last-child:hover .mnx-nav-title {
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: visible !important;
    width: max-content !important;
    max-width: 138px !important;
    min-width: 0 !important;
    font-size: 12.6px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
  }

  .mnx-nav-sub,
  .mnx-nav a:hover .mnx-nav-sub,
  .mnx-nav a:first-child .mnx-nav-sub,
  .mnx-nav a:first-child:hover .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-sub,
  .mnx-nav a:last-child:hover .mnx-nav-sub {
    display: block !important;
    box-sizing: border-box !important;
    margin: 4px auto 0 !important;
    padding: 0 !important;
    transform: none !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    width: max-content !important;
    max-width: 138px !important;
    min-width: 0 !important;
    font-size: 10.8px !important;
    line-height: 1.14 !important;
    font-weight: 500 !important;
  }
}

/* pro běžné notebooky */
@media (max-width: 1500px) and (min-width: 1101px) {
  .mnx-nav a,
  .mnx-nav a:hover,
  .mnx-nav a:first-child,
  .mnx-nav a:first-child:hover,
  .mnx-nav a:last-child,
  .mnx-nav a:last-child:hover {
    height: 90px !important;
    min-height: 90px !important;
    max-height: 90px !important;
    padding: 11px 6px !important;
  }

  .mnx-nav-title,
  .mnx-nav a:hover .mnx-nav-title,
  .mnx-nav a:first-child .mnx-nav-title,
  .mnx-nav a:first-child:hover .mnx-nav-title,
  .mnx-nav a:last-child .mnx-nav-title,
  .mnx-nav a:last-child:hover .mnx-nav-title {
    font-size: 11.7px !important;
    max-width: 128px !important;
  }

  .mnx-nav-sub,
  .mnx-nav a:hover .mnx-nav-sub,
  .mnx-nav a:first-child .mnx-nav-sub,
  .mnx-nav a:first-child:hover .mnx-nav-sub,
  .mnx-nav a:last-child .mnx-nav-sub,
  .mnx-nav a:last-child:hover .mnx-nav-sub {
    font-size: 10px !important;
    max-width: 128px !important;
  }
}


/* =========================================================
   LIVE v54 – jednotné celostránkové pozadí bez odlišných pásů
   ========================================================= */

:root {
  --mn-page-bg-solid: #07140d;
  --mn-page-bg-soft: #0b2014;
  --mn-page-bg-deep: #102c1c;
}

/* Základ celé stránky */
html,
body,
body.mn-samba-live {
  background: var(--mn-page-bg-solid) !important;
  background-color: var(--mn-page-bg-solid) !important;
}

/* Shoptet často barví různé mezivrstvy – přebít všechny hlavní obaly */
body.mn-samba-live,
body.mn-samba-live > *,
body.mn-samba-live .overall-wrapper,
body.mn-samba-live .site-wrapper,
body.mn-samba-live .content-wrapper,
body.mn-samba-live .content-inner,
body.mn-samba-live .content,
body.mn-samba-live .main,
body.mn-samba-live .main-wrapper,
body.mn-samba-live .container,
body.mn-samba-live .container-full-width,
body.mn-samba-live .homepage-box,
body.mn-samba-live .index-content-wrapper,
body.mn-samba-live #content,
body.mn-samba-live #main,
body.mn-samba-live .columns-wrapper,
body.mn-samba-live .homepage-group,
body.mn-samba-live .custom-page,
body.mn-samba-live .custom-footer,
body.mn-samba-live footer,
body.mn-samba-live #footer {
  background:
    linear-gradient(180deg, var(--mn-page-bg-solid) 0%, var(--mn-page-bg-soft) 46%, var(--mn-page-bg-deep) 100%) !important;
  background-color: var(--mn-page-bg-solid) !important;
}

/* Sekce Mimixu mají mít stejný zelený základ, bez bočních barevných rozdílů */
body.mn-samba-live .mnx-hero,
body.mn-samba-live .mnx-benefits,
body.mn-samba-live .mnx-category-cards,
body.mn-samba-live .mnx-story,
body.mn-samba-live .mnx-footer,
body.mn-samba-live .mnx-header,
body.mn-samba-live .mnx-topbar {
  background:
    linear-gradient(180deg, var(--mn-page-bg-solid) 0%, var(--mn-page-bg-soft) 100%) !important;
  background-color: var(--mn-page-bg-solid) !important;
}

/* Plocha kolem hero: žádné světlejší/odlišné boční sloupce */
body.mn-samba-live .mnx-hero {
  box-shadow: none !important;
  border-bottom: 0 !important;
}

/* Samotný obrázek hero necháme normálně, ale okolí drží jednotnou zelenou */
body.mn-samba-live .mnx-hero-link,
body.mn-samba-live .mnx-hero picture {
  background: transparent !important;
}

/* Kategorie a story nemají kreslit vlastní světlejší gradient přes celou šířku */
body.mn-samba-live .mnx-category-cards,
body.mn-samba-live .mnx-story {
  background:
    linear-gradient(180deg, var(--mn-page-bg-soft) 0%, var(--mn-page-bg-deep) 100%) !important;
}

/* Zachovat světlý informační proužek s dopravou atd. */
body.mn-samba-live .mnx-cream-strip {
  background: #f4efe5 !important;
  background-color: #f4efe5 !important;
}

/* Footer bez bílých/černých pásů */
body.mn-samba-live .mnx-footer,
body.mn-samba-live #footer,
body.mn-samba-live footer {
  background: var(--mn-page-bg-solid) !important;
  background-color: var(--mn-page-bg-solid) !important;
  border-top-color: rgba(217,181,116,.20) !important;
}

/* Kdyby Samba vkládala další široké pozadí mimo naše třídy */
body.mn-samba-live [class*="homepage"],
body.mn-samba-live [class*="content"],
body.mn-samba-live [class*="footer"] {
  background-color: transparent !important;
}

/* Výjimka pro vlastní světlý strip, ať se nepřebije pravidlem výše */
body.mn-samba-live .mnx-cream-strip,
body.mn-samba-live .mnx-cream-strip * {
  background-color: #f4efe5 !important;
}


/* =========================================================
   LIVE v55 – jednotné tonování stránky shora dolů
   ========================================================= */

:root {
  --mn-page-top: #021008;
  --mn-page-mid-1: #072116;
  --mn-page-mid-2: #0b2a1c;
  --mn-page-mid-3: #0a2418;
  --mn-page-bottom: #06150d;
}

/* Jediný hlavní gradient celé stránky */
html,
body,
body.mn-samba-live {
  background: linear-gradient(
    180deg,
    var(--mn-page-top) 0%,
    var(--mn-page-mid-1) 18%,
    var(--mn-page-mid-2) 48%,
    var(--mn-page-mid-3) 76%,
    var(--mn-page-bottom) 100%
  ) !important;
  background-color: var(--mn-page-top) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 100% !important;
}

/* Vnější obaly musí být průhledné, aby gradient běžel přes celou stránku */
body.mn-samba-live > *,
body.mn-samba-live .overall-wrapper,
body.mn-samba-live .site-wrapper,
body.mn-samba-live .content-wrapper,
body.mn-samba-live .content-inner,
body.mn-samba-live .content,
body.mn-samba-live .main,
body.mn-samba-live .main-wrapper,
body.mn-samba-live .container,
body.mn-samba-live .container-full-width,
body.mn-samba-live .homepage-box,
body.mn-samba-live .index-content-wrapper,
body.mn-samba-live #content,
body.mn-samba-live #main,
body.mn-samba-live .columns-wrapper,
body.mn-samba-live .homepage-group,
body.mn-samba-live .custom-page,
body.mn-samba-live .custom-footer,
body.mn-samba-live #footer,
body.mn-samba-live footer {
  background: transparent !important;
  background-color: transparent !important;
}

/* Hlavní sekce nesmí mít vlastní pruhované pozadí */
body.mn-samba-live .mnx-header,
body.mn-samba-live .mnx-topbar,
body.mn-samba-live .mnx-hero,
body.mn-samba-live .mnx-benefits,
body.mn-samba-live .mnx-category-cards,
body.mn-samba-live .mnx-footer-shell,
body.mn-samba-live .mnx-page-shell,
body.mn-samba-live .homepage-group,
body.mn-samba-live .mnx-home-section {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Vnitřní karty a panely mohou zůstat tmavé/prémiové */
body.mn-samba-live .mnx-benefits-strip,
body.mn-samba-live .mnx-category-grid,
body.mn-samba-live .mnx-story-card,
body.mn-samba-live .mnx-category-card,
body.mn-samba-live .mnx-usp-row,
body.mn-samba-live .mnx-menu-row {
  background-color: transparent !important;
}

/* Zachovat světlý proužek s ikonami */
body.mn-samba-live .mnx-cream-strip,
body.mn-samba-live .mnx-cream-strip * {
  background: #f4efe5 !important;
  background-color: #f4efe5 !important;
}

/* Story box a podobné panely jemně tmavé, ale bez změny okolního tonování */
body.mn-samba-live .mnx-story-card,
body.mn-samba-live .mnx-story .inner,
body.mn-samba-live .mnx-story .in {
  background: linear-gradient(180deg, rgba(2, 16, 8, 0.86) 0%, rgba(6, 28, 18, 0.86) 100%) !important;
  background-color: rgba(4, 20, 12, 0.86) !important;
}

/* Footer bez samostatného jiného tónu */
body.mn-samba-live .mnx-footer,
body.mn-samba-live footer,
body.mn-samba-live #footer {
  background: transparent !important;
  background-color: transparent !important;
}


/* =========================================================
   LIVE v57 – rollback stability + responsive compressed hero
   ========================================================= */

/* V57 drží původní funkční layout. Jen stabilizuje načtení a hero obrázky. */

body.mn-samba-live {
  background-color: #07140d !important;
}

/* Hero obrázek bez rozbití layoutu */
body.mn-samba-live .mnx-hero img {
  max-width: 100% !important;
  height: auto !important;
}

/* Menu nesmí na hover měnit rozměry */
@media (min-width: 1101px) {
  body.mn-samba-live .mnx-nav a,
  body.mn-samba-live .mnx-nav a:hover,
  body.mn-samba-live .mnx-nav a:focus,
  body.mn-samba-live .mnx-nav a:active,
  body.mn-samba-live .mnx-nav a:first-child,
  body.mn-samba-live .mnx-nav a:first-child:hover,
  body.mn-samba-live .mnx-nav a:last-child,
  body.mn-samba-live .mnx-nav a:last-child:hover {
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  body.mn-samba-live .mnx-nav a::before,
  body.mn-samba-live .mnx-nav a::after,
  body.mn-samba-live .mnx-nav a:first-child::before,
  body.mn-samba-live .mnx-nav a:first-child::after {
    display: none !important;
    content: none !important;
  }
}


/* =========================================================
   LIVE v58 – doplnění chybějícího transparentního loga
   ========================================================= */

body.mn-samba-live .mnx-logo img {
  display: block !important;
  object-fit: contain !important;
}


/* =========================================================
   LIVE v59 – line / logo / darker menu strip
   ========================================================= */

/* 1) zrušit linku pod horním proužkem a mít ji až nad hero bannerem */
.mnx-topbar {
  border-bottom: 0 !important;
}

.mnx-header {
  border-bottom: 1px solid var(--mn-line) !important;
  background:
    linear-gradient(90deg, rgba(5,16,10,.96), rgba(12,34,22,.94)) !important,
    radial-gradient(circle at 70% 50%, rgba(217,181,116,.05), transparent 34%) !important;
}

/* 2) logo trochu doprava */
.mnx-logo {
  margin-left: 18px !important;
}

/* 3) celý pruh pod menu lehce ztmavit */
.mnx-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(3, 10, 7, .14);
  pointer-events: none;
}

.mnx-header {
  position: relative;
}

.mnx-header__inner {
  position: relative;
  z-index: 1;
}


/* =========================================================
   LIVE v60 – logo ještě kousek doprava
   ========================================================= */

@media (min-width: 1101px) {
  .mnx-logo {
    margin-left: 34px !important;
  }
}


/* =========================================================
   LIVE v61 – vrchní dlaždice a spodní karty více dle mockupu
   ========================================================= */

/* Vrchní 4 benefity – tmavší, elegantnější, luxusnější */
body.mn-samba-live .mnx-benefits {
  padding-top: 18px !important;
}

body.mn-samba-live .mnx-benefits-grid {
  background: linear-gradient(180deg, rgba(6, 24, 16, 0.92) 0%, rgba(5, 19, 13, 0.96) 100%) !important;
  border-color: rgba(217,181,116,.42) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.03) !important;
}

body.mn-samba-live .mnx-benefit {
  min-height: 90px !important;
  background: linear-gradient(180deg, rgba(9,33,22,.32) 0%, rgba(6,22,14,.08) 100%) !important;
}

body.mn-samba-live .mnx-benefit:hover {
  background: linear-gradient(180deg, rgba(13,42,28,.42) 0%, rgba(8,28,18,.16) 100%) !important;
}

body.mn-samba-live .mnx-benefit-icon {
  width: 52px !important;
  height: 52px !important;
  border-width: 1.5px !important;
  border-color: rgba(217,181,116,.92) !important;
  background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.06), transparent 50%), rgba(5, 20, 13, 0.38) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 18px rgba(0,0,0,.16) !important;
}

body.mn-samba-live .mnx-benefit-icon svg {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 1.45 !important;
}

body.mn-samba-live .mnx-benefit strong {
  font-size: 15px !important;
  letter-spacing: .03em !important;
}

body.mn-samba-live .mnx-benefit span {
  font-size: 12px !important;
  color: rgba(244,239,229,.86) !important;
}

/* Spodní karty – s obrazkem jako v mockupu */
body.mn-samba-live .mnx-category-cards {
  padding-top: 14px !important;
}

body.mn-samba-live .mnx-card-grid {
  gap: 16px !important;
}

body.mn-samba-live .mnx-card {
  min-height: 192px !important;
  background-color: #0a1b12 !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.22) !important;
}

body.mn-samba-live .mnx-card::before {
  background:
    linear-gradient(180deg, rgba(6,22,14,.03) 0%, rgba(6,22,14,.10) 28%, rgba(6,22,14,.48) 58%, rgba(6,22,14,.90) 100%),
    radial-gradient(circle at 72% 16%, rgba(217,181,116,.08), transparent 22%) !important;
}

body.mn-samba-live .mnx-card::after {
  border-color: rgba(217,181,116,.22) !important;
}

body.mn-samba-live .mnx-card-content {
  padding: 18px 18px 17px !important;
}

body.mn-samba-live .mnx-card-title {
  font-size: 17px !important;
  line-height: 1.02 !important;
  margin-bottom: 6px !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.28);
}

body.mn-samba-live .mnx-card-sub {
  font-size: 12px !important;
  color: rgba(244,239,229,.90) !important;
}

body.mn-samba-live .mnx-card--gift    { background-image: url("mnx-card-gift.webp") !important; }
body.mn-samba-live .mnx-card--natural { background-image: url("mnx-card-natural.webp") !important; }
body.mn-samba-live .mnx-card--sweet   { background-image: url("mnx-card-sweet.webp") !important; }
body.mn-samba-live .mnx-card--granola { background-image: url("mnx-card-granola.webp") !important; }
body.mn-samba-live .mnx-card--matcha  { background-image: url("mnx-card-matcha.webp") !important; }
body.mn-samba-live .mnx-card--fruit   { background-image: url("mnx-card-lyo.webp") !important; }

/* Mobile/tablet jemne upravit, aby obrazky fungovaly i tam */
@media (max-width: 1100px) {
  body.mn-samba-live .mnx-card {
    min-height: 180px !important;
  }
}


/* =========================================================
   LIVE v62 – oprava spodních obrázkových karet + responsive hero
   ========================================================= */

/* Responsive hero – CSS pojistka, aby se obrázek choval dobře */
body.mn-samba-live .mnx-hero picture,
body.mn-samba-live .mnx-hero img {
  width: 100% !important;
}

body.mn-samba-live .mnx-hero img {
  object-fit: cover !important;
}

/* Spodní karty: čisté obrázky bez rozbitých překryvů a posunutých okrajů */
body.mn-samba-live .mnx-card {
  min-height: 188px !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #081b11 !important;
  border-color: rgba(217,181,116,.42) !important;
  overflow: hidden !important;
}

body.mn-samba-live .mnx-card::before {
  background:
    linear-gradient(180deg, rgba(4,15,10,.12) 0%, rgba(4,15,10,.26) 42%, rgba(4,15,10,.88) 100%) !important;
}

body.mn-samba-live .mnx-card::after {
  inset: 12px !important;
  border-color: rgba(217,181,116,.24) !important;
  background: transparent !important;
}

body.mn-samba-live .mnx-card--gift    { background-image: url("/user/documents/upload/mimix-samba/mnx-card-gift.webp") !important; }
body.mn-samba-live .mnx-card--natural { background-image: url("/user/documents/upload/mimix-samba/mnx-card-natural.webp") !important; }
body.mn-samba-live .mnx-card--sweet   { background-image: url("/user/documents/upload/mimix-samba/mnx-card-sweet.webp") !important; }
body.mn-samba-live .mnx-card--granola { background-image: url("/user/documents/upload/mimix-samba/mnx-card-granola.webp") !important; }
body.mn-samba-live .mnx-card--matcha  { background-image: url("/user/documents/upload/mimix-samba/mnx-card-matcha.webp") !important; }
body.mn-samba-live .mnx-card--fruit   { background-image: url("/user/documents/upload/mimix-samba/mnx-card-lyo.webp") !important; }

body.mn-samba-live .mnx-card-content {
  padding: 18px !important;
  z-index: 2 !important;
}

body.mn-samba-live .mnx-card-title {
  font-size: 17px !important;
  line-height: 1.03 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.55) !important;
}

body.mn-samba-live .mnx-card-sub {
  color: rgba(244,239,229,.92) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.50) !important;
}


/* =========================================================
   LIVE v63 – top bar vertical centering + real card imagery
   ========================================================= */
body.mn-samba-live .mnx-topbar {
  font-size: 12px !important;
}

body.mn-samba-live .mnx-topbar__inner {
  min-height: 32px !important;
  align-items: center !important;
}

body.mn-samba-live .mnx-topbar__item {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  transform: translateY(-1px) !important;
}

body.mn-samba-live .mnx-card {
  background-color: var(--mn-bg) !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
}

body.mn-samba-live .mnx-card::before {
  background:
    radial-gradient(circle at 70% 18%, rgba(217,181,116,.18), transparent 26%),
    linear-gradient(180deg, rgba(7,20,13,.08) 8%, rgba(7,20,13,.28) 40%, rgba(7,20,13,.82) 100%) !important;
}

body.mn-samba-live .mnx-card-content {
  text-shadow: 0 2px 12px rgba(0,0,0,.42) !important;
}

body.mn-samba-live .mnx-card--gift {
  background-image: url('/user/documents/upload/mimix-samba/mnx-card-gift.webp') !important;
}

body.mn-samba-live .mnx-card--natural {
  background-image: url('/user/documents/upload/mimix-samba/mnx-card-natural.webp') !important;
}

body.mn-samba-live .mnx-card--sweet {
  background-image: url('/user/documents/upload/mimix-samba/mnx-card-sweet.webp') !important;
}

body.mn-samba-live .mnx-card--granola {
  background-image: url('/user/documents/upload/mimix-samba/mnx-card-granola.webp') !important;
}

body.mn-samba-live .mnx-card--matcha {
  background-image: url('/user/documents/upload/mimix-samba/mnx-card-matcha.webp') !important;
}

body.mn-samba-live .mnx-card--fruit {
  background-image: url('/user/documents/upload/mimix-samba/mnx-card-lyo.webp') !important;
}

body.mn-samba-live .mnx-card--gift { background-position: 74% 50% !important; }
body.mn-samba-live .mnx-card--natural { background-position: 66% 48% !important; }
body.mn-samba-live .mnx-card--sweet { background-position: 62% 50% !important; }
body.mn-samba-live .mnx-card--granola { background-position: 62% 50% !important; }
body.mn-samba-live .mnx-card--matcha { background-position: 66% 50% !important; }
body.mn-samba-live .mnx-card--fruit { background-position: 64% 50% !important; }


/* =========================================================
   LIVE v64 – fix obrázku pro Ořechy natur
   ========================================================= */

/* JS generuje kartu Ořechy natur jako .mnx-card--nut, ne .mnx-card--natural */
body.mn-samba-live .mnx-card--nut,
body.mn-samba-live .mnx-card--natural {
  background-image: url('/user/documents/upload/mimix-samba/mnx-card-natural.webp') !important;
  background-position: 66% 48% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}


/* =========================================================
   LIVE v65 – odstranění bočních pruhů u hero banneru
   ========================================================= */

body.mn-samba-live .mnx-hero {
  background: transparent !important;
  background-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

body.mn-samba-live .mnx-hero-link {
  display: block !important;
  overflow: hidden !important;
  background: transparent !important;
  background-color: transparent !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

body.mn-samba-live .mnx-hero picture,
body.mn-samba-live .mnx-hero img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: none !important;
}

/* Desktop: hero drží stejnou šířku jako horní wrapper, bez bočních pruhů uvnitř */
@media (min-width: 1101px) {
  body.mn-samba-live .mnx-hero-link {
    width: min(calc(100% - 56px), 1500px) !important;
    max-width: min(calc(100% - 56px), 1500px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.mn-samba-live .mnx-hero img {
    height: auto !important;
    object-fit: cover !important;
    object-position: center center !important;
  }
}

/* Tablet/mobil: bez vnějších pruhů */
@media (max-width: 1100px) {
  body.mn-samba-live .mnx-hero-link {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.mn-samba-live .mnx-hero {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Pojistka proti Shoptet wrapperům kolem homepage */
body.mn-samba-live.mn-samba-live-home .content-wrapper,
body.mn-samba-live.mn-samba-live-home .content-inner,
body.mn-samba-live.mn-samba-live-home #content,
body.mn-samba-live.mn-samba-live-home .homepage-box,
body.mn-samba-live.mn-samba-live-home .index-content-wrapper {
  background: transparent !important;
  background-color: transparent !important;
}


/* =========================================================
   LIVE v66 – panely pod hero na stejnou šířku jako hero banner
   ========================================================= */

@media (min-width: 1101px) {
  /* stejné okraje a max šířka jako hero banner */
  body.mn-samba-live .mnx-benefits-grid,
  body.mn-samba-live .mnx-card-grid,
  body.mn-samba-live .mnx-story-box,
  body.mn-samba-live .mnx-cream-grid {
    width: min(calc(100% - 56px), 1500px) !important;
    max-width: min(calc(100% - 56px), 1500px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* sekce kolem gridů bez dalšího zbytečného zúžení */
  body.mn-samba-live .mnx-benefits,
  body.mn-samba-live .mnx-category-cards,
  body.mn-samba-live .mnx-story,
  body.mn-samba-live .mnx-cream-strip {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media (max-width: 1100px) {
  body.mn-samba-live .mnx-benefits-grid,
  body.mn-samba-live .mnx-card-grid,
  body.mn-samba-live .mnx-story-box,
  body.mn-samba-live .mnx-cream-grid {
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.mn-samba-live .mnx-benefits,
  body.mn-samba-live .mnx-category-cards,
  body.mn-samba-live .mnx-story,
  body.mn-samba-live .mnx-cream-strip {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}


/* =========================================================
   LIVE v71 – V66 layout + pouze světlejší zelené barvy
   ========================================================= */

/*
  DŮLEŽITÉ:
  Tento patch vychází z V66 a NEMĚNÍ:
  - výšku headeru
  - pozici menu
  - pozici loga
  - pozici hero banneru
  - šířky panelů
  - marginy/paddingy layoutu

  Mění pouze barevnost do světlejší olivově zelené.
*/

:root {
  --mn-bg: #182c12 !important;
  --mn-bg-2: #263d17 !important;
  --mn-panel: rgba(52, 69, 22, .70) !important;
  --mn-panel-2: rgba(70, 83, 28, .66) !important;
  --mn-line: rgba(226, 190, 100, .34) !important;
  --mn-line-strong: rgba(226, 190, 100, .56) !important;
  --mn-gold: #e8c977 !important;
  --mn-cream: #fff4da !important;
  --mn-muted: rgba(255, 244, 218, .82) !important;
}

/* Celkový zelený tón stránky – světlejší než původní tmavý */
html,
body,
body.mn-samba-live {
  background:
    radial-gradient(circle at 18% 8%, rgba(186, 205, 84, .14), transparent 34%),
    radial-gradient(circle at 80% 14%, rgba(226, 190, 100, .09), transparent 30%),
    linear-gradient(180deg, #17280f 0%, #263d17 42%, #1d3515 74%, #122712 100%) !important;
  background-color: #182c12 !important;
}

/* Shoptet wrappery jen průhledné kvůli jednotné barvě, bez layout zásahu */
body.mn-samba-live .overall-wrapper,
body.mn-samba-live .site-wrapper,
body.mn-samba-live .content-wrapper,
body.mn-samba-live .content-inner,
body.mn-samba-live .content,
body.mn-samba-live .main,
body.mn-samba-live .main-wrapper,
body.mn-samba-live .container,
body.mn-samba-live .container-full-width,
body.mn-samba-live .homepage-box,
body.mn-samba-live .index-content-wrapper,
body.mn-samba-live #content,
body.mn-samba-live #main {
  background: transparent !important;
  background-color: transparent !important;
}

/* Horní topbar jen barevně */
body.mn-samba-live .mnx-topbar {
  background:
    linear-gradient(90deg, rgba(42, 58, 17, .96), rgba(64, 76, 24, .94), rgba(42, 58, 17, .96)) !important;
  border-color: rgba(226, 190, 100, .36) !important;
}

/* Header/menu jen barevně, bez změn výšky/pozice */
body.mn-samba-live .mnx-header {
  background:
    linear-gradient(90deg, rgba(33, 51, 18, .88), rgba(69, 80, 27, .74), rgba(33, 51, 18, .88)) !important;
  border-color: rgba(226, 190, 100, .42) !important;
}

body.mn-samba-live .mnx-header::before {
  background:
    radial-gradient(circle at 38% 10%, rgba(226, 190, 100, .08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.055)) !important;
}

/* Vyhledávání trochu světlejší */
body.mn-samba-live .mnx-search {
  background: rgba(255, 248, 220, .065) !important;
  border-color: rgba(226, 190, 100, .58) !important;
}

/* Hero jen opticky zesvětlit, bez posunu */
body.mn-samba-live .mnx-hero img {
  filter: brightness(1.045) saturate(1.045) contrast(.995) !important;
}

/* Jemný světlý olivový závoj přes hero, bez layout zásahu */
body.mn-samba-live .mnx-hero-link {
  position: relative !important;
}

body.mn-samba-live .mnx-hero-link::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 36%, rgba(224, 218, 132, .115), transparent 32%),
    linear-gradient(90deg, rgba(182, 202, 78, .085), rgba(255,255,255,.018) 46%, rgba(180, 200, 78, .065));
  mix-blend-mode: screen;
  opacity: .44;
}

/* Benefit panely více olivové */
body.mn-samba-live .mnx-benefits-grid {
  background:
    linear-gradient(180deg, rgba(64, 78, 26, .76), rgba(36, 60, 24, .84)) !important;
  border-color: rgba(226, 190, 100, .52) !important;
}

body.mn-samba-live .mnx-benefit {
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.025)) !important;
}

body.mn-samba-live .mnx-benefit-icon {
  border-color: rgba(234, 204, 121, .86) !important;
}

/* Spodní karty světlejší zelené pozadí sekce */
body.mn-samba-live .mnx-category-cards {
  background:
    radial-gradient(circle at 15% 0%, rgba(186, 205, 84, .08), transparent 34%),
    linear-gradient(180deg, rgba(29, 53, 20, .78), rgba(22, 45, 18, .86)) !important;
}

body.mn-samba-live .mnx-card {
  border-color: rgba(226, 190, 100, .44) !important;
}

body.mn-samba-live .mnx-card::before {
  background:
    radial-gradient(circle at 72% 18%, rgba(226, 190, 100, .14), transparent 28%),
    linear-gradient(180deg, rgba(31, 50, 18, .04) 0%, rgba(31, 50, 18, .22) 42%, rgba(19, 36, 14, .74) 100%) !important;
}

/* Světlý proužek ponechat, jen jemně krémovější */
body.mn-samba-live .mnx-cream-strip,
body.mn-samba-live .mnx-cream-strip * {
  background-color: #f6f0df !important;
}

/* Příběh a footer jen barevně */
body.mn-samba-live .mnx-story-box,
body.mn-samba-live .mnx-story-card {
  background:
    linear-gradient(180deg, rgba(37, 62, 23, .82), rgba(22, 46, 19, .88)) !important;
  border-color: rgba(226, 190, 100, .38) !important;
}

body.mn-samba-live footer,
body.mn-samba-live #footer,
body.mn-samba-live .mnx-footer {
  background: rgba(18, 40, 19, .92) !important;
  border-top-color: rgba(226, 190, 100, .26) !important;
}


/* =========================================================
   LIVE v72 – užší horní proužek + linka nad menu + hero o pár px níž
   ========================================================= */

/*
  Drobné doladění po V71:
  - horní topbar je nižší
  - zlatá linka mezi topbarem a menu je zpět
  - hero banner už nepřesahuje přes linku/menu
  - layout V66/V71 jinak neměníme
*/

@media (min-width: 1101px) {
  body.mn-samba-live .mnx-topbar {
    min-height: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid rgba(226, 190, 100, .46) !important;
  }

  body.mn-samba-live .mnx-topbar__inner {
    min-height: 30px !important;
    height: 30px !important;
    max-height: 30px !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.mn-samba-live .mnx-topbar__item {
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    transform: translateY(-1px) !important;
  }

  /* Horní zlatá linka nad menu */
  body.mn-samba-live .mnx-header {
    border-top: 1px solid rgba(226, 190, 100, .38) !important;
  }

  /* Hero malinko níž, aby nelezlo přes linku/header */
  body.mn-samba-live .mnx-hero {
    transform: translateY(4px) !important;
    margin-bottom: 4px !important;
  }
}

@media (max-width: 1100px) {
  body.mn-samba-live .mnx-topbar {
    min-height: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    border-bottom: 1px solid rgba(226, 190, 100, .42) !important;
  }

  body.mn-samba-live .mnx-topbar__inner {
    min-height: 28px !important;
    height: 28px !important;
    max-height: 28px !important;
    align-items: center !important;
  }

  body.mn-samba-live .mnx-header {
    border-top: 1px solid rgba(226, 190, 100, .34) !important;
  }
}