#custom-html-1k {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1k * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1k body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1k .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1k .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1k .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1k .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1k .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1k .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1k .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1k .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1k .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1k .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1k .content {
  padding: 0;
}
#custom-html-1k .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1k .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1k .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1k .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1k .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1k .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1k .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1k .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1k .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1k .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1k .item.vegetarian h3,
#custom-html-1k .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-1k .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1k .item-header h3,
#custom-html-1k .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1k .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1k .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1k #bruschetta-item::after,
#custom-html-1k #tagliere-item::after,
#custom-html-1k #tartare-item::after,
#custom-html-1k #carpaccio-item::after,
#custom-html-1k #vitello-tonnato-item::after,
#custom-html-1k #caprese-item::after,
#custom-html-1k #mista-item::after,
#custom-html-1k #cesare-item::after,
#custom-html-1k #marinara-item::after,
#custom-html-1k #margherita-item::after,
#custom-html-1k #alcotto-item::after,
#custom-html-1k #capricciosa-item::after,
#custom-html-1k #diavola-item::after,
#custom-html-1k #burrata-item::after,
#custom-html-1k #bufala-item::after,
#custom-html-1k #verduretta-item::after,
#custom-html-1k #mediterrenea-item::after,
#custom-html-1k #gamberi-item::after,
#custom-html-1k #calzone-item::after,
#custom-html-1k #crudo-item::after,
#custom-html-1k #tonno-item::after,
#custom-html-1k #mortazza-item::after,
#custom-html-1k #guanciale-item::after,
#custom-html-1k #quattro-item::after,
#custom-html-1k #tartufo-item::after,
#custom-html-1k #spaghetti-napoletana-item::after,
#custom-html-1k #spaghetti-cacio-item::after,
#custom-html-1k #linguine-pesto-item::after,
#custom-html-1k #pomodorini-gamberi-item::after,
#custom-html-1k #rigatoni-bolognese-item::after,
#custom-html-1k #rigatoni-salmone-item::after,
#custom-html-1k #lasagne-bolognese-item::after,
#custom-html-1k #gnocchi-quattro-item::after,
#custom-html-1k #enduja-quattro-item::after,
#custom-html-1k #gnocchi-pollo-item::after,
#custom-html-1k #gamberi-item::after,
#custom-html-1k #carbonara-item::after,
#custom-html-1k #pappa-item::after,
#custom-html-1k #minestrone-item::after,
#custom-html-1k #carnivora-item::after,
#custom-html-1k #ortolana-item::after,
#custom-html-1k #parmigiana-item::after,
#custom-html-1k #fileja-item::after,
#custom-html-1k #aglio-olio-item::after,
#custom-html-1k #pizza-carbonara-item::after,
#custom-html-1k #risotto-item::after,
#custom-html-1k #tiramisu-item::after,
#custom-html-1k #cannolo-item::after,
#custom-html-1k #gratin-item::after,
#custom-html-1k #tortino-item::after,
#custom-html-1k #baba-item::after,
#custom-html-1k #cipolle-item::after,
#custom-html-1k #cacciatora-item::after,
#custom-html-1k #salmone-gril-item::after,
#custom-html-1k #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1k #bruschetta-item:hover::after,
#custom-html-1k #tagliere-item:hover::after,
#custom-html-1k #tartare-item:hover::after,
#custom-html-1k #carpaccio-item:hover::after,
#custom-html-1k #vitello-tonnato-item:hover::after,
#custom-html-1k #caprese-item:hover::after,
#custom-html-1k #mista-item:hover::after,
#custom-html-1k #cesare-item:hover::after,
#custom-html-1k #marinara-item:hover::after,
#custom-html-1k #margherita-item:hover::after,
#custom-html-1k #alcotto-item:hover::after,
#custom-html-1k #capricciosa-item:hover::after,
#custom-html-1k #diavola-item:hover::after,
#custom-html-1k #burrata-item:hover::after,
#custom-html-1k #bufala-item:hover::after,
#custom-html-1k #verduretta-item:hover::after,
#custom-html-1k #mediterrenea-item:hover::after,
#custom-html-1k #gamberi-item:hover::after,
#custom-html-1k #calzone-item:hover::after,
#custom-html-1k #crudo-item:hover::after,
#custom-html-1k #tonno-item:hover::after,
#custom-html-1k #mortazza-item:hover::after,
#custom-html-1k #guanciale-item:hover::after,
#custom-html-1k #quattro-item:hover::after,
#custom-html-1k #tartufo-item:hover::after,
#custom-html-1k #spaghetti-napoletana-item:hover::after,
#custom-html-1k #spaghetti-cacio-item:hover::after,
#custom-html-1k #linguine-pesto-item:hover::after,
#custom-html-1k #pomodorini-gamberi-item:hover::after,
#custom-html-1k #rigatoni-bolognese-item:hover::after,
#custom-html-1k #rigatoni-salmone-item:hover::after,
#custom-html-1k #lasagne-bolognese-item:hover::after,
#custom-html-1k #gnocchi-quattro-item:hover::after,
#custom-html-1k #gnocchi-pollo-item:hover::after,
#custom-html-1k #enduja-item:hover::after,
#custom-html-1k #gamberi-item:hover::after,
#custom-html-1k #carbonara-item:hover::after,
#custom-html-1k #pappa-item:hover::after,
#custom-html-1k #minestrone-item:hover::after,
#custom-html-1k #parmigiana-item:hover::after,
#custom-html-1k #carnivora-item:hover::after,
#custom-html-1k #ortolana-item:hover::after,
#custom-html-1k #pizza-carbonara-item:hover::after,
#custom-html-1k #fileja-item:hover::after,
#custom-html-1k #risotto-item:hover::after,
#custom-html-1k #tiramisu-item:hover::after,
#custom-html-1k #cannolo-item:hover::after,
#custom-html-1k #gratin-item:hover::after,
#custom-html-1k #tortino-item:hover::after,
#custom-html-1k #baba-item:hover::after,
#custom-html-1k #cacciatora-item:hover::after,
#custom-html-1k #cipolle-item:hover::after,
#custom-html-1k #salmone-gril-item:hover::after,
#custom-html-1k #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1k .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1k .modal.active {
  display: flex;
}
#custom-html-1k .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1k .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1k .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1k .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1k .modal-close:hover {
  background: #173552;
}
#custom-html-1k .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1k .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1k .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1k .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1k .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1k .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1k .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1k .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1k .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1k .item {
    padding: 1rem;
  }
  #custom-html-1k .item-header h3,
  #custom-html-1k .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-1k .modal-content {
    padding: 1rem;
  }
  #custom-html-1k .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1k .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1k .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1k .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1k .item-header h3,
  #custom-html-1k .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-1k .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1k .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1k .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1k .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1k .mobile-info-box {
  display: none;
}
#custom-html-1k #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1k #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1k #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1k #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1k .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1m {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1m * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1m body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1m .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1m .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1m .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1m .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1m .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1m .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1m .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1m .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1m .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1m .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1m .content {
  padding: 0;
}
#custom-html-1m .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1m .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1m .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1m .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1m .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1m .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1m .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1m .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1m .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1m .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1m .item.vegetarian h3,
#custom-html-1m .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-1m .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1m .item-header h3,
#custom-html-1m .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1m .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1m .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1m #bruschetta-item::after,
#custom-html-1m #tagliere-item::after,
#custom-html-1m #tartare-item::after,
#custom-html-1m #carpaccio-item::after,
#custom-html-1m #vitello-tonnato-item::after,
#custom-html-1m #caprese-item::after,
#custom-html-1m #mista-item::after,
#custom-html-1m #cesare-item::after,
#custom-html-1m #marinara-item::after,
#custom-html-1m #margherita-item::after,
#custom-html-1m #alcotto-item::after,
#custom-html-1m #capricciosa-item::after,
#custom-html-1m #diavola-item::after,
#custom-html-1m #burrata-item::after,
#custom-html-1m #bufala-item::after,
#custom-html-1m #verduretta-item::after,
#custom-html-1m #mediterrenea-item::after,
#custom-html-1m #gamberi-item::after,
#custom-html-1m #calzone-item::after,
#custom-html-1m #crudo-item::after,
#custom-html-1m #tonno-item::after,
#custom-html-1m #mortazza-item::after,
#custom-html-1m #guanciale-item::after,
#custom-html-1m #quattro-item::after,
#custom-html-1m #tartufo-item::after,
#custom-html-1m #spaghetti-napoletana-item::after,
#custom-html-1m #spaghetti-cacio-item::after,
#custom-html-1m #linguine-pesto-item::after,
#custom-html-1m #pomodorini-gamberi-item::after,
#custom-html-1m #rigatoni-bolognese-item::after,
#custom-html-1m #rigatoni-salmone-item::after,
#custom-html-1m #lasagne-bolognese-item::after,
#custom-html-1m #gnocchi-quattro-item::after,
#custom-html-1m #enduja-quattro-item::after,
#custom-html-1m #gnocchi-pollo-item::after,
#custom-html-1m #gamberi-item::after,
#custom-html-1m #carbonara-item::after,
#custom-html-1m #pappa-item::after,
#custom-html-1m #minestrone-item::after,
#custom-html-1m #carnivora-item::after,
#custom-html-1m #ortolana-item::after,
#custom-html-1m #parmigiana-item::after,
#custom-html-1m #fileja-item::after,
#custom-html-1m #aglio-olio-item::after,
#custom-html-1m #pizza-carbonara-item::after,
#custom-html-1m #risotto-item::after,
#custom-html-1m #tiramisu-item::after,
#custom-html-1m #cannolo-item::after,
#custom-html-1m #gratin-item::after,
#custom-html-1m #tortino-item::after,
#custom-html-1m #baba-item::after,
#custom-html-1m #cipolle-item::after,
#custom-html-1m #cacciatora-item::after,
#custom-html-1m #salmone-gril-item::after,
#custom-html-1m #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1m #bruschetta-item:hover::after,
#custom-html-1m #tagliere-item:hover::after,
#custom-html-1m #tartare-item:hover::after,
#custom-html-1m #carpaccio-item:hover::after,
#custom-html-1m #vitello-tonnato-item:hover::after,
#custom-html-1m #caprese-item:hover::after,
#custom-html-1m #mista-item:hover::after,
#custom-html-1m #cesare-item:hover::after,
#custom-html-1m #marinara-item:hover::after,
#custom-html-1m #margherita-item:hover::after,
#custom-html-1m #alcotto-item:hover::after,
#custom-html-1m #capricciosa-item:hover::after,
#custom-html-1m #diavola-item:hover::after,
#custom-html-1m #burrata-item:hover::after,
#custom-html-1m #bufala-item:hover::after,
#custom-html-1m #verduretta-item:hover::after,
#custom-html-1m #mediterrenea-item:hover::after,
#custom-html-1m #gamberi-item:hover::after,
#custom-html-1m #calzone-item:hover::after,
#custom-html-1m #crudo-item:hover::after,
#custom-html-1m #tonno-item:hover::after,
#custom-html-1m #mortazza-item:hover::after,
#custom-html-1m #guanciale-item:hover::after,
#custom-html-1m #quattro-item:hover::after,
#custom-html-1m #tartufo-item:hover::after,
#custom-html-1m #spaghetti-napoletana-item:hover::after,
#custom-html-1m #spaghetti-cacio-item:hover::after,
#custom-html-1m #linguine-pesto-item:hover::after,
#custom-html-1m #pomodorini-gamberi-item:hover::after,
#custom-html-1m #rigatoni-bolognese-item:hover::after,
#custom-html-1m #rigatoni-salmone-item:hover::after,
#custom-html-1m #lasagne-bolognese-item:hover::after,
#custom-html-1m #gnocchi-quattro-item:hover::after,
#custom-html-1m #gnocchi-pollo-item:hover::after,
#custom-html-1m #enduja-item:hover::after,
#custom-html-1m #gamberi-item:hover::after,
#custom-html-1m #carbonara-item:hover::after,
#custom-html-1m #pappa-item:hover::after,
#custom-html-1m #minestrone-item:hover::after,
#custom-html-1m #parmigiana-item:hover::after,
#custom-html-1m #carnivora-item:hover::after,
#custom-html-1m #ortolana-item:hover::after,
#custom-html-1m #pizza-carbonara-item:hover::after,
#custom-html-1m #fileja-item:hover::after,
#custom-html-1m #risotto-item:hover::after,
#custom-html-1m #tiramisu-item:hover::after,
#custom-html-1m #cannolo-item:hover::after,
#custom-html-1m #gratin-item:hover::after,
#custom-html-1m #tortino-item:hover::after,
#custom-html-1m #baba-item:hover::after,
#custom-html-1m #cacciatora-item:hover::after,
#custom-html-1m #cipolle-item:hover::after,
#custom-html-1m #salmone-gril-item:hover::after,
#custom-html-1m #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1m .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1m .modal.active {
  display: flex;
}
#custom-html-1m .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1m .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1m .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1m .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1m .modal-close:hover {
  background: #173552;
}
#custom-html-1m .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1m .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1m .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1m .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1m .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1m .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1m .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1m .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1m .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1m .item {
    padding: 1rem;
  }
  #custom-html-1m .item-header h3,
  #custom-html-1m .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-1m .modal-content {
    padding: 1rem;
  }
  #custom-html-1m .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1m .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1m .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1m .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1m .item-header h3,
  #custom-html-1m .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-1m .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1m .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1m .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1m .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1m .mobile-info-box {
  display: none;
}
#custom-html-1m #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1m #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1m #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1m #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1m .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1n {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1n * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1n body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1n .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1n .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1n .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1n .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1n .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1n .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1n .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1n .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1n .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1n .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1n .content {
  padding: 0;
}
#custom-html-1n .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1n .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1n .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1n .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1n .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1n .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1n .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1n .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1n .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1n .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1n .item.vegetarian h3,
#custom-html-1n .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-1n .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1n .item-header h3,
#custom-html-1n .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1n .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1n .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1n #bruschetta-item::after,
#custom-html-1n #tagliere-item::after,
#custom-html-1n #tartare-item::after,
#custom-html-1n #carpaccio-item::after,
#custom-html-1n #vitello-tonnato-item::after,
#custom-html-1n #caprese-item::after,
#custom-html-1n #mista-item::after,
#custom-html-1n #cesare-item::after,
#custom-html-1n #marinara-item::after,
#custom-html-1n #margherita-item::after,
#custom-html-1n #alcotto-item::after,
#custom-html-1n #capricciosa-item::after,
#custom-html-1n #diavola-item::after,
#custom-html-1n #burrata-item::after,
#custom-html-1n #bufala-item::after,
#custom-html-1n #verduretta-item::after,
#custom-html-1n #mediterrenea-item::after,
#custom-html-1n #gamberi-item::after,
#custom-html-1n #calzone-item::after,
#custom-html-1n #crudo-item::after,
#custom-html-1n #tonno-item::after,
#custom-html-1n #mortazza-item::after,
#custom-html-1n #guanciale-item::after,
#custom-html-1n #quattro-item::after,
#custom-html-1n #tartufo-item::after,
#custom-html-1n #spaghetti-napoletana-item::after,
#custom-html-1n #spaghetti-cacio-item::after,
#custom-html-1n #linguine-pesto-item::after,
#custom-html-1n #pomodorini-gamberi-item::after,
#custom-html-1n #rigatoni-bolognese-item::after,
#custom-html-1n #rigatoni-salmone-item::after,
#custom-html-1n #lasagne-bolognese-item::after,
#custom-html-1n #gnocchi-quattro-item::after,
#custom-html-1n #enduja-quattro-item::after,
#custom-html-1n #gnocchi-pollo-item::after,
#custom-html-1n #gamberi-item::after,
#custom-html-1n #carbonara-item::after,
#custom-html-1n #pappa-item::after,
#custom-html-1n #minestrone-item::after,
#custom-html-1n #carnivora-item::after,
#custom-html-1n #ortolana-item::after,
#custom-html-1n #parmigiana-item::after,
#custom-html-1n #fileja-item::after,
#custom-html-1n #aglio-olio-item::after,
#custom-html-1n #pizza-carbonara-item::after,
#custom-html-1n #risotto-item::after,
#custom-html-1n #tiramisu-item::after,
#custom-html-1n #cannolo-item::after,
#custom-html-1n #gratin-item::after,
#custom-html-1n #tortino-item::after,
#custom-html-1n #baba-item::after,
#custom-html-1n #cipolle-item::after,
#custom-html-1n #cacciatora-item::after,
#custom-html-1n #salmone-gril-item::after,
#custom-html-1n #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1n #bruschetta-item:hover::after,
#custom-html-1n #tagliere-item:hover::after,
#custom-html-1n #tartare-item:hover::after,
#custom-html-1n #carpaccio-item:hover::after,
#custom-html-1n #vitello-tonnato-item:hover::after,
#custom-html-1n #caprese-item:hover::after,
#custom-html-1n #mista-item:hover::after,
#custom-html-1n #cesare-item:hover::after,
#custom-html-1n #marinara-item:hover::after,
#custom-html-1n #margherita-item:hover::after,
#custom-html-1n #alcotto-item:hover::after,
#custom-html-1n #capricciosa-item:hover::after,
#custom-html-1n #diavola-item:hover::after,
#custom-html-1n #burrata-item:hover::after,
#custom-html-1n #bufala-item:hover::after,
#custom-html-1n #verduretta-item:hover::after,
#custom-html-1n #mediterrenea-item:hover::after,
#custom-html-1n #gamberi-item:hover::after,
#custom-html-1n #calzone-item:hover::after,
#custom-html-1n #crudo-item:hover::after,
#custom-html-1n #tonno-item:hover::after,
#custom-html-1n #mortazza-item:hover::after,
#custom-html-1n #guanciale-item:hover::after,
#custom-html-1n #quattro-item:hover::after,
#custom-html-1n #tartufo-item:hover::after,
#custom-html-1n #spaghetti-napoletana-item:hover::after,
#custom-html-1n #spaghetti-cacio-item:hover::after,
#custom-html-1n #linguine-pesto-item:hover::after,
#custom-html-1n #pomodorini-gamberi-item:hover::after,
#custom-html-1n #rigatoni-bolognese-item:hover::after,
#custom-html-1n #rigatoni-salmone-item:hover::after,
#custom-html-1n #lasagne-bolognese-item:hover::after,
#custom-html-1n #gnocchi-quattro-item:hover::after,
#custom-html-1n #gnocchi-pollo-item:hover::after,
#custom-html-1n #enduja-item:hover::after,
#custom-html-1n #gamberi-item:hover::after,
#custom-html-1n #carbonara-item:hover::after,
#custom-html-1n #pappa-item:hover::after,
#custom-html-1n #minestrone-item:hover::after,
#custom-html-1n #parmigiana-item:hover::after,
#custom-html-1n #carnivora-item:hover::after,
#custom-html-1n #ortolana-item:hover::after,
#custom-html-1n #pizza-carbonara-item:hover::after,
#custom-html-1n #fileja-item:hover::after,
#custom-html-1n #risotto-item:hover::after,
#custom-html-1n #tiramisu-item:hover::after,
#custom-html-1n #cannolo-item:hover::after,
#custom-html-1n #gratin-item:hover::after,
#custom-html-1n #tortino-item:hover::after,
#custom-html-1n #baba-item:hover::after,
#custom-html-1n #cacciatora-item:hover::after,
#custom-html-1n #cipolle-item:hover::after,
#custom-html-1n #salmone-gril-item:hover::after,
#custom-html-1n #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1n .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1n .modal.active {
  display: flex;
}
#custom-html-1n .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1n .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1n .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1n .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1n .modal-close:hover {
  background: #173552;
}
#custom-html-1n .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1n .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1n .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1n .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1n .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1n .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1n .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1n .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1n .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1n .item {
    padding: 1rem;
  }
  #custom-html-1n .item-header h3,
  #custom-html-1n .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-1n .modal-content {
    padding: 1rem;
  }
  #custom-html-1n .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1n .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1n .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1n .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1n .item-header h3,
  #custom-html-1n .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-1n .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1n .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1n .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1n .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1n .mobile-info-box {
  display: none;
}
#custom-html-1n #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1n #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1n #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1n #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1n .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1o {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1o * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1o body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1o .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1o .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1o .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1o .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1o .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1o .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1o .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1o .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1o .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1o .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1o .content {
  padding: 0;
}
#custom-html-1o .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1o .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1o .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1o .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1o .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1o .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1o .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1o .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1o .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1o .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1o .item.vegetarian h3,
#custom-html-1o .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-1o .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1o .item-header h3,
#custom-html-1o .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1o .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1o .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1o #bruschetta-item::after,
#custom-html-1o #tagliere-item::after,
#custom-html-1o #tartare-item::after,
#custom-html-1o #carpaccio-item::after,
#custom-html-1o #vitello-tonnato-item::after,
#custom-html-1o #caprese-item::after,
#custom-html-1o #mista-item::after,
#custom-html-1o #cesare-item::after,
#custom-html-1o #marinara-item::after,
#custom-html-1o #margherita-item::after,
#custom-html-1o #alcotto-item::after,
#custom-html-1o #capricciosa-item::after,
#custom-html-1o #diavola-item::after,
#custom-html-1o #burrata-item::after,
#custom-html-1o #bufala-item::after,
#custom-html-1o #verduretta-item::after,
#custom-html-1o #mediterrenea-item::after,
#custom-html-1o #gamberi-item::after,
#custom-html-1o #calzone-item::after,
#custom-html-1o #crudo-item::after,
#custom-html-1o #tonno-item::after,
#custom-html-1o #mortazza-item::after,
#custom-html-1o #guanciale-item::after,
#custom-html-1o #quattro-item::after,
#custom-html-1o #tartufo-item::after,
#custom-html-1o #spaghetti-napoletana-item::after,
#custom-html-1o #spaghetti-cacio-item::after,
#custom-html-1o #linguine-pesto-item::after,
#custom-html-1o #pomodorini-gamberi-item::after,
#custom-html-1o #rigatoni-bolognese-item::after,
#custom-html-1o #rigatoni-salmone-item::after,
#custom-html-1o #lasagne-bolognese-item::after,
#custom-html-1o #gnocchi-quattro-item::after,
#custom-html-1o #enduja-quattro-item::after,
#custom-html-1o #gnocchi-pollo-item::after,
#custom-html-1o #gamberi-item::after,
#custom-html-1o #carbonara-item::after,
#custom-html-1o #pappa-item::after,
#custom-html-1o #minestrone-item::after,
#custom-html-1o #carnivora-item::after,
#custom-html-1o #ortolana-item::after,
#custom-html-1o #parmigiana-item::after,
#custom-html-1o #fileja-item::after,
#custom-html-1o #aglio-olio-item::after,
#custom-html-1o #pizza-carbonara-item::after,
#custom-html-1o #risotto-item::after,
#custom-html-1o #tiramisu-item::after,
#custom-html-1o #cannolo-item::after,
#custom-html-1o #gratin-item::after,
#custom-html-1o #tortino-item::after,
#custom-html-1o #baba-item::after,
#custom-html-1o #cipolle-item::after,
#custom-html-1o #cacciatora-item::after,
#custom-html-1o #salmone-gril-item::after,
#custom-html-1o #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1o #bruschetta-item:hover::after,
#custom-html-1o #tagliere-item:hover::after,
#custom-html-1o #tartare-item:hover::after,
#custom-html-1o #carpaccio-item:hover::after,
#custom-html-1o #vitello-tonnato-item:hover::after,
#custom-html-1o #caprese-item:hover::after,
#custom-html-1o #mista-item:hover::after,
#custom-html-1o #cesare-item:hover::after,
#custom-html-1o #marinara-item:hover::after,
#custom-html-1o #margherita-item:hover::after,
#custom-html-1o #alcotto-item:hover::after,
#custom-html-1o #capricciosa-item:hover::after,
#custom-html-1o #diavola-item:hover::after,
#custom-html-1o #burrata-item:hover::after,
#custom-html-1o #bufala-item:hover::after,
#custom-html-1o #verduretta-item:hover::after,
#custom-html-1o #mediterrenea-item:hover::after,
#custom-html-1o #gamberi-item:hover::after,
#custom-html-1o #calzone-item:hover::after,
#custom-html-1o #crudo-item:hover::after,
#custom-html-1o #tonno-item:hover::after,
#custom-html-1o #mortazza-item:hover::after,
#custom-html-1o #guanciale-item:hover::after,
#custom-html-1o #quattro-item:hover::after,
#custom-html-1o #tartufo-item:hover::after,
#custom-html-1o #spaghetti-napoletana-item:hover::after,
#custom-html-1o #spaghetti-cacio-item:hover::after,
#custom-html-1o #linguine-pesto-item:hover::after,
#custom-html-1o #pomodorini-gamberi-item:hover::after,
#custom-html-1o #rigatoni-bolognese-item:hover::after,
#custom-html-1o #rigatoni-salmone-item:hover::after,
#custom-html-1o #lasagne-bolognese-item:hover::after,
#custom-html-1o #gnocchi-quattro-item:hover::after,
#custom-html-1o #gnocchi-pollo-item:hover::after,
#custom-html-1o #enduja-item:hover::after,
#custom-html-1o #gamberi-item:hover::after,
#custom-html-1o #carbonara-item:hover::after,
#custom-html-1o #pappa-item:hover::after,
#custom-html-1o #minestrone-item:hover::after,
#custom-html-1o #parmigiana-item:hover::after,
#custom-html-1o #carnivora-item:hover::after,
#custom-html-1o #ortolana-item:hover::after,
#custom-html-1o #pizza-carbonara-item:hover::after,
#custom-html-1o #fileja-item:hover::after,
#custom-html-1o #risotto-item:hover::after,
#custom-html-1o #tiramisu-item:hover::after,
#custom-html-1o #cannolo-item:hover::after,
#custom-html-1o #gratin-item:hover::after,
#custom-html-1o #tortino-item:hover::after,
#custom-html-1o #baba-item:hover::after,
#custom-html-1o #cacciatora-item:hover::after,
#custom-html-1o #cipolle-item:hover::after,
#custom-html-1o #salmone-gril-item:hover::after,
#custom-html-1o #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1o .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1o .modal.active {
  display: flex;
}
#custom-html-1o .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1o .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1o .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1o .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1o .modal-close:hover {
  background: #173552;
}
#custom-html-1o .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1o .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1o .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1o .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1o .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1o .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1o .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1o .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1o .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1o .item {
    padding: 1rem;
  }
  #custom-html-1o .item-header h3,
  #custom-html-1o .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-1o .modal-content {
    padding: 1rem;
  }
  #custom-html-1o .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1o .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1o .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1o .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1o .item-header h3,
  #custom-html-1o .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-1o .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1o .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1o .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1o .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1o .mobile-info-box {
  display: none;
}
#custom-html-1o #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1o #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1o #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1o #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1o .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1p {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1p * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1p body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1p .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1p .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1p .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1p .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1p .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1p .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1p .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1p .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1p .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1p .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1p .content {
  padding: 0;
}
#custom-html-1p .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1p .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1p .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1p .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1p .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1p .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1p .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1p .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1p .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1p .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1p .item.vegetarian h3,
#custom-html-1p .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-1p .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1p .item-header h3,
#custom-html-1p .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1p .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1p .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1p #bruschetta-item::after,
#custom-html-1p #tagliere-item::after,
#custom-html-1p #tartare-item::after,
#custom-html-1p #carpaccio-item::after,
#custom-html-1p #vitello-tonnato-item::after,
#custom-html-1p #caprese-item::after,
#custom-html-1p #mista-item::after,
#custom-html-1p #cesare-item::after,
#custom-html-1p #marinara-item::after,
#custom-html-1p #margherita-item::after,
#custom-html-1p #alcotto-item::after,
#custom-html-1p #capricciosa-item::after,
#custom-html-1p #diavola-item::after,
#custom-html-1p #burrata-item::after,
#custom-html-1p #bufala-item::after,
#custom-html-1p #verduretta-item::after,
#custom-html-1p #mediterrenea-item::after,
#custom-html-1p #gamberi-item::after,
#custom-html-1p #calzone-item::after,
#custom-html-1p #crudo-item::after,
#custom-html-1p #tonno-item::after,
#custom-html-1p #mortazza-item::after,
#custom-html-1p #guanciale-item::after,
#custom-html-1p #quattro-item::after,
#custom-html-1p #tartufo-item::after,
#custom-html-1p #spaghetti-napoletana-item::after,
#custom-html-1p #spaghetti-cacio-item::after,
#custom-html-1p #linguine-pesto-item::after,
#custom-html-1p #pomodorini-gamberi-item::after,
#custom-html-1p #rigatoni-bolognese-item::after,
#custom-html-1p #rigatoni-salmone-item::after,
#custom-html-1p #lasagne-bolognese-item::after,
#custom-html-1p #gnocchi-quattro-item::after,
#custom-html-1p #enduja-quattro-item::after,
#custom-html-1p #gnocchi-pollo-item::after,
#custom-html-1p #gamberi-item::after,
#custom-html-1p #carbonara-item::after,
#custom-html-1p #pappa-item::after,
#custom-html-1p #minestrone-item::after,
#custom-html-1p #carnivora-item::after,
#custom-html-1p #ortolana-item::after,
#custom-html-1p #parmigiana-item::after,
#custom-html-1p #fileja-item::after,
#custom-html-1p #aglio-olio-item::after,
#custom-html-1p #pizza-carbonara-item::after,
#custom-html-1p #risotto-item::after,
#custom-html-1p #tiramisu-item::after,
#custom-html-1p #cannolo-item::after,
#custom-html-1p #gratin-item::after,
#custom-html-1p #tortino-item::after,
#custom-html-1p #baba-item::after,
#custom-html-1p #cipolle-item::after,
#custom-html-1p #cacciatora-item::after,
#custom-html-1p #salmone-gril-item::after,
#custom-html-1p #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1p #bruschetta-item:hover::after,
#custom-html-1p #tagliere-item:hover::after,
#custom-html-1p #tartare-item:hover::after,
#custom-html-1p #carpaccio-item:hover::after,
#custom-html-1p #vitello-tonnato-item:hover::after,
#custom-html-1p #caprese-item:hover::after,
#custom-html-1p #mista-item:hover::after,
#custom-html-1p #cesare-item:hover::after,
#custom-html-1p #marinara-item:hover::after,
#custom-html-1p #margherita-item:hover::after,
#custom-html-1p #alcotto-item:hover::after,
#custom-html-1p #capricciosa-item:hover::after,
#custom-html-1p #diavola-item:hover::after,
#custom-html-1p #burrata-item:hover::after,
#custom-html-1p #bufala-item:hover::after,
#custom-html-1p #verduretta-item:hover::after,
#custom-html-1p #mediterrenea-item:hover::after,
#custom-html-1p #gamberi-item:hover::after,
#custom-html-1p #calzone-item:hover::after,
#custom-html-1p #crudo-item:hover::after,
#custom-html-1p #tonno-item:hover::after,
#custom-html-1p #mortazza-item:hover::after,
#custom-html-1p #guanciale-item:hover::after,
#custom-html-1p #quattro-item:hover::after,
#custom-html-1p #tartufo-item:hover::after,
#custom-html-1p #spaghetti-napoletana-item:hover::after,
#custom-html-1p #spaghetti-cacio-item:hover::after,
#custom-html-1p #linguine-pesto-item:hover::after,
#custom-html-1p #pomodorini-gamberi-item:hover::after,
#custom-html-1p #rigatoni-bolognese-item:hover::after,
#custom-html-1p #rigatoni-salmone-item:hover::after,
#custom-html-1p #lasagne-bolognese-item:hover::after,
#custom-html-1p #gnocchi-quattro-item:hover::after,
#custom-html-1p #gnocchi-pollo-item:hover::after,
#custom-html-1p #enduja-item:hover::after,
#custom-html-1p #gamberi-item:hover::after,
#custom-html-1p #carbonara-item:hover::after,
#custom-html-1p #pappa-item:hover::after,
#custom-html-1p #minestrone-item:hover::after,
#custom-html-1p #parmigiana-item:hover::after,
#custom-html-1p #carnivora-item:hover::after,
#custom-html-1p #ortolana-item:hover::after,
#custom-html-1p #pizza-carbonara-item:hover::after,
#custom-html-1p #fileja-item:hover::after,
#custom-html-1p #risotto-item:hover::after,
#custom-html-1p #tiramisu-item:hover::after,
#custom-html-1p #cannolo-item:hover::after,
#custom-html-1p #gratin-item:hover::after,
#custom-html-1p #tortino-item:hover::after,
#custom-html-1p #baba-item:hover::after,
#custom-html-1p #cacciatora-item:hover::after,
#custom-html-1p #cipolle-item:hover::after,
#custom-html-1p #salmone-gril-item:hover::after,
#custom-html-1p #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1p .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1p .modal.active {
  display: flex;
}
#custom-html-1p .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1p .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1p .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1p .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1p .modal-close:hover {
  background: #173552;
}
#custom-html-1p .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1p .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1p .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1p .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1p .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1p .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1p .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1p .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1p .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1p .item {
    padding: 1rem;
  }
  #custom-html-1p .item-header h3,
  #custom-html-1p .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-1p .modal-content {
    padding: 1rem;
  }
  #custom-html-1p .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1p .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1p .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1p .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1p .item-header h3,
  #custom-html-1p .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-1p .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1p .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1p .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1p .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1p .mobile-info-box {
  display: none;
}
#custom-html-1p #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1p #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1p #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1p #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1p .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1q {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1q * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1q body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1q .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1q .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1q .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1q .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1q .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1q .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1q .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1q .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1q .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1q .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1q .content {
  padding: 0;
}
#custom-html-1q .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1q .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1q .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1q .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1q .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1q .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1q .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1q .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1q .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1q .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1q .item.vegetarian h3,
#custom-html-1q .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-1q .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1q .item-header h3,
#custom-html-1q .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1q .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1q .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1q #bruschetta-item::after,
#custom-html-1q #tagliere-item::after,
#custom-html-1q #tartare-item::after,
#custom-html-1q #carpaccio-item::after,
#custom-html-1q #vitello-tonnato-item::after,
#custom-html-1q #caprese-item::after,
#custom-html-1q #mista-item::after,
#custom-html-1q #cesare-item::after,
#custom-html-1q #marinara-item::after,
#custom-html-1q #margherita-item::after,
#custom-html-1q #alcotto-item::after,
#custom-html-1q #capricciosa-item::after,
#custom-html-1q #diavola-item::after,
#custom-html-1q #burrata-item::after,
#custom-html-1q #bufala-item::after,
#custom-html-1q #verduretta-item::after,
#custom-html-1q #mediterrenea-item::after,
#custom-html-1q #gamberi-item::after,
#custom-html-1q #calzone-item::after,
#custom-html-1q #crudo-item::after,
#custom-html-1q #tonno-item::after,
#custom-html-1q #mortazza-item::after,
#custom-html-1q #guanciale-item::after,
#custom-html-1q #quattro-item::after,
#custom-html-1q #tartufo-item::after,
#custom-html-1q #spaghetti-napoletana-item::after,
#custom-html-1q #spaghetti-cacio-item::after,
#custom-html-1q #linguine-pesto-item::after,
#custom-html-1q #pomodorini-gamberi-item::after,
#custom-html-1q #rigatoni-bolognese-item::after,
#custom-html-1q #rigatoni-salmone-item::after,
#custom-html-1q #lasagne-bolognese-item::after,
#custom-html-1q #gnocchi-quattro-item::after,
#custom-html-1q #enduja-quattro-item::after,
#custom-html-1q #gnocchi-pollo-item::after,
#custom-html-1q #gamberi-item::after,
#custom-html-1q #carbonara-item::after,
#custom-html-1q #pappa-item::after,
#custom-html-1q #minestrone-item::after,
#custom-html-1q #carnivora-item::after,
#custom-html-1q #ortolana-item::after,
#custom-html-1q #parmigiana-item::after,
#custom-html-1q #fileja-item::after,
#custom-html-1q #aglio-olio-item::after,
#custom-html-1q #pizza-carbonara-item::after,
#custom-html-1q #risotto-item::after,
#custom-html-1q #tiramisu-item::after,
#custom-html-1q #cannolo-item::after,
#custom-html-1q #gratin-item::after,
#custom-html-1q #tortino-item::after,
#custom-html-1q #baba-item::after,
#custom-html-1q #cipolle-item::after,
#custom-html-1q #cacciatora-item::after,
#custom-html-1q #salmone-gril-item::after,
#custom-html-1q #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1q #bruschetta-item:hover::after,
#custom-html-1q #tagliere-item:hover::after,
#custom-html-1q #tartare-item:hover::after,
#custom-html-1q #carpaccio-item:hover::after,
#custom-html-1q #vitello-tonnato-item:hover::after,
#custom-html-1q #caprese-item:hover::after,
#custom-html-1q #mista-item:hover::after,
#custom-html-1q #cesare-item:hover::after,
#custom-html-1q #marinara-item:hover::after,
#custom-html-1q #margherita-item:hover::after,
#custom-html-1q #alcotto-item:hover::after,
#custom-html-1q #capricciosa-item:hover::after,
#custom-html-1q #diavola-item:hover::after,
#custom-html-1q #burrata-item:hover::after,
#custom-html-1q #bufala-item:hover::after,
#custom-html-1q #verduretta-item:hover::after,
#custom-html-1q #mediterrenea-item:hover::after,
#custom-html-1q #gamberi-item:hover::after,
#custom-html-1q #calzone-item:hover::after,
#custom-html-1q #crudo-item:hover::after,
#custom-html-1q #tonno-item:hover::after,
#custom-html-1q #mortazza-item:hover::after,
#custom-html-1q #guanciale-item:hover::after,
#custom-html-1q #quattro-item:hover::after,
#custom-html-1q #tartufo-item:hover::after,
#custom-html-1q #spaghetti-napoletana-item:hover::after,
#custom-html-1q #spaghetti-cacio-item:hover::after,
#custom-html-1q #linguine-pesto-item:hover::after,
#custom-html-1q #pomodorini-gamberi-item:hover::after,
#custom-html-1q #rigatoni-bolognese-item:hover::after,
#custom-html-1q #rigatoni-salmone-item:hover::after,
#custom-html-1q #lasagne-bolognese-item:hover::after,
#custom-html-1q #gnocchi-quattro-item:hover::after,
#custom-html-1q #gnocchi-pollo-item:hover::after,
#custom-html-1q #enduja-item:hover::after,
#custom-html-1q #gamberi-item:hover::after,
#custom-html-1q #carbonara-item:hover::after,
#custom-html-1q #pappa-item:hover::after,
#custom-html-1q #minestrone-item:hover::after,
#custom-html-1q #parmigiana-item:hover::after,
#custom-html-1q #carnivora-item:hover::after,
#custom-html-1q #ortolana-item:hover::after,
#custom-html-1q #pizza-carbonara-item:hover::after,
#custom-html-1q #fileja-item:hover::after,
#custom-html-1q #risotto-item:hover::after,
#custom-html-1q #tiramisu-item:hover::after,
#custom-html-1q #cannolo-item:hover::after,
#custom-html-1q #gratin-item:hover::after,
#custom-html-1q #tortino-item:hover::after,
#custom-html-1q #baba-item:hover::after,
#custom-html-1q #cacciatora-item:hover::after,
#custom-html-1q #cipolle-item:hover::after,
#custom-html-1q #salmone-gril-item:hover::after,
#custom-html-1q #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1q .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1q .modal.active {
  display: flex;
}
#custom-html-1q .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1q .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1q .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1q .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1q .modal-close:hover {
  background: #173552;
}
#custom-html-1q .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1q .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1q .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1q .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1q .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1q .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1q .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1q .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1q .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1q .item {
    padding: 1rem;
  }
  #custom-html-1q .item-header h3,
  #custom-html-1q .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-1q .modal-content {
    padding: 1rem;
  }
  #custom-html-1q .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1q .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1q .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1q .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1q .item-header h3,
  #custom-html-1q .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-1q .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1q .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1q .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1q .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1q .mobile-info-box {
  display: none;
}
#custom-html-1q #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1q #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1q #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1q #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1q .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1r {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1r * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1r body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1r .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1r .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1r .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1r .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1r .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1r .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1r .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1r .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1r .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1r .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1r .content {
  padding: 0;
}
#custom-html-1r .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1r .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1r .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1r .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1r .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1r .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1r .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1r .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1r .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1r .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1r .item.vegetarian h3,
#custom-html-1r .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-1r .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1r .item-header h3,
#custom-html-1r .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1r .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1r .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1r #bruschetta-item::after,
#custom-html-1r #tagliere-item::after,
#custom-html-1r #tartare-item::after,
#custom-html-1r #carpaccio-item::after,
#custom-html-1r #vitello-tonnato-item::after,
#custom-html-1r #caprese-item::after,
#custom-html-1r #mista-item::after,
#custom-html-1r #cesare-item::after,
#custom-html-1r #marinara-item::after,
#custom-html-1r #margherita-item::after,
#custom-html-1r #alcotto-item::after,
#custom-html-1r #capricciosa-item::after,
#custom-html-1r #diavola-item::after,
#custom-html-1r #burrata-item::after,
#custom-html-1r #bufala-item::after,
#custom-html-1r #verduretta-item::after,
#custom-html-1r #mediterrenea-item::after,
#custom-html-1r #gamberi-item::after,
#custom-html-1r #calzone-item::after,
#custom-html-1r #crudo-item::after,
#custom-html-1r #tonno-item::after,
#custom-html-1r #mortazza-item::after,
#custom-html-1r #guanciale-item::after,
#custom-html-1r #quattro-item::after,
#custom-html-1r #tartufo-item::after,
#custom-html-1r #spaghetti-napoletana-item::after,
#custom-html-1r #spaghetti-cacio-item::after,
#custom-html-1r #linguine-pesto-item::after,
#custom-html-1r #pomodorini-gamberi-item::after,
#custom-html-1r #rigatoni-bolognese-item::after,
#custom-html-1r #rigatoni-salmone-item::after,
#custom-html-1r #lasagne-bolognese-item::after,
#custom-html-1r #gnocchi-quattro-item::after,
#custom-html-1r #enduja-quattro-item::after,
#custom-html-1r #gnocchi-pollo-item::after,
#custom-html-1r #gamberi-item::after,
#custom-html-1r #carbonara-item::after,
#custom-html-1r #pappa-item::after,
#custom-html-1r #minestrone-item::after,
#custom-html-1r #carnivora-item::after,
#custom-html-1r #ortolana-item::after,
#custom-html-1r #parmigiana-item::after,
#custom-html-1r #fileja-item::after,
#custom-html-1r #aglio-olio-item::after,
#custom-html-1r #pizza-carbonara-item::after,
#custom-html-1r #risotto-item::after,
#custom-html-1r #tiramisu-item::after,
#custom-html-1r #cannolo-item::after,
#custom-html-1r #gratin-item::after,
#custom-html-1r #tortino-item::after,
#custom-html-1r #baba-item::after,
#custom-html-1r #cipolle-item::after,
#custom-html-1r #cacciatora-item::after,
#custom-html-1r #salmone-gril-item::after,
#custom-html-1r #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1r #bruschetta-item:hover::after,
#custom-html-1r #tagliere-item:hover::after,
#custom-html-1r #tartare-item:hover::after,
#custom-html-1r #carpaccio-item:hover::after,
#custom-html-1r #vitello-tonnato-item:hover::after,
#custom-html-1r #caprese-item:hover::after,
#custom-html-1r #mista-item:hover::after,
#custom-html-1r #cesare-item:hover::after,
#custom-html-1r #marinara-item:hover::after,
#custom-html-1r #margherita-item:hover::after,
#custom-html-1r #alcotto-item:hover::after,
#custom-html-1r #capricciosa-item:hover::after,
#custom-html-1r #diavola-item:hover::after,
#custom-html-1r #burrata-item:hover::after,
#custom-html-1r #bufala-item:hover::after,
#custom-html-1r #verduretta-item:hover::after,
#custom-html-1r #mediterrenea-item:hover::after,
#custom-html-1r #gamberi-item:hover::after,
#custom-html-1r #calzone-item:hover::after,
#custom-html-1r #crudo-item:hover::after,
#custom-html-1r #tonno-item:hover::after,
#custom-html-1r #mortazza-item:hover::after,
#custom-html-1r #guanciale-item:hover::after,
#custom-html-1r #quattro-item:hover::after,
#custom-html-1r #tartufo-item:hover::after,
#custom-html-1r #spaghetti-napoletana-item:hover::after,
#custom-html-1r #spaghetti-cacio-item:hover::after,
#custom-html-1r #linguine-pesto-item:hover::after,
#custom-html-1r #pomodorini-gamberi-item:hover::after,
#custom-html-1r #rigatoni-bolognese-item:hover::after,
#custom-html-1r #rigatoni-salmone-item:hover::after,
#custom-html-1r #lasagne-bolognese-item:hover::after,
#custom-html-1r #gnocchi-quattro-item:hover::after,
#custom-html-1r #gnocchi-pollo-item:hover::after,
#custom-html-1r #enduja-item:hover::after,
#custom-html-1r #gamberi-item:hover::after,
#custom-html-1r #carbonara-item:hover::after,
#custom-html-1r #pappa-item:hover::after,
#custom-html-1r #minestrone-item:hover::after,
#custom-html-1r #parmigiana-item:hover::after,
#custom-html-1r #carnivora-item:hover::after,
#custom-html-1r #ortolana-item:hover::after,
#custom-html-1r #pizza-carbonara-item:hover::after,
#custom-html-1r #fileja-item:hover::after,
#custom-html-1r #risotto-item:hover::after,
#custom-html-1r #tiramisu-item:hover::after,
#custom-html-1r #cannolo-item:hover::after,
#custom-html-1r #gratin-item:hover::after,
#custom-html-1r #tortino-item:hover::after,
#custom-html-1r #baba-item:hover::after,
#custom-html-1r #cacciatora-item:hover::after,
#custom-html-1r #cipolle-item:hover::after,
#custom-html-1r #salmone-gril-item:hover::after,
#custom-html-1r #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1r .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1r .modal.active {
  display: flex;
}
#custom-html-1r .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1r .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1r .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1r .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1r .modal-close:hover {
  background: #173552;
}
#custom-html-1r .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1r .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1r .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1r .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1r .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1r .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1r .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1r .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1r .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1r .item {
    padding: 1rem;
  }
  #custom-html-1r .item-header h3,
  #custom-html-1r .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-1r .modal-content {
    padding: 1rem;
  }
  #custom-html-1r .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1r .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1r .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1r .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1r .item-header h3,
  #custom-html-1r .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-1r .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1r .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1r .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1r .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1r .mobile-info-box {
  display: none;
}
#custom-html-1r #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1r #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1r #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1r #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1r .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1u {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1u * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1u body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1u .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1u .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1u .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1u .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1u .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1u .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1u .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1u .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1u .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1u .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1u .content {
  padding: 0;
}
#custom-html-1u .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1u .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1u .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1u .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1u .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1u .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1u .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1u .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1u .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1u .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1u .item.vegetarian h3 {
  color: #2ecc71;
}
#custom-html-1u .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1u .item-header h3,
#custom-html-1u .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1u .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1u .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1u #bruschetta-item::after,
#custom-html-1u #tagliere-item::after,
#custom-html-1u #tartare-item::after,
#custom-html-1u #carpaccio-item::after,
#custom-html-1u #vitello-tonnato-item::after,
#custom-html-1u #caprese-item::after,
#custom-html-1u #mista-item::after,
#custom-html-1u #cesare-item::after,
#custom-html-1u #marinara-item::after,
#custom-html-1u #margherita-item::after,
#custom-html-1u #alcotto-item::after,
#custom-html-1u #capricciosa-item::after,
#custom-html-1u #diavola-item::after,
#custom-html-1u #burrata-item::after,
#custom-html-1u #bufala-item::after,
#custom-html-1u #verduretta-item::after,
#custom-html-1u #mediterrenea-item::after,
#custom-html-1u #gamberi-item::after,
#custom-html-1u #calzone-item::after,
#custom-html-1u #crudo-item::after,
#custom-html-1u #tonno-item::after,
#custom-html-1u #mortazza-item::after,
#custom-html-1u #guanciale-item::after,
#custom-html-1u #quattro-item::after,
#custom-html-1u #tartufo-item::after,
#custom-html-1u #spaghetti-napoletana-item::after,
#custom-html-1u #spaghetti-cacio-item::after,
#custom-html-1u #linguine-pesto-item::after,
#custom-html-1u #pomodorini-gamberi-item::after,
#custom-html-1u #rigatoni-bolognese-item::after,
#custom-html-1u #rigatoni-salmone-item::after,
#custom-html-1u #lasagne-bolognese-item::after,
#custom-html-1u #gnocchi-quattro-item::after,
#custom-html-1u #enduja-quattro-item::after,
#custom-html-1u #gnocchi-pollo-item::after,
#custom-html-1u #gamberi-item::after,
#custom-html-1u #carbonara-item::after,
#custom-html-1u #pappa-item::after,
#custom-html-1u #minestrone-item::after,
#custom-html-1u #carnivora-item::after,
#custom-html-1u #ortolana-item::after,
#custom-html-1u #parmigiana-item::after,
#custom-html-1u #fileja-item::after,
#custom-html-1u #aglio-olio-item::after,
#custom-html-1u #pizza-carbonara-item::after,
#custom-html-1u #risotto-item::after,
#custom-html-1u #tiramisu-item::after,
#custom-html-1u #cannolo-item::after,
#custom-html-1u #gratin-item::after,
#custom-html-1u #tortino-item::after,
#custom-html-1u #baba-item::after,
#custom-html-1u #cipolle-item::after,
#custom-html-1u #cacciatora-item::after,
#custom-html-1u #salmone-gril-item::after,
#custom-html-1u #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1u #bruschetta-item:hover::after,
#custom-html-1u #tagliere-item:hover::after,
#custom-html-1u #tartare-item:hover::after,
#custom-html-1u #carpaccio-item:hover::after,
#custom-html-1u #vitello-tonnato-item:hover::after,
#custom-html-1u #caprese-item:hover::after,
#custom-html-1u #mista-item:hover::after,
#custom-html-1u #cesare-item:hover::after,
#custom-html-1u #marinara-item:hover::after,
#custom-html-1u #margherita-item:hover::after,
#custom-html-1u #alcotto-item:hover::after,
#custom-html-1u #capricciosa-item:hover::after,
#custom-html-1u #diavola-item:hover::after,
#custom-html-1u #burrata-item:hover::after,
#custom-html-1u #bufala-item:hover::after,
#custom-html-1u #verduretta-item:hover::after,
#custom-html-1u #mediterrenea-item:hover::after,
#custom-html-1u #gamberi-item:hover::after,
#custom-html-1u #calzone-item:hover::after,
#custom-html-1u #crudo-item:hover::after,
#custom-html-1u #tonno-item:hover::after,
#custom-html-1u #mortazza-item:hover::after,
#custom-html-1u #guanciale-item:hover::after,
#custom-html-1u #quattro-item:hover::after,
#custom-html-1u #tartufo-item:hover::after,
#custom-html-1u #spaghetti-napoletana-item:hover::after,
#custom-html-1u #spaghetti-cacio-item:hover::after,
#custom-html-1u #linguine-pesto-item:hover::after,
#custom-html-1u #pomodorini-gamberi-item:hover::after,
#custom-html-1u #rigatoni-bolognese-item:hover::after,
#custom-html-1u #rigatoni-salmone-item:hover::after,
#custom-html-1u #lasagne-bolognese-item:hover::after,
#custom-html-1u #gnocchi-quattro-item:hover::after,
#custom-html-1u #gnocchi-pollo-item:hover::after,
#custom-html-1u #enduja-item:hover::after,
#custom-html-1u #gamberi-item:hover::after,
#custom-html-1u #carbonara-item:hover::after,
#custom-html-1u #pappa-item:hover::after,
#custom-html-1u #minestrone-item:hover::after,
#custom-html-1u #parmigiana-item:hover::after,
#custom-html-1u #carnivora-item:hover::after,
#custom-html-1u #ortolana-item:hover::after,
#custom-html-1u #pizza-carbonara-item:hover::after,
#custom-html-1u #fileja-item:hover::after,
#custom-html-1u #aglio-olio-item:hover::after,
#custom-html-1u #risotto-item:hover::after,
#custom-html-1u #tiramisu-item:hover::after,
#custom-html-1u #cannolo-item:hover::after,
#custom-html-1u #gratin-item:hover::after,
#custom-html-1u #tortino-item:hover::after,
#custom-html-1u #baba-item:hover::after,
#custom-html-1u #cacciatora-item:hover::after,
#custom-html-1u #cipolle-item:hover::after,
#custom-html-1u #salmone-gril-item:hover::after,
#custom-html-1u #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1u .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1u .modal.active {
  display: flex;
}
#custom-html-1u .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1u .modal-content {
  position: relative;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(33, 82, 124, 0.3);
  padding: 2rem;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1u .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1u .modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1u .modal-close:hover {
  background: #173552;
}
#custom-html-1u .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1u .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1u .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1u .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1u .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1u .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1u .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1u .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1u .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1u .item {
    padding: 1rem;
  }
  #custom-html-1u .item-header h3 {
    font-size: 1.1rem;
  }
  #custom-html-1u .modal-content {
    padding: 1rem;
  }
  #custom-html-1u .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1u .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1u .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1u .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1u .item-header h3 {
    font-size: 1rem;
  }
  #custom-html-1u .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1u .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1u .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1v {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1v * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1v body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1v .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1v .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1v .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1v .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1v .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1v .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1v .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1v .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1v .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1v .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1v .content {
  padding: 0;
}
#custom-html-1v .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1v .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1v .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1v .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1v .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1v .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1v .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1v .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1v .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1v .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1v .item.vegetarian h3,
#custom-html-1v .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-1v .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1v .item-header h3,
#custom-html-1v .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1v .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1v .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1v #bruschetta-item::after,
#custom-html-1v #tagliere-item::after,
#custom-html-1v #tartare-item::after,
#custom-html-1v #carpaccio-item::after,
#custom-html-1v #vitello-tonnato-item::after,
#custom-html-1v #caprese-item::after,
#custom-html-1v #mista-item::after,
#custom-html-1v #cesare-item::after,
#custom-html-1v #marinara-item::after,
#custom-html-1v #margherita-item::after,
#custom-html-1v #alcotto-item::after,
#custom-html-1v #capricciosa-item::after,
#custom-html-1v #diavola-item::after,
#custom-html-1v #burrata-item::after,
#custom-html-1v #bufala-item::after,
#custom-html-1v #verduretta-item::after,
#custom-html-1v #mediterrenea-item::after,
#custom-html-1v #gamberi-item::after,
#custom-html-1v #calzone-item::after,
#custom-html-1v #crudo-item::after,
#custom-html-1v #tonno-item::after,
#custom-html-1v #mortazza-item::after,
#custom-html-1v #guanciale-item::after,
#custom-html-1v #quattro-item::after,
#custom-html-1v #tartufo-item::after,
#custom-html-1v #spaghetti-napoletana-item::after,
#custom-html-1v #spaghetti-cacio-item::after,
#custom-html-1v #linguine-pesto-item::after,
#custom-html-1v #pomodorini-gamberi-item::after,
#custom-html-1v #rigatoni-bolognese-item::after,
#custom-html-1v #rigatoni-salmone-item::after,
#custom-html-1v #lasagne-bolognese-item::after,
#custom-html-1v #gnocchi-quattro-item::after,
#custom-html-1v #enduja-quattro-item::after,
#custom-html-1v #gnocchi-pollo-item::after,
#custom-html-1v #gamberi-item::after,
#custom-html-1v #carbonara-item::after,
#custom-html-1v #pappa-item::after,
#custom-html-1v #minestrone-item::after,
#custom-html-1v #carnivora-item::after,
#custom-html-1v #ortolana-item::after,
#custom-html-1v #parmigiana-item::after,
#custom-html-1v #fileja-item::after,
#custom-html-1v #aglio-olio-item::after,
#custom-html-1v #pizza-carbonara-item::after,
#custom-html-1v #risotto-item::after,
#custom-html-1v #tiramisu-item::after,
#custom-html-1v #cannolo-item::after,
#custom-html-1v #gratin-item::after,
#custom-html-1v #tortino-item::after,
#custom-html-1v #baba-item::after,
#custom-html-1v #cipolle-item::after,
#custom-html-1v #cacciatora-item::after,
#custom-html-1v #salmone-gril-item::after,
#custom-html-1v #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1v #bruschetta-item:hover::after,
#custom-html-1v #tagliere-item:hover::after,
#custom-html-1v #tartare-item:hover::after,
#custom-html-1v #carpaccio-item:hover::after,
#custom-html-1v #vitello-tonnato-item:hover::after,
#custom-html-1v #caprese-item:hover::after,
#custom-html-1v #mista-item:hover::after,
#custom-html-1v #cesare-item:hover::after,
#custom-html-1v #marinara-item:hover::after,
#custom-html-1v #margherita-item:hover::after,
#custom-html-1v #alcotto-item:hover::after,
#custom-html-1v #capricciosa-item:hover::after,
#custom-html-1v #diavola-item:hover::after,
#custom-html-1v #burrata-item:hover::after,
#custom-html-1v #bufala-item:hover::after,
#custom-html-1v #verduretta-item:hover::after,
#custom-html-1v #mediterrenea-item:hover::after,
#custom-html-1v #gamberi-item:hover::after,
#custom-html-1v #calzone-item:hover::after,
#custom-html-1v #crudo-item:hover::after,
#custom-html-1v #tonno-item:hover::after,
#custom-html-1v #mortazza-item:hover::after,
#custom-html-1v #guanciale-item:hover::after,
#custom-html-1v #quattro-item:hover::after,
#custom-html-1v #tartufo-item:hover::after,
#custom-html-1v #spaghetti-napoletana-item:hover::after,
#custom-html-1v #spaghetti-cacio-item:hover::after,
#custom-html-1v #linguine-pesto-item:hover::after,
#custom-html-1v #pomodorini-gamberi-item:hover::after,
#custom-html-1v #rigatoni-bolognese-item:hover::after,
#custom-html-1v #rigatoni-salmone-item:hover::after,
#custom-html-1v #lasagne-bolognese-item:hover::after,
#custom-html-1v #gnocchi-quattro-item:hover::after,
#custom-html-1v #gnocchi-pollo-item:hover::after,
#custom-html-1v #enduja-item:hover::after,
#custom-html-1v #gamberi-item:hover::after,
#custom-html-1v #carbonara-item:hover::after,
#custom-html-1v #pappa-item:hover::after,
#custom-html-1v #minestrone-item:hover::after,
#custom-html-1v #parmigiana-item:hover::after,
#custom-html-1v #carnivora-item:hover::after,
#custom-html-1v #ortolana-item:hover::after,
#custom-html-1v #pizza-carbonara-item:hover::after,
#custom-html-1v #fileja-item:hover::after,
#custom-html-1v #risotto-item:hover::after,
#custom-html-1v #tiramisu-item:hover::after,
#custom-html-1v #cannolo-item:hover::after,
#custom-html-1v #gratin-item:hover::after,
#custom-html-1v #tortino-item:hover::after,
#custom-html-1v #baba-item:hover::after,
#custom-html-1v #cacciatora-item:hover::after,
#custom-html-1v #cipolle-item:hover::after,
#custom-html-1v #salmone-gril-item:hover::after,
#custom-html-1v #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1v .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1v .modal.active {
  display: flex;
}
#custom-html-1v .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1v .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1v .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1v .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1v .modal-close:hover {
  background: #173552;
}
#custom-html-1v .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1v .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1v .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1v .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1v .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1v .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1v .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1v .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1v .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1v .item {
    padding: 1rem;
  }
  #custom-html-1v .item-header h3,
  #custom-html-1v .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-1v .modal-content {
    padding: 1rem;
  }
  #custom-html-1v .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1v .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1v .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1v .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1v .item-header h3,
  #custom-html-1v .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-1v .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1v .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1v .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1v .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1v .mobile-info-box {
  display: none;
}
#custom-html-1v #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1v #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1v #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1v #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1v .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1w {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Item header (title + price) */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1w * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1w body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1w .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1w .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1w .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1w .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1w .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1w .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1w .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1w .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1w .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1w .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1w .content {
  padding: 0;
}
#custom-html-1w .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1w .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1w .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1w .category-section1 h2 {
  margin-top: 15px !important ;
}
#custom-html-1w .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1w .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1w .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1w .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1w .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1w .item.vegetarian h3 {
  color: #2ecc71;
}
#custom-html-1w .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1w .item-header h3,
#custom-html-1w .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1w .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1w .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1w #bruschetta-item::after,
#custom-html-1w #tagliere-item::after,
#custom-html-1w #tartare-item::after,
#custom-html-1w #carpaccio-item::after,
#custom-html-1w #vitello-tonnato-item::after,
#custom-html-1w #caprese-item::after,
#custom-html-1w #mista-item::after,
#custom-html-1w #cesare-item::after,
#custom-html-1w #marinara-item::after,
#custom-html-1w #margherita-item::after,
#custom-html-1w #alcotto-item::after,
#custom-html-1w #capricciosa-item::after,
#custom-html-1w #diavola-item::after,
#custom-html-1w #burrata-item::after,
#custom-html-1w #bufala-item::after,
#custom-html-1w #verduretta-item::after,
#custom-html-1w #mediterrenea-item::after,
#custom-html-1w #gamberi-item::after,
#custom-html-1w #calzone-item::after,
#custom-html-1w #crudo-item::after,
#custom-html-1w #tonno-item::after,
#custom-html-1w #mortazza-item::after,
#custom-html-1w #guanciale-item::after,
#custom-html-1w #quattro-item::after,
#custom-html-1w #tartufo-item::after,
#custom-html-1w #spaghetti-napoletana-item::after,
#custom-html-1w #spaghetti-cacio-item::after,
#custom-html-1w #linguine-pesto-item::after,
#custom-html-1w #pomodorini-gamberi-item::after,
#custom-html-1w #rigatoni-bolognese-item::after,
#custom-html-1w #rigatoni-salmone-item::after,
#custom-html-1w #lasagne-bolognese-item::after,
#custom-html-1w #gnocchi-quattro-item::after,
#custom-html-1w #enduja-quattro-item::after,
#custom-html-1w #gnocchi-pollo-item::after,
#custom-html-1w #gamberi-item::after,
#custom-html-1w #carbonara-item::after,
#custom-html-1w #pappa-item::after,
#custom-html-1w #minestrone-item::after,
#custom-html-1w #carnivora-item::after,
#custom-html-1w #ortolana-item::after,
#custom-html-1w #parmigiana-item::after,
#custom-html-1w #fileja-item::after,
#custom-html-1w #aglio-olio-item::after,
#custom-html-1w #pizza-carbonara-item::after,
#custom-html-1w #risotto-item::after,
#custom-html-1w #tiramisu-item::after,
#custom-html-1w #cannolo-item::after,
#custom-html-1w #gratin-item::after,
#custom-html-1w #tortino-item::after,
#custom-html-1w #baba-item::after,
#custom-html-1w #cipolle-item::after,
#custom-html-1w #cacciatora-item::after,
#custom-html-1w #salmone-gril-item::after,
#custom-html-1w #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1w #bruschetta-item:hover::after,
#custom-html-1w #tagliere-item:hover::after,
#custom-html-1w #tartare-item:hover::after,
#custom-html-1w #carpaccio-item:hover::after,
#custom-html-1w #vitello-tonnato-item:hover::after,
#custom-html-1w #caprese-item:hover::after,
#custom-html-1w #mista-item:hover::after,
#custom-html-1w #cesare-item:hover::after,
#custom-html-1w #marinara-item:hover::after,
#custom-html-1w #margherita-item:hover::after,
#custom-html-1w #alcotto-item:hover::after,
#custom-html-1w #capricciosa-item:hover::after,
#custom-html-1w #diavola-item:hover::after,
#custom-html-1w #burrata-item:hover::after,
#custom-html-1w #bufala-item:hover::after,
#custom-html-1w #verduretta-item:hover::after,
#custom-html-1w #mediterrenea-item:hover::after,
#custom-html-1w #gamberi-item:hover::after,
#custom-html-1w #calzone-item:hover::after,
#custom-html-1w #crudo-item:hover::after,
#custom-html-1w #tonno-item:hover::after,
#custom-html-1w #mortazza-item:hover::after,
#custom-html-1w #guanciale-item:hover::after,
#custom-html-1w #quattro-item:hover::after,
#custom-html-1w #tartufo-item:hover::after,
#custom-html-1w #spaghetti-napoletana-item:hover::after,
#custom-html-1w #spaghetti-cacio-item:hover::after,
#custom-html-1w #linguine-pesto-item:hover::after,
#custom-html-1w #pomodorini-gamberi-item:hover::after,
#custom-html-1w #rigatoni-bolognese-item:hover::after,
#custom-html-1w #rigatoni-salmone-item:hover::after,
#custom-html-1w #lasagne-bolognese-item:hover::after,
#custom-html-1w #gnocchi-quattro-item:hover::after,
#custom-html-1w #gnocchi-pollo-item:hover::after,
#custom-html-1w #enduja-item:hover::after,
#custom-html-1w #gamberi-item:hover::after,
#custom-html-1w #carbonara-item:hover::after,
#custom-html-1w #pappa-item:hover::after,
#custom-html-1w #minestrone-item:hover::after,
#custom-html-1w #parmigiana-item:hover::after,
#custom-html-1w #carnivora-item:hover::after,
#custom-html-1w #ortolana-item:hover::after,
#custom-html-1w #pizza-carbonara-item:hover::after,
#custom-html-1w #fileja-item:hover::after,
#custom-html-1w #aglio-olio-item:hover::after,
#custom-html-1w #risotto-item:hover::after,
#custom-html-1w #tiramisu-item:hover::after,
#custom-html-1w #cannolo-item:hover::after,
#custom-html-1w #gratin-item:hover::after,
#custom-html-1w #tortino-item:hover::after,
#custom-html-1w #baba-item:hover::after,
#custom-html-1w #cacciatora-item:hover::after,
#custom-html-1w #cipolle-item:hover::after,
#custom-html-1w #salmone-gril-item:hover::after,
#custom-html-1w #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1w .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1w .modal.active {
  display: flex;
}
#custom-html-1w .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1w .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1w .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1w .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1w .modal-close:hover {
  background: #173552;
}
#custom-html-1w .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1w .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1w .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1w .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1w .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1w .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1w .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1w .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1w .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1w .item {
    padding: 1rem;
  }
  #custom-html-1w .item-header h3 {
    font-size: 1.1rem;
  }
  #custom-html-1w .modal-content {
    padding: 1rem;
  }
  #custom-html-1w .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1w .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1w .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1w .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1w .item-header h3 {
    font-size: 1rem;
  }
  #custom-html-1w .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1w .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1w .latin-name {
  font-weight: normal;
  font-size: 0.85em;
  opacity: 0.8;
}
#custom-html-1w .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1w .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1w .mobile-info-box {
  display: none;
}
#custom-html-1w #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1w #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1w #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1w #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1w .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1x {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Item header (title + price) */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1x * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1x body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1x .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1x .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1x .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1x .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1x .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1x .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1x .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1x .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1x .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1x .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1x .content {
  padding: 0;
}
#custom-html-1x .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1x .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1x .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1x .category-section1 h2 {
  margin-top: 15px !important ;
}
#custom-html-1x .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1x .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1x .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1x .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1x .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1x .item.vegetarian h3 {
  color: #2ecc71;
}
#custom-html-1x .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1x .item-header h3,
#custom-html-1x .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1x .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1x .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1x #bruschetta-item::after,
#custom-html-1x #tagliere-item::after,
#custom-html-1x #tartare-item::after,
#custom-html-1x #carpaccio-item::after,
#custom-html-1x #vitello-tonnato-item::after,
#custom-html-1x #caprese-item::after,
#custom-html-1x #mista-item::after,
#custom-html-1x #cesare-item::after,
#custom-html-1x #marinara-item::after,
#custom-html-1x #margherita-item::after,
#custom-html-1x #alcotto-item::after,
#custom-html-1x #capricciosa-item::after,
#custom-html-1x #diavola-item::after,
#custom-html-1x #burrata-item::after,
#custom-html-1x #bufala-item::after,
#custom-html-1x #verduretta-item::after,
#custom-html-1x #mediterrenea-item::after,
#custom-html-1x #gamberi-item::after,
#custom-html-1x #calzone-item::after,
#custom-html-1x #crudo-item::after,
#custom-html-1x #tonno-item::after,
#custom-html-1x #mortazza-item::after,
#custom-html-1x #guanciale-item::after,
#custom-html-1x #quattro-item::after,
#custom-html-1x #tartufo-item::after,
#custom-html-1x #spaghetti-napoletana-item::after,
#custom-html-1x #spaghetti-cacio-item::after,
#custom-html-1x #linguine-pesto-item::after,
#custom-html-1x #pomodorini-gamberi-item::after,
#custom-html-1x #rigatoni-bolognese-item::after,
#custom-html-1x #rigatoni-salmone-item::after,
#custom-html-1x #lasagne-bolognese-item::after,
#custom-html-1x #gnocchi-quattro-item::after,
#custom-html-1x #enduja-quattro-item::after,
#custom-html-1x #gnocchi-pollo-item::after,
#custom-html-1x #gamberi-item::after,
#custom-html-1x #carbonara-item::after,
#custom-html-1x #pappa-item::after,
#custom-html-1x #minestrone-item::after,
#custom-html-1x #carnivora-item::after,
#custom-html-1x #ortolana-item::after,
#custom-html-1x #parmigiana-item::after,
#custom-html-1x #fileja-item::after,
#custom-html-1x #aglio-olio-item::after,
#custom-html-1x #pizza-carbonara-item::after,
#custom-html-1x #risotto-item::after,
#custom-html-1x #tiramisu-item::after,
#custom-html-1x #cannolo-item::after,
#custom-html-1x #gratin-item::after,
#custom-html-1x #tortino-item::after,
#custom-html-1x #baba-item::after,
#custom-html-1x #cipolle-item::after,
#custom-html-1x #cacciatora-item::after,
#custom-html-1x #salmone-gril-item::after,
#custom-html-1x #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1x #bruschetta-item:hover::after,
#custom-html-1x #tagliere-item:hover::after,
#custom-html-1x #tartare-item:hover::after,
#custom-html-1x #carpaccio-item:hover::after,
#custom-html-1x #vitello-tonnato-item:hover::after,
#custom-html-1x #caprese-item:hover::after,
#custom-html-1x #mista-item:hover::after,
#custom-html-1x #cesare-item:hover::after,
#custom-html-1x #marinara-item:hover::after,
#custom-html-1x #margherita-item:hover::after,
#custom-html-1x #alcotto-item:hover::after,
#custom-html-1x #capricciosa-item:hover::after,
#custom-html-1x #diavola-item:hover::after,
#custom-html-1x #burrata-item:hover::after,
#custom-html-1x #bufala-item:hover::after,
#custom-html-1x #verduretta-item:hover::after,
#custom-html-1x #mediterrenea-item:hover::after,
#custom-html-1x #gamberi-item:hover::after,
#custom-html-1x #calzone-item:hover::after,
#custom-html-1x #crudo-item:hover::after,
#custom-html-1x #tonno-item:hover::after,
#custom-html-1x #mortazza-item:hover::after,
#custom-html-1x #guanciale-item:hover::after,
#custom-html-1x #quattro-item:hover::after,
#custom-html-1x #tartufo-item:hover::after,
#custom-html-1x #spaghetti-napoletana-item:hover::after,
#custom-html-1x #spaghetti-cacio-item:hover::after,
#custom-html-1x #linguine-pesto-item:hover::after,
#custom-html-1x #pomodorini-gamberi-item:hover::after,
#custom-html-1x #rigatoni-bolognese-item:hover::after,
#custom-html-1x #rigatoni-salmone-item:hover::after,
#custom-html-1x #lasagne-bolognese-item:hover::after,
#custom-html-1x #gnocchi-quattro-item:hover::after,
#custom-html-1x #gnocchi-pollo-item:hover::after,
#custom-html-1x #enduja-item:hover::after,
#custom-html-1x #gamberi-item:hover::after,
#custom-html-1x #carbonara-item:hover::after,
#custom-html-1x #pappa-item:hover::after,
#custom-html-1x #minestrone-item:hover::after,
#custom-html-1x #parmigiana-item:hover::after,
#custom-html-1x #carnivora-item:hover::after,
#custom-html-1x #ortolana-item:hover::after,
#custom-html-1x #pizza-carbonara-item:hover::after,
#custom-html-1x #fileja-item:hover::after,
#custom-html-1x #aglio-olio-item:hover::after,
#custom-html-1x #risotto-item:hover::after,
#custom-html-1x #tiramisu-item:hover::after,
#custom-html-1x #cannolo-item:hover::after,
#custom-html-1x #gratin-item:hover::after,
#custom-html-1x #tortino-item:hover::after,
#custom-html-1x #baba-item:hover::after,
#custom-html-1x #cacciatora-item:hover::after,
#custom-html-1x #cipolle-item:hover::after,
#custom-html-1x #salmone-gril-item:hover::after,
#custom-html-1x #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1x .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1x .modal.active {
  display: flex;
}
#custom-html-1x .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1x .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1x .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1x .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1x .modal-close:hover {
  background: #173552;
}
#custom-html-1x .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1x .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1x .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1x .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1x .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1x .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1x .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1x .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1x .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1x .item {
    padding: 1rem;
  }
  #custom-html-1x .item-header h3 {
    font-size: 1.1rem;
  }
  #custom-html-1x .modal-content {
    padding: 1rem;
  }
  #custom-html-1x .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1x .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1x .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1x .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1x .item-header h3 {
    font-size: 1rem;
  }
  #custom-html-1x .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1x .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1x .latin-name {
  font-weight: normal;
  font-size: 0.85em;
  opacity: 0.8;
}
#custom-html-1x .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1x .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1x .mobile-info-box {
  display: none;
}
#custom-html-1x #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1x #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1x #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1x #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1x .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1y {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1y * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1y body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1y .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1y .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1y .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1y .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1y .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1y .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1y .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1y .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1y .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1y .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1y .content {
  padding: 0;
}
#custom-html-1y .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1y .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1y .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1y .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-1y .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1y .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1y .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1y .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1y .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1y .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1y .item.vegetarian h3,
#custom-html-1y .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-1y .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1y .item-header h3,
#custom-html-1y .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1y .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1y .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1y #bruschetta-item::after,
#custom-html-1y #tagliere-item::after,
#custom-html-1y #tartare-item::after,
#custom-html-1y #carpaccio-item::after,
#custom-html-1y #vitello-tonnato-item::after,
#custom-html-1y #caprese-item::after,
#custom-html-1y #mista-item::after,
#custom-html-1y #cesare-item::after,
#custom-html-1y #marinara-item::after,
#custom-html-1y #margherita-item::after,
#custom-html-1y #alcotto-item::after,
#custom-html-1y #capricciosa-item::after,
#custom-html-1y #diavola-item::after,
#custom-html-1y #burrata-item::after,
#custom-html-1y #bufala-item::after,
#custom-html-1y #verduretta-item::after,
#custom-html-1y #mediterrenea-item::after,
#custom-html-1y #gamberi-item::after,
#custom-html-1y #calzone-item::after,
#custom-html-1y #crudo-item::after,
#custom-html-1y #tonno-item::after,
#custom-html-1y #mortazza-item::after,
#custom-html-1y #guanciale-item::after,
#custom-html-1y #quattro-item::after,
#custom-html-1y #tartufo-item::after,
#custom-html-1y #spaghetti-napoletana-item::after,
#custom-html-1y #spaghetti-cacio-item::after,
#custom-html-1y #linguine-pesto-item::after,
#custom-html-1y #pomodorini-gamberi-item::after,
#custom-html-1y #rigatoni-bolognese-item::after,
#custom-html-1y #rigatoni-salmone-item::after,
#custom-html-1y #lasagne-bolognese-item::after,
#custom-html-1y #gnocchi-quattro-item::after,
#custom-html-1y #enduja-quattro-item::after,
#custom-html-1y #gnocchi-pollo-item::after,
#custom-html-1y #gamberi-item::after,
#custom-html-1y #carbonara-item::after,
#custom-html-1y #pappa-item::after,
#custom-html-1y #minestrone-item::after,
#custom-html-1y #carnivora-item::after,
#custom-html-1y #ortolana-item::after,
#custom-html-1y #parmigiana-item::after,
#custom-html-1y #fileja-item::after,
#custom-html-1y #aglio-olio-item::after,
#custom-html-1y #pizza-carbonara-item::after,
#custom-html-1y #risotto-item::after,
#custom-html-1y #tiramisu-item::after,
#custom-html-1y #cannolo-item::after,
#custom-html-1y #gratin-item::after,
#custom-html-1y #tortino-item::after,
#custom-html-1y #baba-item::after,
#custom-html-1y #cipolle-item::after,
#custom-html-1y #cacciatora-item::after,
#custom-html-1y #salmone-gril-item::after,
#custom-html-1y #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1y #bruschetta-item:hover::after,
#custom-html-1y #tagliere-item:hover::after,
#custom-html-1y #tartare-item:hover::after,
#custom-html-1y #carpaccio-item:hover::after,
#custom-html-1y #vitello-tonnato-item:hover::after,
#custom-html-1y #caprese-item:hover::after,
#custom-html-1y #mista-item:hover::after,
#custom-html-1y #cesare-item:hover::after,
#custom-html-1y #marinara-item:hover::after,
#custom-html-1y #margherita-item:hover::after,
#custom-html-1y #alcotto-item:hover::after,
#custom-html-1y #capricciosa-item:hover::after,
#custom-html-1y #diavola-item:hover::after,
#custom-html-1y #burrata-item:hover::after,
#custom-html-1y #bufala-item:hover::after,
#custom-html-1y #verduretta-item:hover::after,
#custom-html-1y #mediterrenea-item:hover::after,
#custom-html-1y #gamberi-item:hover::after,
#custom-html-1y #calzone-item:hover::after,
#custom-html-1y #crudo-item:hover::after,
#custom-html-1y #tonno-item:hover::after,
#custom-html-1y #mortazza-item:hover::after,
#custom-html-1y #guanciale-item:hover::after,
#custom-html-1y #quattro-item:hover::after,
#custom-html-1y #tartufo-item:hover::after,
#custom-html-1y #spaghetti-napoletana-item:hover::after,
#custom-html-1y #spaghetti-cacio-item:hover::after,
#custom-html-1y #linguine-pesto-item:hover::after,
#custom-html-1y #pomodorini-gamberi-item:hover::after,
#custom-html-1y #rigatoni-bolognese-item:hover::after,
#custom-html-1y #rigatoni-salmone-item:hover::after,
#custom-html-1y #lasagne-bolognese-item:hover::after,
#custom-html-1y #gnocchi-quattro-item:hover::after,
#custom-html-1y #gnocchi-pollo-item:hover::after,
#custom-html-1y #enduja-item:hover::after,
#custom-html-1y #gamberi-item:hover::after,
#custom-html-1y #carbonara-item:hover::after,
#custom-html-1y #pappa-item:hover::after,
#custom-html-1y #minestrone-item:hover::after,
#custom-html-1y #parmigiana-item:hover::after,
#custom-html-1y #carnivora-item:hover::after,
#custom-html-1y #ortolana-item:hover::after,
#custom-html-1y #pizza-carbonara-item:hover::after,
#custom-html-1y #fileja-item:hover::after,
#custom-html-1y #risotto-item:hover::after,
#custom-html-1y #tiramisu-item:hover::after,
#custom-html-1y #cannolo-item:hover::after,
#custom-html-1y #gratin-item:hover::after,
#custom-html-1y #tortino-item:hover::after,
#custom-html-1y #baba-item:hover::after,
#custom-html-1y #cacciatora-item:hover::after,
#custom-html-1y #cipolle-item:hover::after,
#custom-html-1y #salmone-gril-item:hover::after,
#custom-html-1y #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1y .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1y .modal.active {
  display: flex;
}
#custom-html-1y .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1y .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1y .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1y .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1y .modal-close:hover {
  background: #173552;
}
#custom-html-1y .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1y .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1y .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1y .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1y .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1y .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1y .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1y .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1y .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1y .item {
    padding: 1rem;
  }
  #custom-html-1y .item-header h3,
  #custom-html-1y .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-1y .modal-content {
    padding: 1rem;
  }
  #custom-html-1y .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1y .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1y .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1y .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1y .item-header h3,
  #custom-html-1y .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-1y .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1y .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1y .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1y .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1y .mobile-info-box {
  display: none;
}
#custom-html-1y #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1y #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1y #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1y #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1y .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-1z {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Item header (title + price) */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-1z * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-1z body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-1z .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-1z .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-1z .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-1z .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-1z .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-1z .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-1z .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-1z .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-1z .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-1z .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-1z .content {
  padding: 0;
}
#custom-html-1z .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-1z .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1z .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-1z .category-section1 h2 {
  margin-top: 15px !important ;
}
#custom-html-1z .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-1z .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-1z .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-1z .item:hover::before {
  transform: scaleX(1);
}
#custom-html-1z .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-1z .item.vegetarian h3 {
  color: #2ecc71;
}
#custom-html-1z .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-1z .item-header h3,
#custom-html-1z .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-1z .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-1z .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-1z #bruschetta-item::after,
#custom-html-1z #tagliere-item::after,
#custom-html-1z #tartare-item::after,
#custom-html-1z #carpaccio-item::after,
#custom-html-1z #vitello-tonnato-item::after,
#custom-html-1z #caprese-item::after,
#custom-html-1z #mista-item::after,
#custom-html-1z #cesare-item::after,
#custom-html-1z #marinara-item::after,
#custom-html-1z #margherita-item::after,
#custom-html-1z #alcotto-item::after,
#custom-html-1z #capricciosa-item::after,
#custom-html-1z #diavola-item::after,
#custom-html-1z #burrata-item::after,
#custom-html-1z #bufala-item::after,
#custom-html-1z #verduretta-item::after,
#custom-html-1z #mediterrenea-item::after,
#custom-html-1z #gamberi-item::after,
#custom-html-1z #calzone-item::after,
#custom-html-1z #crudo-item::after,
#custom-html-1z #tonno-item::after,
#custom-html-1z #mortazza-item::after,
#custom-html-1z #guanciale-item::after,
#custom-html-1z #quattro-item::after,
#custom-html-1z #tartufo-item::after,
#custom-html-1z #spaghetti-napoletana-item::after,
#custom-html-1z #spaghetti-cacio-item::after,
#custom-html-1z #linguine-pesto-item::after,
#custom-html-1z #pomodorini-gamberi-item::after,
#custom-html-1z #rigatoni-bolognese-item::after,
#custom-html-1z #rigatoni-salmone-item::after,
#custom-html-1z #lasagne-bolognese-item::after,
#custom-html-1z #gnocchi-quattro-item::after,
#custom-html-1z #enduja-quattro-item::after,
#custom-html-1z #gnocchi-pollo-item::after,
#custom-html-1z #gamberi-item::after,
#custom-html-1z #carbonara-item::after,
#custom-html-1z #pappa-item::after,
#custom-html-1z #minestrone-item::after,
#custom-html-1z #carnivora-item::after,
#custom-html-1z #ortolana-item::after,
#custom-html-1z #parmigiana-item::after,
#custom-html-1z #fileja-item::after,
#custom-html-1z #aglio-olio-item::after,
#custom-html-1z #pizza-carbonara-item::after,
#custom-html-1z #risotto-item::after,
#custom-html-1z #tiramisu-item::after,
#custom-html-1z #cannolo-item::after,
#custom-html-1z #gratin-item::after,
#custom-html-1z #tortino-item::after,
#custom-html-1z #baba-item::after,
#custom-html-1z #cipolle-item::after,
#custom-html-1z #cacciatora-item::after,
#custom-html-1z #salmone-gril-item::after,
#custom-html-1z #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-1z #bruschetta-item:hover::after,
#custom-html-1z #tagliere-item:hover::after,
#custom-html-1z #tartare-item:hover::after,
#custom-html-1z #carpaccio-item:hover::after,
#custom-html-1z #vitello-tonnato-item:hover::after,
#custom-html-1z #caprese-item:hover::after,
#custom-html-1z #mista-item:hover::after,
#custom-html-1z #cesare-item:hover::after,
#custom-html-1z #marinara-item:hover::after,
#custom-html-1z #margherita-item:hover::after,
#custom-html-1z #alcotto-item:hover::after,
#custom-html-1z #capricciosa-item:hover::after,
#custom-html-1z #diavola-item:hover::after,
#custom-html-1z #burrata-item:hover::after,
#custom-html-1z #bufala-item:hover::after,
#custom-html-1z #verduretta-item:hover::after,
#custom-html-1z #mediterrenea-item:hover::after,
#custom-html-1z #gamberi-item:hover::after,
#custom-html-1z #calzone-item:hover::after,
#custom-html-1z #crudo-item:hover::after,
#custom-html-1z #tonno-item:hover::after,
#custom-html-1z #mortazza-item:hover::after,
#custom-html-1z #guanciale-item:hover::after,
#custom-html-1z #quattro-item:hover::after,
#custom-html-1z #tartufo-item:hover::after,
#custom-html-1z #spaghetti-napoletana-item:hover::after,
#custom-html-1z #spaghetti-cacio-item:hover::after,
#custom-html-1z #linguine-pesto-item:hover::after,
#custom-html-1z #pomodorini-gamberi-item:hover::after,
#custom-html-1z #rigatoni-bolognese-item:hover::after,
#custom-html-1z #rigatoni-salmone-item:hover::after,
#custom-html-1z #lasagne-bolognese-item:hover::after,
#custom-html-1z #gnocchi-quattro-item:hover::after,
#custom-html-1z #gnocchi-pollo-item:hover::after,
#custom-html-1z #enduja-item:hover::after,
#custom-html-1z #gamberi-item:hover::after,
#custom-html-1z #carbonara-item:hover::after,
#custom-html-1z #pappa-item:hover::after,
#custom-html-1z #minestrone-item:hover::after,
#custom-html-1z #parmigiana-item:hover::after,
#custom-html-1z #carnivora-item:hover::after,
#custom-html-1z #ortolana-item:hover::after,
#custom-html-1z #pizza-carbonara-item:hover::after,
#custom-html-1z #fileja-item:hover::after,
#custom-html-1z #aglio-olio-item:hover::after,
#custom-html-1z #risotto-item:hover::after,
#custom-html-1z #tiramisu-item:hover::after,
#custom-html-1z #cannolo-item:hover::after,
#custom-html-1z #gratin-item:hover::after,
#custom-html-1z #tortino-item:hover::after,
#custom-html-1z #baba-item:hover::after,
#custom-html-1z #cacciatora-item:hover::after,
#custom-html-1z #cipolle-item:hover::after,
#custom-html-1z #salmone-gril-item:hover::after,
#custom-html-1z #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-1z .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-1z .modal.active {
  display: flex;
}
#custom-html-1z .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-1z .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-1z .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-1z .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-1z .modal-close:hover {
  background: #173552;
}
#custom-html-1z .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-1z .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-1z .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-1z .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-1z .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-1z .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-1z .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-1z .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-1z .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-1z .item {
    padding: 1rem;
  }
  #custom-html-1z .item-header h3 {
    font-size: 1.1rem;
  }
  #custom-html-1z .modal-content {
    padding: 1rem;
  }
  #custom-html-1z .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-1z .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-1z .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-1z .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-1z .item-header h3 {
    font-size: 1rem;
  }
  #custom-html-1z .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-1z .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-1z .latin-name {
  font-weight: normal;
  font-size: 0.85em;
  opacity: 0.8;
}
#custom-html-1z .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-1z .allergens-legend {
  font-size: 0.8em;
}
#custom-html-1z .mobile-info-box {
  display: none;
}
#custom-html-1z #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-1z #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-1z #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-1z #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-1z .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-22 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-22 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-22 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-22 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-22 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-22 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-22 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-22 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-22 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-22 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-22 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-22 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-22 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-22 .content {
  padding: 0;
}
#custom-html-22 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-22 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-22 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-22 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-22 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-22 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-22 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-22 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-22 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-22 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-22 .item.vegetarian h3,
#custom-html-22 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-22 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-22 .item-header h3,
#custom-html-22 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-22 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-22 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-22 #bruschetta-item::after,
#custom-html-22 #tagliere-item::after,
#custom-html-22 #tartare-item::after,
#custom-html-22 #carpaccio-item::after,
#custom-html-22 #vitello-tonnato-item::after,
#custom-html-22 #caprese-item::after,
#custom-html-22 #mista-item::after,
#custom-html-22 #cesare-item::after,
#custom-html-22 #marinara-item::after,
#custom-html-22 #margherita-item::after,
#custom-html-22 #alcotto-item::after,
#custom-html-22 #capricciosa-item::after,
#custom-html-22 #diavola-item::after,
#custom-html-22 #burrata-item::after,
#custom-html-22 #bufala-item::after,
#custom-html-22 #verduretta-item::after,
#custom-html-22 #mediterrenea-item::after,
#custom-html-22 #gamberi-item::after,
#custom-html-22 #calzone-item::after,
#custom-html-22 #crudo-item::after,
#custom-html-22 #tonno-item::after,
#custom-html-22 #mortazza-item::after,
#custom-html-22 #guanciale-item::after,
#custom-html-22 #quattro-item::after,
#custom-html-22 #tartufo-item::after,
#custom-html-22 #spaghetti-napoletana-item::after,
#custom-html-22 #spaghetti-cacio-item::after,
#custom-html-22 #linguine-pesto-item::after,
#custom-html-22 #pomodorini-gamberi-item::after,
#custom-html-22 #rigatoni-bolognese-item::after,
#custom-html-22 #rigatoni-salmone-item::after,
#custom-html-22 #lasagne-bolognese-item::after,
#custom-html-22 #gnocchi-quattro-item::after,
#custom-html-22 #enduja-quattro-item::after,
#custom-html-22 #gnocchi-pollo-item::after,
#custom-html-22 #gamberi-item::after,
#custom-html-22 #carbonara-item::after,
#custom-html-22 #pappa-item::after,
#custom-html-22 #minestrone-item::after,
#custom-html-22 #carnivora-item::after,
#custom-html-22 #ortolana-item::after,
#custom-html-22 #parmigiana-item::after,
#custom-html-22 #fileja-item::after,
#custom-html-22 #aglio-olio-item::after,
#custom-html-22 #pizza-carbonara-item::after,
#custom-html-22 #risotto-item::after,
#custom-html-22 #tiramisu-item::after,
#custom-html-22 #cannolo-item::after,
#custom-html-22 #gratin-item::after,
#custom-html-22 #tortino-item::after,
#custom-html-22 #baba-item::after,
#custom-html-22 #cipolle-item::after,
#custom-html-22 #cacciatora-item::after,
#custom-html-22 #salmone-gril-item::after,
#custom-html-22 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-22 #bruschetta-item:hover::after,
#custom-html-22 #tagliere-item:hover::after,
#custom-html-22 #tartare-item:hover::after,
#custom-html-22 #carpaccio-item:hover::after,
#custom-html-22 #vitello-tonnato-item:hover::after,
#custom-html-22 #caprese-item:hover::after,
#custom-html-22 #mista-item:hover::after,
#custom-html-22 #cesare-item:hover::after,
#custom-html-22 #marinara-item:hover::after,
#custom-html-22 #margherita-item:hover::after,
#custom-html-22 #alcotto-item:hover::after,
#custom-html-22 #capricciosa-item:hover::after,
#custom-html-22 #diavola-item:hover::after,
#custom-html-22 #burrata-item:hover::after,
#custom-html-22 #bufala-item:hover::after,
#custom-html-22 #verduretta-item:hover::after,
#custom-html-22 #mediterrenea-item:hover::after,
#custom-html-22 #gamberi-item:hover::after,
#custom-html-22 #calzone-item:hover::after,
#custom-html-22 #crudo-item:hover::after,
#custom-html-22 #tonno-item:hover::after,
#custom-html-22 #mortazza-item:hover::after,
#custom-html-22 #guanciale-item:hover::after,
#custom-html-22 #quattro-item:hover::after,
#custom-html-22 #tartufo-item:hover::after,
#custom-html-22 #spaghetti-napoletana-item:hover::after,
#custom-html-22 #spaghetti-cacio-item:hover::after,
#custom-html-22 #linguine-pesto-item:hover::after,
#custom-html-22 #pomodorini-gamberi-item:hover::after,
#custom-html-22 #rigatoni-bolognese-item:hover::after,
#custom-html-22 #rigatoni-salmone-item:hover::after,
#custom-html-22 #lasagne-bolognese-item:hover::after,
#custom-html-22 #gnocchi-quattro-item:hover::after,
#custom-html-22 #gnocchi-pollo-item:hover::after,
#custom-html-22 #enduja-item:hover::after,
#custom-html-22 #gamberi-item:hover::after,
#custom-html-22 #carbonara-item:hover::after,
#custom-html-22 #pappa-item:hover::after,
#custom-html-22 #minestrone-item:hover::after,
#custom-html-22 #parmigiana-item:hover::after,
#custom-html-22 #carnivora-item:hover::after,
#custom-html-22 #ortolana-item:hover::after,
#custom-html-22 #pizza-carbonara-item:hover::after,
#custom-html-22 #fileja-item:hover::after,
#custom-html-22 #risotto-item:hover::after,
#custom-html-22 #tiramisu-item:hover::after,
#custom-html-22 #cannolo-item:hover::after,
#custom-html-22 #gratin-item:hover::after,
#custom-html-22 #tortino-item:hover::after,
#custom-html-22 #baba-item:hover::after,
#custom-html-22 #cacciatora-item:hover::after,
#custom-html-22 #cipolle-item:hover::after,
#custom-html-22 #salmone-gril-item:hover::after,
#custom-html-22 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-22 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-22 .modal.active {
  display: flex;
}
#custom-html-22 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-22 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-22 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-22 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-22 .modal-close:hover {
  background: #173552;
}
#custom-html-22 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-22 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-22 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-22 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-22 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-22 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-22 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-22 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-22 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-22 .item {
    padding: 1rem;
  }
  #custom-html-22 .item-header h3,
  #custom-html-22 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-22 .modal-content {
    padding: 1rem;
  }
  #custom-html-22 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-22 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-22 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-22 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-22 .item-header h3,
  #custom-html-22 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-22 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-22 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-22 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-22 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-22 .mobile-info-box {
  display: none;
}
#custom-html-22 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-22 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-22 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-22 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-22 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-20 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-20 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-20 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-20 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-20 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-20 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-20 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-20 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-20 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-20 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-20 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-20 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-20 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-20 .content {
  padding: 0;
}
#custom-html-20 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-20 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-20 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-20 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-20 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-20 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-20 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-20 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-20 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-20 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-20 .item.vegetarian h3,
#custom-html-20 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-20 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-20 .item-header h3,
#custom-html-20 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-20 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-20 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-20 #bruschetta-item::after,
#custom-html-20 #tagliere-item::after,
#custom-html-20 #tartare-item::after,
#custom-html-20 #carpaccio-item::after,
#custom-html-20 #vitello-tonnato-item::after,
#custom-html-20 #caprese-item::after,
#custom-html-20 #mista-item::after,
#custom-html-20 #cesare-item::after,
#custom-html-20 #marinara-item::after,
#custom-html-20 #margherita-item::after,
#custom-html-20 #alcotto-item::after,
#custom-html-20 #capricciosa-item::after,
#custom-html-20 #diavola-item::after,
#custom-html-20 #burrata-item::after,
#custom-html-20 #bufala-item::after,
#custom-html-20 #verduretta-item::after,
#custom-html-20 #mediterrenea-item::after,
#custom-html-20 #gamberi-item::after,
#custom-html-20 #calzone-item::after,
#custom-html-20 #crudo-item::after,
#custom-html-20 #tonno-item::after,
#custom-html-20 #mortazza-item::after,
#custom-html-20 #guanciale-item::after,
#custom-html-20 #quattro-item::after,
#custom-html-20 #tartufo-item::after,
#custom-html-20 #spaghetti-napoletana-item::after,
#custom-html-20 #spaghetti-cacio-item::after,
#custom-html-20 #linguine-pesto-item::after,
#custom-html-20 #pomodorini-gamberi-item::after,
#custom-html-20 #rigatoni-bolognese-item::after,
#custom-html-20 #rigatoni-salmone-item::after,
#custom-html-20 #lasagne-bolognese-item::after,
#custom-html-20 #gnocchi-quattro-item::after,
#custom-html-20 #enduja-quattro-item::after,
#custom-html-20 #gnocchi-pollo-item::after,
#custom-html-20 #gamberi-item::after,
#custom-html-20 #carbonara-item::after,
#custom-html-20 #pappa-item::after,
#custom-html-20 #minestrone-item::after,
#custom-html-20 #carnivora-item::after,
#custom-html-20 #ortolana-item::after,
#custom-html-20 #parmigiana-item::after,
#custom-html-20 #fileja-item::after,
#custom-html-20 #aglio-olio-item::after,
#custom-html-20 #pizza-carbonara-item::after,
#custom-html-20 #risotto-item::after,
#custom-html-20 #tiramisu-item::after,
#custom-html-20 #cannolo-item::after,
#custom-html-20 #gratin-item::after,
#custom-html-20 #tortino-item::after,
#custom-html-20 #baba-item::after,
#custom-html-20 #cipolle-item::after,
#custom-html-20 #cacciatora-item::after,
#custom-html-20 #salmone-gril-item::after,
#custom-html-20 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-20 #bruschetta-item:hover::after,
#custom-html-20 #tagliere-item:hover::after,
#custom-html-20 #tartare-item:hover::after,
#custom-html-20 #carpaccio-item:hover::after,
#custom-html-20 #vitello-tonnato-item:hover::after,
#custom-html-20 #caprese-item:hover::after,
#custom-html-20 #mista-item:hover::after,
#custom-html-20 #cesare-item:hover::after,
#custom-html-20 #marinara-item:hover::after,
#custom-html-20 #margherita-item:hover::after,
#custom-html-20 #alcotto-item:hover::after,
#custom-html-20 #capricciosa-item:hover::after,
#custom-html-20 #diavola-item:hover::after,
#custom-html-20 #burrata-item:hover::after,
#custom-html-20 #bufala-item:hover::after,
#custom-html-20 #verduretta-item:hover::after,
#custom-html-20 #mediterrenea-item:hover::after,
#custom-html-20 #gamberi-item:hover::after,
#custom-html-20 #calzone-item:hover::after,
#custom-html-20 #crudo-item:hover::after,
#custom-html-20 #tonno-item:hover::after,
#custom-html-20 #mortazza-item:hover::after,
#custom-html-20 #guanciale-item:hover::after,
#custom-html-20 #quattro-item:hover::after,
#custom-html-20 #tartufo-item:hover::after,
#custom-html-20 #spaghetti-napoletana-item:hover::after,
#custom-html-20 #spaghetti-cacio-item:hover::after,
#custom-html-20 #linguine-pesto-item:hover::after,
#custom-html-20 #pomodorini-gamberi-item:hover::after,
#custom-html-20 #rigatoni-bolognese-item:hover::after,
#custom-html-20 #rigatoni-salmone-item:hover::after,
#custom-html-20 #lasagne-bolognese-item:hover::after,
#custom-html-20 #gnocchi-quattro-item:hover::after,
#custom-html-20 #gnocchi-pollo-item:hover::after,
#custom-html-20 #enduja-item:hover::after,
#custom-html-20 #gamberi-item:hover::after,
#custom-html-20 #carbonara-item:hover::after,
#custom-html-20 #pappa-item:hover::after,
#custom-html-20 #minestrone-item:hover::after,
#custom-html-20 #parmigiana-item:hover::after,
#custom-html-20 #carnivora-item:hover::after,
#custom-html-20 #ortolana-item:hover::after,
#custom-html-20 #pizza-carbonara-item:hover::after,
#custom-html-20 #fileja-item:hover::after,
#custom-html-20 #risotto-item:hover::after,
#custom-html-20 #tiramisu-item:hover::after,
#custom-html-20 #cannolo-item:hover::after,
#custom-html-20 #gratin-item:hover::after,
#custom-html-20 #tortino-item:hover::after,
#custom-html-20 #baba-item:hover::after,
#custom-html-20 #cacciatora-item:hover::after,
#custom-html-20 #cipolle-item:hover::after,
#custom-html-20 #salmone-gril-item:hover::after,
#custom-html-20 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-20 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-20 .modal.active {
  display: flex;
}
#custom-html-20 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-20 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-20 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-20 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-20 .modal-close:hover {
  background: #173552;
}
#custom-html-20 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-20 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-20 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-20 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-20 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-20 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-20 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-20 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-20 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-20 .item {
    padding: 1rem;
  }
  #custom-html-20 .item-header h3,
  #custom-html-20 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-20 .modal-content {
    padding: 1rem;
  }
  #custom-html-20 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-20 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-20 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-20 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-20 .item-header h3,
  #custom-html-20 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-20 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-20 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-20 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-20 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-20 .mobile-info-box {
  display: none;
}
#custom-html-20 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-20 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-20 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-20 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-20 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
#custom-html-20 .latin-name {
  font-weight: normal;
  font-size: 0.85em;
  opacity: 0.8;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-23 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-23 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-23 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-23 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-23 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-23 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-23 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-23 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-23 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-23 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-23 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-23 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-23 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-23 .content {
  padding: 0;
}
#custom-html-23 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-23 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-23 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-23 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-23 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-23 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-23 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-23 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-23 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-23 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-23 .item.vegetarian h3 {
  color: #2ecc71;
}
#custom-html-23 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-23 .item-header h3,
#custom-html-23 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-23 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-23 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-23 #bruschetta-item::after,
#custom-html-23 #tagliere-item::after,
#custom-html-23 #tartare-item::after,
#custom-html-23 #carpaccio-item::after,
#custom-html-23 #vitello-tonnato-item::after,
#custom-html-23 #caprese-item::after,
#custom-html-23 #mista-item::after,
#custom-html-23 #cesare-item::after,
#custom-html-23 #marinara-item::after,
#custom-html-23 #margherita-item::after,
#custom-html-23 #alcotto-item::after,
#custom-html-23 #capricciosa-item::after,
#custom-html-23 #diavola-item::after,
#custom-html-23 #burrata-item::after,
#custom-html-23 #bufala-item::after,
#custom-html-23 #verduretta-item::after,
#custom-html-23 #mediterrenea-item::after,
#custom-html-23 #gamberi-item::after,
#custom-html-23 #calzone-item::after,
#custom-html-23 #crudo-item::after,
#custom-html-23 #tonno-item::after,
#custom-html-23 #mortazza-item::after,
#custom-html-23 #guanciale-item::after,
#custom-html-23 #quattro-item::after,
#custom-html-23 #tartufo-item::after,
#custom-html-23 #spaghetti-napoletana-item::after,
#custom-html-23 #spaghetti-cacio-item::after,
#custom-html-23 #linguine-pesto-item::after,
#custom-html-23 #pomodorini-gamberi-item::after,
#custom-html-23 #rigatoni-bolognese-item::after,
#custom-html-23 #rigatoni-salmone-item::after,
#custom-html-23 #lasagne-bolognese-item::after,
#custom-html-23 #gnocchi-quattro-item::after,
#custom-html-23 #enduja-quattro-item::after,
#custom-html-23 #gnocchi-pollo-item::after,
#custom-html-23 #gamberi-item::after,
#custom-html-23 #carbonara-item::after,
#custom-html-23 #pappa-item::after,
#custom-html-23 #minestrone-item::after,
#custom-html-23 #carnivora-item::after,
#custom-html-23 #ortolana-item::after,
#custom-html-23 #parmigiana-item::after,
#custom-html-23 #fileja-item::after,
#custom-html-23 #aglio-olio-item::after,
#custom-html-23 #pizza-carbonara-item::after,
#custom-html-23 #risotto-item::after,
#custom-html-23 #tiramisu-item::after,
#custom-html-23 #cannolo-item::after,
#custom-html-23 #gratin-item::after,
#custom-html-23 #tortino-item::after,
#custom-html-23 #baba-item::after,
#custom-html-23 #cipolle-item::after,
#custom-html-23 #cacciatora-item::after,
#custom-html-23 #salmone-gril-item::after,
#custom-html-23 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-23 #bruschetta-item:hover::after,
#custom-html-23 #tagliere-item:hover::after,
#custom-html-23 #tartare-item:hover::after,
#custom-html-23 #carpaccio-item:hover::after,
#custom-html-23 #vitello-tonnato-item:hover::after,
#custom-html-23 #caprese-item:hover::after,
#custom-html-23 #mista-item:hover::after,
#custom-html-23 #cesare-item:hover::after,
#custom-html-23 #marinara-item:hover::after,
#custom-html-23 #margherita-item:hover::after,
#custom-html-23 #alcotto-item:hover::after,
#custom-html-23 #capricciosa-item:hover::after,
#custom-html-23 #diavola-item:hover::after,
#custom-html-23 #burrata-item:hover::after,
#custom-html-23 #bufala-item:hover::after,
#custom-html-23 #verduretta-item:hover::after,
#custom-html-23 #mediterrenea-item:hover::after,
#custom-html-23 #gamberi-item:hover::after,
#custom-html-23 #calzone-item:hover::after,
#custom-html-23 #crudo-item:hover::after,
#custom-html-23 #tonno-item:hover::after,
#custom-html-23 #mortazza-item:hover::after,
#custom-html-23 #guanciale-item:hover::after,
#custom-html-23 #quattro-item:hover::after,
#custom-html-23 #tartufo-item:hover::after,
#custom-html-23 #spaghetti-napoletana-item:hover::after,
#custom-html-23 #spaghetti-cacio-item:hover::after,
#custom-html-23 #linguine-pesto-item:hover::after,
#custom-html-23 #pomodorini-gamberi-item:hover::after,
#custom-html-23 #rigatoni-bolognese-item:hover::after,
#custom-html-23 #rigatoni-salmone-item:hover::after,
#custom-html-23 #lasagne-bolognese-item:hover::after,
#custom-html-23 #gnocchi-quattro-item:hover::after,
#custom-html-23 #gnocchi-pollo-item:hover::after,
#custom-html-23 #enduja-item:hover::after,
#custom-html-23 #gamberi-item:hover::after,
#custom-html-23 #carbonara-item:hover::after,
#custom-html-23 #pappa-item:hover::after,
#custom-html-23 #minestrone-item:hover::after,
#custom-html-23 #parmigiana-item:hover::after,
#custom-html-23 #carnivora-item:hover::after,
#custom-html-23 #ortolana-item:hover::after,
#custom-html-23 #pizza-carbonara-item:hover::after,
#custom-html-23 #fileja-item:hover::after,
#custom-html-23 #aglio-olio-item:hover::after,
#custom-html-23 #risotto-item:hover::after,
#custom-html-23 #tiramisu-item:hover::after,
#custom-html-23 #cannolo-item:hover::after,
#custom-html-23 #gratin-item:hover::after,
#custom-html-23 #tortino-item:hover::after,
#custom-html-23 #baba-item:hover::after,
#custom-html-23 #cacciatora-item:hover::after,
#custom-html-23 #cipolle-item:hover::after,
#custom-html-23 #salmone-gril-item:hover::after,
#custom-html-23 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-23 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-23 .modal.active {
  display: flex;
}
#custom-html-23 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-23 .modal-content {
  position: relative;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(33, 82, 124, 0.3);
  padding: 2rem;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-23 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-23 .modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-23 .modal-close:hover {
  background: #173552;
}
#custom-html-23 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-23 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-23 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-23 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-23 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-23 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-23 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-23 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-23 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-23 .item {
    padding: 1rem;
  }
  #custom-html-23 .item-header h3 {
    font-size: 1.1rem;
  }
  #custom-html-23 .modal-content {
    padding: 1rem;
  }
  #custom-html-23 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-23 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-23 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-23 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-23 .item-header h3 {
    font-size: 1rem;
  }
  #custom-html-23 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-23 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-23 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-24 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-24 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-24 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-24 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-24 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-24 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-24 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-24 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-24 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-24 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-24 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-24 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-24 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-24 .content {
  padding: 0;
}
#custom-html-24 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-24 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-24 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-24 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-24 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-24 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-24 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-24 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-24 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-24 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-24 .item.vegetarian h3,
#custom-html-24 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-24 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-24 .item-header h3,
#custom-html-24 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-24 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-24 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-24 #bruschetta-item::after,
#custom-html-24 #tagliere-item::after,
#custom-html-24 #tartare-item::after,
#custom-html-24 #carpaccio-item::after,
#custom-html-24 #vitello-tonnato-item::after,
#custom-html-24 #caprese-item::after,
#custom-html-24 #mista-item::after,
#custom-html-24 #cesare-item::after,
#custom-html-24 #marinara-item::after,
#custom-html-24 #margherita-item::after,
#custom-html-24 #alcotto-item::after,
#custom-html-24 #capricciosa-item::after,
#custom-html-24 #diavola-item::after,
#custom-html-24 #burrata-item::after,
#custom-html-24 #bufala-item::after,
#custom-html-24 #verduretta-item::after,
#custom-html-24 #mediterrenea-item::after,
#custom-html-24 #gamberi-item::after,
#custom-html-24 #calzone-item::after,
#custom-html-24 #crudo-item::after,
#custom-html-24 #tonno-item::after,
#custom-html-24 #mortazza-item::after,
#custom-html-24 #guanciale-item::after,
#custom-html-24 #quattro-item::after,
#custom-html-24 #tartufo-item::after,
#custom-html-24 #spaghetti-napoletana-item::after,
#custom-html-24 #spaghetti-cacio-item::after,
#custom-html-24 #linguine-pesto-item::after,
#custom-html-24 #pomodorini-gamberi-item::after,
#custom-html-24 #rigatoni-bolognese-item::after,
#custom-html-24 #rigatoni-salmone-item::after,
#custom-html-24 #lasagne-bolognese-item::after,
#custom-html-24 #gnocchi-quattro-item::after,
#custom-html-24 #enduja-quattro-item::after,
#custom-html-24 #gnocchi-pollo-item::after,
#custom-html-24 #gamberi-item::after,
#custom-html-24 #carbonara-item::after,
#custom-html-24 #pappa-item::after,
#custom-html-24 #minestrone-item::after,
#custom-html-24 #carnivora-item::after,
#custom-html-24 #ortolana-item::after,
#custom-html-24 #parmigiana-item::after,
#custom-html-24 #fileja-item::after,
#custom-html-24 #aglio-olio-item::after,
#custom-html-24 #pizza-carbonara-item::after,
#custom-html-24 #risotto-item::after,
#custom-html-24 #tiramisu-item::after,
#custom-html-24 #cannolo-item::after,
#custom-html-24 #gratin-item::after,
#custom-html-24 #tortino-item::after,
#custom-html-24 #baba-item::after,
#custom-html-24 #cipolle-item::after,
#custom-html-24 #cacciatora-item::after,
#custom-html-24 #salmone-gril-item::after,
#custom-html-24 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-24 #bruschetta-item:hover::after,
#custom-html-24 #tagliere-item:hover::after,
#custom-html-24 #tartare-item:hover::after,
#custom-html-24 #carpaccio-item:hover::after,
#custom-html-24 #vitello-tonnato-item:hover::after,
#custom-html-24 #caprese-item:hover::after,
#custom-html-24 #mista-item:hover::after,
#custom-html-24 #cesare-item:hover::after,
#custom-html-24 #marinara-item:hover::after,
#custom-html-24 #margherita-item:hover::after,
#custom-html-24 #alcotto-item:hover::after,
#custom-html-24 #capricciosa-item:hover::after,
#custom-html-24 #diavola-item:hover::after,
#custom-html-24 #burrata-item:hover::after,
#custom-html-24 #bufala-item:hover::after,
#custom-html-24 #verduretta-item:hover::after,
#custom-html-24 #mediterrenea-item:hover::after,
#custom-html-24 #gamberi-item:hover::after,
#custom-html-24 #calzone-item:hover::after,
#custom-html-24 #crudo-item:hover::after,
#custom-html-24 #tonno-item:hover::after,
#custom-html-24 #mortazza-item:hover::after,
#custom-html-24 #guanciale-item:hover::after,
#custom-html-24 #quattro-item:hover::after,
#custom-html-24 #tartufo-item:hover::after,
#custom-html-24 #spaghetti-napoletana-item:hover::after,
#custom-html-24 #spaghetti-cacio-item:hover::after,
#custom-html-24 #linguine-pesto-item:hover::after,
#custom-html-24 #pomodorini-gamberi-item:hover::after,
#custom-html-24 #rigatoni-bolognese-item:hover::after,
#custom-html-24 #rigatoni-salmone-item:hover::after,
#custom-html-24 #lasagne-bolognese-item:hover::after,
#custom-html-24 #gnocchi-quattro-item:hover::after,
#custom-html-24 #gnocchi-pollo-item:hover::after,
#custom-html-24 #enduja-item:hover::after,
#custom-html-24 #gamberi-item:hover::after,
#custom-html-24 #carbonara-item:hover::after,
#custom-html-24 #pappa-item:hover::after,
#custom-html-24 #minestrone-item:hover::after,
#custom-html-24 #parmigiana-item:hover::after,
#custom-html-24 #carnivora-item:hover::after,
#custom-html-24 #ortolana-item:hover::after,
#custom-html-24 #pizza-carbonara-item:hover::after,
#custom-html-24 #fileja-item:hover::after,
#custom-html-24 #risotto-item:hover::after,
#custom-html-24 #tiramisu-item:hover::after,
#custom-html-24 #cannolo-item:hover::after,
#custom-html-24 #gratin-item:hover::after,
#custom-html-24 #tortino-item:hover::after,
#custom-html-24 #baba-item:hover::after,
#custom-html-24 #cacciatora-item:hover::after,
#custom-html-24 #cipolle-item:hover::after,
#custom-html-24 #salmone-gril-item:hover::after,
#custom-html-24 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-24 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-24 .modal.active {
  display: flex;
}
#custom-html-24 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-24 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-24 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-24 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-24 .modal-close:hover {
  background: #173552;
}
#custom-html-24 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-24 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-24 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-24 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-24 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-24 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-24 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-24 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-24 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-24 .item {
    padding: 1rem;
  }
  #custom-html-24 .item-header h3,
  #custom-html-24 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-24 .modal-content {
    padding: 1rem;
  }
  #custom-html-24 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-24 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-24 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-24 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-24 .item-header h3,
  #custom-html-24 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-24 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-24 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-24 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-24 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-24 .mobile-info-box {
  display: none;
}
#custom-html-24 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-24 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-24 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-24 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-24 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-25 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-25 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-25 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-25 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-25 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-25 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-25 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-25 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-25 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-25 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-25 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-25 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-25 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-25 .content {
  padding: 0;
}
#custom-html-25 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-25 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-25 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-25 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-25 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-25 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-25 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-25 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-25 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-25 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-25 .item.vegetarian h3,
#custom-html-25 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-25 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-25 .item-header h3,
#custom-html-25 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-25 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-25 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-25 #bruschetta-item::after,
#custom-html-25 #tagliere-item::after,
#custom-html-25 #tartare-item::after,
#custom-html-25 #carpaccio-item::after,
#custom-html-25 #vitello-tonnato-item::after,
#custom-html-25 #caprese-item::after,
#custom-html-25 #mista-item::after,
#custom-html-25 #cesare-item::after,
#custom-html-25 #marinara-item::after,
#custom-html-25 #margherita-item::after,
#custom-html-25 #alcotto-item::after,
#custom-html-25 #capricciosa-item::after,
#custom-html-25 #diavola-item::after,
#custom-html-25 #burrata-item::after,
#custom-html-25 #bufala-item::after,
#custom-html-25 #verduretta-item::after,
#custom-html-25 #mediterrenea-item::after,
#custom-html-25 #gamberi-item::after,
#custom-html-25 #calzone-item::after,
#custom-html-25 #crudo-item::after,
#custom-html-25 #tonno-item::after,
#custom-html-25 #mortazza-item::after,
#custom-html-25 #guanciale-item::after,
#custom-html-25 #quattro-item::after,
#custom-html-25 #tartufo-item::after,
#custom-html-25 #spaghetti-napoletana-item::after,
#custom-html-25 #spaghetti-cacio-item::after,
#custom-html-25 #linguine-pesto-item::after,
#custom-html-25 #pomodorini-gamberi-item::after,
#custom-html-25 #rigatoni-bolognese-item::after,
#custom-html-25 #rigatoni-salmone-item::after,
#custom-html-25 #lasagne-bolognese-item::after,
#custom-html-25 #gnocchi-quattro-item::after,
#custom-html-25 #enduja-quattro-item::after,
#custom-html-25 #gnocchi-pollo-item::after,
#custom-html-25 #gamberi-item::after,
#custom-html-25 #carbonara-item::after,
#custom-html-25 #pappa-item::after,
#custom-html-25 #minestrone-item::after,
#custom-html-25 #carnivora-item::after,
#custom-html-25 #ortolana-item::after,
#custom-html-25 #parmigiana-item::after,
#custom-html-25 #fileja-item::after,
#custom-html-25 #aglio-olio-item::after,
#custom-html-25 #pizza-carbonara-item::after,
#custom-html-25 #risotto-item::after,
#custom-html-25 #tiramisu-item::after,
#custom-html-25 #cannolo-item::after,
#custom-html-25 #gratin-item::after,
#custom-html-25 #tortino-item::after,
#custom-html-25 #baba-item::after,
#custom-html-25 #cipolle-item::after,
#custom-html-25 #cacciatora-item::after,
#custom-html-25 #salmone-gril-item::after,
#custom-html-25 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-25 #bruschetta-item:hover::after,
#custom-html-25 #tagliere-item:hover::after,
#custom-html-25 #tartare-item:hover::after,
#custom-html-25 #carpaccio-item:hover::after,
#custom-html-25 #vitello-tonnato-item:hover::after,
#custom-html-25 #caprese-item:hover::after,
#custom-html-25 #mista-item:hover::after,
#custom-html-25 #cesare-item:hover::after,
#custom-html-25 #marinara-item:hover::after,
#custom-html-25 #margherita-item:hover::after,
#custom-html-25 #alcotto-item:hover::after,
#custom-html-25 #capricciosa-item:hover::after,
#custom-html-25 #diavola-item:hover::after,
#custom-html-25 #burrata-item:hover::after,
#custom-html-25 #bufala-item:hover::after,
#custom-html-25 #verduretta-item:hover::after,
#custom-html-25 #mediterrenea-item:hover::after,
#custom-html-25 #gamberi-item:hover::after,
#custom-html-25 #calzone-item:hover::after,
#custom-html-25 #crudo-item:hover::after,
#custom-html-25 #tonno-item:hover::after,
#custom-html-25 #mortazza-item:hover::after,
#custom-html-25 #guanciale-item:hover::after,
#custom-html-25 #quattro-item:hover::after,
#custom-html-25 #tartufo-item:hover::after,
#custom-html-25 #spaghetti-napoletana-item:hover::after,
#custom-html-25 #spaghetti-cacio-item:hover::after,
#custom-html-25 #linguine-pesto-item:hover::after,
#custom-html-25 #pomodorini-gamberi-item:hover::after,
#custom-html-25 #rigatoni-bolognese-item:hover::after,
#custom-html-25 #rigatoni-salmone-item:hover::after,
#custom-html-25 #lasagne-bolognese-item:hover::after,
#custom-html-25 #gnocchi-quattro-item:hover::after,
#custom-html-25 #gnocchi-pollo-item:hover::after,
#custom-html-25 #enduja-item:hover::after,
#custom-html-25 #gamberi-item:hover::after,
#custom-html-25 #carbonara-item:hover::after,
#custom-html-25 #pappa-item:hover::after,
#custom-html-25 #minestrone-item:hover::after,
#custom-html-25 #parmigiana-item:hover::after,
#custom-html-25 #carnivora-item:hover::after,
#custom-html-25 #ortolana-item:hover::after,
#custom-html-25 #pizza-carbonara-item:hover::after,
#custom-html-25 #fileja-item:hover::after,
#custom-html-25 #risotto-item:hover::after,
#custom-html-25 #tiramisu-item:hover::after,
#custom-html-25 #cannolo-item:hover::after,
#custom-html-25 #gratin-item:hover::after,
#custom-html-25 #tortino-item:hover::after,
#custom-html-25 #baba-item:hover::after,
#custom-html-25 #cacciatora-item:hover::after,
#custom-html-25 #cipolle-item:hover::after,
#custom-html-25 #salmone-gril-item:hover::after,
#custom-html-25 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-25 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-25 .modal.active {
  display: flex;
}
#custom-html-25 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-25 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-25 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-25 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-25 .modal-close:hover {
  background: #173552;
}
#custom-html-25 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-25 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-25 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-25 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-25 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-25 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-25 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-25 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-25 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-25 .item {
    padding: 1rem;
  }
  #custom-html-25 .item-header h3,
  #custom-html-25 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-25 .modal-content {
    padding: 1rem;
  }
  #custom-html-25 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-25 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-25 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-25 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-25 .item-header h3,
  #custom-html-25 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-25 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-25 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-25 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-25 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-25 .mobile-info-box {
  display: none;
}
#custom-html-25 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-25 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-25 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-25 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-25 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-26 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-26 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-26 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-26 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-26 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-26 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-26 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-26 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-26 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-26 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-26 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-26 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-26 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-26 .content {
  padding: 0;
}
#custom-html-26 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-26 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-26 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-26 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-26 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-26 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-26 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-26 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-26 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-26 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-26 .item.vegetarian h3,
#custom-html-26 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-26 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-26 .item-header h3,
#custom-html-26 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-26 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-26 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-26 #bruschetta-item::after,
#custom-html-26 #tagliere-item::after,
#custom-html-26 #tartare-item::after,
#custom-html-26 #carpaccio-item::after,
#custom-html-26 #vitello-tonnato-item::after,
#custom-html-26 #caprese-item::after,
#custom-html-26 #mista-item::after,
#custom-html-26 #cesare-item::after,
#custom-html-26 #marinara-item::after,
#custom-html-26 #margherita-item::after,
#custom-html-26 #alcotto-item::after,
#custom-html-26 #capricciosa-item::after,
#custom-html-26 #diavola-item::after,
#custom-html-26 #burrata-item::after,
#custom-html-26 #bufala-item::after,
#custom-html-26 #verduretta-item::after,
#custom-html-26 #mediterrenea-item::after,
#custom-html-26 #gamberi-item::after,
#custom-html-26 #calzone-item::after,
#custom-html-26 #crudo-item::after,
#custom-html-26 #tonno-item::after,
#custom-html-26 #mortazza-item::after,
#custom-html-26 #guanciale-item::after,
#custom-html-26 #quattro-item::after,
#custom-html-26 #tartufo-item::after,
#custom-html-26 #spaghetti-napoletana-item::after,
#custom-html-26 #spaghetti-cacio-item::after,
#custom-html-26 #linguine-pesto-item::after,
#custom-html-26 #pomodorini-gamberi-item::after,
#custom-html-26 #rigatoni-bolognese-item::after,
#custom-html-26 #rigatoni-salmone-item::after,
#custom-html-26 #lasagne-bolognese-item::after,
#custom-html-26 #gnocchi-quattro-item::after,
#custom-html-26 #enduja-quattro-item::after,
#custom-html-26 #gnocchi-pollo-item::after,
#custom-html-26 #gamberi-item::after,
#custom-html-26 #carbonara-item::after,
#custom-html-26 #pappa-item::after,
#custom-html-26 #minestrone-item::after,
#custom-html-26 #carnivora-item::after,
#custom-html-26 #ortolana-item::after,
#custom-html-26 #parmigiana-item::after,
#custom-html-26 #fileja-item::after,
#custom-html-26 #aglio-olio-item::after,
#custom-html-26 #pizza-carbonara-item::after,
#custom-html-26 #risotto-item::after,
#custom-html-26 #tiramisu-item::after,
#custom-html-26 #cannolo-item::after,
#custom-html-26 #gratin-item::after,
#custom-html-26 #tortino-item::after,
#custom-html-26 #baba-item::after,
#custom-html-26 #cipolle-item::after,
#custom-html-26 #cacciatora-item::after,
#custom-html-26 #salmone-gril-item::after,
#custom-html-26 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-26 #bruschetta-item:hover::after,
#custom-html-26 #tagliere-item:hover::after,
#custom-html-26 #tartare-item:hover::after,
#custom-html-26 #carpaccio-item:hover::after,
#custom-html-26 #vitello-tonnato-item:hover::after,
#custom-html-26 #caprese-item:hover::after,
#custom-html-26 #mista-item:hover::after,
#custom-html-26 #cesare-item:hover::after,
#custom-html-26 #marinara-item:hover::after,
#custom-html-26 #margherita-item:hover::after,
#custom-html-26 #alcotto-item:hover::after,
#custom-html-26 #capricciosa-item:hover::after,
#custom-html-26 #diavola-item:hover::after,
#custom-html-26 #burrata-item:hover::after,
#custom-html-26 #bufala-item:hover::after,
#custom-html-26 #verduretta-item:hover::after,
#custom-html-26 #mediterrenea-item:hover::after,
#custom-html-26 #gamberi-item:hover::after,
#custom-html-26 #calzone-item:hover::after,
#custom-html-26 #crudo-item:hover::after,
#custom-html-26 #tonno-item:hover::after,
#custom-html-26 #mortazza-item:hover::after,
#custom-html-26 #guanciale-item:hover::after,
#custom-html-26 #quattro-item:hover::after,
#custom-html-26 #tartufo-item:hover::after,
#custom-html-26 #spaghetti-napoletana-item:hover::after,
#custom-html-26 #spaghetti-cacio-item:hover::after,
#custom-html-26 #linguine-pesto-item:hover::after,
#custom-html-26 #pomodorini-gamberi-item:hover::after,
#custom-html-26 #rigatoni-bolognese-item:hover::after,
#custom-html-26 #rigatoni-salmone-item:hover::after,
#custom-html-26 #lasagne-bolognese-item:hover::after,
#custom-html-26 #gnocchi-quattro-item:hover::after,
#custom-html-26 #gnocchi-pollo-item:hover::after,
#custom-html-26 #enduja-item:hover::after,
#custom-html-26 #gamberi-item:hover::after,
#custom-html-26 #carbonara-item:hover::after,
#custom-html-26 #pappa-item:hover::after,
#custom-html-26 #minestrone-item:hover::after,
#custom-html-26 #parmigiana-item:hover::after,
#custom-html-26 #carnivora-item:hover::after,
#custom-html-26 #ortolana-item:hover::after,
#custom-html-26 #pizza-carbonara-item:hover::after,
#custom-html-26 #fileja-item:hover::after,
#custom-html-26 #risotto-item:hover::after,
#custom-html-26 #tiramisu-item:hover::after,
#custom-html-26 #cannolo-item:hover::after,
#custom-html-26 #gratin-item:hover::after,
#custom-html-26 #tortino-item:hover::after,
#custom-html-26 #baba-item:hover::after,
#custom-html-26 #cacciatora-item:hover::after,
#custom-html-26 #cipolle-item:hover::after,
#custom-html-26 #salmone-gril-item:hover::after,
#custom-html-26 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-26 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-26 .modal.active {
  display: flex;
}
#custom-html-26 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-26 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-26 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-26 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-26 .modal-close:hover {
  background: #173552;
}
#custom-html-26 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-26 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-26 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-26 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-26 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-26 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-26 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-26 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-26 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-26 .item {
    padding: 1rem;
  }
  #custom-html-26 .item-header h3,
  #custom-html-26 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-26 .modal-content {
    padding: 1rem;
  }
  #custom-html-26 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-26 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-26 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-26 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-26 .item-header h3,
  #custom-html-26 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-26 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-26 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-26 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-26 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-26 .mobile-info-box {
  display: none;
}
#custom-html-26 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-26 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-26 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-26 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-26 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-28 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-28 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-28 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-28 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-28 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-28 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-28 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-28 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-28 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-28 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-28 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-28 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-28 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-28 .content {
  padding: 0;
}
#custom-html-28 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-28 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-28 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-28 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-28 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-28 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-28 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-28 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-28 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-28 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-28 .item.vegetarian h3,
#custom-html-28 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-28 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-28 .item-header h3,
#custom-html-28 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-28 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-28 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-28 #bruschetta-item::after,
#custom-html-28 #tagliere-item::after,
#custom-html-28 #tartare-item::after,
#custom-html-28 #carpaccio-item::after,
#custom-html-28 #vitello-tonnato-item::after,
#custom-html-28 #caprese-item::after,
#custom-html-28 #mista-item::after,
#custom-html-28 #cesare-item::after,
#custom-html-28 #marinara-item::after,
#custom-html-28 #margherita-item::after,
#custom-html-28 #alcotto-item::after,
#custom-html-28 #capricciosa-item::after,
#custom-html-28 #diavola-item::after,
#custom-html-28 #burrata-item::after,
#custom-html-28 #bufala-item::after,
#custom-html-28 #verduretta-item::after,
#custom-html-28 #mediterrenea-item::after,
#custom-html-28 #gamberi-item::after,
#custom-html-28 #calzone-item::after,
#custom-html-28 #crudo-item::after,
#custom-html-28 #tonno-item::after,
#custom-html-28 #mortazza-item::after,
#custom-html-28 #guanciale-item::after,
#custom-html-28 #quattro-item::after,
#custom-html-28 #tartufo-item::after,
#custom-html-28 #spaghetti-napoletana-item::after,
#custom-html-28 #spaghetti-cacio-item::after,
#custom-html-28 #linguine-pesto-item::after,
#custom-html-28 #pomodorini-gamberi-item::after,
#custom-html-28 #rigatoni-bolognese-item::after,
#custom-html-28 #rigatoni-salmone-item::after,
#custom-html-28 #lasagne-bolognese-item::after,
#custom-html-28 #gnocchi-quattro-item::after,
#custom-html-28 #enduja-quattro-item::after,
#custom-html-28 #gnocchi-pollo-item::after,
#custom-html-28 #gamberi-item::after,
#custom-html-28 #carbonara-item::after,
#custom-html-28 #pappa-item::after,
#custom-html-28 #minestrone-item::after,
#custom-html-28 #carnivora-item::after,
#custom-html-28 #ortolana-item::after,
#custom-html-28 #parmigiana-item::after,
#custom-html-28 #fileja-item::after,
#custom-html-28 #aglio-olio-item::after,
#custom-html-28 #pizza-carbonara-item::after,
#custom-html-28 #risotto-item::after,
#custom-html-28 #tiramisu-item::after,
#custom-html-28 #cannolo-item::after,
#custom-html-28 #gratin-item::after,
#custom-html-28 #tortino-item::after,
#custom-html-28 #baba-item::after,
#custom-html-28 #cipolle-item::after,
#custom-html-28 #cacciatora-item::after,
#custom-html-28 #salmone-gril-item::after,
#custom-html-28 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-28 #bruschetta-item:hover::after,
#custom-html-28 #tagliere-item:hover::after,
#custom-html-28 #tartare-item:hover::after,
#custom-html-28 #carpaccio-item:hover::after,
#custom-html-28 #vitello-tonnato-item:hover::after,
#custom-html-28 #caprese-item:hover::after,
#custom-html-28 #mista-item:hover::after,
#custom-html-28 #cesare-item:hover::after,
#custom-html-28 #marinara-item:hover::after,
#custom-html-28 #margherita-item:hover::after,
#custom-html-28 #alcotto-item:hover::after,
#custom-html-28 #capricciosa-item:hover::after,
#custom-html-28 #diavola-item:hover::after,
#custom-html-28 #burrata-item:hover::after,
#custom-html-28 #bufala-item:hover::after,
#custom-html-28 #verduretta-item:hover::after,
#custom-html-28 #mediterrenea-item:hover::after,
#custom-html-28 #gamberi-item:hover::after,
#custom-html-28 #calzone-item:hover::after,
#custom-html-28 #crudo-item:hover::after,
#custom-html-28 #tonno-item:hover::after,
#custom-html-28 #mortazza-item:hover::after,
#custom-html-28 #guanciale-item:hover::after,
#custom-html-28 #quattro-item:hover::after,
#custom-html-28 #tartufo-item:hover::after,
#custom-html-28 #spaghetti-napoletana-item:hover::after,
#custom-html-28 #spaghetti-cacio-item:hover::after,
#custom-html-28 #linguine-pesto-item:hover::after,
#custom-html-28 #pomodorini-gamberi-item:hover::after,
#custom-html-28 #rigatoni-bolognese-item:hover::after,
#custom-html-28 #rigatoni-salmone-item:hover::after,
#custom-html-28 #lasagne-bolognese-item:hover::after,
#custom-html-28 #gnocchi-quattro-item:hover::after,
#custom-html-28 #gnocchi-pollo-item:hover::after,
#custom-html-28 #enduja-item:hover::after,
#custom-html-28 #gamberi-item:hover::after,
#custom-html-28 #carbonara-item:hover::after,
#custom-html-28 #pappa-item:hover::after,
#custom-html-28 #minestrone-item:hover::after,
#custom-html-28 #parmigiana-item:hover::after,
#custom-html-28 #carnivora-item:hover::after,
#custom-html-28 #ortolana-item:hover::after,
#custom-html-28 #pizza-carbonara-item:hover::after,
#custom-html-28 #fileja-item:hover::after,
#custom-html-28 #risotto-item:hover::after,
#custom-html-28 #tiramisu-item:hover::after,
#custom-html-28 #cannolo-item:hover::after,
#custom-html-28 #gratin-item:hover::after,
#custom-html-28 #tortino-item:hover::after,
#custom-html-28 #baba-item:hover::after,
#custom-html-28 #cacciatora-item:hover::after,
#custom-html-28 #cipolle-item:hover::after,
#custom-html-28 #salmone-gril-item:hover::after,
#custom-html-28 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-28 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-28 .modal.active {
  display: flex;
}
#custom-html-28 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-28 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-28 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-28 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-28 .modal-close:hover {
  background: #173552;
}
#custom-html-28 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-28 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-28 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-28 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-28 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-28 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-28 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-28 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-28 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-28 .item {
    padding: 1rem;
  }
  #custom-html-28 .item-header h3,
  #custom-html-28 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-28 .modal-content {
    padding: 1rem;
  }
  #custom-html-28 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-28 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-28 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-28 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-28 .item-header h3,
  #custom-html-28 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-28 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-28 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-28 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-28 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-28 .mobile-info-box {
  display: none;
}
#custom-html-28 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-28 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-28 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-28 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-28 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-2a {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-2a * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-2a body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-2a .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-2a .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-2a .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-2a .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-2a .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-2a .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-2a .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-2a .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-2a .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-2a .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-2a .content {
  padding: 0;
}
#custom-html-2a .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-2a .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2a .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2a .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-2a .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2a .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-2a .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-2a .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-2a .item:hover::before {
  transform: scaleX(1);
}
#custom-html-2a .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-2a .item.vegetarian h3,
#custom-html-2a .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-2a .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-2a .item-header h3,
#custom-html-2a .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-2a .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-2a .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-2a #bruschetta-item::after,
#custom-html-2a #tagliere-item::after,
#custom-html-2a #tartare-item::after,
#custom-html-2a #carpaccio-item::after,
#custom-html-2a #vitello-tonnato-item::after,
#custom-html-2a #caprese-item::after,
#custom-html-2a #mista-item::after,
#custom-html-2a #cesare-item::after,
#custom-html-2a #marinara-item::after,
#custom-html-2a #margherita-item::after,
#custom-html-2a #alcotto-item::after,
#custom-html-2a #capricciosa-item::after,
#custom-html-2a #diavola-item::after,
#custom-html-2a #burrata-item::after,
#custom-html-2a #bufala-item::after,
#custom-html-2a #verduretta-item::after,
#custom-html-2a #mediterrenea-item::after,
#custom-html-2a #gamberi-item::after,
#custom-html-2a #calzone-item::after,
#custom-html-2a #crudo-item::after,
#custom-html-2a #tonno-item::after,
#custom-html-2a #mortazza-item::after,
#custom-html-2a #guanciale-item::after,
#custom-html-2a #quattro-item::after,
#custom-html-2a #tartufo-item::after,
#custom-html-2a #spaghetti-napoletana-item::after,
#custom-html-2a #spaghetti-cacio-item::after,
#custom-html-2a #linguine-pesto-item::after,
#custom-html-2a #pomodorini-gamberi-item::after,
#custom-html-2a #rigatoni-bolognese-item::after,
#custom-html-2a #rigatoni-salmone-item::after,
#custom-html-2a #lasagne-bolognese-item::after,
#custom-html-2a #gnocchi-quattro-item::after,
#custom-html-2a #enduja-quattro-item::after,
#custom-html-2a #gnocchi-pollo-item::after,
#custom-html-2a #gamberi-item::after,
#custom-html-2a #carbonara-item::after,
#custom-html-2a #pappa-item::after,
#custom-html-2a #minestrone-item::after,
#custom-html-2a #carnivora-item::after,
#custom-html-2a #ortolana-item::after,
#custom-html-2a #parmigiana-item::after,
#custom-html-2a #fileja-item::after,
#custom-html-2a #aglio-olio-item::after,
#custom-html-2a #pizza-carbonara-item::after,
#custom-html-2a #risotto-item::after,
#custom-html-2a #tiramisu-item::after,
#custom-html-2a #cannolo-item::after,
#custom-html-2a #gratin-item::after,
#custom-html-2a #tortino-item::after,
#custom-html-2a #baba-item::after,
#custom-html-2a #cipolle-item::after,
#custom-html-2a #cacciatora-item::after,
#custom-html-2a #salmone-gril-item::after,
#custom-html-2a #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-2a #bruschetta-item:hover::after,
#custom-html-2a #tagliere-item:hover::after,
#custom-html-2a #tartare-item:hover::after,
#custom-html-2a #carpaccio-item:hover::after,
#custom-html-2a #vitello-tonnato-item:hover::after,
#custom-html-2a #caprese-item:hover::after,
#custom-html-2a #mista-item:hover::after,
#custom-html-2a #cesare-item:hover::after,
#custom-html-2a #marinara-item:hover::after,
#custom-html-2a #margherita-item:hover::after,
#custom-html-2a #alcotto-item:hover::after,
#custom-html-2a #capricciosa-item:hover::after,
#custom-html-2a #diavola-item:hover::after,
#custom-html-2a #burrata-item:hover::after,
#custom-html-2a #bufala-item:hover::after,
#custom-html-2a #verduretta-item:hover::after,
#custom-html-2a #mediterrenea-item:hover::after,
#custom-html-2a #gamberi-item:hover::after,
#custom-html-2a #calzone-item:hover::after,
#custom-html-2a #crudo-item:hover::after,
#custom-html-2a #tonno-item:hover::after,
#custom-html-2a #mortazza-item:hover::after,
#custom-html-2a #guanciale-item:hover::after,
#custom-html-2a #quattro-item:hover::after,
#custom-html-2a #tartufo-item:hover::after,
#custom-html-2a #spaghetti-napoletana-item:hover::after,
#custom-html-2a #spaghetti-cacio-item:hover::after,
#custom-html-2a #linguine-pesto-item:hover::after,
#custom-html-2a #pomodorini-gamberi-item:hover::after,
#custom-html-2a #rigatoni-bolognese-item:hover::after,
#custom-html-2a #rigatoni-salmone-item:hover::after,
#custom-html-2a #lasagne-bolognese-item:hover::after,
#custom-html-2a #gnocchi-quattro-item:hover::after,
#custom-html-2a #gnocchi-pollo-item:hover::after,
#custom-html-2a #enduja-item:hover::after,
#custom-html-2a #gamberi-item:hover::after,
#custom-html-2a #carbonara-item:hover::after,
#custom-html-2a #pappa-item:hover::after,
#custom-html-2a #minestrone-item:hover::after,
#custom-html-2a #parmigiana-item:hover::after,
#custom-html-2a #carnivora-item:hover::after,
#custom-html-2a #ortolana-item:hover::after,
#custom-html-2a #pizza-carbonara-item:hover::after,
#custom-html-2a #fileja-item:hover::after,
#custom-html-2a #risotto-item:hover::after,
#custom-html-2a #tiramisu-item:hover::after,
#custom-html-2a #cannolo-item:hover::after,
#custom-html-2a #gratin-item:hover::after,
#custom-html-2a #tortino-item:hover::after,
#custom-html-2a #baba-item:hover::after,
#custom-html-2a #cacciatora-item:hover::after,
#custom-html-2a #cipolle-item:hover::after,
#custom-html-2a #salmone-gril-item:hover::after,
#custom-html-2a #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-2a .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-2a .modal.active {
  display: flex;
}
#custom-html-2a .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-2a .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-2a .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-2a .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-2a .modal-close:hover {
  background: #173552;
}
#custom-html-2a .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-2a .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-2a .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-2a .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-2a .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-2a .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-2a .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-2a .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-2a .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-2a .item {
    padding: 1rem;
  }
  #custom-html-2a .item-header h3,
  #custom-html-2a .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-2a .modal-content {
    padding: 1rem;
  }
  #custom-html-2a .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-2a .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-2a .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-2a .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-2a .item-header h3,
  #custom-html-2a .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-2a .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-2a .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-2a .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-2a .allergens-legend {
  font-size: 0.8em;
}
#custom-html-2a .mobile-info-box {
  display: none;
}
#custom-html-2a #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-2a #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-2a #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-2a #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-2a .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-27 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-27 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-27 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-27 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-27 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-27 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-27 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-27 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-27 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-27 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-27 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-27 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-27 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-27 .content {
  padding: 0;
}
#custom-html-27 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-27 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-27 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-27 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-27 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-27 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-27 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-27 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-27 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-27 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-27 .item.vegetarian h3,
#custom-html-27 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-27 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-27 .item-header h3,
#custom-html-27 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-27 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-27 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-27 #bruschetta-item::after,
#custom-html-27 #tagliere-item::after,
#custom-html-27 #tartare-item::after,
#custom-html-27 #carpaccio-item::after,
#custom-html-27 #vitello-tonnato-item::after,
#custom-html-27 #caprese-item::after,
#custom-html-27 #mista-item::after,
#custom-html-27 #cesare-item::after,
#custom-html-27 #marinara-item::after,
#custom-html-27 #margherita-item::after,
#custom-html-27 #alcotto-item::after,
#custom-html-27 #capricciosa-item::after,
#custom-html-27 #diavola-item::after,
#custom-html-27 #burrata-item::after,
#custom-html-27 #bufala-item::after,
#custom-html-27 #verduretta-item::after,
#custom-html-27 #mediterrenea-item::after,
#custom-html-27 #gamberi-item::after,
#custom-html-27 #calzone-item::after,
#custom-html-27 #crudo-item::after,
#custom-html-27 #tonno-item::after,
#custom-html-27 #mortazza-item::after,
#custom-html-27 #guanciale-item::after,
#custom-html-27 #quattro-item::after,
#custom-html-27 #tartufo-item::after,
#custom-html-27 #spaghetti-napoletana-item::after,
#custom-html-27 #spaghetti-cacio-item::after,
#custom-html-27 #linguine-pesto-item::after,
#custom-html-27 #pomodorini-gamberi-item::after,
#custom-html-27 #rigatoni-bolognese-item::after,
#custom-html-27 #rigatoni-salmone-item::after,
#custom-html-27 #lasagne-bolognese-item::after,
#custom-html-27 #gnocchi-quattro-item::after,
#custom-html-27 #enduja-quattro-item::after,
#custom-html-27 #gnocchi-pollo-item::after,
#custom-html-27 #gamberi-item::after,
#custom-html-27 #carbonara-item::after,
#custom-html-27 #pappa-item::after,
#custom-html-27 #minestrone-item::after,
#custom-html-27 #carnivora-item::after,
#custom-html-27 #ortolana-item::after,
#custom-html-27 #parmigiana-item::after,
#custom-html-27 #fileja-item::after,
#custom-html-27 #aglio-olio-item::after,
#custom-html-27 #pizza-carbonara-item::after,
#custom-html-27 #risotto-item::after,
#custom-html-27 #tiramisu-item::after,
#custom-html-27 #cannolo-item::after,
#custom-html-27 #gratin-item::after,
#custom-html-27 #tortino-item::after,
#custom-html-27 #baba-item::after,
#custom-html-27 #cipolle-item::after,
#custom-html-27 #cacciatora-item::after,
#custom-html-27 #salmone-gril-item::after,
#custom-html-27 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-27 #bruschetta-item:hover::after,
#custom-html-27 #tagliere-item:hover::after,
#custom-html-27 #tartare-item:hover::after,
#custom-html-27 #carpaccio-item:hover::after,
#custom-html-27 #vitello-tonnato-item:hover::after,
#custom-html-27 #caprese-item:hover::after,
#custom-html-27 #mista-item:hover::after,
#custom-html-27 #cesare-item:hover::after,
#custom-html-27 #marinara-item:hover::after,
#custom-html-27 #margherita-item:hover::after,
#custom-html-27 #alcotto-item:hover::after,
#custom-html-27 #capricciosa-item:hover::after,
#custom-html-27 #diavola-item:hover::after,
#custom-html-27 #burrata-item:hover::after,
#custom-html-27 #bufala-item:hover::after,
#custom-html-27 #verduretta-item:hover::after,
#custom-html-27 #mediterrenea-item:hover::after,
#custom-html-27 #gamberi-item:hover::after,
#custom-html-27 #calzone-item:hover::after,
#custom-html-27 #crudo-item:hover::after,
#custom-html-27 #tonno-item:hover::after,
#custom-html-27 #mortazza-item:hover::after,
#custom-html-27 #guanciale-item:hover::after,
#custom-html-27 #quattro-item:hover::after,
#custom-html-27 #tartufo-item:hover::after,
#custom-html-27 #spaghetti-napoletana-item:hover::after,
#custom-html-27 #spaghetti-cacio-item:hover::after,
#custom-html-27 #linguine-pesto-item:hover::after,
#custom-html-27 #pomodorini-gamberi-item:hover::after,
#custom-html-27 #rigatoni-bolognese-item:hover::after,
#custom-html-27 #rigatoni-salmone-item:hover::after,
#custom-html-27 #lasagne-bolognese-item:hover::after,
#custom-html-27 #gnocchi-quattro-item:hover::after,
#custom-html-27 #gnocchi-pollo-item:hover::after,
#custom-html-27 #enduja-item:hover::after,
#custom-html-27 #gamberi-item:hover::after,
#custom-html-27 #carbonara-item:hover::after,
#custom-html-27 #pappa-item:hover::after,
#custom-html-27 #minestrone-item:hover::after,
#custom-html-27 #parmigiana-item:hover::after,
#custom-html-27 #carnivora-item:hover::after,
#custom-html-27 #ortolana-item:hover::after,
#custom-html-27 #pizza-carbonara-item:hover::after,
#custom-html-27 #fileja-item:hover::after,
#custom-html-27 #risotto-item:hover::after,
#custom-html-27 #tiramisu-item:hover::after,
#custom-html-27 #cannolo-item:hover::after,
#custom-html-27 #gratin-item:hover::after,
#custom-html-27 #tortino-item:hover::after,
#custom-html-27 #baba-item:hover::after,
#custom-html-27 #cacciatora-item:hover::after,
#custom-html-27 #cipolle-item:hover::after,
#custom-html-27 #salmone-gril-item:hover::after,
#custom-html-27 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-27 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-27 .modal.active {
  display: flex;
}
#custom-html-27 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-27 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-27 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-27 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-27 .modal-close:hover {
  background: #173552;
}
#custom-html-27 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-27 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-27 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-27 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-27 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-27 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-27 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-27 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-27 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-27 .item {
    padding: 1rem;
  }
  #custom-html-27 .item-header h3,
  #custom-html-27 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-27 .modal-content {
    padding: 1rem;
  }
  #custom-html-27 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-27 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-27 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-27 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-27 .item-header h3,
  #custom-html-27 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-27 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-27 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-27 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-27 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-27 .mobile-info-box {
  display: none;
}
#custom-html-27 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-27 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-27 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-27 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-27 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-2b {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-2b * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-2b body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-2b .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-2b .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-2b .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-2b .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-2b .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-2b .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-2b .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-2b .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-2b .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-2b .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-2b .content {
  padding: 0;
}
#custom-html-2b .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-2b .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2b .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2b .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-2b .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2b .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-2b .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-2b .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-2b .item:hover::before {
  transform: scaleX(1);
}
#custom-html-2b .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-2b .item.vegetarian h3,
#custom-html-2b .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-2b .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-2b .item-header h3,
#custom-html-2b .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-2b .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-2b .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-2b #bruschetta-item::after,
#custom-html-2b #tagliere-item::after,
#custom-html-2b #tartare-item::after,
#custom-html-2b #carpaccio-item::after,
#custom-html-2b #vitello-tonnato-item::after,
#custom-html-2b #caprese-item::after,
#custom-html-2b #mista-item::after,
#custom-html-2b #cesare-item::after,
#custom-html-2b #marinara-item::after,
#custom-html-2b #margherita-item::after,
#custom-html-2b #alcotto-item::after,
#custom-html-2b #capricciosa-item::after,
#custom-html-2b #diavola-item::after,
#custom-html-2b #burrata-item::after,
#custom-html-2b #bufala-item::after,
#custom-html-2b #verduretta-item::after,
#custom-html-2b #mediterrenea-item::after,
#custom-html-2b #gamberi-item::after,
#custom-html-2b #calzone-item::after,
#custom-html-2b #crudo-item::after,
#custom-html-2b #tonno-item::after,
#custom-html-2b #mortazza-item::after,
#custom-html-2b #guanciale-item::after,
#custom-html-2b #quattro-item::after,
#custom-html-2b #tartufo-item::after,
#custom-html-2b #spaghetti-napoletana-item::after,
#custom-html-2b #spaghetti-cacio-item::after,
#custom-html-2b #linguine-pesto-item::after,
#custom-html-2b #pomodorini-gamberi-item::after,
#custom-html-2b #rigatoni-bolognese-item::after,
#custom-html-2b #rigatoni-salmone-item::after,
#custom-html-2b #lasagne-bolognese-item::after,
#custom-html-2b #gnocchi-quattro-item::after,
#custom-html-2b #enduja-quattro-item::after,
#custom-html-2b #gnocchi-pollo-item::after,
#custom-html-2b #gamberi-item::after,
#custom-html-2b #carbonara-item::after,
#custom-html-2b #pappa-item::after,
#custom-html-2b #minestrone-item::after,
#custom-html-2b #carnivora-item::after,
#custom-html-2b #ortolana-item::after,
#custom-html-2b #parmigiana-item::after,
#custom-html-2b #fileja-item::after,
#custom-html-2b #aglio-olio-item::after,
#custom-html-2b #pizza-carbonara-item::after,
#custom-html-2b #risotto-item::after,
#custom-html-2b #tiramisu-item::after,
#custom-html-2b #cannolo-item::after,
#custom-html-2b #gratin-item::after,
#custom-html-2b #tortino-item::after,
#custom-html-2b #baba-item::after,
#custom-html-2b #cipolle-item::after,
#custom-html-2b #cacciatora-item::after,
#custom-html-2b #salmone-gril-item::after,
#custom-html-2b #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-2b #bruschetta-item:hover::after,
#custom-html-2b #tagliere-item:hover::after,
#custom-html-2b #tartare-item:hover::after,
#custom-html-2b #carpaccio-item:hover::after,
#custom-html-2b #vitello-tonnato-item:hover::after,
#custom-html-2b #caprese-item:hover::after,
#custom-html-2b #mista-item:hover::after,
#custom-html-2b #cesare-item:hover::after,
#custom-html-2b #marinara-item:hover::after,
#custom-html-2b #margherita-item:hover::after,
#custom-html-2b #alcotto-item:hover::after,
#custom-html-2b #capricciosa-item:hover::after,
#custom-html-2b #diavola-item:hover::after,
#custom-html-2b #burrata-item:hover::after,
#custom-html-2b #bufala-item:hover::after,
#custom-html-2b #verduretta-item:hover::after,
#custom-html-2b #mediterrenea-item:hover::after,
#custom-html-2b #gamberi-item:hover::after,
#custom-html-2b #calzone-item:hover::after,
#custom-html-2b #crudo-item:hover::after,
#custom-html-2b #tonno-item:hover::after,
#custom-html-2b #mortazza-item:hover::after,
#custom-html-2b #guanciale-item:hover::after,
#custom-html-2b #quattro-item:hover::after,
#custom-html-2b #tartufo-item:hover::after,
#custom-html-2b #spaghetti-napoletana-item:hover::after,
#custom-html-2b #spaghetti-cacio-item:hover::after,
#custom-html-2b #linguine-pesto-item:hover::after,
#custom-html-2b #pomodorini-gamberi-item:hover::after,
#custom-html-2b #rigatoni-bolognese-item:hover::after,
#custom-html-2b #rigatoni-salmone-item:hover::after,
#custom-html-2b #lasagne-bolognese-item:hover::after,
#custom-html-2b #gnocchi-quattro-item:hover::after,
#custom-html-2b #gnocchi-pollo-item:hover::after,
#custom-html-2b #enduja-item:hover::after,
#custom-html-2b #gamberi-item:hover::after,
#custom-html-2b #carbonara-item:hover::after,
#custom-html-2b #pappa-item:hover::after,
#custom-html-2b #minestrone-item:hover::after,
#custom-html-2b #parmigiana-item:hover::after,
#custom-html-2b #carnivora-item:hover::after,
#custom-html-2b #ortolana-item:hover::after,
#custom-html-2b #pizza-carbonara-item:hover::after,
#custom-html-2b #fileja-item:hover::after,
#custom-html-2b #risotto-item:hover::after,
#custom-html-2b #tiramisu-item:hover::after,
#custom-html-2b #cannolo-item:hover::after,
#custom-html-2b #gratin-item:hover::after,
#custom-html-2b #tortino-item:hover::after,
#custom-html-2b #baba-item:hover::after,
#custom-html-2b #cacciatora-item:hover::after,
#custom-html-2b #cipolle-item:hover::after,
#custom-html-2b #salmone-gril-item:hover::after,
#custom-html-2b #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-2b .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-2b .modal.active {
  display: flex;
}
#custom-html-2b .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-2b .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-2b .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-2b .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-2b .modal-close:hover {
  background: #173552;
}
#custom-html-2b .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-2b .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-2b .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-2b .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-2b .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-2b .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-2b .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-2b .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-2b .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-2b .item {
    padding: 1rem;
  }
  #custom-html-2b .item-header h3,
  #custom-html-2b .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-2b .modal-content {
    padding: 1rem;
  }
  #custom-html-2b .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-2b .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-2b .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-2b .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-2b .item-header h3,
  #custom-html-2b .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-2b .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-2b .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-2b .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-2b .allergens-legend {
  font-size: 0.8em;
}
#custom-html-2b .mobile-info-box {
  display: none;
}
#custom-html-2b #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-2b #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-2b #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-2b #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-2b .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
#custom-html-2b .latin-name {
  font-weight: normal;
  font-size: 0.85em;
  opacity: 0.8;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-2e {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-2e * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-2e body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-2e .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-2e .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-2e .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-2e .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-2e .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-2e .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-2e .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-2e .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-2e .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-2e .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-2e .content {
  padding: 0;
}
#custom-html-2e .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-2e .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2e .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2e .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-2e .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2e .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-2e .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-2e .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-2e .item:hover::before {
  transform: scaleX(1);
}
#custom-html-2e .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-2e .item.vegetarian h3,
#custom-html-2e .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-2e .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-2e .item-header h3,
#custom-html-2e .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-2e .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-2e .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-2e #bruschetta-item::after,
#custom-html-2e #tagliere-item::after,
#custom-html-2e #tartare-item::after,
#custom-html-2e #carpaccio-item::after,
#custom-html-2e #vitello-tonnato-item::after,
#custom-html-2e #caprese-item::after,
#custom-html-2e #mista-item::after,
#custom-html-2e #cesare-item::after,
#custom-html-2e #marinara-item::after,
#custom-html-2e #margherita-item::after,
#custom-html-2e #alcotto-item::after,
#custom-html-2e #capricciosa-item::after,
#custom-html-2e #diavola-item::after,
#custom-html-2e #burrata-item::after,
#custom-html-2e #bufala-item::after,
#custom-html-2e #verduretta-item::after,
#custom-html-2e #mediterrenea-item::after,
#custom-html-2e #gamberi-item::after,
#custom-html-2e #calzone-item::after,
#custom-html-2e #crudo-item::after,
#custom-html-2e #tonno-item::after,
#custom-html-2e #mortazza-item::after,
#custom-html-2e #guanciale-item::after,
#custom-html-2e #quattro-item::after,
#custom-html-2e #tartufo-item::after,
#custom-html-2e #spaghetti-napoletana-item::after,
#custom-html-2e #spaghetti-cacio-item::after,
#custom-html-2e #linguine-pesto-item::after,
#custom-html-2e #pomodorini-gamberi-item::after,
#custom-html-2e #rigatoni-bolognese-item::after,
#custom-html-2e #rigatoni-salmone-item::after,
#custom-html-2e #lasagne-bolognese-item::after,
#custom-html-2e #gnocchi-quattro-item::after,
#custom-html-2e #enduja-quattro-item::after,
#custom-html-2e #gnocchi-pollo-item::after,
#custom-html-2e #gamberi-item::after,
#custom-html-2e #carbonara-item::after,
#custom-html-2e #pappa-item::after,
#custom-html-2e #minestrone-item::after,
#custom-html-2e #carnivora-item::after,
#custom-html-2e #ortolana-item::after,
#custom-html-2e #parmigiana-item::after,
#custom-html-2e #fileja-item::after,
#custom-html-2e #aglio-olio-item::after,
#custom-html-2e #pizza-carbonara-item::after,
#custom-html-2e #risotto-item::after,
#custom-html-2e #tiramisu-item::after,
#custom-html-2e #cannolo-item::after,
#custom-html-2e #gratin-item::after,
#custom-html-2e #tortino-item::after,
#custom-html-2e #baba-item::after,
#custom-html-2e #cipolle-item::after,
#custom-html-2e #cacciatora-item::after,
#custom-html-2e #salmone-gril-item::after,
#custom-html-2e #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-2e #bruschetta-item:hover::after,
#custom-html-2e #tagliere-item:hover::after,
#custom-html-2e #tartare-item:hover::after,
#custom-html-2e #carpaccio-item:hover::after,
#custom-html-2e #vitello-tonnato-item:hover::after,
#custom-html-2e #caprese-item:hover::after,
#custom-html-2e #mista-item:hover::after,
#custom-html-2e #cesare-item:hover::after,
#custom-html-2e #marinara-item:hover::after,
#custom-html-2e #margherita-item:hover::after,
#custom-html-2e #alcotto-item:hover::after,
#custom-html-2e #capricciosa-item:hover::after,
#custom-html-2e #diavola-item:hover::after,
#custom-html-2e #burrata-item:hover::after,
#custom-html-2e #bufala-item:hover::after,
#custom-html-2e #verduretta-item:hover::after,
#custom-html-2e #mediterrenea-item:hover::after,
#custom-html-2e #gamberi-item:hover::after,
#custom-html-2e #calzone-item:hover::after,
#custom-html-2e #crudo-item:hover::after,
#custom-html-2e #tonno-item:hover::after,
#custom-html-2e #mortazza-item:hover::after,
#custom-html-2e #guanciale-item:hover::after,
#custom-html-2e #quattro-item:hover::after,
#custom-html-2e #tartufo-item:hover::after,
#custom-html-2e #spaghetti-napoletana-item:hover::after,
#custom-html-2e #spaghetti-cacio-item:hover::after,
#custom-html-2e #linguine-pesto-item:hover::after,
#custom-html-2e #pomodorini-gamberi-item:hover::after,
#custom-html-2e #rigatoni-bolognese-item:hover::after,
#custom-html-2e #rigatoni-salmone-item:hover::after,
#custom-html-2e #lasagne-bolognese-item:hover::after,
#custom-html-2e #gnocchi-quattro-item:hover::after,
#custom-html-2e #gnocchi-pollo-item:hover::after,
#custom-html-2e #enduja-item:hover::after,
#custom-html-2e #gamberi-item:hover::after,
#custom-html-2e #carbonara-item:hover::after,
#custom-html-2e #pappa-item:hover::after,
#custom-html-2e #minestrone-item:hover::after,
#custom-html-2e #parmigiana-item:hover::after,
#custom-html-2e #carnivora-item:hover::after,
#custom-html-2e #ortolana-item:hover::after,
#custom-html-2e #pizza-carbonara-item:hover::after,
#custom-html-2e #fileja-item:hover::after,
#custom-html-2e #risotto-item:hover::after,
#custom-html-2e #tiramisu-item:hover::after,
#custom-html-2e #cannolo-item:hover::after,
#custom-html-2e #gratin-item:hover::after,
#custom-html-2e #tortino-item:hover::after,
#custom-html-2e #baba-item:hover::after,
#custom-html-2e #cacciatora-item:hover::after,
#custom-html-2e #cipolle-item:hover::after,
#custom-html-2e #salmone-gril-item:hover::after,
#custom-html-2e #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-2e .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-2e .modal.active {
  display: flex;
}
#custom-html-2e .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-2e .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-2e .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-2e .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-2e .modal-close:hover {
  background: #173552;
}
#custom-html-2e .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-2e .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-2e .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-2e .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-2e .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-2e .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-2e .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-2e .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-2e .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-2e .item {
    padding: 1rem;
  }
  #custom-html-2e .item-header h3,
  #custom-html-2e .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-2e .modal-content {
    padding: 1rem;
  }
  #custom-html-2e .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-2e .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-2e .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-2e .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-2e .item-header h3,
  #custom-html-2e .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-2e .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-2e .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-2e .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-2e .allergens-legend {
  font-size: 0.8em;
}
#custom-html-2e .mobile-info-box {
  display: none;
}
#custom-html-2e #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-2e #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-2e #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-2e #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-2e .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-2f {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-2f * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-2f body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-2f .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-2f .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-2f .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-2f .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-2f .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-2f .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-2f .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-2f .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-2f .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-2f .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-2f .content {
  padding: 0;
}
#custom-html-2f .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-2f .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2f .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2f .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-2f .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2f .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-2f .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-2f .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-2f .item:hover::before {
  transform: scaleX(1);
}
#custom-html-2f .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-2f .item.vegetarian h3,
#custom-html-2f .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-2f .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-2f .item-header h3,
#custom-html-2f .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-2f .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-2f .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-2f #bruschetta-item::after,
#custom-html-2f #tagliere-item::after,
#custom-html-2f #tartare-item::after,
#custom-html-2f #carpaccio-item::after,
#custom-html-2f #vitello-tonnato-item::after,
#custom-html-2f #caprese-item::after,
#custom-html-2f #mista-item::after,
#custom-html-2f #cesare-item::after,
#custom-html-2f #marinara-item::after,
#custom-html-2f #margherita-item::after,
#custom-html-2f #alcotto-item::after,
#custom-html-2f #capricciosa-item::after,
#custom-html-2f #diavola-item::after,
#custom-html-2f #burrata-item::after,
#custom-html-2f #bufala-item::after,
#custom-html-2f #verduretta-item::after,
#custom-html-2f #mediterrenea-item::after,
#custom-html-2f #gamberi-item::after,
#custom-html-2f #calzone-item::after,
#custom-html-2f #crudo-item::after,
#custom-html-2f #tonno-item::after,
#custom-html-2f #mortazza-item::after,
#custom-html-2f #guanciale-item::after,
#custom-html-2f #quattro-item::after,
#custom-html-2f #tartufo-item::after,
#custom-html-2f #spaghetti-napoletana-item::after,
#custom-html-2f #spaghetti-cacio-item::after,
#custom-html-2f #linguine-pesto-item::after,
#custom-html-2f #pomodorini-gamberi-item::after,
#custom-html-2f #rigatoni-bolognese-item::after,
#custom-html-2f #rigatoni-salmone-item::after,
#custom-html-2f #lasagne-bolognese-item::after,
#custom-html-2f #gnocchi-quattro-item::after,
#custom-html-2f #enduja-quattro-item::after,
#custom-html-2f #gnocchi-pollo-item::after,
#custom-html-2f #gamberi-item::after,
#custom-html-2f #carbonara-item::after,
#custom-html-2f #pappa-item::after,
#custom-html-2f #minestrone-item::after,
#custom-html-2f #carnivora-item::after,
#custom-html-2f #ortolana-item::after,
#custom-html-2f #parmigiana-item::after,
#custom-html-2f #fileja-item::after,
#custom-html-2f #aglio-olio-item::after,
#custom-html-2f #pizza-carbonara-item::after,
#custom-html-2f #risotto-item::after,
#custom-html-2f #tiramisu-item::after,
#custom-html-2f #cannolo-item::after,
#custom-html-2f #gratin-item::after,
#custom-html-2f #tortino-item::after,
#custom-html-2f #baba-item::after,
#custom-html-2f #cipolle-item::after,
#custom-html-2f #cacciatora-item::after,
#custom-html-2f #salmone-gril-item::after,
#custom-html-2f #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-2f #bruschetta-item:hover::after,
#custom-html-2f #tagliere-item:hover::after,
#custom-html-2f #tartare-item:hover::after,
#custom-html-2f #carpaccio-item:hover::after,
#custom-html-2f #vitello-tonnato-item:hover::after,
#custom-html-2f #caprese-item:hover::after,
#custom-html-2f #mista-item:hover::after,
#custom-html-2f #cesare-item:hover::after,
#custom-html-2f #marinara-item:hover::after,
#custom-html-2f #margherita-item:hover::after,
#custom-html-2f #alcotto-item:hover::after,
#custom-html-2f #capricciosa-item:hover::after,
#custom-html-2f #diavola-item:hover::after,
#custom-html-2f #burrata-item:hover::after,
#custom-html-2f #bufala-item:hover::after,
#custom-html-2f #verduretta-item:hover::after,
#custom-html-2f #mediterrenea-item:hover::after,
#custom-html-2f #gamberi-item:hover::after,
#custom-html-2f #calzone-item:hover::after,
#custom-html-2f #crudo-item:hover::after,
#custom-html-2f #tonno-item:hover::after,
#custom-html-2f #mortazza-item:hover::after,
#custom-html-2f #guanciale-item:hover::after,
#custom-html-2f #quattro-item:hover::after,
#custom-html-2f #tartufo-item:hover::after,
#custom-html-2f #spaghetti-napoletana-item:hover::after,
#custom-html-2f #spaghetti-cacio-item:hover::after,
#custom-html-2f #linguine-pesto-item:hover::after,
#custom-html-2f #pomodorini-gamberi-item:hover::after,
#custom-html-2f #rigatoni-bolognese-item:hover::after,
#custom-html-2f #rigatoni-salmone-item:hover::after,
#custom-html-2f #lasagne-bolognese-item:hover::after,
#custom-html-2f #gnocchi-quattro-item:hover::after,
#custom-html-2f #gnocchi-pollo-item:hover::after,
#custom-html-2f #enduja-item:hover::after,
#custom-html-2f #gamberi-item:hover::after,
#custom-html-2f #carbonara-item:hover::after,
#custom-html-2f #pappa-item:hover::after,
#custom-html-2f #minestrone-item:hover::after,
#custom-html-2f #parmigiana-item:hover::after,
#custom-html-2f #carnivora-item:hover::after,
#custom-html-2f #ortolana-item:hover::after,
#custom-html-2f #pizza-carbonara-item:hover::after,
#custom-html-2f #fileja-item:hover::after,
#custom-html-2f #risotto-item:hover::after,
#custom-html-2f #tiramisu-item:hover::after,
#custom-html-2f #cannolo-item:hover::after,
#custom-html-2f #gratin-item:hover::after,
#custom-html-2f #tortino-item:hover::after,
#custom-html-2f #baba-item:hover::after,
#custom-html-2f #cacciatora-item:hover::after,
#custom-html-2f #cipolle-item:hover::after,
#custom-html-2f #salmone-gril-item:hover::after,
#custom-html-2f #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-2f .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-2f .modal.active {
  display: flex;
}
#custom-html-2f .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-2f .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-2f .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-2f .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-2f .modal-close:hover {
  background: #173552;
}
#custom-html-2f .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-2f .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-2f .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-2f .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-2f .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-2f .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-2f .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-2f .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-2f .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-2f .item {
    padding: 1rem;
  }
  #custom-html-2f .item-header h3,
  #custom-html-2f .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-2f .modal-content {
    padding: 1rem;
  }
  #custom-html-2f .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-2f .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-2f .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-2f .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-2f .item-header h3,
  #custom-html-2f .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-2f .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-2f .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-2f .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-2f .allergens-legend {
  font-size: 0.8em;
}
#custom-html-2f .mobile-info-box {
  display: none;
}
#custom-html-2f #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-2f #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-2f #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-2f #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-2f .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-2g {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-2g * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-2g body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-2g .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-2g .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-2g .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-2g .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-2g .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-2g .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-2g .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-2g .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-2g .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-2g .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-2g .content {
  padding: 0;
}
#custom-html-2g .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-2g .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2g .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2g .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-2g .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2g .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-2g .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-2g .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-2g .item:hover::before {
  transform: scaleX(1);
}
#custom-html-2g .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-2g .item.vegetarian h3,
#custom-html-2g .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-2g .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-2g .item-header h3,
#custom-html-2g .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-2g .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-2g .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-2g #bruschetta-item::after,
#custom-html-2g #tagliere-item::after,
#custom-html-2g #tartare-item::after,
#custom-html-2g #carpaccio-item::after,
#custom-html-2g #vitello-tonnato-item::after,
#custom-html-2g #caprese-item::after,
#custom-html-2g #mista-item::after,
#custom-html-2g #cesare-item::after,
#custom-html-2g #marinara-item::after,
#custom-html-2g #margherita-item::after,
#custom-html-2g #alcotto-item::after,
#custom-html-2g #capricciosa-item::after,
#custom-html-2g #diavola-item::after,
#custom-html-2g #burrata-item::after,
#custom-html-2g #bufala-item::after,
#custom-html-2g #verduretta-item::after,
#custom-html-2g #mediterrenea-item::after,
#custom-html-2g #gamberi-item::after,
#custom-html-2g #calzone-item::after,
#custom-html-2g #crudo-item::after,
#custom-html-2g #tonno-item::after,
#custom-html-2g #mortazza-item::after,
#custom-html-2g #guanciale-item::after,
#custom-html-2g #quattro-item::after,
#custom-html-2g #tartufo-item::after,
#custom-html-2g #spaghetti-napoletana-item::after,
#custom-html-2g #spaghetti-cacio-item::after,
#custom-html-2g #linguine-pesto-item::after,
#custom-html-2g #pomodorini-gamberi-item::after,
#custom-html-2g #rigatoni-bolognese-item::after,
#custom-html-2g #rigatoni-salmone-item::after,
#custom-html-2g #lasagne-bolognese-item::after,
#custom-html-2g #gnocchi-quattro-item::after,
#custom-html-2g #enduja-quattro-item::after,
#custom-html-2g #gnocchi-pollo-item::after,
#custom-html-2g #gamberi-item::after,
#custom-html-2g #carbonara-item::after,
#custom-html-2g #pappa-item::after,
#custom-html-2g #minestrone-item::after,
#custom-html-2g #carnivora-item::after,
#custom-html-2g #ortolana-item::after,
#custom-html-2g #parmigiana-item::after,
#custom-html-2g #fileja-item::after,
#custom-html-2g #aglio-olio-item::after,
#custom-html-2g #pizza-carbonara-item::after,
#custom-html-2g #risotto-item::after,
#custom-html-2g #tiramisu-item::after,
#custom-html-2g #cannolo-item::after,
#custom-html-2g #gratin-item::after,
#custom-html-2g #tortino-item::after,
#custom-html-2g #baba-item::after,
#custom-html-2g #cipolle-item::after,
#custom-html-2g #cacciatora-item::after,
#custom-html-2g #salmone-gril-item::after,
#custom-html-2g #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-2g #bruschetta-item:hover::after,
#custom-html-2g #tagliere-item:hover::after,
#custom-html-2g #tartare-item:hover::after,
#custom-html-2g #carpaccio-item:hover::after,
#custom-html-2g #vitello-tonnato-item:hover::after,
#custom-html-2g #caprese-item:hover::after,
#custom-html-2g #mista-item:hover::after,
#custom-html-2g #cesare-item:hover::after,
#custom-html-2g #marinara-item:hover::after,
#custom-html-2g #margherita-item:hover::after,
#custom-html-2g #alcotto-item:hover::after,
#custom-html-2g #capricciosa-item:hover::after,
#custom-html-2g #diavola-item:hover::after,
#custom-html-2g #burrata-item:hover::after,
#custom-html-2g #bufala-item:hover::after,
#custom-html-2g #verduretta-item:hover::after,
#custom-html-2g #mediterrenea-item:hover::after,
#custom-html-2g #gamberi-item:hover::after,
#custom-html-2g #calzone-item:hover::after,
#custom-html-2g #crudo-item:hover::after,
#custom-html-2g #tonno-item:hover::after,
#custom-html-2g #mortazza-item:hover::after,
#custom-html-2g #guanciale-item:hover::after,
#custom-html-2g #quattro-item:hover::after,
#custom-html-2g #tartufo-item:hover::after,
#custom-html-2g #spaghetti-napoletana-item:hover::after,
#custom-html-2g #spaghetti-cacio-item:hover::after,
#custom-html-2g #linguine-pesto-item:hover::after,
#custom-html-2g #pomodorini-gamberi-item:hover::after,
#custom-html-2g #rigatoni-bolognese-item:hover::after,
#custom-html-2g #rigatoni-salmone-item:hover::after,
#custom-html-2g #lasagne-bolognese-item:hover::after,
#custom-html-2g #gnocchi-quattro-item:hover::after,
#custom-html-2g #gnocchi-pollo-item:hover::after,
#custom-html-2g #enduja-item:hover::after,
#custom-html-2g #gamberi-item:hover::after,
#custom-html-2g #carbonara-item:hover::after,
#custom-html-2g #pappa-item:hover::after,
#custom-html-2g #minestrone-item:hover::after,
#custom-html-2g #parmigiana-item:hover::after,
#custom-html-2g #carnivora-item:hover::after,
#custom-html-2g #ortolana-item:hover::after,
#custom-html-2g #pizza-carbonara-item:hover::after,
#custom-html-2g #fileja-item:hover::after,
#custom-html-2g #risotto-item:hover::after,
#custom-html-2g #tiramisu-item:hover::after,
#custom-html-2g #cannolo-item:hover::after,
#custom-html-2g #gratin-item:hover::after,
#custom-html-2g #tortino-item:hover::after,
#custom-html-2g #baba-item:hover::after,
#custom-html-2g #cacciatora-item:hover::after,
#custom-html-2g #cipolle-item:hover::after,
#custom-html-2g #salmone-gril-item:hover::after,
#custom-html-2g #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-2g .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-2g .modal.active {
  display: flex;
}
#custom-html-2g .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-2g .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-2g .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-2g .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-2g .modal-close:hover {
  background: #173552;
}
#custom-html-2g .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-2g .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-2g .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-2g .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-2g .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-2g .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-2g .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-2g .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-2g .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-2g .item {
    padding: 1rem;
  }
  #custom-html-2g .item-header h3,
  #custom-html-2g .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-2g .modal-content {
    padding: 1rem;
  }
  #custom-html-2g .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-2g .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-2g .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-2g .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-2g .item-header h3,
  #custom-html-2g .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-2g .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-2g .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-2g .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-2g .allergens-legend {
  font-size: 0.8em;
}
#custom-html-2g .mobile-info-box {
  display: none;
}
#custom-html-2g #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-2g #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-2g #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-2g #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-2g .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
#custom-html-2g .latin-name {
  font-weight: normal;
  font-size: 0.85em;
  opacity: 0.8;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-2h {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-2h * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-2h body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-2h .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-2h .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-2h .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-2h .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-2h .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-2h .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-2h .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-2h .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-2h .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-2h .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-2h .content {
  padding: 0;
}
#custom-html-2h .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-2h .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2h .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2h .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-2h .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-2h .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-2h .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-2h .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-2h .item:hover::before {
  transform: scaleX(1);
}
#custom-html-2h .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-2h .item.vegetarian h3,
#custom-html-2h .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-2h .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-2h .item-header h3,
#custom-html-2h .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-2h .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-2h .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-2h #bruschetta-item::after,
#custom-html-2h #tagliere-item::after,
#custom-html-2h #tartare-item::after,
#custom-html-2h #carpaccio-item::after,
#custom-html-2h #vitello-tonnato-item::after,
#custom-html-2h #caprese-item::after,
#custom-html-2h #mista-item::after,
#custom-html-2h #cesare-item::after,
#custom-html-2h #marinara-item::after,
#custom-html-2h #margherita-item::after,
#custom-html-2h #alcotto-item::after,
#custom-html-2h #capricciosa-item::after,
#custom-html-2h #diavola-item::after,
#custom-html-2h #burrata-item::after,
#custom-html-2h #bufala-item::after,
#custom-html-2h #verduretta-item::after,
#custom-html-2h #mediterrenea-item::after,
#custom-html-2h #gamberi-item::after,
#custom-html-2h #calzone-item::after,
#custom-html-2h #crudo-item::after,
#custom-html-2h #tonno-item::after,
#custom-html-2h #mortazza-item::after,
#custom-html-2h #guanciale-item::after,
#custom-html-2h #quattro-item::after,
#custom-html-2h #tartufo-item::after,
#custom-html-2h #spaghetti-napoletana-item::after,
#custom-html-2h #spaghetti-cacio-item::after,
#custom-html-2h #linguine-pesto-item::after,
#custom-html-2h #pomodorini-gamberi-item::after,
#custom-html-2h #rigatoni-bolognese-item::after,
#custom-html-2h #rigatoni-salmone-item::after,
#custom-html-2h #lasagne-bolognese-item::after,
#custom-html-2h #gnocchi-quattro-item::after,
#custom-html-2h #enduja-quattro-item::after,
#custom-html-2h #gnocchi-pollo-item::after,
#custom-html-2h #gamberi-item::after,
#custom-html-2h #carbonara-item::after,
#custom-html-2h #pappa-item::after,
#custom-html-2h #minestrone-item::after,
#custom-html-2h #carnivora-item::after,
#custom-html-2h #ortolana-item::after,
#custom-html-2h #parmigiana-item::after,
#custom-html-2h #fileja-item::after,
#custom-html-2h #aglio-olio-item::after,
#custom-html-2h #pizza-carbonara-item::after,
#custom-html-2h #risotto-item::after,
#custom-html-2h #tiramisu-item::after,
#custom-html-2h #cannolo-item::after,
#custom-html-2h #gratin-item::after,
#custom-html-2h #tortino-item::after,
#custom-html-2h #baba-item::after,
#custom-html-2h #cipolle-item::after,
#custom-html-2h #cacciatora-item::after,
#custom-html-2h #salmone-gril-item::after,
#custom-html-2h #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-2h #bruschetta-item:hover::after,
#custom-html-2h #tagliere-item:hover::after,
#custom-html-2h #tartare-item:hover::after,
#custom-html-2h #carpaccio-item:hover::after,
#custom-html-2h #vitello-tonnato-item:hover::after,
#custom-html-2h #caprese-item:hover::after,
#custom-html-2h #mista-item:hover::after,
#custom-html-2h #cesare-item:hover::after,
#custom-html-2h #marinara-item:hover::after,
#custom-html-2h #margherita-item:hover::after,
#custom-html-2h #alcotto-item:hover::after,
#custom-html-2h #capricciosa-item:hover::after,
#custom-html-2h #diavola-item:hover::after,
#custom-html-2h #burrata-item:hover::after,
#custom-html-2h #bufala-item:hover::after,
#custom-html-2h #verduretta-item:hover::after,
#custom-html-2h #mediterrenea-item:hover::after,
#custom-html-2h #gamberi-item:hover::after,
#custom-html-2h #calzone-item:hover::after,
#custom-html-2h #crudo-item:hover::after,
#custom-html-2h #tonno-item:hover::after,
#custom-html-2h #mortazza-item:hover::after,
#custom-html-2h #guanciale-item:hover::after,
#custom-html-2h #quattro-item:hover::after,
#custom-html-2h #tartufo-item:hover::after,
#custom-html-2h #spaghetti-napoletana-item:hover::after,
#custom-html-2h #spaghetti-cacio-item:hover::after,
#custom-html-2h #linguine-pesto-item:hover::after,
#custom-html-2h #pomodorini-gamberi-item:hover::after,
#custom-html-2h #rigatoni-bolognese-item:hover::after,
#custom-html-2h #rigatoni-salmone-item:hover::after,
#custom-html-2h #lasagne-bolognese-item:hover::after,
#custom-html-2h #gnocchi-quattro-item:hover::after,
#custom-html-2h #gnocchi-pollo-item:hover::after,
#custom-html-2h #enduja-item:hover::after,
#custom-html-2h #gamberi-item:hover::after,
#custom-html-2h #carbonara-item:hover::after,
#custom-html-2h #pappa-item:hover::after,
#custom-html-2h #minestrone-item:hover::after,
#custom-html-2h #parmigiana-item:hover::after,
#custom-html-2h #carnivora-item:hover::after,
#custom-html-2h #ortolana-item:hover::after,
#custom-html-2h #pizza-carbonara-item:hover::after,
#custom-html-2h #fileja-item:hover::after,
#custom-html-2h #risotto-item:hover::after,
#custom-html-2h #tiramisu-item:hover::after,
#custom-html-2h #cannolo-item:hover::after,
#custom-html-2h #gratin-item:hover::after,
#custom-html-2h #tortino-item:hover::after,
#custom-html-2h #baba-item:hover::after,
#custom-html-2h #cacciatora-item:hover::after,
#custom-html-2h #cipolle-item:hover::after,
#custom-html-2h #salmone-gril-item:hover::after,
#custom-html-2h #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-2h .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-2h .modal.active {
  display: flex;
}
#custom-html-2h .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-2h .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-2h .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-2h .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-2h .modal-close:hover {
  background: #173552;
}
#custom-html-2h .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-2h .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-2h .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-2h .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-2h .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-2h .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-2h .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-2h .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-2h .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-2h .item {
    padding: 1rem;
  }
  #custom-html-2h .item-header h3,
  #custom-html-2h .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-2h .modal-content {
    padding: 1rem;
  }
  #custom-html-2h .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-2h .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-2h .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-2h .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-2h .item-header h3,
  #custom-html-2h .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-2h .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-2h .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-2h .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-2h .allergens-legend {
  font-size: 0.8em;
}
#custom-html-2h .mobile-info-box {
  display: none;
}
#custom-html-2h #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-2h #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-2h #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-2h #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-2h .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-29 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-29 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-29 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-29 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-29 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-29 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-29 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-29 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-29 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-29 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-29 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-29 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-29 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-29 .content {
  padding: 0;
}
#custom-html-29 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-29 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-29 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-29 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-29 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-29 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-29 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-29 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-29 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-29 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-29 .item.vegetarian h3,
#custom-html-29 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-29 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-29 .item-header h3,
#custom-html-29 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-29 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-29 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-29 #bruschetta-item::after,
#custom-html-29 #tagliere-item::after,
#custom-html-29 #tartare-item::after,
#custom-html-29 #carpaccio-item::after,
#custom-html-29 #vitello-tonnato-item::after,
#custom-html-29 #caprese-item::after,
#custom-html-29 #mista-item::after,
#custom-html-29 #cesare-item::after,
#custom-html-29 #marinara-item::after,
#custom-html-29 #margherita-item::after,
#custom-html-29 #alcotto-item::after,
#custom-html-29 #capricciosa-item::after,
#custom-html-29 #diavola-item::after,
#custom-html-29 #burrata-item::after,
#custom-html-29 #bufala-item::after,
#custom-html-29 #verduretta-item::after,
#custom-html-29 #mediterrenea-item::after,
#custom-html-29 #gamberi-item::after,
#custom-html-29 #calzone-item::after,
#custom-html-29 #crudo-item::after,
#custom-html-29 #tonno-item::after,
#custom-html-29 #mortazza-item::after,
#custom-html-29 #guanciale-item::after,
#custom-html-29 #quattro-item::after,
#custom-html-29 #tartufo-item::after,
#custom-html-29 #spaghetti-napoletana-item::after,
#custom-html-29 #spaghetti-cacio-item::after,
#custom-html-29 #linguine-pesto-item::after,
#custom-html-29 #pomodorini-gamberi-item::after,
#custom-html-29 #rigatoni-bolognese-item::after,
#custom-html-29 #rigatoni-salmone-item::after,
#custom-html-29 #lasagne-bolognese-item::after,
#custom-html-29 #gnocchi-quattro-item::after,
#custom-html-29 #enduja-quattro-item::after,
#custom-html-29 #gnocchi-pollo-item::after,
#custom-html-29 #gamberi-item::after,
#custom-html-29 #carbonara-item::after,
#custom-html-29 #pappa-item::after,
#custom-html-29 #minestrone-item::after,
#custom-html-29 #carnivora-item::after,
#custom-html-29 #ortolana-item::after,
#custom-html-29 #parmigiana-item::after,
#custom-html-29 #fileja-item::after,
#custom-html-29 #aglio-olio-item::after,
#custom-html-29 #pizza-carbonara-item::after,
#custom-html-29 #risotto-item::after,
#custom-html-29 #tiramisu-item::after,
#custom-html-29 #cannolo-item::after,
#custom-html-29 #gratin-item::after,
#custom-html-29 #tortino-item::after,
#custom-html-29 #baba-item::after,
#custom-html-29 #cipolle-item::after,
#custom-html-29 #cacciatora-item::after,
#custom-html-29 #salmone-gril-item::after,
#custom-html-29 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-29 #bruschetta-item:hover::after,
#custom-html-29 #tagliere-item:hover::after,
#custom-html-29 #tartare-item:hover::after,
#custom-html-29 #carpaccio-item:hover::after,
#custom-html-29 #vitello-tonnato-item:hover::after,
#custom-html-29 #caprese-item:hover::after,
#custom-html-29 #mista-item:hover::after,
#custom-html-29 #cesare-item:hover::after,
#custom-html-29 #marinara-item:hover::after,
#custom-html-29 #margherita-item:hover::after,
#custom-html-29 #alcotto-item:hover::after,
#custom-html-29 #capricciosa-item:hover::after,
#custom-html-29 #diavola-item:hover::after,
#custom-html-29 #burrata-item:hover::after,
#custom-html-29 #bufala-item:hover::after,
#custom-html-29 #verduretta-item:hover::after,
#custom-html-29 #mediterrenea-item:hover::after,
#custom-html-29 #gamberi-item:hover::after,
#custom-html-29 #calzone-item:hover::after,
#custom-html-29 #crudo-item:hover::after,
#custom-html-29 #tonno-item:hover::after,
#custom-html-29 #mortazza-item:hover::after,
#custom-html-29 #guanciale-item:hover::after,
#custom-html-29 #quattro-item:hover::after,
#custom-html-29 #tartufo-item:hover::after,
#custom-html-29 #spaghetti-napoletana-item:hover::after,
#custom-html-29 #spaghetti-cacio-item:hover::after,
#custom-html-29 #linguine-pesto-item:hover::after,
#custom-html-29 #pomodorini-gamberi-item:hover::after,
#custom-html-29 #rigatoni-bolognese-item:hover::after,
#custom-html-29 #rigatoni-salmone-item:hover::after,
#custom-html-29 #lasagne-bolognese-item:hover::after,
#custom-html-29 #gnocchi-quattro-item:hover::after,
#custom-html-29 #gnocchi-pollo-item:hover::after,
#custom-html-29 #enduja-item:hover::after,
#custom-html-29 #gamberi-item:hover::after,
#custom-html-29 #carbonara-item:hover::after,
#custom-html-29 #pappa-item:hover::after,
#custom-html-29 #minestrone-item:hover::after,
#custom-html-29 #parmigiana-item:hover::after,
#custom-html-29 #carnivora-item:hover::after,
#custom-html-29 #ortolana-item:hover::after,
#custom-html-29 #pizza-carbonara-item:hover::after,
#custom-html-29 #fileja-item:hover::after,
#custom-html-29 #risotto-item:hover::after,
#custom-html-29 #tiramisu-item:hover::after,
#custom-html-29 #cannolo-item:hover::after,
#custom-html-29 #gratin-item:hover::after,
#custom-html-29 #tortino-item:hover::after,
#custom-html-29 #baba-item:hover::after,
#custom-html-29 #cacciatora-item:hover::after,
#custom-html-29 #cipolle-item:hover::after,
#custom-html-29 #salmone-gril-item:hover::after,
#custom-html-29 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-29 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-29 .modal.active {
  display: flex;
}
#custom-html-29 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-29 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-29 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-29 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-29 .modal-close:hover {
  background: #173552;
}
#custom-html-29 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-29 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-29 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-29 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-29 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-29 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-29 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-29 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-29 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-29 .item {
    padding: 1rem;
  }
  #custom-html-29 .item-header h3,
  #custom-html-29 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-29 .modal-content {
    padding: 1rem;
  }
  #custom-html-29 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-29 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-29 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-29 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-29 .item-header h3,
  #custom-html-29 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-29 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-29 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-29 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-29 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-29 .mobile-info-box {
  display: none;
}
#custom-html-29 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-29 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-29 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-29 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-29 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-5u {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-5u * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-5u body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-5u .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-5u .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-5u .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-5u .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-5u .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-5u .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-5u .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-5u .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-5u .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-5u .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-5u .content {
  padding: 0;
}
#custom-html-5u .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-5u .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-5u .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-5u .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-5u .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-5u .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-5u .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-5u .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-5u .item:hover::before {
  transform: scaleX(1);
}
#custom-html-5u .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-5u .item.vegetarian h3,
#custom-html-5u .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-5u .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-5u .item-header h3,
#custom-html-5u .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-5u .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-5u .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-5u #bruschetta-item::after,
#custom-html-5u #tagliere-item::after,
#custom-html-5u #tartare-item::after,
#custom-html-5u #carpaccio-item::after,
#custom-html-5u #vitello-tonnato-item::after,
#custom-html-5u #caprese-item::after,
#custom-html-5u #mista-item::after,
#custom-html-5u #cesare-item::after,
#custom-html-5u #marinara-item::after,
#custom-html-5u #margherita-item::after,
#custom-html-5u #alcotto-item::after,
#custom-html-5u #capricciosa-item::after,
#custom-html-5u #diavola-item::after,
#custom-html-5u #burrata-item::after,
#custom-html-5u #bufala-item::after,
#custom-html-5u #verduretta-item::after,
#custom-html-5u #mediterrenea-item::after,
#custom-html-5u #gamberi-item::after,
#custom-html-5u #calzone-item::after,
#custom-html-5u #crudo-item::after,
#custom-html-5u #tonno-item::after,
#custom-html-5u #mortazza-item::after,
#custom-html-5u #guanciale-item::after,
#custom-html-5u #quattro-item::after,
#custom-html-5u #tartufo-item::after,
#custom-html-5u #spaghetti-napoletana-item::after,
#custom-html-5u #spaghetti-cacio-item::after,
#custom-html-5u #linguine-pesto-item::after,
#custom-html-5u #pomodorini-gamberi-item::after,
#custom-html-5u #rigatoni-bolognese-item::after,
#custom-html-5u #rigatoni-salmone-item::after,
#custom-html-5u #lasagne-bolognese-item::after,
#custom-html-5u #gnocchi-quattro-item::after,
#custom-html-5u #enduja-quattro-item::after,
#custom-html-5u #gnocchi-pollo-item::after,
#custom-html-5u #gamberi-item::after,
#custom-html-5u #carbonara-item::after,
#custom-html-5u #pappa-item::after,
#custom-html-5u #minestrone-item::after,
#custom-html-5u #carnivora-item::after,
#custom-html-5u #ortolana-item::after,
#custom-html-5u #parmigiana-item::after,
#custom-html-5u #fileja-item::after,
#custom-html-5u #aglio-olio-item::after,
#custom-html-5u #pizza-carbonara-item::after,
#custom-html-5u #risotto-item::after,
#custom-html-5u #tiramisu-item::after,
#custom-html-5u #cannolo-item::after,
#custom-html-5u #gratin-item::after,
#custom-html-5u #tortino-item::after,
#custom-html-5u #baba-item::after,
#custom-html-5u #cipolle-item::after,
#custom-html-5u #cacciatora-item::after,
#custom-html-5u #salmone-gril-item::after,
#custom-html-5u #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-5u #bruschetta-item:hover::after,
#custom-html-5u #tagliere-item:hover::after,
#custom-html-5u #tartare-item:hover::after,
#custom-html-5u #carpaccio-item:hover::after,
#custom-html-5u #vitello-tonnato-item:hover::after,
#custom-html-5u #caprese-item:hover::after,
#custom-html-5u #mista-item:hover::after,
#custom-html-5u #cesare-item:hover::after,
#custom-html-5u #marinara-item:hover::after,
#custom-html-5u #margherita-item:hover::after,
#custom-html-5u #alcotto-item:hover::after,
#custom-html-5u #capricciosa-item:hover::after,
#custom-html-5u #diavola-item:hover::after,
#custom-html-5u #burrata-item:hover::after,
#custom-html-5u #bufala-item:hover::after,
#custom-html-5u #verduretta-item:hover::after,
#custom-html-5u #mediterrenea-item:hover::after,
#custom-html-5u #gamberi-item:hover::after,
#custom-html-5u #calzone-item:hover::after,
#custom-html-5u #crudo-item:hover::after,
#custom-html-5u #tonno-item:hover::after,
#custom-html-5u #mortazza-item:hover::after,
#custom-html-5u #guanciale-item:hover::after,
#custom-html-5u #quattro-item:hover::after,
#custom-html-5u #tartufo-item:hover::after,
#custom-html-5u #spaghetti-napoletana-item:hover::after,
#custom-html-5u #spaghetti-cacio-item:hover::after,
#custom-html-5u #linguine-pesto-item:hover::after,
#custom-html-5u #pomodorini-gamberi-item:hover::after,
#custom-html-5u #rigatoni-bolognese-item:hover::after,
#custom-html-5u #rigatoni-salmone-item:hover::after,
#custom-html-5u #lasagne-bolognese-item:hover::after,
#custom-html-5u #gnocchi-quattro-item:hover::after,
#custom-html-5u #gnocchi-pollo-item:hover::after,
#custom-html-5u #enduja-item:hover::after,
#custom-html-5u #gamberi-item:hover::after,
#custom-html-5u #carbonara-item:hover::after,
#custom-html-5u #pappa-item:hover::after,
#custom-html-5u #minestrone-item:hover::after,
#custom-html-5u #parmigiana-item:hover::after,
#custom-html-5u #carnivora-item:hover::after,
#custom-html-5u #ortolana-item:hover::after,
#custom-html-5u #pizza-carbonara-item:hover::after,
#custom-html-5u #fileja-item:hover::after,
#custom-html-5u #risotto-item:hover::after,
#custom-html-5u #tiramisu-item:hover::after,
#custom-html-5u #cannolo-item:hover::after,
#custom-html-5u #gratin-item:hover::after,
#custom-html-5u #tortino-item:hover::after,
#custom-html-5u #baba-item:hover::after,
#custom-html-5u #cacciatora-item:hover::after,
#custom-html-5u #cipolle-item:hover::after,
#custom-html-5u #salmone-gril-item:hover::after,
#custom-html-5u #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-5u .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-5u .modal.active {
  display: flex;
}
#custom-html-5u .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-5u .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-5u .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-5u .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-5u .modal-close:hover {
  background: #173552;
}
#custom-html-5u .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-5u .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-5u .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-5u .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-5u .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-5u .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-5u .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-5u .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-5u .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-5u .item {
    padding: 1rem;
  }
  #custom-html-5u .item-header h3,
  #custom-html-5u .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-5u .modal-content {
    padding: 1rem;
  }
  #custom-html-5u .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-5u .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-5u .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-5u .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-5u .item-header h3,
  #custom-html-5u .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-5u .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-5u .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-5u .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-5u .allergens-legend {
  font-size: 0.8em;
}
#custom-html-5u .mobile-info-box {
  display: none;
}
#custom-html-5u #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-5u #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-5u #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-5u #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-5u .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-5w {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-5w * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-5w body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-5w .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-5w .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-5w .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-5w .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-5w .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-5w .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-5w .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-5w .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-5w .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-5w .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-5w .content {
  padding: 0;
}
#custom-html-5w .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-5w .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-5w .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-5w .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-5w .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-5w .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-5w .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-5w .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-5w .item:hover::before {
  transform: scaleX(1);
}
#custom-html-5w .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-5w .item.vegetarian h3,
#custom-html-5w .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-5w .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-5w .item-header h3,
#custom-html-5w .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-5w .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-5w .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-5w #bruschetta-item::after,
#custom-html-5w #tagliere-item::after,
#custom-html-5w #tartare-item::after,
#custom-html-5w #carpaccio-item::after,
#custom-html-5w #vitello-tonnato-item::after,
#custom-html-5w #caprese-item::after,
#custom-html-5w #mista-item::after,
#custom-html-5w #cesare-item::after,
#custom-html-5w #marinara-item::after,
#custom-html-5w #margherita-item::after,
#custom-html-5w #alcotto-item::after,
#custom-html-5w #capricciosa-item::after,
#custom-html-5w #diavola-item::after,
#custom-html-5w #burrata-item::after,
#custom-html-5w #bufala-item::after,
#custom-html-5w #verduretta-item::after,
#custom-html-5w #mediterrenea-item::after,
#custom-html-5w #gamberi-item::after,
#custom-html-5w #calzone-item::after,
#custom-html-5w #crudo-item::after,
#custom-html-5w #tonno-item::after,
#custom-html-5w #mortazza-item::after,
#custom-html-5w #guanciale-item::after,
#custom-html-5w #quattro-item::after,
#custom-html-5w #tartufo-item::after,
#custom-html-5w #spaghetti-napoletana-item::after,
#custom-html-5w #spaghetti-cacio-item::after,
#custom-html-5w #linguine-pesto-item::after,
#custom-html-5w #pomodorini-gamberi-item::after,
#custom-html-5w #rigatoni-bolognese-item::after,
#custom-html-5w #rigatoni-salmone-item::after,
#custom-html-5w #lasagne-bolognese-item::after,
#custom-html-5w #gnocchi-quattro-item::after,
#custom-html-5w #enduja-quattro-item::after,
#custom-html-5w #gnocchi-pollo-item::after,
#custom-html-5w #gamberi-item::after,
#custom-html-5w #carbonara-item::after,
#custom-html-5w #pappa-item::after,
#custom-html-5w #minestrone-item::after,
#custom-html-5w #carnivora-item::after,
#custom-html-5w #ortolana-item::after,
#custom-html-5w #parmigiana-item::after,
#custom-html-5w #fileja-item::after,
#custom-html-5w #aglio-olio-item::after,
#custom-html-5w #pizza-carbonara-item::after,
#custom-html-5w #risotto-item::after,
#custom-html-5w #tiramisu-item::after,
#custom-html-5w #cannolo-item::after,
#custom-html-5w #gratin-item::after,
#custom-html-5w #tortino-item::after,
#custom-html-5w #baba-item::after,
#custom-html-5w #cipolle-item::after,
#custom-html-5w #cacciatora-item::after,
#custom-html-5w #salmone-gril-item::after,
#custom-html-5w #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-5w #bruschetta-item:hover::after,
#custom-html-5w #tagliere-item:hover::after,
#custom-html-5w #tartare-item:hover::after,
#custom-html-5w #carpaccio-item:hover::after,
#custom-html-5w #vitello-tonnato-item:hover::after,
#custom-html-5w #caprese-item:hover::after,
#custom-html-5w #mista-item:hover::after,
#custom-html-5w #cesare-item:hover::after,
#custom-html-5w #marinara-item:hover::after,
#custom-html-5w #margherita-item:hover::after,
#custom-html-5w #alcotto-item:hover::after,
#custom-html-5w #capricciosa-item:hover::after,
#custom-html-5w #diavola-item:hover::after,
#custom-html-5w #burrata-item:hover::after,
#custom-html-5w #bufala-item:hover::after,
#custom-html-5w #verduretta-item:hover::after,
#custom-html-5w #mediterrenea-item:hover::after,
#custom-html-5w #gamberi-item:hover::after,
#custom-html-5w #calzone-item:hover::after,
#custom-html-5w #crudo-item:hover::after,
#custom-html-5w #tonno-item:hover::after,
#custom-html-5w #mortazza-item:hover::after,
#custom-html-5w #guanciale-item:hover::after,
#custom-html-5w #quattro-item:hover::after,
#custom-html-5w #tartufo-item:hover::after,
#custom-html-5w #spaghetti-napoletana-item:hover::after,
#custom-html-5w #spaghetti-cacio-item:hover::after,
#custom-html-5w #linguine-pesto-item:hover::after,
#custom-html-5w #pomodorini-gamberi-item:hover::after,
#custom-html-5w #rigatoni-bolognese-item:hover::after,
#custom-html-5w #rigatoni-salmone-item:hover::after,
#custom-html-5w #lasagne-bolognese-item:hover::after,
#custom-html-5w #gnocchi-quattro-item:hover::after,
#custom-html-5w #gnocchi-pollo-item:hover::after,
#custom-html-5w #enduja-item:hover::after,
#custom-html-5w #gamberi-item:hover::after,
#custom-html-5w #carbonara-item:hover::after,
#custom-html-5w #pappa-item:hover::after,
#custom-html-5w #minestrone-item:hover::after,
#custom-html-5w #parmigiana-item:hover::after,
#custom-html-5w #carnivora-item:hover::after,
#custom-html-5w #ortolana-item:hover::after,
#custom-html-5w #pizza-carbonara-item:hover::after,
#custom-html-5w #fileja-item:hover::after,
#custom-html-5w #risotto-item:hover::after,
#custom-html-5w #tiramisu-item:hover::after,
#custom-html-5w #cannolo-item:hover::after,
#custom-html-5w #gratin-item:hover::after,
#custom-html-5w #tortino-item:hover::after,
#custom-html-5w #baba-item:hover::after,
#custom-html-5w #cacciatora-item:hover::after,
#custom-html-5w #cipolle-item:hover::after,
#custom-html-5w #salmone-gril-item:hover::after,
#custom-html-5w #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-5w .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-5w .modal.active {
  display: flex;
}
#custom-html-5w .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-5w .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-5w .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-5w .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-5w .modal-close:hover {
  background: #173552;
}
#custom-html-5w .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-5w .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-5w .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-5w .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-5w .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-5w .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-5w .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-5w .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-5w .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-5w .item {
    padding: 1rem;
  }
  #custom-html-5w .item-header h3,
  #custom-html-5w .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-5w .modal-content {
    padding: 1rem;
  }
  #custom-html-5w .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-5w .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-5w .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-5w .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-5w .item-header h3,
  #custom-html-5w .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-5w .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-5w .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-5w .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-5w .allergens-legend {
  font-size: 0.8em;
}
#custom-html-5w .mobile-info-box {
  display: none;
}
#custom-html-5w #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-5w #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-5w #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-5w #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-5w .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-5y {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-5y * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-5y body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-5y .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-5y .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-5y .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-5y .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-5y .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-5y .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-5y .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-5y .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-5y .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-5y .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-5y .content {
  padding: 0;
}
#custom-html-5y .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-5y .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-5y .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-5y .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-5y .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-5y .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-5y .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-5y .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-5y .item:hover::before {
  transform: scaleX(1);
}
#custom-html-5y .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-5y .item.vegetarian h3 {
  color: #2ecc71;
}
#custom-html-5y .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-5y .item-header h3,
#custom-html-5y .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-5y .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-5y .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-5y #bruschetta-item::after,
#custom-html-5y #tagliere-item::after,
#custom-html-5y #tartare-item::after,
#custom-html-5y #carpaccio-item::after,
#custom-html-5y #vitello-tonnato-item::after,
#custom-html-5y #caprese-item::after,
#custom-html-5y #mista-item::after,
#custom-html-5y #cesare-item::after,
#custom-html-5y #marinara-item::after,
#custom-html-5y #margherita-item::after,
#custom-html-5y #alcotto-item::after,
#custom-html-5y #capricciosa-item::after,
#custom-html-5y #diavola-item::after,
#custom-html-5y #burrata-item::after,
#custom-html-5y #bufala-item::after,
#custom-html-5y #verduretta-item::after,
#custom-html-5y #mediterrenea-item::after,
#custom-html-5y #gamberi-item::after,
#custom-html-5y #calzone-item::after,
#custom-html-5y #crudo-item::after,
#custom-html-5y #tonno-item::after,
#custom-html-5y #mortazza-item::after,
#custom-html-5y #guanciale-item::after,
#custom-html-5y #quattro-item::after,
#custom-html-5y #tartufo-item::after,
#custom-html-5y #spaghetti-napoletana-item::after,
#custom-html-5y #spaghetti-cacio-item::after,
#custom-html-5y #linguine-pesto-item::after,
#custom-html-5y #pomodorini-gamberi-item::after,
#custom-html-5y #rigatoni-bolognese-item::after,
#custom-html-5y #rigatoni-salmone-item::after,
#custom-html-5y #lasagne-bolognese-item::after,
#custom-html-5y #gnocchi-quattro-item::after,
#custom-html-5y #enduja-quattro-item::after,
#custom-html-5y #gnocchi-pollo-item::after,
#custom-html-5y #gamberi-item::after,
#custom-html-5y #carbonara-item::after,
#custom-html-5y #pappa-item::after,
#custom-html-5y #minestrone-item::after,
#custom-html-5y #carnivora-item::after,
#custom-html-5y #ortolana-item::after,
#custom-html-5y #parmigiana-item::after,
#custom-html-5y #fileja-item::after,
#custom-html-5y #aglio-olio-item::after,
#custom-html-5y #pizza-carbonara-item::after,
#custom-html-5y #risotto-item::after,
#custom-html-5y #tiramisu-item::after,
#custom-html-5y #cannolo-item::after,
#custom-html-5y #gratin-item::after,
#custom-html-5y #tortino-item::after,
#custom-html-5y #baba-item::after,
#custom-html-5y #cipolle-item::after,
#custom-html-5y #cacciatora-item::after,
#custom-html-5y #salmone-gril-item::after,
#custom-html-5y #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  left: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-5y #bruschetta-item:hover::after,
#custom-html-5y #tagliere-item:hover::after,
#custom-html-5y #tartare-item:hover::after,
#custom-html-5y #carpaccio-item:hover::after,
#custom-html-5y #vitello-tonnato-item:hover::after,
#custom-html-5y #caprese-item:hover::after,
#custom-html-5y #mista-item:hover::after,
#custom-html-5y #cesare-item:hover::after,
#custom-html-5y #marinara-item:hover::after,
#custom-html-5y #margherita-item:hover::after,
#custom-html-5y #alcotto-item:hover::after,
#custom-html-5y #capricciosa-item:hover::after,
#custom-html-5y #diavola-item:hover::after,
#custom-html-5y #burrata-item:hover::after,
#custom-html-5y #bufala-item:hover::after,
#custom-html-5y #verduretta-item:hover::after,
#custom-html-5y #mediterrenea-item:hover::after,
#custom-html-5y #gamberi-item:hover::after,
#custom-html-5y #calzone-item:hover::after,
#custom-html-5y #crudo-item:hover::after,
#custom-html-5y #tonno-item:hover::after,
#custom-html-5y #mortazza-item:hover::after,
#custom-html-5y #guanciale-item:hover::after,
#custom-html-5y #quattro-item:hover::after,
#custom-html-5y #tartufo-item:hover::after,
#custom-html-5y #spaghetti-napoletana-item:hover::after,
#custom-html-5y #spaghetti-cacio-item:hover::after,
#custom-html-5y #linguine-pesto-item:hover::after,
#custom-html-5y #pomodorini-gamberi-item:hover::after,
#custom-html-5y #rigatoni-bolognese-item:hover::after,
#custom-html-5y #rigatoni-salmone-item:hover::after,
#custom-html-5y #lasagne-bolognese-item:hover::after,
#custom-html-5y #gnocchi-quattro-item:hover::after,
#custom-html-5y #gnocchi-pollo-item:hover::after,
#custom-html-5y #enduja-item:hover::after,
#custom-html-5y #gamberi-item:hover::after,
#custom-html-5y #carbonara-item:hover::after,
#custom-html-5y #pappa-item:hover::after,
#custom-html-5y #minestrone-item:hover::after,
#custom-html-5y #parmigiana-item:hover::after,
#custom-html-5y #carnivora-item:hover::after,
#custom-html-5y #ortolana-item:hover::after,
#custom-html-5y #pizza-carbonara-item:hover::after,
#custom-html-5y #fileja-item:hover::after,
#custom-html-5y #aglio-olio-item:hover::after,
#custom-html-5y #risotto-item:hover::after,
#custom-html-5y #tiramisu-item:hover::after,
#custom-html-5y #cannolo-item:hover::after,
#custom-html-5y #gratin-item:hover::after,
#custom-html-5y #tortino-item:hover::after,
#custom-html-5y #baba-item:hover::after,
#custom-html-5y #cacciatora-item:hover::after,
#custom-html-5y #cipolle-item:hover::after,
#custom-html-5y #salmone-gril-item:hover::after,
#custom-html-5y #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-5y .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-5y .modal.active {
  display: flex;
}
#custom-html-5y .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-5y .modal-content {
  position: relative;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(33, 82, 124, 0.3);
  padding: 2rem;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-5y .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-5y .modal-close {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-5y .modal-close:hover {
  background: #173552;
}
#custom-html-5y .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-5y .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-5y .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-5y .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-5y .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-5y .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-5y .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-5y .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-5y .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-5y .item {
    padding: 1rem;
  }
  #custom-html-5y .item-header h3 {
    font-size: 1.1rem;
  }
  #custom-html-5y .modal-content {
    padding: 1rem;
  }
  #custom-html-5y .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-5y .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-5y .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-5y .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-5y .item-header h3 {
    font-size: 1rem;
  }
  #custom-html-5y .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-5y .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-5y .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-63 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-63 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-63 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-63 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-63 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-63 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-63 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-63 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-63 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-63 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-63 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-63 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-63 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-63 .content {
  padding: 0;
}
#custom-html-63 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-63 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-63 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-63 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-63 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-63 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-63 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-63 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-63 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-63 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-63 .item.vegetarian h3,
#custom-html-63 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-63 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-63 .item-header h3,
#custom-html-63 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-63 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-63 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-63 #bruschetta-item::after,
#custom-html-63 #tagliere-item::after,
#custom-html-63 #tartare-item::after,
#custom-html-63 #carpaccio-item::after,
#custom-html-63 #vitello-tonnato-item::after,
#custom-html-63 #caprese-item::after,
#custom-html-63 #mista-item::after,
#custom-html-63 #cesare-item::after,
#custom-html-63 #marinara-item::after,
#custom-html-63 #margherita-item::after,
#custom-html-63 #alcotto-item::after,
#custom-html-63 #capricciosa-item::after,
#custom-html-63 #diavola-item::after,
#custom-html-63 #burrata-item::after,
#custom-html-63 #bufala-item::after,
#custom-html-63 #verduretta-item::after,
#custom-html-63 #mediterrenea-item::after,
#custom-html-63 #gamberi-item::after,
#custom-html-63 #calzone-item::after,
#custom-html-63 #crudo-item::after,
#custom-html-63 #tonno-item::after,
#custom-html-63 #mortazza-item::after,
#custom-html-63 #guanciale-item::after,
#custom-html-63 #quattro-item::after,
#custom-html-63 #tartufo-item::after,
#custom-html-63 #spaghetti-napoletana-item::after,
#custom-html-63 #spaghetti-cacio-item::after,
#custom-html-63 #linguine-pesto-item::after,
#custom-html-63 #pomodorini-gamberi-item::after,
#custom-html-63 #rigatoni-bolognese-item::after,
#custom-html-63 #rigatoni-salmone-item::after,
#custom-html-63 #lasagne-bolognese-item::after,
#custom-html-63 #gnocchi-quattro-item::after,
#custom-html-63 #enduja-quattro-item::after,
#custom-html-63 #gnocchi-pollo-item::after,
#custom-html-63 #gamberi-item::after,
#custom-html-63 #carbonara-item::after,
#custom-html-63 #pappa-item::after,
#custom-html-63 #minestrone-item::after,
#custom-html-63 #carnivora-item::after,
#custom-html-63 #ortolana-item::after,
#custom-html-63 #parmigiana-item::after,
#custom-html-63 #fileja-item::after,
#custom-html-63 #aglio-olio-item::after,
#custom-html-63 #pizza-carbonara-item::after,
#custom-html-63 #risotto-item::after,
#custom-html-63 #tiramisu-item::after,
#custom-html-63 #cannolo-item::after,
#custom-html-63 #gratin-item::after,
#custom-html-63 #tortino-item::after,
#custom-html-63 #baba-item::after,
#custom-html-63 #cipolle-item::after,
#custom-html-63 #cacciatora-item::after,
#custom-html-63 #salmone-gril-item::after,
#custom-html-63 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-63 #bruschetta-item:hover::after,
#custom-html-63 #tagliere-item:hover::after,
#custom-html-63 #tartare-item:hover::after,
#custom-html-63 #carpaccio-item:hover::after,
#custom-html-63 #vitello-tonnato-item:hover::after,
#custom-html-63 #caprese-item:hover::after,
#custom-html-63 #mista-item:hover::after,
#custom-html-63 #cesare-item:hover::after,
#custom-html-63 #marinara-item:hover::after,
#custom-html-63 #margherita-item:hover::after,
#custom-html-63 #alcotto-item:hover::after,
#custom-html-63 #capricciosa-item:hover::after,
#custom-html-63 #diavola-item:hover::after,
#custom-html-63 #burrata-item:hover::after,
#custom-html-63 #bufala-item:hover::after,
#custom-html-63 #verduretta-item:hover::after,
#custom-html-63 #mediterrenea-item:hover::after,
#custom-html-63 #gamberi-item:hover::after,
#custom-html-63 #calzone-item:hover::after,
#custom-html-63 #crudo-item:hover::after,
#custom-html-63 #tonno-item:hover::after,
#custom-html-63 #mortazza-item:hover::after,
#custom-html-63 #guanciale-item:hover::after,
#custom-html-63 #quattro-item:hover::after,
#custom-html-63 #tartufo-item:hover::after,
#custom-html-63 #spaghetti-napoletana-item:hover::after,
#custom-html-63 #spaghetti-cacio-item:hover::after,
#custom-html-63 #linguine-pesto-item:hover::after,
#custom-html-63 #pomodorini-gamberi-item:hover::after,
#custom-html-63 #rigatoni-bolognese-item:hover::after,
#custom-html-63 #rigatoni-salmone-item:hover::after,
#custom-html-63 #lasagne-bolognese-item:hover::after,
#custom-html-63 #gnocchi-quattro-item:hover::after,
#custom-html-63 #gnocchi-pollo-item:hover::after,
#custom-html-63 #enduja-item:hover::after,
#custom-html-63 #gamberi-item:hover::after,
#custom-html-63 #carbonara-item:hover::after,
#custom-html-63 #pappa-item:hover::after,
#custom-html-63 #minestrone-item:hover::after,
#custom-html-63 #parmigiana-item:hover::after,
#custom-html-63 #carnivora-item:hover::after,
#custom-html-63 #ortolana-item:hover::after,
#custom-html-63 #pizza-carbonara-item:hover::after,
#custom-html-63 #fileja-item:hover::after,
#custom-html-63 #risotto-item:hover::after,
#custom-html-63 #tiramisu-item:hover::after,
#custom-html-63 #cannolo-item:hover::after,
#custom-html-63 #gratin-item:hover::after,
#custom-html-63 #tortino-item:hover::after,
#custom-html-63 #baba-item:hover::after,
#custom-html-63 #cacciatora-item:hover::after,
#custom-html-63 #cipolle-item:hover::after,
#custom-html-63 #salmone-gril-item:hover::after,
#custom-html-63 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-63 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-63 .modal.active {
  display: flex;
}
#custom-html-63 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-63 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-63 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-63 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-63 .modal-close:hover {
  background: #173552;
}
#custom-html-63 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-63 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-63 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-63 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-63 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-63 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-63 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-63 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-63 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-63 .item {
    padding: 1rem;
  }
  #custom-html-63 .item-header h3,
  #custom-html-63 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-63 .modal-content {
    padding: 1rem;
  }
  #custom-html-63 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-63 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-63 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-63 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-63 .item-header h3,
  #custom-html-63 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-63 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-63 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-63 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-63 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-63 .mobile-info-box {
  display: none;
}
#custom-html-63 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-63 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-63 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-63 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-63 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}
#custom-html-65 {
  /* Reset and base styles */
  /* Header */
  /* Scrollable menu */
  /* Sections */
  /* Menu items grid */
  /* Individual item card */
  /* Vegetarian title */
  /* Eye icon on items with photos */
  /* Modals */
  /* Inline rating box */
  /* Mobile vegetarian info box */
  /* Animations */
  /* Responsive */
  /* DRINKS SECTION HEADINGS */
}
#custom-html-65 * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#custom-html-65 body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  line-height: 1.6;
  color: #333;
  background-color: #f8f9fa;
}
#custom-html-65 .container {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
  min-height: 100vh;
}
#custom-html-65 .header {
  background: #03366F;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: center;
  align-items: center;
}
#custom-html-65 .header-logo {
  max-width: 300px;
  width: 75%;
  height: auto;
}
#custom-html-65 .scrollmenu {
  position: sticky;
  top: 0;
  z-index: 100;
  display: flex;
  overflow-x: auto;
  background: #03366F;
  padding: 12px 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #21527c;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
#custom-html-65 .scrollmenu::-webkit-scrollbar {
  display: none;
}
#custom-html-65 .menu-item {
  flex: 1 0 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 8px 16px;
  margin: 0 4px;
  min-width: 200px;
  text-decoration: none;
  color: #21527c;
  background: #f5faff;
  border: 2px solid transparent;
  border-radius: 12px;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease;
}
#custom-html-65 .menu-item:hover {
  background: #e3f0fa;
  color: #173552;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(33, 82, 124, 0.2);
  border-color: #21527c;
}
#custom-html-65 .menu-item.active {
  background: #21527c;
  color: #fff;
  border-color: #173552;
  box-shadow: 0 4px 15px rgba(33, 82, 124, 0.3);
  transform: translateY(-1px);
}
#custom-html-65 .menu-item .emoji {
  font-size: 1.5rem;
  margin-bottom: 4px;
}
#custom-html-65 .menu-item .text {
  font-size: 1rem;
  text-align: center;
  white-space: nowrap;
}
#custom-html-65 .content {
  padding: 0;
}
#custom-html-65 .category-section {
  padding: 2rem 1.5rem;
  border-bottom: 1px solid #e9ecef;
}
#custom-html-65 .category-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-65 .drinks-section h2 {
  margin-top: 120px;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-65 .category-section1 h2 {
  margin-top: 15px !important;
}
#custom-html-65 .category-section2 h2 {
  margin-top: 1px !important;
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #21527c;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: 3px solid #21527c;
  display: inline-block;
  width: 100%;
}
#custom-html-65 .menu-items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1.5rem;
  margin-top: 2rem;
}
#custom-html-65 .item {
  position: relative;
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  overflow: hidden;
}
#custom-html-65 .item::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #21527c, #275b8a);
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
#custom-html-65 .item:hover::before {
  transform: scaleX(1);
}
#custom-html-65 .item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(33, 82, 124, 0.2);
}
#custom-html-65 .item.vegetarian h3,
#custom-html-65 .item.vegetarian h4 {
  color: #2ecc71;
}
#custom-html-65 .item-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
#custom-html-65 .item-header h3,
#custom-html-65 .item-header h4 {
  font-size: 1rem;
  color: #21527c;
  font-weight: 600;
  margin: 0;
  flex: 1;
  /* název vyplní zbytek řádku */
}
#custom-html-65 .item-header .volume {
  font-size: 0.9rem;
  color: #21527c;
  white-space: nowrap;
  /* aby se 0,04 l nelámalo */
}
#custom-html-65 .price {
  font-size: 1.1rem;
  font-weight: 600;
  color: #21527c;
  margin-left: 0.5rem;
  white-space: nowrap;
}
#custom-html-65 #bruschetta-item::after,
#custom-html-65 #tagliere-item::after,
#custom-html-65 #tartare-item::after,
#custom-html-65 #carpaccio-item::after,
#custom-html-65 #vitello-tonnato-item::after,
#custom-html-65 #caprese-item::after,
#custom-html-65 #mista-item::after,
#custom-html-65 #cesare-item::after,
#custom-html-65 #marinara-item::after,
#custom-html-65 #margherita-item::after,
#custom-html-65 #alcotto-item::after,
#custom-html-65 #capricciosa-item::after,
#custom-html-65 #diavola-item::after,
#custom-html-65 #burrata-item::after,
#custom-html-65 #bufala-item::after,
#custom-html-65 #verduretta-item::after,
#custom-html-65 #mediterrenea-item::after,
#custom-html-65 #gamberi-item::after,
#custom-html-65 #calzone-item::after,
#custom-html-65 #crudo-item::after,
#custom-html-65 #tonno-item::after,
#custom-html-65 #mortazza-item::after,
#custom-html-65 #guanciale-item::after,
#custom-html-65 #quattro-item::after,
#custom-html-65 #tartufo-item::after,
#custom-html-65 #spaghetti-napoletana-item::after,
#custom-html-65 #spaghetti-cacio-item::after,
#custom-html-65 #linguine-pesto-item::after,
#custom-html-65 #pomodorini-gamberi-item::after,
#custom-html-65 #rigatoni-bolognese-item::after,
#custom-html-65 #rigatoni-salmone-item::after,
#custom-html-65 #lasagne-bolognese-item::after,
#custom-html-65 #gnocchi-quattro-item::after,
#custom-html-65 #enduja-quattro-item::after,
#custom-html-65 #gnocchi-pollo-item::after,
#custom-html-65 #gamberi-item::after,
#custom-html-65 #carbonara-item::after,
#custom-html-65 #pappa-item::after,
#custom-html-65 #minestrone-item::after,
#custom-html-65 #carnivora-item::after,
#custom-html-65 #ortolana-item::after,
#custom-html-65 #parmigiana-item::after,
#custom-html-65 #fileja-item::after,
#custom-html-65 #aglio-olio-item::after,
#custom-html-65 #pizza-carbonara-item::after,
#custom-html-65 #risotto-item::after,
#custom-html-65 #tiramisu-item::after,
#custom-html-65 #cannolo-item::after,
#custom-html-65 #gratin-item::after,
#custom-html-65 #tortino-item::after,
#custom-html-65 #baba-item::after,
#custom-html-65 #cipolle-item::after,
#custom-html-65 #cacciatora-item::after,
#custom-html-65 #salmone-gril-item::after,
#custom-html-65 #milanese-item::after {
  content: '📷';
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1.2rem;
  opacity: 0.7;
  background: rgba(33, 82, 124, 0.1);
  padding: 4px 6px;
  border-radius: 6px;
  transition: all 0.2s ease;
}
#custom-html-65 #bruschetta-item:hover::after,
#custom-html-65 #tagliere-item:hover::after,
#custom-html-65 #tartare-item:hover::after,
#custom-html-65 #carpaccio-item:hover::after,
#custom-html-65 #vitello-tonnato-item:hover::after,
#custom-html-65 #caprese-item:hover::after,
#custom-html-65 #mista-item:hover::after,
#custom-html-65 #cesare-item:hover::after,
#custom-html-65 #marinara-item:hover::after,
#custom-html-65 #margherita-item:hover::after,
#custom-html-65 #alcotto-item:hover::after,
#custom-html-65 #capricciosa-item:hover::after,
#custom-html-65 #diavola-item:hover::after,
#custom-html-65 #burrata-item:hover::after,
#custom-html-65 #bufala-item:hover::after,
#custom-html-65 #verduretta-item:hover::after,
#custom-html-65 #mediterrenea-item:hover::after,
#custom-html-65 #gamberi-item:hover::after,
#custom-html-65 #calzone-item:hover::after,
#custom-html-65 #crudo-item:hover::after,
#custom-html-65 #tonno-item:hover::after,
#custom-html-65 #mortazza-item:hover::after,
#custom-html-65 #guanciale-item:hover::after,
#custom-html-65 #quattro-item:hover::after,
#custom-html-65 #tartufo-item:hover::after,
#custom-html-65 #spaghetti-napoletana-item:hover::after,
#custom-html-65 #spaghetti-cacio-item:hover::after,
#custom-html-65 #linguine-pesto-item:hover::after,
#custom-html-65 #pomodorini-gamberi-item:hover::after,
#custom-html-65 #rigatoni-bolognese-item:hover::after,
#custom-html-65 #rigatoni-salmone-item:hover::after,
#custom-html-65 #lasagne-bolognese-item:hover::after,
#custom-html-65 #gnocchi-quattro-item:hover::after,
#custom-html-65 #gnocchi-pollo-item:hover::after,
#custom-html-65 #enduja-item:hover::after,
#custom-html-65 #gamberi-item:hover::after,
#custom-html-65 #carbonara-item:hover::after,
#custom-html-65 #pappa-item:hover::after,
#custom-html-65 #minestrone-item:hover::after,
#custom-html-65 #parmigiana-item:hover::after,
#custom-html-65 #carnivora-item:hover::after,
#custom-html-65 #ortolana-item:hover::after,
#custom-html-65 #pizza-carbonara-item:hover::after,
#custom-html-65 #fileja-item:hover::after,
#custom-html-65 #risotto-item:hover::after,
#custom-html-65 #tiramisu-item:hover::after,
#custom-html-65 #cannolo-item:hover::after,
#custom-html-65 #gratin-item:hover::after,
#custom-html-65 #tortino-item:hover::after,
#custom-html-65 #baba-item:hover::after,
#custom-html-65 #cacciatora-item:hover::after,
#custom-html-65 #cipolle-item:hover::after,
#custom-html-65 #salmone-gril-item:hover::after,
#custom-html-65 #milanese-item:hover::after {
  opacity: 1;
  background: rgba(33, 82, 124, 0.2);
  transform: scale(1.1);
}
#custom-html-65 .modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
#custom-html-65 .modal.active {
  display: flex;
}
#custom-html-65 .modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(33, 82, 124, 0.8);
}
#custom-html-65 .modal-content {
  position: relative;
  background: transparent;
  border: none;
  max-width: 94vw;
  max-height: 94vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  animation: fadeIn 0.4s ease;
}
#custom-html-65 .modal-content img {
  max-width: 80vw;
  max-height: 70vh;
  border-radius: 8px;
  margin-bottom: 18px;
  box-shadow: 0 2px 12px rgba(23, 53, 82, 0.3);
}
#custom-html-65 .modal-close {
  position: absolute;
  top: 22px;
  right: 12px;
  background: #21527c;
  color: #fff;
  border: none;
  border-radius: 50%;
  width: 38px;
  height: 38px;
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  box-shadow: 0 2px 5px rgba(23, 53, 82, 0.3);
  transition: background 0.2s;
}
#custom-html-65 .modal-close:hover {
  background: #173552;
}
#custom-html-65 .rating-inline-box {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem;
  background: linear-gradient(135deg, #21527c, #4187c4);
  color: #fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
#custom-html-65 .rating-inline-box .rating-emoji {
  font-size: 1.5rem;
}
#custom-html-65 .rating-inline-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
#custom-html-65 .mobile-info-box {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2ecc71;
  color: #fff;
  padding: 10px 16px;
  text-align: center;
  font-size: 0.85rem;
  z-index: 1001;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.2);
  border-top: 2px solid #27ae60;
}
#custom-html-65 .mobile-info-close {
  position: absolute;
  top: 8px;
  right: 12px;
  background: none;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  cursor: pointer;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 768px) {
  #custom-html-65 .menu-item .text {
    font-size: 1.2rem;
  }
  #custom-html-65 .category-section {
    padding: 1.5rem 1rem;
  }
  #custom-html-65 .category-section h2 {
    font-size: 1.6rem;
  }
  #custom-html-65 .menu-items {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  #custom-html-65 .item {
    padding: 1rem;
  }
  #custom-html-65 .item-header h3,
  #custom-html-65 .item-header h4 {
    font-size: 1.1rem;
  }
  #custom-html-65 .modal-content {
    padding: 1rem;
  }
  #custom-html-65 .modal-content img {
    max-width: 90vw;
    max-height: 60vh;
  }
  #custom-html-65 .rating-inline-box {
    width: 90vw;
    font-size: 0.85rem;
  }
}
@media (max-width: 480px) {
  #custom-html-65 .menu-item .text {
    font-size: 1.1rem;
  }
  #custom-html-65 .category-section h2 {
    font-size: 1.3rem;
  }
  #custom-html-65 .item-header h3,
  #custom-html-65 .item-header h4 {
    font-size: 1rem;
  }
  #custom-html-65 .rating-inline-box {
    font-size: 0.8rem;
    padding: 10px;
  }
}
#custom-html-65 .menu-icon {
  display: block;
  width: 45px;
  height: 45px;
  object-fit: contain;
  margin: 0 auto 4px auto;
}
#custom-html-65 .allergens {
  font-size: 0.66em;
  color: #777777;
  margin-top: 6px;
}
#custom-html-65 .allergens-legend {
  font-size: 0.8em;
}
#custom-html-65 .mobile-info-box {
  display: none;
}
#custom-html-65 #alergeny-info {
  padding: 1.5rem 1rem 2rem;
}
#custom-html-65 #alergeny-info .allergen-box {
  max-width: 800px;
  margin: 0 auto;
  background: #f9fafc;
  /* jemně odlišné pozadí než jídla */
  border-radius: 14px;
  padding: 1.6rem 1.8rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#custom-html-65 #alergeny-info .allergen-title {
  margin: 0 0 0.9rem;
  font-size: 1.1rem;
  /* menší než ostatní H2 */
  font-weight: 600;
  border-bottom: 2px solid rgba(0, 0, 0, 0.12);
  /* oddělovací čára */
  padding-bottom: 0.4rem;
}
#custom-html-65 #alergeny-info .allergens-legend {
  margin: 0 0 0.3rem;
  line-height: 1.35;
  font-size: 0.85rem;
  /* menší font pro alergeny */
  color: #444;
}
#custom-html-65 .drinks-section h3.drinks-group {
  text-align: center;
  margin: 3rem 0 0.75rem;
  color: #21527c;
  font-size: 1.2rem;
}
.cid-vltQAkjt8A.popup-builder {
  background-color: #ffffff;
}
.cid-vltQAkjt8A.popup-builder .modal {
  position: relative;
  display: block;
  z-index: 1;
}
.cid-vltQAkjt8A.popup-builder .modal-dialog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.cid-vltQAkjt8A .modal-content,
.cid-vltQAkjt8A .modal-dialog {
  height: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn {
  margin-right: auto;
  margin-left: auto;
}
.cid-vltQAkjt8A .form-wrapper .input-group-btn .btn {
  margin: 0 !important;
}
@media (min-width: 769px) {
  .cid-vltQAkjt8A .form-wrapper .mbr-form .form-group,
  .cid-vltQAkjt8A .form-wrapper .mbr-form .input-group-btn {
    padding: 0 .5rem;
  }
}
.cid-vltQAkjt8A .card-img {
  width: 100%;
  margin: auto;
  border-radius: 0;
}
.cid-vltQAkjt8A .mbr-figure img {
  display: block;
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  -webkit-align-self: center;
  align-self: center;
}
.cid-vltQAkjt8A .mbr-text {
  text-align: center;
}
.cid-vltQAkjt8A .pt-0 {
  padding-top: 0 !important;
}
.cid-vltQAkjt8A .pb-0 {
  padding-bottom: 0 !important;
}
.cid-vltQAkjt8A .form-content {
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.cid-vltQAkjt8A .mbr-overlay {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal-open {
  overflow: hidden;
}
.cid-vltQAkjt8A .modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.cid-vltQAkjt8A .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}
.cid-vltQAkjt8A .modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
}
.cid-vltQAkjt8A .modal.fade .modal-dialog {
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}
.cid-vltQAkjt8A .modal.show .modal-dialog {
  -webkit-transform: none;
  transform: none;
}
.cid-vltQAkjt8A .modal-dialog-centered {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (.5rem * 2));
}
.cid-vltQAkjt8A .modal-dialog-centered::before {
  display: block;
  height: calc(100vh - (.5rem * 2));
  content: "";
}
.cid-vltQAkjt8A .modal-content {
  background: #04366f;
  position: relative;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: none;
  outline: 0;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2);
}
.cid-vltQAkjt8A .margin-center-pos {
  margin-top: auto;
  margin-bottom: auto;
}
.cid-vltQAkjt8A .modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.cid-vltQAkjt8A .modal-backdrop.fade {
  opacity: 0;
}
.cid-vltQAkjt8A .modal-backdrop.show {
  opacity: .5;
}
.cid-vltQAkjt8A .modal-header {
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: none;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 2rem 2rem 1rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-header {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-header .close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  margin: -1rem -1rem -1rem auto;
  padding: 1rem;
  opacity: .75;
}
.cid-vltQAkjt8A .modal-header .close svg {
  fill: #353535;
}
.cid-vltQAkjt8A .modal-header .close:hover {
  opacity: 1;
}
.cid-vltQAkjt8A .modal-header .close:focus {
  outline: none;
}
.cid-vltQAkjt8A .modal-title {
  line-height: 1.5;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #f7f7f7;
}
.cid-vltQAkjt8A .modal-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-body {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-footer {
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: none;
  text-align: center;
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 0rem 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .cid-vltQAkjt8A .modal-footer {
    padding: 1rem;
  }
}
.cid-vltQAkjt8A .modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 576px) {
  .cid-vltQAkjt8A .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .cid-vltQAkjt8A .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-dialog-centered::before {
    height: calc(100vh - (1.75rem * 2));
  }
  .cid-vltQAkjt8A .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .cid-vltQAkjt8A .modal-lg,
  .cid-vltQAkjt8A .modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .cid-vltQAkjt8A .modal-xl {
    max-width: 1140px;
  }
}
.cid-vltQAkjt8A .row {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
.cid-vltQAkjt8A .col-md-4 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.cid-vltQAkjt8A .form-group {
  margin-bottom: 1rem;
}
.cid-vltQAkjt8A .form-control {
  display: block;
  width: 100%;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
.cid-vltQAkjt8A .col {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.cid-vltQAkjt8A .col-md-auto {
  position: relative;
  padding-right: 15px;
  padding-left: 15px;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}
.cid-vltQAkjt8A .mbr-section-btn {
  margin: 0;
}
.cid-vltQAkjt8A .mbr-section-btn .btn {
  margin: 0;
}