/* Style modali koszyka / logowania Zjemy (wyniesione z templates/cart_conflict_modal.tpl) */
@keyframes zjemyModalPop {
    0% { transform: scale(0.85); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}
#zjemy-btn-clear-and-go:hover { background: #d40000 !important; }
#zjemy-btn-no-clear:hover { background: #444444 !important; }
#zjemy-btn-return-to-old:hover { background: #1565c0 !important; }
#zjemy-btn-cancel-nav:hover { background: #444444 !important; }

/* === PŁYWAJĄCY PRZYCISK KOSZYKA NA PODSTRONACH === */
#zjemy-global-floating-cart-btn {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99990;
    background-color: #fe0000;
    color: #ffffff;
    padding: 12px 22px;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.5), 0 0 15px rgba(254, 0, 0, 0.4);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: 'Montserrat', sans-serif;
    transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.25s;
    user-select: none;
}
#zjemy-global-floating-cart-btn:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6), 0 0 20px rgba(254, 0, 0, 0.6);
}
#zjemy-global-floating-cart-btn .zjemy-cart-badge {
    background: #ffffff;
    color: #fe0000;
    font-size: 13px;
    font-weight: 800;
    min-width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 11px;
    text-align: center;
    padding: 0 6px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}
#zjemy-global-floating-cart-btn .zjemy-cart-info {
    display: flex;
    flex-direction: column;
    text-align: left;
    line-height: 1.2;
}
#zjemy-global-floating-cart-btn .zjemy-cart-rest-name {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    opacity: 0.9;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#zjemy-global-floating-cart-btn .zjemy-cart-total {
    font-size: 16px;
    font-weight: 800;
}

/* === SZUFLADA KOSZYKA (DRAWER - DARK MODE) === */
#zjemy-global-cart-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    z-index: 99998;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
#zjemy-global-cart-backdrop.zjemy-backdrop-visible {
    display: block;
    opacity: 1;
}

#zjemy-global-cart-drawer {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -520px;
    width: 460px;
    max-width: 100vw;
    height: 100%;
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    background: #1e1e1e;
    color: #f0f0f0;
    z-index: 99999;
    box-shadow: -10px 0 35px rgba(0, 0, 0, 0.7);
    border-left: 1px solid #333333;
    display: flex;
    flex-direction: column;
    transition: right 0.32s cubic-bezier(0.16, 1, 0.3, 1);
    font-family: 'Montserrat', sans-serif;
    overflow: hidden;
    box-sizing: border-box !important;
}
#zjemy-global-cart-drawer.zjemy-drawer-open {
    right: 0;
}

.zjemy-drawer-header {
    background: #fe0000;
    color: #ffffff;
    padding: 16px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.zjemy-drawer-header h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 8px;
}
.zjemy-drawer-close {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    color: #ffffff;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
}
.zjemy-drawer-close:hover {
    background: rgba(255, 255, 255, 0.3);
}

.zjemy-drawer-location {
    background: #252525;
    border-bottom: 1px solid #333333;
    padding: 10px 20px;
    font-size: 13px;
    color: #cccccc;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.zjemy-drawer-location strong {
    color: #fe0000;
}
.zjemy-drawer-location a {
    color: #64b5f6;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 600;
}
.zjemy-drawer-location a:hover {
    color: #90caf9;
}

.zjemy-drawer-body {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden !important;
    padding: 16px 18px;
    background: #181818;
    color: #e0e0e0;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}
.zjemy-drawer-body::-webkit-scrollbar {
    width: 6px;
}
.zjemy-drawer-body::-webkit-scrollbar-track {
    background: #181818;
}
.zjemy-drawer-body::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 3px;
}
.zjemy-drawer-body::-webkit-scrollbar-thumb:hover {
    background: #4f4f4f;
}

/* =========================================================
   TRYB KART PRODUKTÓW W KOSZYKU (.item-order-wrap)
   ========================================================= */
.zjemy-drawer-body .item-order-wrap,
.item-order-wrap,
#item-order-wrap,
.cart-wrapper,
.cart-mobile-wrap,
.fancybox-inner .item-order-wrap,
#receipt-content .item-order-wrap {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Każda pozycja w koszyku jako nowoczesna, elegancka karta */
.zjemy-drawer-body .item-order-wrap .item-order-list > .row,
.zjemy-drawer-body .item-order-wrap .row.relative,
.zjemy-drawer-body .item-order-wrap .row[id*="row"],
.zjemy-drawer-body .item-order-wrap .item-row,
.zjemy-drawer-body .item-order-wrap .order-item,
.zjemy-drawer-body .item-order-wrap .cart-item,
.zjemy-drawer-body .item-order-wrap table tr,
.item-order-wrap .item-order-list > .row,
.item-order-wrap .row.relative,
.item-order-wrap .row[id*="row"],
.item-order-wrap .item-row,
.item-order-wrap .order-item,
.item-order-wrap .cart-item,
.item-order-wrap table tr,
.item-order-list.item-row,
.order-item,
.cart-item {
    background: #1c1c23 !important;
    border: 1px solid #2e2e3a !important;
    border-radius: 12px !important;
    padding: 14px 16px !important;
    margin-bottom: 14px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
    display: block !important;
    position: relative !important;
    clear: both !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, background 0.2s !important;
}

.zjemy-drawer-body .item-order-wrap .item-order-list > .row:hover,
.zjemy-drawer-body .item-order-wrap .row.relative:hover,
.zjemy-drawer-body .item-order-wrap .item-row:hover,
.item-order-wrap .item-order-list > .row:hover,
.item-order-wrap .row.relative:hover,
.item-order-wrap .item-row:hover,
.item-order-list.item-row:hover,
.order-item:hover,
.cart-item:hover {
    background: #22222b !important;
    border-color: #444456 !important;
}

/* Kolumny wiersza produktu */
.zjemy-drawer-body .item-order-wrap .col-xs-8,
.zjemy-drawer-body .item-order-wrap .col-sm-8,
.zjemy-drawer-body .item-order-wrap .col-md-8,
.item-order-wrap .col-xs-8,
.item-order-wrap .col-sm-8,
.item-order-wrap .col-md-8 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    box-sizing: border-box !important;
    border: none !important;
}

.zjemy-drawer-body .item-order-wrap .col-xs-4,
.zjemy-drawer-body .item-order-wrap .col-sm-4,
.zjemy-drawer-body .item-order-wrap .col-md-4,
.item-order-wrap .col-xs-4,
.item-order-wrap .col-sm-4,
.item-order-wrap .col-md-4 {
    position: absolute !important;
    top: 14px !important;
    right: 16px !important;
    width: auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: right !important;
    border: none !important;
}

.zjemy-drawer-body .item-order-wrap .col-xs-4 .price,
.zjemy-drawer-body .item-order-wrap .col-xs-4 strong,
.zjemy-drawer-body .item-order-wrap .col-xs-4 b,
.item-order-wrap .col-xs-4 .price,
.item-order-wrap .col-xs-4 strong,
.item-order-wrap .col-xs-4 b {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    display: inline-block !important;
}

/* Nagłówek produktu (Nazwa + ilość) */
.zjemy-drawer-body .item-order-wrap .bold,
.zjemy-drawer-body .item-order-wrap strong,
.zjemy-drawer-body .item-order-wrap b,
.zjemy-drawer-body .item-order-wrap .item-name,
.item-order-wrap .bold,
.item-order-wrap strong,
.item-order-wrap b,
.item-order-wrap .item-name {
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.zjemy-drawer-body table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 10px !important;
    color: #e0e0e0 !important;
    background: transparent !important;
}
.zjemy-drawer-body tr {
    background: transparent !important;
}
.zjemy-drawer-body td, .zjemy-drawer-body th {
    padding: 12px 14px !important;
    border: 1px solid #2d2d38 !important;
    border-radius: 10px !important;
    background: #1f1f26 !important;
    font-size: 13px;
    color: #e0e0e0 !important;
    vertical-align: top;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25) !important;
    transition: border-color 0.2s, background 0.2s;
}

.zjemy-drawer-body a {
    color: #64b5f6;
    text-decoration: none;
}
.zjemy-drawer-body a:hover {
    color: #90caf9;
    text-decoration: underline;
}

/* Przycisk usuwania dania (kosz / x) */
.zjemy-drawer-body .delete-item, 
.zjemy-drawer-body a[href*="delete_item"],
.zjemy-drawer-body a.delete_item,
.zjemy-drawer-body .del-item,
.zjemy-drawer-body a[data-action="delete"] {
    color: #fe0000 !important;
    background: rgba(254, 0, 0, 0.12) !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    margin-left: 5px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    vertical-align: middle !important;
    border: 1px solid rgba(254, 0, 0, 0.25) !important;
}
.zjemy-drawer-body .delete-item:hover, 
.zjemy-drawer-body a[href*="delete_item"]:hover,
.zjemy-drawer-body a.delete_item:hover,
.zjemy-drawer-body .del-item:hover,
.zjemy-drawer-body a[data-action="delete"]:hover {
    background: rgba(254, 0, 0, 0.3) !important;
    color: #ff4d4d !important;
    border-color: #fe0000 !important;
    transform: scale(1.08) !important;
}

/* Przyciski zmiany ilości (+ / -) i pole ilości */
.zjemy-drawer-body input.qty,
.zjemy-drawer-body input[name="qty"],
.zjemy-drawer-body input[type="number"] {
    width: 36px !important;
    height: 30px !important;
    background: #121212 !important;
    color: #ffffff !important;
    border: 1px solid #444444 !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 2px !important;
    margin: 0 4px !important;
    outline: none !important;
}
.zjemy-drawer-body input.qty:focus {
    border-color: #fe0000 !important;
}
.zjemy-drawer-body .qty-plus,
.zjemy-drawer-body .qty-minus,
.zjemy-drawer-body .plus,
.zjemy-drawer-body .minus,
.zjemy-drawer-body [data-action="plus"],
.zjemy-drawer-body [data-action="minus"],
.zjemy-drawer-body .add-qty,
.zjemy-drawer-body .sub-qty {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 4px;
    background: #2a2a2a;
    border: 1px solid #444444;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none !important;
    user-select: none;
    transition: all 0.15s ease;
}
.zjemy-drawer-body .qty-plus:hover,
.zjemy-drawer-body .plus:hover,
.zjemy-drawer-body [data-action="plus"]:hover,
.zjemy-drawer-body .add-qty:hover {
    background: #28a745;
    border-color: #28a745;
    color: #ffffff !important;
}
.zjemy-drawer-body .qty-minus:hover,
.zjemy-drawer-body .minus:hover,
.zjemy-drawer-body [data-action="minus"]:hover,
.zjemy-drawer-body .sub-qty:hover {
    background: #fe0000;
    border-color: #fe0000;
    color: #ffffff !important;
}

/* Edycja pozycji (ołówek / edytuj) */
.zjemy-drawer-body a.edit-item,
.zjemy-drawer-body a.edit_item,
.zjemy-drawer-body a[href*="viewItem"],
.zjemy-drawer-body a[href*="editItem"],
.zjemy-drawer-body .editItem,
.zjemy-drawer-body .edit_item {
    color: #ffa726 !important;
    background: rgba(255, 167, 38, 0.12) !important;
    width: 28px !important;
    height: 28px !important;
    border-radius: 6px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 13px !important;
    margin-left: 6px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    vertical-align: middle !important;
    border: 1px solid rgba(255, 167, 38, 0.25) !important;
}
.zjemy-drawer-body a.edit-item:hover,
.zjemy-drawer-body a.edit_item:hover,
.zjemy-drawer-body a[href*="viewItem"]:hover,
.zjemy-drawer-body a[href*="editItem"]:hover,
.zjemy-drawer-body .editItem:hover,
.zjemy-drawer-body .edit_item:hover {
    background: rgba(255, 167, 38, 0.25) !important;
    color: #ffb74d !important;
    border-color: #ffa726 !important;
    transform: scale(1.08) !important;
}

/* Nagłówki kategorii dodatków */
.zjemy-drawer-body .item-order-wrap p.bold,
.zjemy-drawer-body .item-order-wrap p.subcat-title,
.zjemy-drawer-body .item-order-wrap .subcat-title,
.zjemy-drawer-body .item-order-wrap p:has(strong),
.zjemy-drawer-body .item-order-wrap p:has(b),
.item-order-wrap p.bold,
.item-order-wrap p.subcat-title,
.item-order-wrap .subcat-title,
.item-order-wrap p:has(strong),
.item-order-wrap p:has(b) {
    color: #ff5555 !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    margin: 12px 0 4px 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    clear: both !important;
}
.zjemy-drawer-body .item-order-wrap p.bold::before,
.zjemy-drawer-body .item-order-wrap p.subcat-title::before,
.zjemy-drawer-body .item-order-wrap .subcat-title::before,
.zjemy-drawer-body .item-order-wrap p:has(strong)::before,
.zjemy-drawer-body .item-order-wrap p:has(b)::before,
.item-order-wrap p.bold::before,
.item-order-wrap p.subcat-title::before,
.item-order-wrap .subcat-title::before,
.item-order-wrap p:has(strong)::before,
.item-order-wrap p:has(b)::before {
    content: '•' !important;
    color: #fe0000 !important;
    font-size: 16px !important;
    line-height: 1 !important;
}

/* Wiersze pojedynczych dodatków */
.zjemy-drawer-body .item-order-wrap p.subitem-row,
.zjemy-drawer-body .item-order-wrap .subitem-row,
.zjemy-drawer-body .item-order-wrap p:not(.bold):not(.cooking-ref):not(.order-notes):not(.subcat-title):has(.price),
.item-order-wrap p.subitem-row,
.item-order-wrap .subitem-row,
.item-order-wrap p:not(.bold):not(.cooking-ref):not(.order-notes):not(.subcat-title):has(.price) {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    margin: 4px 0 !important;
    font-size: 12.5px !important;
    color: #dcdce6 !important;
    line-height: 1.35 !important;
    box-sizing: border-box !important;
    clear: both !important;
}
.zjemy-drawer-body .item-order-wrap p.subitem-row:hover,
.zjemy-drawer-body .item-order-wrap .subitem-row:hover,
.item-order-wrap p.subitem-row:hover,
.item-order-wrap .subitem-row:hover {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

.zjemy-drawer-body .item-order-wrap p.subitem-row .price,
.zjemy-drawer-body .item-order-wrap p.subitem-row .subitem-price,
.zjemy-drawer-body .item-order-wrap p.subitem-row span:last-child,
.zjemy-drawer-body .item-order-wrap .subitem-row .price,
.zjemy-drawer-body .item-order-wrap .subitem-row .subitem-price,
.zjemy-drawer-body .item-order-wrap .subitem-row span:last-child,
.item-order-wrap p.subitem-row .price,
.item-order-wrap p.subitem-row .subitem-price,
.item-order-wrap p.subitem-row span:last-child,
.item-order-wrap .subitem-row .price,
.item-order-wrap .subitem-row .subitem-price,
.item-order-wrap .subitem-row span:last-child {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    white-space: nowrap !important;
    margin-left: 10px !important;
    flex-shrink: 0 !important;
    display: inline-block !important;
}

/* Uwagi do zamówienia / Cooking ref */
.zjemy-drawer-body .item-order-wrap p.cooking-ref,
.zjemy-drawer-body .item-order-wrap p.order-notes,
.zjemy-drawer-body .item-order-wrap .cooking-ref,
.zjemy-drawer-body .item-order-wrap .order-notes,
.zjemy-drawer-body .item-order-wrap p:has(i),
.zjemy-drawer-body .item-order-wrap p.italic,
.item-order-wrap p.cooking-ref,
.item-order-wrap p.order-notes,
.item-order-wrap .cooking-ref,
.item-order-wrap .order-notes,
.item-order-wrap p:has(i),
.item-order-wrap p.italic {
    background: rgba(254, 0, 0, 0.08) !important;
    border-left: 3px solid #fe0000 !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 7px 10px !important;
    margin: 10px 0 2px 0 !important;
    font-size: 11.5px !important;
    color: #fca5a5 !important;
    font-style: italic !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    clear: both !important;
}
.zjemy-drawer-body .item-order-wrap p.cooking-ref::before,
.zjemy-drawer-body .item-order-wrap p.order-notes::before,
.zjemy-drawer-body .item-order-wrap p:has(i)::before,
.item-order-wrap p.cooking-ref::before,
.item-order-wrap p.order-notes::before,
.item-order-wrap p:has(i)::before {
    content: '💬 Uwagi: ' !important;
    font-weight: 700 !important;
    font-style: normal !important;
    color: #ff8888 !important;
}

/* Stylizacja nagłówka karty produktu */
.zjemy-cart-item-header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    margin-bottom: 8px !important;
    gap: 12px !important;
    flex-wrap: nowrap !important;
}
.zjemy-cart-item-title-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    margin: 0 !important;
}
.zjemy-cart-qty-pill {
    background: #fe0000 !important;
    color: #ffffff !important;
    font-weight: 800 !important;
    font-size: 11px !important;
    padding: 2px 7px !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
    box-shadow: 0 2px 6px rgba(254, 0, 0, 0.4) !important;
}
.zjemy-cart-dish-name {
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    word-break: break-word !important;
}
.zjemy-cart-item-right {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 10px !important;
    flex-shrink: 0 !important;
    margin-left: auto !important;
    width: auto !important;
}
.zjemy-cart-dish-price {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    white-space: nowrap !important;
    width: auto !important;
}
.zjemy-cart-actions-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
}

/* Stylizacja kontenera JS i pozycji dodatków w koszyku */
.zjemy-raw-hidden {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.zjemy-cart-addons-box {
    background: #131317 !important;
    border: 1px solid #282834 !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    margin-top: 10px !important;
    clear: both !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.zjemy-cart-addon-group {
    margin-bottom: 8px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.zjemy-cart-addon-group:last-child {
    margin-bottom: 0 !important;
}
.zjemy-cart-addon-cat {
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #fe4444 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    margin: 4px 0 !important;
    padding: 5px 6px !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1.2 !important;
    cursor: pointer !important;
    user-select: none !important;
    border-radius: 5px !important;
    transition: background 0.15s ease !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.zjemy-cart-addon-cat:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}
.zjemy-cart-cat-title-wrap {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    flex-wrap: wrap !important;
}
.zjemy-cart-cat-dot {
    display: inline-block !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #fe0000 !important;
    flex-shrink: 0 !important;
}
.zjemy-cart-cat-title {
    color: #fe4444 !important;
    font-weight: 700 !important;
    font-size: 11px !important;
}
.zjemy-cart-cat-badge {
    display: inline-block !important;
    font-size: 10.5px !important;
    font-weight: 600 !important;
    color: #a1a1aa !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    margin-left: 4px !important;
}
.zjemy-cart-cat-arrow-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #a1a1aa !important;
    flex-shrink: 0 !important;
    margin-left: 8px !important;
    width: auto !important;
    transition: transform 0.2s ease !important;
    transform: rotate(180deg) !important; /* domyślnie gdy rozwinięte: strzałka w górę */
}
.zjemy-cart-addon-group.zjemy-addon-collapsed .zjemy-cart-cat-arrow-wrap {
    transform: rotate(0deg) !important; /* gdy zwinięte: strzałka w dół */
}
.zjemy-cart-addon-group-items {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
}
.zjemy-cart-addon-group.zjemy-addon-collapsed .zjemy-cart-addon-group-items {
    display: none !important;
}
.zjemy-cart-addon-row,
.zjemy-cart-addon-item {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.04) !important;
    border: 1px solid rgba(255, 255, 255, 0.07) !important;
    border-radius: 6px !important;
    padding: 7px 10px !important;
    margin: 3px 0 !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 8px !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    transition: background 0.15s, border-color 0.15s !important;
}
.zjemy-cart-addon-row:hover,
.zjemy-cart-addon-item:hover {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
}
.zjemy-cart-addon-label,
.zjemy-cart-addon-left {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
    position: static !important;
    float: none !important;
}
.zjemy-cart-addon-qty {
    display: inline-block !important;
    background: #252530 !important;
    color: #e0e0e0 !important;
    font-weight: 700 !important;
    font-size: 10.5px !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
    flex-shrink: 0 !important;
    border: 1px solid #363644 !important;
    line-height: 1.3 !important;
    position: static !important;
    float: none !important;
    width: auto !important;
}
.zjemy-cart-addon-name {
    display: inline-block !important;
    color: #dcdce6 !important;
    font-weight: 500 !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    position: static !important;
    float: none !important;
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
.zjemy-cart-addon-price {
    display: inline-block !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 12.5px !important;
    white-space: nowrap !important;
    margin-left: 8px !important;
    flex-shrink: 0 !important;
    text-align: right !important;
    position: static !important;
    float: none !important;
    width: auto !important;
}
.zjemy-cart-addon-price.zjemy-price-free {
    color: #a1a1aa !important;
    font-weight: 500 !important;
}
.zjemy-cart-addon-note,
.zjemy-cart-notes-box {
    background: rgba(254, 0, 0, 0.08) !important;
    border-left: 3px solid #fe0000 !important;
    border-radius: 0 6px 6px 0 !important;
    padding: 7px 10px !important;
    margin-top: 8px !important;
    font-size: 11.5px !important;
    color: #fca5a5 !important;
    font-style: italic !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    clear: both !important;
}

/* Jawny reset wymuszeń z .item-order-wrap div */
.item-order-wrap .zjemy-cart-item-header div,
.item-order-wrap .zjemy-cart-addon-row div,
.item-order-wrap .zjemy-cart-addon-cat div {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.item-order-wrap .zjemy-cart-item-title-wrap,
.item-order-wrap .zjemy-cart-item-right,
.item-order-wrap .zjemy-cart-actions-wrap,
.item-order-wrap .zjemy-cart-cat-title-wrap,
.item-order-wrap .zjemy-cart-cat-arrow-wrap,
.item-order-wrap .zjemy-cart-addon-label,
.item-order-wrap .zjemy-cart-addon-price {
    width: auto !important;
}

/* =========================================================
   STYLIZACJA PRZYCISKÓW UPSELL / POLECAMY RÓWNIEŻ
   ========================================================= */
.btn-add-upsell-cart,
.upsell-section-wrap .btn-add-upsell-cart,
#upsell-items-container .btn-add-upsell-cart,
#zjemy-global-cart-drawer .btn-add-upsell-cart,
.btn-add-upsell-cart.green-button,
#zjemy-global-cart-drawer .btn-add-upsell-cart.green-button {
    background: #fe0000 !important;
    background-color: #fe0000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 20px !important;
    padding: 4px 12px !important;
    height: 28px !important;
    min-height: 26px !important;
    line-height: normal !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    cursor: pointer !important;
    box-shadow: 0 2px 8px rgba(254, 0, 0, 0.35) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
    margin: 0 !important;
}

.btn-add-upsell-cart:hover,
.upsell-section-wrap .btn-add-upsell-cart:hover,
#upsell-items-container .btn-add-upsell-cart:hover,
#zjemy-global-cart-drawer .btn-add-upsell-cart:hover,
.btn-add-upsell-cart.green-button:hover,
#zjemy-global-cart-drawer .btn-add-upsell-cart.green-button:hover {
    background: #d40000 !important;
    background-color: #d40000 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(254, 0, 0, 0.55) !important;
    transform: translateY(-1px) !important;
}

.btn-add-upsell-cart:active,
.upsell-section-wrap .btn-add-upsell-cart:active,
#upsell-items-container .btn-add-upsell-cart:active,
#zjemy-global-cart-drawer .btn-add-upsell-cart:active,
.btn-add-upsell-cart.green-button:active,
#zjemy-global-cart-drawer .btn-add-upsell-cart.green-button:active {
    background: #b50000 !important;
    background-color: #b50000 !important;
    color: #ffffff !important;
    transform: translateY(0) !important;
    box-shadow: 0 1px 4px rgba(254, 0, 0, 0.3) !important;
}

.btn-add-upsell-cart i,
.btn-add-upsell-cart span,
#zjemy-global-cart-drawer .btn-add-upsell-cart i,
#zjemy-global-cart-drawer .btn-add-upsell-cart span {
    color: #ffffff !important;
}

.zjemy-drawer-delivery-opts {
    display: flex;
    gap: 8px;
    margin-bottom: 14px;
}
.zjemy-drawer-delivery-btn {
    flex: 1;
    padding: 8px 12px;
    border: 1px solid #3d3d3d;
    border-radius: 6px;
    background: #252525;
    color: #cccccc;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s;
}
.zjemy-drawer-delivery-btn:hover {
    background: #333333;
    color: #ffffff;
}
.zjemy-drawer-delivery-btn.active {
    background: #fe0000;
    border-color: #fe0000;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(254, 0, 0, 0.4);
}

.zjemy-drawer-footer {
    padding: 14px 18px;
    padding-bottom: max(22px, calc(env(safe-area-inset-bottom, 0px) + 22px)) !important;
    background: #202020;
    border-top: 1px solid #333333;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.5);
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
    width: 100% !important;
}
.zjemy-drawer-summary-row {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 6px;
    color: #aaaaaa;
}
.zjemy-drawer-summary-row.total {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed #3d3d3d;
}

.zjemy-drawer-checkout-btn {
    display: block;
    width: 100%;
    background: #28a745;
    color: #ffffff !important;
    text-align: center;
    padding: 14px 18px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 8px;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4);
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s;
    text-decoration: none;
    box-sizing: border-box !important;
}
.zjemy-drawer-checkout-btn:hover {
    background: #218838;
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(40, 167, 69, 0.5);
}
.zjemy-drawer-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 4px;
    font-size: 12px;
}
.zjemy-drawer-actions a, .zjemy-drawer-actions button {
    background: none;
    border: none;
    color: #888888;
    cursor: pointer;
    padding: 0;
    text-decoration: underline;
    font-size: 12px;
    transition: color 0.2s;
}
.zjemy-drawer-actions a:hover, .zjemy-drawer-actions button:hover {
    color: #fe0000;
}

/* === KROK 2 (KASA / ZAMÓWIENIE) PO PRAWEJ STRONIE - TRYB CIEMNY === */
#zjemy-global-cart-drawer.zjemy-drawer-checkout-mode {
    width: 540px;
    max-width: 98vw;
}

#zjemy-global-cart-drawer.zjemy-drawer-checkout-mode .zjemy-drawer-location,
#zjemy-global-cart-drawer.zjemy-drawer-checkout-mode .zjemy-drawer-delivery-opts,
#zjemy-global-cart-drawer.zjemy-drawer-checkout-mode .zjemy-drawer-footer {
    display: none !important;
}

.zjemy-drawer-back-btn {
    background: rgba(255, 255, 255, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.25);
    color: #ffffff !important;
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
    user-select: none;
}
.zjemy-drawer-back-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    color: #ffffff !important;
}

/* Stylizacja elementów formularza kasy Zjemy (Krok 2) w trybie ciemnym */
#zjemy-global-cart-drawer #frm-checkout,
#zjemy-global-cart-drawer .cart-checkout,
#zjemy-global-cart-drawer #checkout-wrap,
#zjemy-global-cart-drawer .checkout-step,
.fancybox-wrap.zjemy-fancybox-right-dark,
.fancybox-wrap.zjemy-fancybox-right-dark .fancybox-skin,
.fancybox-wrap.zjemy-fancybox-right-dark .fancybox-inner {
    background: #1e1e1e !important;
    color: #f0f0f0 !important;
}

/* Panele i ramki wewnątrz formularza kasy */
#zjemy-global-cart-drawer .box-grey,
#zjemy-global-cart-drawer .panel,
#zjemy-global-cart-drawer .well,
#zjemy-global-cart-drawer .checkout-step,
.fancybox-wrap.zjemy-fancybox-right-dark .box-grey,
.fancybox-wrap.zjemy-fancybox-right-dark .panel,
.fancybox-wrap.zjemy-fancybox-right-dark .well {
    background: #252525 !important;
    border: 1px solid #383838 !important;
    color: #e0e0e0 !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    padding: 14px !important;
    margin-bottom: 14px !important;
}

/* Nagłówki sekcji kasy */
#zjemy-global-cart-drawer h1, #zjemy-global-cart-drawer h2, #zjemy-global-cart-drawer h3, 
#zjemy-global-cart-drawer h4, #zjemy-global-cart-drawer h5, #zjemy-global-cart-drawer h6,
#zjemy-global-cart-drawer .box-title, #zjemy-global-cart-drawer .section-title, #zjemy-global-cart-drawer legend,
.fancybox-wrap.zjemy-fancybox-right-dark h1, .fancybox-wrap.zjemy-fancybox-right-dark h2,
.fancybox-wrap.zjemy-fancybox-right-dark h3, .fancybox-wrap.zjemy-fancybox-right-dark h4,
.fancybox-wrap.zjemy-fancybox-right-dark .box-title, .fancybox-wrap.zjemy-fancybox-right-dark legend {
    color: #ffffff !important;
    font-weight: 700 !important;
    border-bottom: 1px solid #383838 !important;
    padding-bottom: 8px !important;
    margin-top: 10px !important;
    margin-bottom: 12px !important;
}

/* Pola tekstowe i formularze */
#zjemy-global-cart-drawer input[type="text"],
#zjemy-global-cart-drawer input[type="email"],
#zjemy-global-cart-drawer input[type="tel"],
#zjemy-global-cart-drawer input[type="password"],
#zjemy-global-cart-drawer input[type="number"],
#zjemy-global-cart-drawer textarea,
#zjemy-global-cart-drawer select,
.fancybox-wrap.zjemy-fancybox-right-dark input[type="text"],
.fancybox-wrap.zjemy-fancybox-right-dark input[type="email"],
.fancybox-wrap.zjemy-fancybox-right-dark input[type="tel"],
.fancybox-wrap.zjemy-fancybox-right-dark textarea,
.fancybox-wrap.zjemy-fancybox-right-dark select {
    background: #2b2b2b !important;
    border: 1px solid #444444 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    font-size: 14px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
}
#zjemy-global-cart-drawer input:focus,
#zjemy-global-cart-drawer textarea:focus,
#zjemy-global-cart-drawer select:focus,
.fancybox-wrap.zjemy-fancybox-right-dark input:focus,
.fancybox-wrap.zjemy-fancybox-right-dark textarea:focus,
.fancybox-wrap.zjemy-fancybox-right-dark select:focus {
    border-color: #fe0000 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(254, 0, 0, 0.25) !important;
}
#zjemy-global-cart-drawer select option,
.fancybox-wrap.zjemy-fancybox-right-dark select option {
    background: #2b2b2b !important;
    color: #ffffff !important;
}

/* Etykiety i teksty formularza */
#zjemy-global-cart-drawer label,
#zjemy-global-cart-drawer p,
#zjemy-global-cart-drawer span,
.fancybox-wrap.zjemy-fancybox-right-dark label,
.fancybox-wrap.zjemy-fancybox-right-dark p,
.fancybox-wrap.zjemy-fancybox-right-dark span {
    color: #dddddd;
}
#zjemy-global-cart-drawer label strong,
.fancybox-wrap.zjemy-fancybox-right-dark label strong {
    color: #ffffff;
}

/* Opcje metod płatności i boksów kasy */
#zjemy-global-cart-drawer .payment-provider-list,
#zjemy-global-cart-drawer .payment_type_wrap,
#zjemy-global-cart-drawer .payment-block,
#zjemy-global-cart-drawer .payment-provider-wrap,
#zjemy-global-cart-drawer .credit_card_wrap,
#zjemy-global-cart-drawer .change_wrap,
.fancybox-wrap.zjemy-fancybox-right-dark .payment-provider-list,
.fancybox-wrap.zjemy-fancybox-right-dark .payment_type_wrap,
.fancybox-wrap .payment-provider-list,
.fancybox-wrap .payment_type_wrap,
.fancybox-wrap .payment-block,
.cart-mobile-wrap .payment-provider-list,
.cart-mobile-wrap .payment_type_wrap {
    background: #252525 !important;
    border-radius: 8px !important;
    padding: 12px 10px !important;
    border: 1px solid #383838 !important;
    margin-bottom: 12px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}
#zjemy-global-cart-drawer .payment-type,
#zjemy-global-cart-drawer .order-payment-type,
.fancybox-wrap.zjemy-fancybox-right-dark .payment-type,
.fancybox-wrap .payment-type,
.fancybox-wrap .order-payment-type,
.cart-mobile-wrap .payment-type,
.cart-mobile-wrap .order-payment-type {
    background: #2d2d2d !important;
    border: 1px solid #444444 !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    margin-bottom: 8px !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

#zjemy-global-cart-drawer .payment-type label,
#zjemy-global-cart-drawer .order-payment-type label,
#zjemy-global-cart-drawer .payment_type_wrap label,
.fancybox-wrap .payment-type label,
.fancybox-wrap .payment_type_wrap label,
.cart-mobile-wrap .payment-type label {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    cursor: pointer !important;
    line-height: 1.35 !important;
    margin-bottom: 0 !important;
}

#zjemy-global-cart-drawer .payment-type input[type="radio"],
#zjemy-global-cart-drawer .payment-type input[type="checkbox"],
#zjemy-global-cart-drawer .order-payment-type input[type="radio"],
#zjemy-global-cart-drawer .payment_type_wrap input[type="radio"],
.fancybox-wrap .payment-type input[type="radio"],
.cart-mobile-wrap .payment-type input[type="radio"] {
    flex-shrink: 0 !important;
    margin: 0 !important;
}

/* Usunięcie marginesów ujemnych z .row i .uk-grid wewnątrz szuflady kasy i popupów na mobilce */
#zjemy-global-cart-drawer .row,
#zjemy-global-cart-drawer .uk-grid,
#zjemy-global-cart-drawer [class*="uk-grid"],
#zjemy-global-cart-drawer .form-group,
.fancybox-wrap .cart-checkout .row,
.fancybox-wrap #frm-checkout .row,
.fancybox-wrap .payment-provider-list .row,
.fancybox-wrap .payment_type_wrap .row,
.cart-mobile-wrap .row,
.cart-wrapper .row,
.box-grey .row,
.payment-block .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

#zjemy-global-cart-drawer [class*="col-"],
#zjemy-global-cart-drawer [class*="uk-width-"],
.fancybox-wrap .cart-checkout [class*="col-"],
.fancybox-wrap #frm-checkout [class*="col-"],
.cart-mobile-wrap [class*="col-"],
.box-grey [class*="col-"] {
    box-sizing: border-box !important;
    max-width: 100% !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
}

/* Podsumowanie zamówienia (receipt) w kasie */
#zjemy-global-cart-drawer .receipt-wrap table,
#zjemy-global-cart-drawer #receipt-content table,
.fancybox-wrap.zjemy-fancybox-right-dark .receipt-wrap table,
.fancybox-wrap.zjemy-fancybox-right-dark #receipt-content table {
    width: 100% !important;
    border-collapse: collapse !important;
    color: #e0e0e0 !important;
}
#zjemy-global-cart-drawer .receipt-wrap td,
#zjemy-global-cart-drawer #receipt-content td,
#zjemy-global-cart-drawer .receipt-wrap th,
#zjemy-global-cart-drawer #receipt-content th,
.fancybox-wrap.zjemy-fancybox-right-dark .receipt-wrap td,
.fancybox-wrap.zjemy-fancybox-right-dark #receipt-content td {
    border-bottom: 1px solid #333333 !important;
    padding: 10px 4px !important;
    color: #e0e0e0 !important;
}

/* Przyciski finalizacji zamówienia ("Złóż zamówienie", "Kupuję i płacę") */
#zjemy-global-cart-drawer #place_order,
#zjemy-global-cart-drawer .btn-place-order,
#zjemy-global-cart-drawer button[name="place_order"],
#zjemy-global-cart-drawer input[name="place_order"],
.fancybox-wrap.zjemy-fancybox-right-dark #place_order,
.fancybox-wrap.zjemy-fancybox-right-dark .btn-place-order {
    background: #28a745 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    width: 100% !important;
    cursor: pointer !important;
    box-shadow: 0 4px 15px rgba(40, 167, 69, 0.4) !important;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    transition: background 0.2s, transform 0.1s, box-shadow 0.2s !important;
    box-sizing: border-box !important;
}
#zjemy-global-cart-drawer #place_order:hover,
#zjemy-global-cart-drawer .btn-place-order:hover,
.fancybox-wrap.zjemy-fancybox-right-dark #place_order:hover,
.fancybox-wrap.zjemy-fancybox-right-dark .btn-place-order:hover {
    background: #218838 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(40, 167, 69, 0.5) !important;
}

/* Pozycjonowanie Fancybox po prawej stronie w trybie ciemnym (gdyby został wywołany) */
.fancybox-wrap.zjemy-fancybox-right-dark {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    bottom: 0 !important;
    height: 100vh !important;
    max-height: 100vh !important;
    width: min(540px, 100vw) !important;
    max-width: 100vw !important;
    margin: 0 !important;
    transform: none !important;
    box-shadow: -10px 0 35px rgba(0, 0, 0, 0.8) !important;
    z-index: 1000000 !important;
}
.fancybox-wrap.zjemy-fancybox-right-dark .fancybox-skin {
    border-radius: 0 !important;
    border-left: 1px solid #333333 !important;
    height: 100% !important;
    padding: 15px !important;
}
.fancybox-wrap.zjemy-fancybox-right-dark .fancybox-inner {
    height: calc(100vh - 40px) !important;
    max-height: calc(100vh - 40px) !important;
    overflow-y: auto !important;
}

/* === STYLIZACJA KROKU LOGOWANIA / REJESTRACJI (AUTH W SZUFLADZIE) === */
.zjemy-auth-tabs {
    display: flex;
    background: #141417;
    padding: 4px;
    border-radius: 8px;
    margin-bottom: 18px;
    border: 1px solid #282832;
    gap: 4px;
}
.zjemy-auth-tab {
    flex: 1;
    background: transparent;
    border: none;
    color: #9e9ea7;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 12px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    outline: none;
}
.zjemy-auth-tab:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.05);
}
.zjemy-auth-tab.active {
    background: #fe0000;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(254, 0, 0, 0.4);
}

.zjemy-show-login-btn,
#zjemy-show-login-btn,
a.zjemy-show-login-btn {
    cursor: pointer !important;
    /*text-decoration: underline !important;*/
    /*olor: #fe0000 !important;*/
    font-weight: 700 !important;
    display: inline-block !important;
    transition: opacity 0.2s ease, color 0.2s ease !important;
}
.zjemy-show-login-btn:hover,
#zjemy-show-login-btn:hover,
a.zjemy-show-login-btn:hover {
    opacity: 0.8 !important;
    color: #ff3333 !important;
}

/* Przełącznik Dostawa / Odbiór osobisty w kroku 2 (Kasa) */
.zjemy-checkout-delivery-switcher {
    display: flex;
    background: #141417;
    padding: 5px;
    border-radius: 8px;
    margin-bottom: 18px;
    border: 1px solid #2e2e38;
    gap: 6px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25);
}
.zjemy-del-toggle-btn {
    flex: 1;
    background: transparent;
    border: none;
    color: #a0a0b0;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
    text-align: center;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.zjemy-del-toggle-btn:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.06);
}
.zjemy-del-toggle-btn.active {
    background: #fe0000;
    color: #ffffff;
    box-shadow: 0 2px 8px rgba(254, 0, 0, 0.4);
}

/* Sekcja Dane do faktury w koszyku / kasie */
.zjemy-invoice-section {
    background: #18181c !important;
    border: 1px solid #2e2e38 !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    margin-bottom: 16px !important;
}
.zjemy-invoice-section input[type="text"] {
    background: #23232a !important;
    border: 1px solid #383844 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    font-size: 13px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
.zjemy-invoice-section input[type="text"]:focus {
    border-color: #fe0000 !important;
    outline: none !important;
}
.zjemy-invoice-section label {
    color: #cccccc !important;
}


#zjemy-global-cart-drawer .uk-form-row {
    margin-bottom: 14px !important;
}

#zjemy-global-cart-drawer .uk-form-row.center {
    text-align: center;
    color: #888899;
    font-size: 12px;
    font-weight: 700;
    margin: 16px 0 !important;
    position: relative;
}
#zjemy-global-cart-drawer .uk-form-row.center b {
    background: #18181c;
    padding: 0 10px;
    position: relative;
    z-index: 1;
    letter-spacing: 1px;
}
#zjemy-global-cart-drawer .uk-form-row.center::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10%;
    right: 10%;
    height: 1px;
    background: #2a2a35;
    z-index: 0;
}

/* Przycisk Facebook */
#zjemy-global-cart-drawer .fb-button,
.fb-button {
    background: #1877F2 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(24, 119, 242, 0.35) !important;
    transition: all 0.2s ease !important;
    cursor: pointer !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
#zjemy-global-cart-drawer .fb-button:hover,
.fb-button:hover {
    background: #166fe5 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(24, 119, 242, 0.45) !important;
    color: #ffffff !important;
}

/* Przycisk Logowania */
#zjemy-global-cart-drawer .login_button {
    background: #fe0000 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 13px 18px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    width: 100% !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(254, 0, 0, 0.4) !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
#zjemy-global-cart-drawer .login_button:hover {
    background: #d40000 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(254, 0, 0, 0.5) !important;
}

/* Przycisk Utwórz konto (Rejestracja) */
#zjemy-global-cart-drawer .sign_up_button {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 13px 18px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    width: 100% !important;
    cursor: pointer !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.4) !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
    box-sizing: border-box !important;
}
#zjemy-global-cart-drawer .sign_up_button:hover {
    background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 18px rgba(16, 185, 129, 0.5) !important;
}

/* Komunikaty błędów i sukcesów w szufladzie */
.zjemy-auth-msg {
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
    animation: zjemyFadeIn 0.2s ease;
}
@keyframes zjemyFadeIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}
.zjemy-auth-msg-warning {
    background: rgba(239, 68, 68, 0.15);
    border: 1px solid #ef4444;
    color: #fca5a5;
}
.zjemy-auth-msg-success {
    background: rgba(16, 185, 129, 0.15);
    border: 1px solid #10b981;
    color: #6ee7b7;
}

#zjemy-global-cart-drawer #login_form input[type="text"],
#zjemy-global-cart-drawer #login_form input[type="password"],
#zjemy-global-cart-drawer #form-signup input[type="text"],
#zjemy-global-cart-drawer #form-signup input[type="password"],
#zjemy-global-cart-drawer #form-signup input[type="tel"],
#zjemy-global-cart-drawer #form-signup input[type="email"] {
    background: #23232a !important;
    border: 1px solid #363642 !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    padding: 11px 13px !important;
    font-size: 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}
#zjemy-global-cart-drawer #login_form input:focus,
#zjemy-global-cart-drawer #form-signup input:focus {
    border-color: #fe0000 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(254, 0, 0, 0.2) !important;
}
#zjemy-global-cart-drawer #login_form,
#zjemy-global-cart-drawer #form-signup {
    background: #18181c !important;
    border: 1px solid #282830 !important;
    border-radius: 10px !important;
    padding: 18px !important;
    box-sizing: border-box !important;
}
#zjemy-global-cart-drawer #login_form a,
#zjemy-global-cart-drawer #form-signup a {
    color: #fe0000 !important;
    text-decoration: underline !important;
}
#zjemy-global-cart-drawer #login_form label,
#zjemy-global-cart-drawer #form-signup label {
    color: #b0b0b8 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
}
#zjemy-global-cart-drawer #login_form .uk-text-muted,
#zjemy-global-cart-drawer #form-signup .uk-text-muted {
    color: #777785 !important;
}

@media (max-width: 600px) {
    #zjemy-global-floating-cart-btn {
        bottom: 16px;
        right: 16px;
        padding: 10px 16px;
        gap: 8px;
    }
    #zjemy-global-floating-cart-btn .zjemy-cart-rest-name {
        max-width: 100px;
    }
    #zjemy-global-cart-drawer {
        width: 100% !important;
        max-width: 100vw !important;
        right: -105vw !important;
        height: 100% !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        bottom: 0 !important;
    }
    #zjemy-global-cart-drawer.zjemy-drawer-checkout-mode {
        width: 100% !important;
        max-width: 100vw !important;
    }
    #zjemy-global-cart-drawer.zjemy-drawer-open {
        right: 0 !important;
    }
    .zjemy-drawer-body {
        padding: 12px 10px 24px 10px !important;
    }
    .zjemy-drawer-footer {
        padding: 12px 14px !important;
        padding-bottom: max(28px, calc(env(safe-area-inset-bottom, 0px) + 28px)) !important;
        margin-bottom: 0 !important;
    }
    .zjemy-drawer-checkout-btn {
        padding: 14px 16px !important;
        font-size: 15px !important;
        margin-top: 8px !important;
        margin-bottom: 6px !important;
    }
    .zjemy-drawer-actions {
        margin-top: 6px !important;
        margin-bottom: 2px !important;
    }
    #zjemy-global-cart-drawer.zjemy-drawer-checkout-mode .zjemy-drawer-body {
        padding-bottom: max(35px, calc(env(safe-area-inset-bottom, 0px) + 30px)) !important;
    }
    #zjemy-global-cart-drawer #place_order,
    #zjemy-global-cart-drawer .btn-place-order,
    #zjemy-global-cart-drawer button[name="place_order"],
    #zjemy-global-cart-drawer input[name="place_order"] {
        margin-bottom: max(25px, calc(env(safe-area-inset-bottom, 0px) + 20px)) !important;
    }
    #zjemy-global-cart-drawer .box-grey,
    #zjemy-global-cart-drawer .panel,
    #zjemy-global-cart-drawer .well,
    #zjemy-global-cart-drawer .payment-provider-list,
    #zjemy-global-cart-drawer .payment_type_wrap,
    #zjemy-global-cart-drawer .payment-block {
        padding: 10px 8px !important;
    }
    #zjemy-global-cart-drawer .payment-type,
    #zjemy-global-cart-drawer .order-payment-type {
        padding: 8px 10px !important;
    }
}
