.item-buy-now-icon {
    background-image: url(/ui/system/icons/white/cart.svg);
}
.enhancement-header {
	background-image: url("/user-data/factories/113/imgs/enhancement_bg.jpg");
}
.multiapp-icon {
    background-image: url("/user-data/factories/113/imgs/multiapp_pointer.png");
	background-size: contain;
}
.select-address {
	display: inline-block;
}
.sticker-yellow {
	background-color: rgba(255,255,255,0.80);
}

/*TEMPLATE_PHOENIX-KIOSK*/

@font-face {
  font-family: Primary;
  src: url(/ui/system/font/Poppins-Regular.ttf);
}

@font-face {
  font-family: Primary;
  font-weight: 500;
  src: url(/user-data/factories/284/Impact-400.ttf); /* propojení­ na umí­stění­ souboru */
}

.items .items-title h2,
.items .daily-menu-day {
  text-transform: uppercase !important;
}

.contact-form-container {
  display: none !important;
}

.top-bottom-panel {
  position: relative !important;
}

.ingredient-type-foodtype-hidden {
  display: none !important;
}

/*TEMPLATE_PHOENIX*/

@keyframes cart-scale-kiosk {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes cart-pulse-border {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }

  70% {
    transform: scale(1.6);
    opacity: 0.3;
  }

  100% {
    transform: scale(20);
    opacity: 0;
  }
}

@media (min-width: 640px) {
  .kiosk-css {
    user-select: none;
  }
  .kiosk-css select {
    height: 3.5rem;
  }
  .kiosk-css .slide,
  .kiosk-css #home {
    padding-top: 0;
    padding-bottom: 0;
  }
  .kiosk-css .notification-box,
  .kiosk-css .toppanel.mini-menu ~ .notification-box {
    top: 0;
    position: fixed;
  }
  .kiosk-css .toppanel {
    display: none;
  }
  /* TOPLINE-CART */
  .kiosk-css #cart .cart-sum,
  .kiosk-css #cartOverlay-3 .cart-sum {
    position: fixed !important;
    top: 0;
    width: 100%;
    margin: 0px !important;
    padding: 0px !important;
  }
  .kiosk-css .body-container {
    margin: 120px 0 0 0;
  }
  /* TOP PANEL */
  .kiosk-css .bottom-panel {
    top: 0;
    bottom: 0;
    background-color: #fff;
    left: 0;
    right: 0;
    width: 100%;
    height: 120px;
    box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
    align-items: center;
    display: flex;
    transform: none;
    position: fixed !important;
  }
  .kiosk-css .bottom-panel .bottom-btn {
    display: none;
  }
  /* --- KIOSK: tlacitko kosiku ---
     Puvodne poskladane z absolutne pozicovanych pseudo-elementu s magickymi
     cisly (left: 73%, right: 4rem, margin-bottom: -29px) => ikona pretekala
     ven z tlacitka a prekryvala popisek. Prepsano na flex row: [Kosik] [ikona]. */
  .kiosk-css .bottom-panel .bottom-btn-cart {
    width: auto;
    max-width: none;
    height: 80px;
    max-height: 80px;
    padding: 0 1.25rem;
    gap: 0.75rem;
    background-color: var(--color-primary-500);
    /* zakladni styl ma right: -9rem, musi zustat vynulovane */
    right: 0;
    border-radius: 1rem;
    position: relative;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
    /* bottom-panel je flex a ostatni .bottom-btn jsou skryte, takze
       "right: 0" na relative prvku nic nedela - kosik zustaval vlevo */
    margin-left: auto;
    margin-right: 1rem;
  }
  .kiosk-css .bottom-panel .bottom-btn-cart.animation {
    position: relative;
    animation: cart-scale-kiosk 1s;
  }
  .kiosk-css .bottom-panel .bottom-btn-cart.js-cart-floating.animation::after {
    content: "";
    position: absolute;
    inset: 0;
    border: 3px solid #e7381b;
    border-radius: 12px;
    pointer-events: none;
    animation: cart-pulse-border 0.8s ease-out;
  }
  /* ::before = popisek "Kosik" (drive to resil h4::after s magickym offsetem) */
  .kiosk-css .bottom-panel .bottom-btn-cart::before {
    content: "Košík";
    position: static;
    transform: none;
    width: auto;
    height: auto;
    background: none;
    border-radius: 0;
    color: var(--color-white);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    z-index: 0;
  }
  /* ::after = ikona kosiku, z absolutni pozice do normalniho toku */
  .kiosk-css .bottom-panel .bottom-btn-cart::after {
    position: static;
    transform: none;
    left: auto;
    right: auto;
    bottom: auto;
    flex: 0 0 auto;
    width: 2.5rem;
    height: 2.5rem;
    background-image: var(--icon-cart_empty-white);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
  }
  /* h4 = pocet polozek jako badge v rohu tlacitka */
  .kiosk-css .bottom-panel .bottom-btn-cart > h4 {
    position: absolute;
    top: 0.4rem;
    right: 0.5rem;
    margin: 0;
    width: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    line-height: 1;
    border-radius: 999px;
    background-color: #e7381b;
    background-image: none;
    color: var(--color-white);
    z-index: 2;
  }
  .kiosk-css .bottom-panel .bottom-btn-cart > h4::before,
  .kiosk-css .bottom-panel .bottom-btn-cart > h4::after {
    content: none;
  }
  .kiosk-css .bottom-panel .bottom-btn-cart.empty > h4 {
    display: none !important;
  }
  .kiosk-css #home .app-banner-content {
    grid-area: banners;
  }
  .kiosk-css #home .mini-banners-box {
    grid-area: mini-banners;
  }

  .kiosk-css #home .filter-products-btn {
    display: none;
  }
  .kiosk-css #home .filter-products-content {
    transform: none;
    height: auto;
    opacity: 1;
  }
  .kiosk-css #home .filter-content {
    justify-content: space-between;
  }
  .kiosk-css #home .items {
    grid-area: items;
    align-items: start;
    padding-bottom: 120px;
  }
  .kiosk-css #home .items .item {
    max-width: 13rem;
  }
  .kiosk-css .items .item .item-photo-content-bottom > h4 {
    font-size: 1.25rem;
  }
  .kiosk-css .items .item .item-photo-content-bottom > p {
    font-size: 0.9rem;
  }
  .kiosk-css .items .item .item-info-panel .item-info-btn:nth-child(2) > h4 {
    font-size: 1.25rem;
  }
  .items .item .item-info-panel .item-info-btn:nth-child(1) {
    min-height: 2rem;
  }
  .kiosk-css #home .items .item .item-info-panel .item-info-btn:nth-child(2) {
    height: 2.75rem;
    display: flex;
    align-items: center;
  }
  .kiosk-css #home .items .item .item-buy-now {
    height: 4rem;
  }
  .kiosk-css .overlay-enhancement-content {
    transform: scale(1.25);
  }
  .kiosk-css footer {
    display: none;
  }
  .kiosk-css #item-detail {
    display: flex;
    backdrop-filter: blur(2px);
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 5;
  }
  .kiosk-css #item-detail .item-detail-box {
    display: flex;
    flex-direction: column;
    /* Pevna sirka v px misto 70 % - karta vypada stejne na kazde obrazovce
       a obsah se sklada svisle (fotka nahore, info pod ni). */
    width: 100%;
    max-width: 640px;
    /* scale(1.25) nemeni layout - box vizualne pretekal mimo viewport
       a nesel odscrollovat. Misto nej realne omezeni vysky + scroll. */
    transform: none;
    max-height: 85vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border-radius: 2rem;
    background-color: #fff;
  }
  .kiosk-css .item-detail-box .back-btn {
    position: absolute;
    margin: 0;
    top: 1rem;
    right: 1.75rem;
    left: unset;
    background-image: var(--icon-delete-gray);
    font-size: 0;
    padding: 0;
    width: 2.5rem;
    background-position: center;
  }
  .kiosk-css .product-detail {
    padding: 0 1rem;
    margin: 0;
    /* Bylo min-width: 60vw - na sirsi obrazovce to roztahlo obsah tak, ze si
       fotka sedla vedle textu misto nad nej. 0 = necha kartu skladat svisle. */
    min-width: 0;
  }
  .kiosk-css .add-cart-column .add-to-cart,
  .kiosk-css .add-cart-column .add-to-cart-unavailable {
    height: 4rem;
  }
  .kiosk-css .item-reviews-box {
    display: none;
  }
  .kiosk-css .favorite-food-box {
    display: none;
  }
  .kiosk-css #cart .back-btn {
    display: none;
  }
  .kiosk-css #cart .cart-box {
    margin: 0;
    max-width: unset;
    min-height: 100vh;
    flex-direction: column;
  }
  .kiosk-css .cart-box .no-content {
    font-size: 1.25rem;
  }
  .kiosk-css #cart .cart-box > h4:first-child {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
    background-color: #fff;
    height: 80px;
    box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
    margin: 0;
  }
  .kiosk-css #cart .cart-items {
    width: 100%;
    flex: 1;
    height: 100%;
  }
  .kiosk-css .cart-box .cart-items .item {
    border-bottom: 1px solid var(--color-gray-200);
    padding-bottom: 1rem;
    grid-template-columns: 12rem 1fr auto;
  }
  .kiosk-css .cart-items .item .item-photo-content-bottom,
  .kiosk-css .cart-items .item .item-info-btn:nth-child(2) {
    font-size: 1.5rem;
  }
  .kiosk-css #cart .cart-box .cart-items .item:last-child {
    border: none;
  }
  .kiosk-css #cart .cart-items .item-change-btn .change-btn {
    width: 3rem;
    height: 3rem;
  }
  .kiosk-css #cart .cart-items .item-change-btn > span {
    font-size: 1.25rem;
    padding: 0 1.25rem;
  }
  .kiosk-css #cart .cart-right-box {
    top: unset;
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    display: flex !important;
    flex-direction: column-reverse;
    z-index: 10000;
    margin-top: 2rem;
  }
  .kiosk-css #cart .cart-box .cart-recomend-box {
    padding-top: 0;
    border: none;
    box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    margin: 0;
  }
  .kiosk-css #cart .cart-box .cart-recomend-box > h4 {
    padding-top: 0.5rem;
  }
  .kiosk-css #cart .cart-box .recomend-products-overflow > a {
    max-width: 12rem;
  }
  .kiosk-css
    #cart
    .cart-box
    .cart-recomend-box
    .recomend-products-overflow:empty {
    padding: 0;
    margin: 0;
  }
  .kiosk-css #cart .cart-sum {
    border: none;
    box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 120px;
    justify-content: center;
  }
  .kiosk-css #cart .cart-sum .cart-price-column,
  .kiosk-css #cartOverlay-3 .cart-sum .cart-price-column {
    display: none;
  }
  .kiosk-css #cart .cart-sum .cart-price-column.cart-price,
  .kiosk-css #cartOverlay-3 .cart-sum .cart-price-column.cart-price {
    display: block;
  }
  .kiosk-css #cart .cart-sum .cart-price-column .cart-col-name,
  .kiosk-css #cartOverlay-3 .cart-sum .cart-price-column .cart-col-name {
    display: none;
  }
  .kiosk-css #cart .cart-sum .cart-price-column.cart-price .cart-col-value,
  .kiosk-css
    #cartOverlay-3
    .cart-sum
    .cart-price-column.cart-price
    .cart-col-value {
    position: absolute;
    right: 1rem;
    bottom: 1.25rem;
    padding: 0 1rem;
    width: 250px;
    height: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    pointer-events: none;
    font-size: 1.25rem;
  }
  .kiosk-css .cart-sum .cart-price-column.cart-bonus {
    display: none !important;
  }
  .kiosk-css
    #cart
    .cart-sum
    .cart-price-column.cart-price
    .cart-col-value::before {
    content: "Pokračovat ";
  }
  .kiosk-css
    #cartOverlay-3
    .cart-sum
    .cart-price-column.cart-price
    .cart-col-value::before {
    content: "Odeslat";
  }
  .kiosk-css #cart .cart-bottom-btns {
    padding-top: 0;
    justify-content: space-between;
  }
  .kiosk-css #cart .cart-bottom-btns .cart-pay-btn a,
  .kiosk-css #cartOverlay-3 .cart-bottom-btns .cart-pay-btn a {
    font-size: 0;
  }
  .kiosk-css #cart .cart-bottom-btns > div,
  .kiosk-css #cartOverlay-3 .cart-bottom-btns > div {
    width: 250px;
  }
  .kiosk-css #cartOverlay-3 .cart-bottom-btns > div {
    margin-left: auto;
    margin-right: 1rem;
  }
  .kiosk-css #cart .cart-bottom-btns > div > a,
  .kiosk-css #cartOverlay-3 .cart-bottom-btns > div > a {
    height: 80px;
    font-size: 1.25rem;
  }
  .kiosk-css #cartOverlay-2 .cart-box {
    width: 100%;
    margin: 0;
    max-width: unset;
  }
  .kiosk-css #cartOverlay-2 .cart-items {
    padding: 0;
  }
  .kiosk-css #cartOverlay-2 .cart-box > h4,
  .kiosk-css #cartOverlay-2 .cart-items > h4 {
    box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.075);
    height: 80px;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    margin: 0;
  }
  .kiosk-css #cartOverlay-2 .cart-items > .select-content-box {
    margin: 2rem 0;
  }
  .kiosk-css #cartOverlay-2 .select-content-box {
    display: flex;
    gap: 2rem;
    justify-content: center;
    border: none;
    flex-wrap: wrap;
  }
  .kiosk-css #cartOverlay-2 .select-content {
    flex-direction: column;
    background-position: center 2rem;
    background-size: 7rem;
    position: relative;
    min-width: 14rem;
    min-height: 14rem;
    padding: 0;
  }
  .kiosk-css #cartOverlay-2 .select-content .extended-title {
    flex: 0;
    margin-top: 9rem;
  }
  .kiosk-css #cartOverlay-2 .select-content .label {
    position: static;
  }
  .kiosk-css #cartOverlay-2 .select-content input {
    display: none;
  }
  .kiosk-css #cartOverlay-2 .extended-price {
    display: none;
  }
  .kiosk-css #cartOverlay-2 .select-content .toggle-control {
    position: absolute;
    inset: 0;
    background-color: transparent;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    border-width: 4px;
    background-image: none;
  }
  .kiosk-css #cartOverlay-2 .select-content .toggle-control::after {
    display: none;
  }
  .kiosk-css #cartOverlay-2 .cart-sum {
    border: none;
  }
  .kiosk-css #cartOverlay-2 .cart-sum .cart-bottom-btns {
    display: flex !important;
    padding: 0;
  }
  .kiosk-css #cartOverlay-2 .cart-sum .cart-bottom-btns > div {
    display: none;
  }
  .kiosk-css #cartOverlay-2 .cart-sum .cart-bottom-btns .cart-back-btn {
    display: flex;
    position: fixed;
    left: 1rem;
    top: 20px;
    z-index: 100000;
    width: 250px;
    height: 80px;
    font-size: 1.25rem;
    background-image: none;
    background-color: transparent;
    border-radius: var(--border-radius-lg);
    font-weight: 500;
    border-color: #000;
    color: #000;
  }

  .kiosk-css .bonus-points-box,
  .kiosk-css #cartOverlay-3 .cart-box > h4,
  .kiosk-css #cartOverlay-3 .cart-box > .cart-items {
    display: none;
  }
  .kiosk-css #order-customer-form {
    grid-template-areas:
      "delivery"
      "heading"
      "finalize"
      "sum";
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr max-content;
    margin: 0;
    max-width: unset;
    padding-top: 0;
    padding-bottom: 120px;
    height: 100vh;
  }
  .kiosk-css #cartOverlay-3 .back-btn {
    display: none;
  }
  .kiosk-css #cartOverlay-3 .cart-right-box {
    left: 0;
    width: 100%;
    bottom: 0;
    top: unset;
    z-index: 1000;
    position: fixed;
  }
  .kiosk-css #cartOverlay-3 .cart-sum {
    position: static;
    border-radius: var(--border-radius-lg) var(--border-radius-lg) 0 0;
    padding-bottom: 0;
    border: none;
    box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
  }
  .kiosk-css #cartOverlay-3 .cart-sum .cart-price-column.coupon-cart {
    display: flex;
    align-items: center;
    height: 4rem;
    padding-left: 5rem;
    font-size: 1.125rem;
  }
  .kiosk-css
    #cartOverlay-3
    .cart-sum
    .cart-price-column.coupon-cart
    .cart-col-name {
    display: inline;
  }
  .kiosk-css .cart-sum .actions-container .coupon-delete-btn {
    width: 3rem;
    height: 3rem;
  }
  .kiosk-css #cartOverlay-3 .cart-sum .cart-bottom-btns {
    height: 120px;
    padding: 0;
    align-items: center;
    box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
    margin-top: 2rem;
  }
  .kiosk-css #cartOverlay-3 .cart-sum .coupon-content {
    align-items: end;
  }
  .kiosk-css #cartOverlay-3 .cart-sum .coupon-content > .set-coupon-btn {
    font-size: 1rem;
    padding: 1rem;
  }
  .kiosk-css .order-tracking-box {
    position: fixed;
    left: 0;
    top: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
    transform: none;
    pointer-events: unset;
    background-color: #fff;
    z-index: 999;
  }
  .kiosk-css .order-tracking-box:empty {
    display: none !important;
  }
  .kiosk-css .order-tracking-box > div {
    max-width: unset;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .kiosk-css .order-tracking-content {
    border: none;
    backdrop-filter: none;
    background-color: transparent;
    z-index: 1000;
  }

  .kiosk-css .order-tracking-content {
    background-color: #fff;
    border-radius: 0.75em;
    color: transparent;
    user-select: none;
  }
  .kiosk-css .order-tracking-content .paragon,
  .kiosk-css .order-tracking-content .order-tracking-daily-id {
    color: #676767;
  }
  .kiosk-css .order-tracking-content .order-tracking-daily-id {
    font-size: 5rem;
  }
  .kiosk-css .order-tracking-content > h3 {
    display: none;
  }
  .kiosk-css .order-tracking-content > .order-tracking-daily-id::after {
    content: "BYLA VYTVOŘENA";
    display: block;
    font-size: 1.5rem;
  }
  .kiosk-css .order-tracking-content > .btn {
    display: block;
    margin: 0 auto;
    padding: 1rem;
    color: #fff;
    border: 0;
    border-radius: var(--border-radius-lg);
    font-size: 1.25rem;
    font-weight: 500;
  }
  .kiosk-css .pm,
  .kiosk-css .new-box {
    display: none !important;
  }
}

@media (orientation: portrait) {
  .kiosk-css #home {
    display: grid;
    grid-template-areas:
      "extended-menu banners"
      "extended-menu mini-banners"
      "extended-menu filter"
      "extended-menu items"
      "extended-menu .";
    grid-template-columns: 300px 1fr;
    grid-template-rows: min-content min-content min-content min-content 1fr;
  }

  /* 1fr ma implicitne min-width: auto (= min-content), takze siroky banner
     roztahne pravy sloupec na svoji prirozenou sirku a odsune obsah mimo
     obrazovku. min-width: 0 dovoli sloupci se smrsknout na dostupne misto.
     Grid definice zustava nedotcena - tohle jen brzdi deti sloupce. */
  .kiosk-css #home .app-banner-content,
  .kiosk-css #home .mini-banners-box,
  .kiosk-css #home .items {
    min-width: 0;
    max-width: 100%;
  }
  .kiosk-css #home .app-banner-content img {
    max-width: 100%;
    height: auto;
  }

  .kiosk-css #home .filter-products-box {
    display: none;
    grid-area: filter;
    width: 100%;
    position: sticky;
    top: 0;
    background: var(--cc-bg);
    z-index: 3;
  }

  .kiosk-css #home .extended-menu {
    position: sticky;
    top: 0;
    grid-area: extended-menu;
    height: 100vh;
    margin-top: 0;
    padding: 0;
    box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);
    z-index: 4;
    overflow: auto;
    overscroll-behavior: contain;
    padding-top: 160px;
    padding-bottom: 160px;
  }
  .kiosk-css #home .extended-menu .food-types {
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 0;
    width: 100%;
    overflow: unset;
  }
  .kiosk-css #home .extended-menu .food-types .food-type-button {
    gap: 0.75rem;
    font-size: 1.2rem;
  }
  .kiosk-css #home .extended-menu .food-types .food-type-button.active {
    background-color: var(--color-gray-200);
  }
  .kiosk-css #home .extended-menu .food-types .food-type-button::before {
    content: unset;
  }
  .kiosk-css #home .items .item {
    max-width: 30%;
  }
  .kiosk-css #cart .cart-box .recomend-products-overflow > a {
    width: calc(25% - 1.15rem);
    max-width: unset;
  }
  .kiosk-css #cartOverlay-2 .cart-items > .select-content-box {
    margin: 5rem 0;
  }
}
/* --- KIOSK: SKRYTY CELY VYBER DOPRAVY ---
   !!! NENAHRAVAT SAMOSTATNE - FUNGUJE JEN SPOLU S JS NIZE !!!

   Cartel Zlin ma DVE dopravni metody a predvolena je ta SPATNA:
     .delivery-icon-address  "Rozvoz"        ID 1933  <- checked
     .delivery-icon-factory  "Osobni odber"  ID 1935
   Duvod: setDefaultDelivery() bere deliveryMethods[0], coz je Rozvoz.

   display: none NEODZNACI radio. Kdyby se tenhle blok nahral bez JS,
   zakaznik by vyber nevidel a KAZDA objednavka z kiosku by odesla jako
   rozvoz na adresu - bez adresy.

   Do kiosk skriptu proto patri (uvnitr handleKioskMode, k ostatnim
   registerShowCallback pro #cartOverlay-2):

     ViewManager.registerShowCallback('#cartOverlay-2', () => {
       document.querySelector(
         '.js-delivery-container .delivery-icon-factory input[name="radio-delivery"]'
       )?.click();
     });

   Vybira se pres tridu .delivery-icon-factory, ne pres ID 1935 - trida je
   na kazde pobocce stejna, ID ne. .click() (ne .checked = true), aby se
   spustil handler platformy a realne se prepsalo Cart.order.DeliveryID.

   h4 "Vyber dopravy" je primy potomek .cart-box; h4 "Vyber platby" je uvnitr
   .cart-items (ten uz skryva pravidlo nize), takze staci > kombinator. */
.kiosk-css #cartOverlay-2 .cart-box > h4,
.kiosk-css .js-delivery-container,
.kiosk-css .js-address-container {
  display: none !important;
}

/* MOJE SRACKA UPRAVY PRVKU */
.kiosk-css .js-cart-tringel-display,
.kiosk-css .cart-sum .coupon-box,
.kiosk-css .js-payment-container > :nth-child(2),
.kiosk-css .cart-items h4,
.kiosk-css .overlay-qr-payment-pay-btn,
.kiosk-css .overlay-qr-payment-divider {
  display: none !important;
}
.kiosk-css #cartOverlay-3 .cart-sum .cart-bottom-btns {
  margin-top: 0px !important;
}
.kiosk-css .payment-icon-gate {
  background-image: url("https://objedname.eu/user-data/factories/284/imgs/uconsa.png") !important;
}
.kiosk-css .delivery-icon-take_in {
  background-image: url("https://objedname.eu/user-data/factories/284/imgs/tables.png") !important;
}

.kiosk-css .overlay-qr-payment-content {
  transform: scale(2);
}
.overlay-enhancement-content
  .extended-content-box
  > div[data-ingredient-type="2011"] {
  display: none !important;
}
.overlay-enhancement-content
  .extended-content-box
  > div[data-ingredient-type="5109"] {
  display: block !important;
}

@media (min-width: 470px) {
  .items .item .item-buy-now::after {
    content: "Přidat do košíku";
    text-align: right;
  }
}
@media (min-width: 640px) {
  .items .item .item-buy-now {
    padding: 0 0.5rem;
  }
}

@media (min-width: 640px) {
  .kiosk-css #item-detail .item-detail-box {
    display: flex;
    flex-direction: column;
    /* Pevna sirka v px misto 70 % - karta vypada stejne na kazde obrazovce
       a obsah se sklada svisle (fotka nahore, info pod ni). */
    width: 100%;
    max-width: 640px;
    /* scale(1.25) nemeni layout - box vizualne pretekal mimo viewport
       a nesel odscrollovat. Misto nej realne omezeni vysky + scroll. */
    transform: none;
    max-height: 85vh;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border-radius: 2rem;
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  .kiosk-css .recomend-products-overflow {
    gap: 6rem;
  }
}
/* Apple Safari 26.2 FIX */
.items .item .item-photo-content::before{
  content:"";
  display:block;
  width:100%;
  padding-top:100%;
  border-radius: var(--border-radius-lg);

  /* System dava obrazek inline na rodice (.item-photo-content) a ten ma
     background-size: 0, takze ho vykresluje az tenhle ::before pres inherit.
     var(--item-bg) tady NEEXISTUJE (0x v HTML i scripts.js) => byl prazdny ctverec. */
  background-image: inherit;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}