.pmbd {
    display: none;
}

@media (max-width: 1280px) {
    body {
        padding-bottom: calc(72px + var(--pmbd-safe));
    }

    .pmbd {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: var(--pmbd-z);
        display: block;
        padding-bottom: var(--pmbd-safe);
        background: var(--pmbd-bg);
        border-top: 1px solid var(--pmbd-border);
        box-shadow: var(--pmbd-shadow);
    }

    .pmbd__inner {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(0, 1fr);
        min-height: 64px;
        max-width: 720px;
        margin: 0 auto;
    }

    .pmbd__item {
        position: relative;
        display: flex;
        min-width: 0;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 4px;
        padding: 8px 4px 7px;
        color: var(--pmbd-text);
        font: 600 11px/1.1 "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        text-align: center;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }

    .pmbd__item:hover,
    .pmbd__item:focus,
    .pmbd__item.is-active {
        color: var(--pmbd-active);
        outline: none;
    }

    .pmbd__item:focus-visible {
        outline: 2px solid var(--pmbd-active);
        outline-offset: -4px;
    }

    .pmbd__icon {
        position: relative;
        display: inline-flex;
        width: 25px;
        height: 25px;
        align-items: center;
        justify-content: center;
    }

    .pmbd__icon svg {
        width: 23px;
        height: 23px;
        fill: currentColor;
        flex: 0 0 auto;
    }

    .pmbd__label {
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pmbd__badge {
        position: absolute;
        top: -7px;
        right: -10px;
        display: inline-flex;
        min-width: 17px;
        height: 17px;
        align-items: center;
        justify-content: center;
        padding: 0 4px;
        border: 2px solid var(--pmbd-bg);
        border-radius: 999px;
        background: var(--pmbd-badge);
        color: #fff;
        font-size: 10px;
        line-height: 1;
    }

    .pmbd__badge--empty {
        display: none;
    }

    .pmbd-search {
        position: fixed;
        inset: 0;
        z-index: calc(var(--pmbd-z) + 1);
        display: grid;
        align-items: end;
        background: rgba(15, 23, 42, .45);
    }

    .pmbd-search[hidden] {
        display: none;
    }

    .pmbd-search__panel {
        position: relative;
        padding: 22px 16px calc(24px + var(--pmbd-safe));
        border-radius: 18px 18px 0 0;
        background: #fff;
        box-shadow: 0 -18px 60px rgba(15, 23, 42, .22);
    }

    .pmbd-search__close {
        position: absolute;
        top: 10px;
        right: 12px;
        width: 34px;
        height: 34px;
        border: 0;
        border-radius: 999px;
        background: #f1f5f9;
        color: #0f172a;
        font-size: 24px;
        line-height: 1;
    }

    .pmbd-search__form {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px;
        margin-top: 22px;
    }

    .pmbd-search__form input[type="search"] {
        min-height: 46px;
        min-width: 0;
        padding: 0 14px;
        border: 1px solid #cbd5e1;
        border-radius: 8px;
        font-size: 16px;
    }

    .pmbd-search__form button[type="submit"] {
        min-height: 46px;
        padding: 0 16px;
        border: 0;
        border-radius: 8px;
        background: var(--pmbd-active);
        color: #fff;
        font-weight: 700;
    }

    .pmbd-product-bar {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: var(--pmbd-z);
        display: grid;
        grid-template-columns: minmax(0, .88fr) auto;
        gap: 10px;
        align-items: center;
        min-height: 74px;
        padding: 12px 12px calc(12px + var(--pmbd-safe));
        border-top: 1px solid var(--pmbd-border);
        background: var(--pmbd-product-bg);
        box-shadow: var(--pmbd-shadow);
    }

    .pmbd-product-bar__meta {
        min-width: 0;
        color: var(--pmbd-product-text);
    }

    .pmbd-product-bar__price {
        overflow: hidden;
        color: #111;
        font: 500 15px/1.1 "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pmbd-product-bar__currency {
        color: #111;
        margin-right: 6px;
    }

    .pmbd-product-bar__amount,
    .pmbd-product-bar__price ins {
        color: var(--pmbd-product-primary);
        font-weight: 800;
        text-decoration: none;
    }

    .pmbd-product-bar__price del {
        margin-right: 4px;
        color: #9ca3af;
        font-size: 12px;
        font-weight: 600;
    }

    .pmbd-product-bar__stock {
        margin-top: 4px;
        overflow: hidden;
        color: #64748b;
        font: 600 11px/1.1 "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pmbd-product-bar__stock .stock {
        margin: 0;
    }

    .pmbd-product-bar__actions {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: minmax(86px, auto);
        gap: 8px;
        align-items: stretch;
        justify-content: end;
        min-width: 0;
    }

    .pmbd-product-bar__icon-action,
    .pmbd-product-bar__button {
        display: inline-flex;
        min-height: 46px;
        align-items: center;
        justify-content: center;
        border-radius: 7px;
        font: 800 12px/1.1 "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        text-align: center;
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }

    .pmbd-product-bar__icon-action {
        min-width: 48px;
        flex-direction: column;
        gap: 2px;
        border: 1px solid #e5e7eb;
        background: #fff;
        color: var(--pmbd-product-secondary);
    }

    .pmbd-product-bar__icon-action svg {
        width: 18px;
        height: 18px;
        fill: currentColor;
    }

    .pmbd-product-bar__icon-action span {
        max-width: 54px;
        overflow: hidden;
        font-size: 10px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .pmbd-product-bar__button {
        min-width: 82px;
        padding: 0 10px;
        border: 0;
        color: #fff;
    }

    .pmbd-product-bar__button--secondary {
        background: var(--pmbd-product-secondary);
    }

    .pmbd-product-bar__button--primary {
        background: var(--pmbd-product-primary);
    }

    .pmbd-product-bar__button--disabled {
        background: #94a3b8;
    }

    @media (max-width: 380px) {
        .pmbd-product-bar {
            grid-template-columns: minmax(0, .7fr) auto;
            gap: 6px;
            padding-right: 8px;
            padding-left: 8px;
        }

        .pmbd-product-bar__button {
            min-width: 72px;
            padding: 0 8px;
            font-size: 11px;
        }

        .pmbd-product-bar__icon-action {
            min-width: 42px;
        }

        .pmbd-product-bar__icon-action span {
            max-width: 44px;
        }
    }
}

/* Driver Portal - Never display dock or search on driver portal */
body.cddp-driver-portal-page .pmbd,
body.cddp-driver-portal-page .pmbd-search,
body.cddp-driver-portal-page .pmbd-product-bar,
body:has(.cddp-dashboard) .pmbd,
body:has(.cddp-dashboard) .pmbd-search,
body:has(.cddp-dashboard) .pmbd-product-bar {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

body.cddp-driver-portal-page,
body:has(.cddp-dashboard) {
    padding-bottom: 0 !important;
}