:root {
    /* musí odpovídat padding-bottom u body níže, aby sedělo i posunutí chatu */
    --mobile-sticky-cart-space: 86px;
  }
 
  @media (max-width: 767px) {
    body.has-mobile-sticky-cart {
      padding-bottom: calc(var(--mobile-sticky-cart-space) + env(safe-area-inset-bottom));
    }
 
    .mobile-sticky-cart {
      position: fixed;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 9000; /* nižší než Smartsupp (ten má 10000000), ať jeho ikonka funguje vždy */
      display: none;
      align-items: center;
      gap: 10px;
      padding: 10px 12px;
      padding-bottom: calc(10px + env(safe-area-inset-bottom));
      background: #2a123d;
      box-shadow: 0 -8px 24px rgba(0, 0, 0, .18);
      box-sizing: border-box;
    }
 
    .mobile-sticky-cart.is-visible {
      display: flex;
    }
 
    .mobile-sticky-cart__image {
      width: 46px;
      height: 46px;
      flex: 0 0 46px;
      border-radius: 8px;
      background: #fff;
      object-fit: contain;
    }
 
    .mobile-sticky-cart__info {
      min-width: 0;
      flex: 1;
      color: #fff;
    }
 
    .mobile-sticky-cart__title {
      display: block;
      font-size: 12px;
      font-weight: 700;
      line-height: 1.25;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
 
    .mobile-sticky-cart__price {
      display: block;
      margin-top: 3px;
      font-size: 17px;
      font-weight: 800;
      color: #fff;
    }
 
    .mobile-sticky-cart__button {
      flex: 0 0 auto;
      min-height: 46px;
      padding: 0 16px;
      border: 0;
      border-radius: 6px;
      background: #6b358f;
      color: #fff;
      font-size: 14px;
      font-weight: 800;
      cursor: pointer;
    }
 
    .mobile-sticky-cart__button:active {
      transform: translateY(1px);
    }
 
    .mobile-sticky-cart__button:disabled {
      opacity: .6;
      cursor: default;
    }
 
    /*
      Posun ikonky chatu (Smartsupp) nad lištu, ať je vždy klikatelná
      a vizuálně se s ní nepřekrývá. Jiný chat než Smartsupp → upravit
      selektor (typ widgetu zjistíte přes Inspect → element bublinky).
    */
    body.has-mobile-sticky-cart #smartsupp-widget-container [data-testid="widgetButtonFrame"] {
      bottom: calc(var(--mobile-sticky-cart-space) + env(safe-area-inset-bottom)) !important;
      transition: bottom 0.25s ease;
    }
  }