.card-img-top, .product-image, .card-img {
    width: 100% !important;
    height: 350px !important;
    object-fit: cover !important;
    object-position: 50% 30%;
}

.card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.card-body {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

@media (max-width: 992px) {
    html {
        overflow: hidden;
        width: 100%;
    }
    body {
        height: 100%;
        position: fixed;
        width: 100%;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: none;
    }
}

/* Desktop only (mouse + wide screen): wrap the pills instead of scrolling.
   Nothing below this touches mobile's scroll behaviour at all. */
@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
    .btcpay-pills {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

/* Mobile: a small "Swipe" label at the START (left) of the row.
   The arrow is written as a CSS escape code, not a pasted character,
   so it can't get mangled by copy/paste. */
@media (hover: none), (pointer: coarse) {
    .btcpay-pills::before {
        content: "Swipe \2192";
        order: -1;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        padding: 0 0.75rem;
        font-weight: 600;
        font-size: 0.8rem;
        color: var(--btcpay-body-link, #6c757d);
        white-space: nowrap;
    }
}

/* Desktop only: shrink the cart panel so the product grid gets more room */
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    #PosCart {
        --sidebar-width: 320px !important;
    }
}

/* Phones in actual landscape orientation only. Keep the header reachable
   but shrink it so it doesn't eat the screen. */
@media (max-height: 500px) and (orientation: landscape) {
    header.sticky-top {
        padding-top: 0.25rem !important;
        padding-bottom: 0.25rem !important;
        gap: 0.5rem !important;
    }

    /* Turn off the mobile page-lock in landscape so the Pay button
       can be reached by scrolling. */
    html {
        overflow: visible !important;
    }
    body {
        position: static !important;
        height: auto !important;
        overflow-y: visible !important;
    }
}

/* Floating WhatsApp button: round white button with the official green WhatsApp icon.
   The link text is hidden visually but kept for screen readers.
   z-index is below the cart drawer, so the open cart covers it
   instead of it covering the Pay button. */
.wa-float {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    background-color: #fff;
    background-image: url("data:image/png;base64,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");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 34px 34px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.25);
    font-size: 0 !important;
    color: transparent !important;
    text-decoration: none !important;
    overflow: hidden;
}

/* Mobile: slightly smaller */
@media (hover: none), (pointer: coarse) {
    .wa-float {
        bottom: 16px;
        right: 16px;
        width: 52px;
        height: 52px;
        background-size: 30px 30px;
    }
}

/* Desktop: the cart sidebar (320px) covers the bottom-right corner,
   so sit the button just to the left of the cart instead */
@media (min-width: 992px) and (hover: hover) and (pointer: fine) {
    .wa-float {
        right: 340px;
    }
}
/* Hide the WhatsApp button inside the dashboard description editor only */
.note-editor .wa-float,
.note-editable .wa-float {
    display: none !important;
}