/* =========================================================
   QR MENU — MODERN DARK
   Shared order engine with the light theme, independent skin.
   ========================================================= */

body.qr-menu-dark-modern {
    --qr-dark-bg: #090b0e;
    --qr-dark-surface: #11151a;
    --qr-dark-surface-2: #171c22;
    --qr-dark-border: rgba(255, 255, 255, .10);
    --qr-dark-text: #f7f4ee;
    --qr-dark-muted: #a9abb0;
    --qr-dark-accent: #d5aa67;
    --qr-dark-accent-strong: #efc47f;
    --qr-category-card-bg: #151a20;
    --qr-category-active-bg: #20262d;
    margin: 0;
    background: var(--qr-dark-bg);
    color: var(--qr-dark-text);
}

.qr-menu-dark-modern .body,
.qr-menu-dark-modern .main {
    min-height: 100vh;
    background:
        radial-gradient(circle at 7% 30%, rgba(213, 170, 103, .08), transparent 26%),
        var(--qr-dark-bg);
}

/* Digital showcase */
.qr-menu-dark-modern .light-showcase {
    padding: 24px 0 34px;
    background: transparent;
}

.qr-menu-dark-modern .light-showcase-shell {
    min-height: 570px;
    padding: 48px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 32px;
    background: #111418;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .42);
}

.qr-menu-dark-modern .light-showcase-shell::before {
    z-index: 2;
    top: -180px;
    left: -140px;
    width: 440px;
    height: 440px;
    background: rgba(213, 170, 103, .18);
    filter: blur(2px);
}

.qr-menu-dark-modern .light-showcase-shell::after {
    content: "";
    position: absolute;
    z-index: 1;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(7, 9, 12, .95) 0%, rgba(7, 9, 12, .77) 43%, rgba(7, 9, 12, .18) 78%, rgba(7, 9, 12, .36) 100%),
        linear-gradient(0deg, rgba(7, 9, 12, .72) 0%, transparent 45%);
    pointer-events: none;
}

.qr-menu-dark-modern .light-showcase-row {
    z-index: 3;
    min-height: 474px;
    align-items: flex-end !important;
}

.qr-menu-dark-modern .light-showcase-info {
    z-index: 4;
    align-self: flex-end;
    padding: 112px 40px 26px 15px;
}

.qr-menu-dark-modern .light-showcase-visual {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0;
}

.qr-menu-dark-modern .light-cover-card {
    width: 100%;
    height: 100%;
    min-height: 570px;
    border-radius: 0;
    background: #191d22;
    box-shadow: none;
}

.qr-menu-dark-modern .light-cover-image,
.qr-menu-dark-modern .light-cover-placeholder {
    width: 100%;
    height: 100%;
    min-height: 570px;
}

.qr-menu-dark-modern .light-cover-image {
    object-fit: cover;
    filter: saturate(.92) contrast(1.04) brightness(.82);
}

.qr-menu-dark-modern .light-cover-placeholder {
    background:
        radial-gradient(circle at 70% 20%, rgba(213, 170, 103, .24), transparent 30%),
        linear-gradient(135deg, #20252b, #0d1014);
    color: rgba(255, 255, 255, .55);
}

.qr-menu-dark-modern .light-showcase-logo {
    width: 78px;
    height: 78px;
    margin-bottom: 25px;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 22px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 15px 35px rgba(0, 0, 0, .28);
}

.qr-menu-dark-modern .light-showcase-eyebrow {
    color: var(--qr-dark-accent-strong);
}

.qr-menu-dark-modern .light-showcase-title {
    color: #fff;
    font-size: clamp(38px, 5vw, 60px);
    text-shadow: 0 4px 22px rgba(0, 0, 0, .30);
}

.qr-menu-dark-modern .light-showcase-slogan {
    color: rgba(255, 255, 255, .76);
    text-shadow: 0 2px 12px rgba(0, 0, 0, .35);
}

.qr-menu-dark-modern .light-showcase-pill {
    border-color: rgba(255, 255, 255, .20);
    background: rgba(15, 18, 22, .58);
    color: #fff !important;
    box-shadow: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.qr-menu-dark-modern .light-showcase-pill i {
    color: var(--qr-dark-accent-strong);
}

.qr-menu-dark-modern .light-showcase-pill:hover {
    border-color: rgba(239, 196, 127, .70);
    background: rgba(213, 170, 103, .18);
    color: #fff !important;
}

.qr-menu-dark-modern .light-showcase-social a {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(15, 18, 22, .52);
    color: rgba(255, 255, 255, .84);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.qr-menu-dark-modern .light-showcase-social a:hover {
    border-color: var(--qr-dark-accent);
    background: var(--qr-dark-accent);
    color: #17130d;
}

.qr-menu-dark-modern .light-showcase-actions {
    z-index: 6;
}

.qr-menu-dark-modern .light-account-button,
.qr-menu-dark-modern .light-showcase-actions .qr-public-review-trigger {
    border-color: rgba(255, 255, 255, .20);
    background: rgba(10, 12, 15, .62);
    color: #fff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.qr-menu-dark-modern .light-account-button:hover,
.qr-menu-dark-modern .light-showcase-actions .qr-public-review-trigger:hover {
    border-color: var(--qr-dark-accent);
    background: rgba(213, 170, 103, .18);
    color: #fff !important;
}

.qr-menu-dark-modern .light-cover-decoration {
    z-index: 4;
    border-color: rgba(255, 255, 255, .22);
    background: rgba(8, 10, 12, .58);
}

/* Featured products and category navigation */
.qr-menu-dark-modern .container.mt-5 {
    margin-top: 1.7rem !important;
}

.qr-menu-dark-modern .qr-featured-header h2 {
    color: var(--qr-dark-text);
    font-family: Lora, serif;
}

.qr-menu-dark-modern .qr-featured-subtitle {
    color: var(--qr-dark-muted);
    opacity: 1;
}

.qr-menu-dark-modern .qr-featured-card {
    flex-basis: 220px;
    border-color: var(--qr-dark-border);
    border-radius: 20px;
    background: var(--qr-dark-surface-2);
    box-shadow: 0 16px 38px rgba(0, 0, 0, .24);
    cursor: pointer;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.qr-menu-dark-modern .qr-featured-card:hover,
.qr-menu-dark-modern .qr-featured-card:focus-visible {
    border-color: rgba(239, 196, 127, .58);
    box-shadow: 0 18px 42px rgba(0, 0, 0, .34);
    outline: none;
    transform: translateY(-2px);
}

.qr-menu-dark-modern .qr-featured-image-wrap {
    aspect-ratio: 4 / 3;
    background: #20242a;
}

.qr-menu-dark-modern .qr-featured-product-name,
.qr-menu-dark-modern .qr-featured-price {
    color: var(--qr-dark-text);
}

.qr-menu-dark-modern .qr-featured-description {
    display: none;
}

.qr-menu-dark-modern .qr-featured-price {
    display: none;
}

.qr-menu-dark-modern .qr-featured-footer {
    display: none;
}

.qr-menu-dark-modern .qr-featured-order {
    border: 1px solid rgba(239, 196, 127, .38);
    border-radius: 999px;
    background: var(--qr-dark-accent);
    color: #17130d;
}

.qr-menu-dark-modern .qr-category-sticky-shell {
    position: sticky;
    /* Keep the sticky categories above menu content, but below account/cart overlays. */
    z-index: 1010;
    top: 0;
    padding: 8px 0;
    background: linear-gradient(180deg, rgba(9, 12, 15, .95) 0%, rgba(9, 12, 15, .72) 72%, transparent 100%);
}

.qr-menu-dark-modern .qr-category-navigation {
    position: relative;
    z-index: 40;
    padding: 8px;
    border: 1px solid var(--qr-dark-border);
    border-radius: 18px;
    background: rgba(13, 16, 20, .88);
    box-shadow: 0 14px 36px rgba(0, 0, 0, .26);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.qr-menu-dark-modern .qr-category-scroll {
    gap: 7px;
}

.qr-menu-dark-modern .qr-category-pill {
    border-color: rgba(255, 255, 255, .10);
    background: rgba(255, 255, 255, .055);
    color: rgba(255, 255, 255, .82);
}

.qr-menu-dark-modern .qr-category-pill:hover,
.qr-menu-dark-modern .qr-category-pill:focus,
.qr-menu-dark-modern .qr-category-pill.is-active,
.qr-menu-dark-modern .qr-category-pill[aria-selected="true"] {
    border-color: var(--qr-dark-accent);
    background: var(--qr-dark-accent);
    color: #17130d;
}

.qr-menu-dark-modern .qr-category-arrow {
    border-color: rgba(255, 255, 255, .10);
    background: #20252b;
    color: var(--qr-dark-accent-strong);
}

/* Category and product list */
.qr-menu-dark-modern #menu {
    padding-top: 18px !important;
    margin-top: 24px !important;
    margin-bottom: 16px !important;
}

.qr-menu-dark-modern .qr-menu-category-section {
    margin-bottom: 76px !important;
}

.qr-menu-dark-modern #menu .menu-group-image {
    width: 100%;
    min-height: 340px;
    max-height: 430px;
    object-fit: cover;
    border: 1px solid var(--qr-dark-border);
    border-radius: 28px;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .34) !important;
}

.qr-menu-dark-modern #menu .custom-negative-margin-top-1 {
    position: relative;
    z-index: 3;
    margin-top: -72px;
}

.qr-menu-dark-modern #menu .card {
    overflow: hidden;
    border: 1px solid var(--qr-dark-border) !important;
    border-radius: 25px !important;
    background: rgba(18, 22, 27, .97);
    box-shadow: 0 24px 65px rgba(0, 0, 0, .40) !important;
}

.qr-menu-dark-modern #menu .card-body {
    padding: 38px !important;
}

.qr-menu-dark-modern #menu h4 {
    color: var(--qr-dark-text) !important;
    font-family: Lora, serif;
    font-size: 27px;
    letter-spacing: 0 !important;
}

.qr-menu-dark-modern #menu .custom-divider-size-1 {
    height: 1px;
    background: linear-gradient(90deg, var(--qr-dark-accent), rgba(255, 255, 255, .06)) !important;
}

.qr-menu-dark-modern .light-menu-product {
    padding: 20px 0 22px;
    border-bottom-color: rgba(255, 255, 255, .10);
}

.qr-menu-dark-modern .light-menu-product::before {
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: -15px;
    width: 3px;
    border-radius: 99px;
    background: var(--qr-dark-accent);
    opacity: 0;
    transition: opacity .18s ease;
}

.qr-menu-dark-modern .light-menu-product:hover::before,
.qr-menu-dark-modern .light-menu-product:focus::before {
    opacity: 1;
}

.qr-menu-dark-modern .light-menu-product-name {
    color: #fff;
}

.qr-menu-dark-modern .light-menu-product-description {
    color: var(--qr-dark-muted);
}

.qr-menu-dark-modern .light-menu-product-info-item {
    border-color: rgba(255, 255, 255, .09);
    background: rgba(255, 255, 255, .045);
}

.qr-menu-dark-modern .light-menu-product-info-icon {
    background: rgba(213, 170, 103, .15);
    color: var(--qr-dark-accent-strong);
}

.qr-menu-dark-modern .light-menu-product-info-item span:not(.light-menu-product-info-icon) {
    color: #777d84;
}

.qr-menu-dark-modern .light-menu-product-info-item strong {
    color: #e7e9ec;
}

.qr-menu-dark-modern .light-menu-product-price {
    color: var(--qr-dark-accent-strong);
}

.qr-menu-dark-modern .light-menu-product-button {
    min-width: 96px;
    border: 1px solid rgba(239, 196, 127, .35);
    background: var(--qr-dark-accent);
    color: #17130d;
}

.qr-menu-dark-modern .light-menu-product-button:hover {
    background: var(--qr-dark-accent-strong);
    color: #17130d;
}

/* Product detail and order modal: intentionally light, food-first */
.qr-menu-dark-modern .light-product-modal .modal-dialog {
    max-width: 590px;
}

.qr-menu-dark-modern .light-product-modal .modal-content {
    border-radius: 30px;
    background: #fff;
    box-shadow: 0 35px 110px rgba(0, 0, 0, .58);
}

.qr-menu-dark-modern .light-product-modal-image-wrap {
    width: 100%;
    max-width: none;
    aspect-ratio: 16 / 10;
    background: #ece8e1;
}

.qr-menu-dark-modern .light-product-modal-image {
    object-position: center;
}

.qr-menu-dark-modern .light-product-modal-content {
    padding: 27px 30px 30px;
}

.qr-menu-dark-modern .light-product-modal-eyebrow {
    color: #9c6c2b;
}

.qr-menu-dark-modern .light-product-modal-title {
    color: #17191d;
    font-family: Poppins, sans-serif;
    font-size: 27px;
    font-weight: 800;
    letter-spacing: -.35px;
}

.qr-menu-dark-modern .light-product-modal-description {
    color: #6d7178;
}

.qr-menu-dark-modern .light-product-modal-price {
    color: #17191d;
    font-family: Poppins, sans-serif;
    font-size: 22px;
    font-weight: 800;
}

.qr-menu-dark-modern .light-product-info-chip {
    border-color: #e5e8ec;
    background: #f8f9fa;
}

.qr-menu-dark-modern .light-product-info-chip-icon {
    background: #edf6fb;
    color: #168ec2;
}

.qr-menu-dark-modern .light-product-detail-tag {
    border-color: #e4e7eb;
    background: #f6f7f8;
    color: #555d66;
}

.qr-menu-dark-modern .light-product-allergen-section {
    border-color: #d9e5ec;
    background: #f4f9fc;
}

.qr-menu-dark-modern .light-product-allergen-icon {
    background: #e3f2fa;
    color: #1688bb;
}

.qr-menu-dark-modern .light-product-allergen-title {
    color: #24566e;
}

.qr-menu-dark-modern .light-product-allergen-text {
    color: #577482;
}

.qr-menu-dark-modern .light-product-quantity-button:last-child,
.qr-menu-dark-modern .light-product-add-cart-button {
    background: #1f9d55;
    color: #fff;
}

.qr-menu-dark-modern .light-product-quantity-button:last-child:hover,
.qr-menu-dark-modern .light-product-add-cart-button:hover {
    background: #178448;
}

.qr-menu-dark-modern .light-product-modal-footer {
    box-shadow: 0 -10px 28px rgba(20, 24, 29, .06);
}

/* Cart */
.qr-menu-dark-modern .cart-fab {
    background: var(--qr-dark-accent);
    color: #17130d;
    box-shadow: 0 14px 38px rgba(0, 0, 0, .40);
}

.qr-menu-dark-modern .cart-fab-count {
    background: #fff;
    color: #11151a;
}

.qr-menu-dark-modern .cart-drawer {
    border-left: 1px solid var(--qr-dark-border);
    background: #11151a;
    color: #fff;
}

.qr-menu-dark-modern .cart-drawer-header,
.qr-menu-dark-modern .cart-drawer-footer {
    border-color: rgba(255, 255, 255, .10);
    background: #141920;
}

.qr-menu-dark-modern .cart-drawer-header h4,
.qr-menu-dark-modern .cart-item-name,
.qr-menu-dark-modern .cart-item-price,
.qr-menu-dark-modern .cart-total-row {
    color: #fff;
}

.qr-menu-dark-modern .cart-item {
    border-bottom-color: rgba(255, 255, 255, .10);
}

.qr-menu-dark-modern .cart-item-meta,
.qr-menu-dark-modern .cart-empty {
    color: var(--qr-dark-muted);
}

.qr-menu-dark-modern .btn-cart-complete {
    background: var(--qr-dark-accent);
    color: #17130d;
}

.qr-menu-dark-modern .btn-cart-clear {
    border-color: rgba(255, 255, 255, .18);
    background: transparent;
    color: #fff;
}

.qr-menu-dark-modern .cart-gift-item {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .04);
}

.qr-menu-dark-modern #footer,
.qr-menu-dark-modern #footer .footer-copyright {
    background: #07090b !important;
}

@media (max-width: 991.98px) {
    .qr-menu-dark-modern .light-showcase {
        padding-top: 16px;
    }

    .qr-menu-dark-modern .light-showcase-shell {
        min-height: 540px;
        padding: 34px;
    }

    .qr-menu-dark-modern .light-showcase-row {
        min-height: 470px;
    }

    .qr-menu-dark-modern .light-showcase-info {
        width: 82%;
        max-width: 650px;
        padding: 120px 20px 20px 15px;
    }

    .qr-menu-dark-modern .light-showcase-visual {
        margin-top: 0;
    }

    .qr-menu-dark-modern .light-cover-card,
    .qr-menu-dark-modern .light-cover-image,
    .qr-menu-dark-modern .light-cover-placeholder {
        min-height: 540px;
        height: 100%;
        border-radius: 0;
    }
}

@media (max-width: 575.98px) {
    .qr-menu-dark-modern .light-showcase-shell {
        min-height: 560px;
        padding: 22px;
        border-width: 0 0 1px;
        border-radius: 0 0 28px 28px;
    }

    .qr-menu-dark-modern .light-showcase-shell::after {
        background:
            linear-gradient(0deg, rgba(7, 9, 12, .98) 0%, rgba(7, 9, 12, .77) 48%, rgba(7, 9, 12, .15) 82%),
            linear-gradient(90deg, rgba(7, 9, 12, .42), transparent);
    }

    .qr-menu-dark-modern .light-showcase-row {
        min-height: 510px;
    }

    .qr-menu-dark-modern .light-showcase-info {
        width: 100%;
        padding: 150px 0 10px;
    }

    .qr-menu-dark-modern .light-showcase-logo {
        width: 64px;
        height: 64px;
        margin-bottom: 18px;
        border-radius: 18px;
    }

    .qr-menu-dark-modern .light-showcase-title {
        font-size: 36px;
    }

    .qr-menu-dark-modern .light-showcase-slogan {
        max-width: 94%;
        font-size: 13px;
        line-height: 1.55;
    }

    .qr-menu-dark-modern .light-showcase-meta {
        margin-top: 17px;
    }

    .qr-menu-dark-modern .light-showcase-social {
        margin-top: 13px;
    }

    .qr-menu-dark-modern .light-cover-card,
    .qr-menu-dark-modern .light-cover-image,
    .qr-menu-dark-modern .light-cover-placeholder {
        min-height: 560px;
    }

    .qr-menu-dark-modern .light-cover-decoration {
        display: none;
    }

    .qr-menu-dark-modern .container.mt-5 {
        padding-right: 14px;
        padding-left: 14px;
    }

    .qr-menu-dark-modern .qr-category-navigation {
        margin-right: -4px;
        margin-left: -4px;
        border-radius: 15px;
    }

    .qr-menu-dark-modern #menu {
        padding-right: 12px;
        padding-left: 12px;
    }

    .qr-menu-dark-modern .qr-menu-category-section {
        margin-bottom: 48px !important;
    }

    .qr-menu-dark-modern #menu .menu-group-image {
        min-height: 245px;
        max-height: 280px;
        border-radius: 22px;
    }

    .qr-menu-dark-modern #menu .custom-negative-margin-top-1 {
        margin-top: -38px;
    }

    .qr-menu-dark-modern #menu .card {
        border-radius: 21px !important;
    }

    .qr-menu-dark-modern #menu .card-body {
        padding: 25px 20px !important;
    }

    .qr-menu-dark-modern #menu h4 {
        font-size: 23px;
    }

    .qr-menu-dark-modern .light-menu-product::before {
        left: -8px;
    }

    .qr-menu-dark-modern .light-product-modal .modal-dialog {
        width: 100%;
        margin: 0;
    }

    .qr-menu-dark-modern .light-product-modal .modal-content {
        min-height: 100vh;
        border-radius: 0;
    }

    .qr-menu-dark-modern .light-product-modal-scroll {
        max-height: calc(100vh - 74px);
    }

    .qr-menu-dark-modern .light-product-modal-image-wrap {
        width: 100%;
        aspect-ratio: 4 / 3;
    }

    .qr-menu-dark-modern .light-product-modal-content {
        padding: 23px 19px 26px;
    }

    .qr-menu-dark-modern .light-product-modal-heading {
        flex-direction: column;
        gap: 6px;
    }

    .qr-menu-dark-modern .light-product-modal-price {
        padding-top: 4px;
        font-size: 21px;
    }

    .qr-menu-dark-modern .light-product-modal-footer {
        position: sticky;
        z-index: 5;
        bottom: 0;
    }
}

/* =========================================================
   FAVORITE EXPERIENCE — WELCOME + VISUAL MENU
   ========================================================= */

.qr-menu-dark-modern .light-showcase {
    display: none;
}

.qr-favorite-welcome {
    position: relative;
    display: grid;
    height: 100dvh;
    min-height: 100svh;
    place-items: center;
    overflow: hidden;
    isolation: isolate;
    background: #090b0e;
}

body.qr-menu-dark-modern.qr-intro-active {
    overflow: hidden;
}

body.qr-menu-dark-modern.qr-intro-active .cart-fab,
body.qr-menu-dark-modern.qr-intro-active .qr-public-account-fab {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.qr-menu-dark-modern.qr-intro-active > .body > .main > .qr-favorite-welcome ~ * {
    display: none !important;
}

.qr-menu-dark-modern:not(.qr-intro-active) .qr-favorite-welcome {
    display: none;
}

.qr-favorite-welcome-image,
.qr-favorite-welcome-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.qr-favorite-welcome-image {
    z-index: -3;
    object-fit: cover;
    animation: qrFavoriteWelcomeZoom 18s ease-out both;
}

.qr-favorite-welcome-shade {
    z-index: -2;
    background:
        radial-gradient(circle at 50% 42%, rgba(0, 0, 0, .08), rgba(0, 0, 0, .56) 70%),
        linear-gradient(180deg, rgba(5, 7, 9, .48), rgba(5, 7, 9, .30) 35%, rgba(5, 7, 9, .88));
}

.qr-favorite-welcome::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 18px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 32px;
    pointer-events: none;
}

@keyframes qrFavoriteWelcomeZoom {
    from { transform: scale(1.04); }
    to { transform: scale(1.12); }
}

.qr-favorite-welcome-topbar {
    position: absolute;
    z-index: 3;
    top: max(28px, env(safe-area-inset-top));
    right: max(28px, env(safe-area-inset-right));
    left: max(28px, env(safe-area-inset-left));
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.qr-favorite-ghost-button,
.qr-favorite-theme-toggle {
    display: inline-flex;
    min-height: 43px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    background: rgba(8, 10, 13, .54);
    color: #fff !important;
    font: 700 12px/1 Poppins, sans-serif;
    text-decoration: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .22);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.qr-favorite-ghost-button {
    padding: 10px 16px;
}

.qr-favorite-theme-toggle {
    width: 43px;
    padding: 0;
    cursor: pointer;
}

.qr-favorite-welcome-content {
    width: min(760px, calc(100% - 42px));
    padding: 92px 0 84px;
    text-align: center;
}

.qr-favorite-welcome-logo {
    display: flex;
    width: 86px;
    height: 86px;
    align-items: center;
    justify-content: center;
    margin: 0 auto 24px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, .30);
    border-radius: 24px;
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 20px 50px rgba(0, 0, 0, .30);
}

.qr-favorite-welcome-logo img,
.qr-favorite-menu-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.qr-favorite-welcome-eyebrow {
    margin-bottom: 15px;
    color: #efc47f;
    font: 700 11px/1 Poppins, sans-serif;
    letter-spacing: 3.2px;
}

.qr-favorite-welcome h1 {
    max-width: 760px;
    margin: 0 auto;
    color: #fff;
    font-family: Lora, serif;
    font-size: clamp(42px, 7vw, 76px);
    line-height: 1.04;
    font-weight: 700;
    letter-spacing: -1.4px;
    text-shadow: 0 8px 30px rgba(0, 0, 0, .44);
}

.qr-favorite-welcome p {
    max-width: 620px;
    margin: 21px auto 0;
    color: rgba(255, 255, 255, .78);
    font: 400 15px/1.75 Poppins, sans-serif;
    text-shadow: 0 4px 18px rgba(0, 0, 0, .46);
}

.qr-favorite-enter-button {
    display: inline-flex;
    min-width: min(320px, 100%);
    min-height: 56px;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 32px;
    padding: 13px 28px;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 999px;
    background: linear-gradient(135deg, #efc47f, #c8954e);
    color: #20170e !important;
    font: 800 13px/1 Poppins, sans-serif;
    text-decoration: none !important;
    box-shadow: 0 18px 45px rgba(123, 79, 22, .34);
    transition: transform .2s ease, box-shadow .2s ease;
}

.qr-favorite-enter-button:hover {
    color: #20170e !important;
    transform: translateY(-2px);
    box-shadow: 0 22px 55px rgba(123, 79, 22, .42);
}

.qr-favorite-welcome-socials {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 22px;
}

.qr-favorite-welcome-socials a {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 50%;
    background: rgba(8, 10, 13, .48);
    color: #fff;
    text-decoration: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.qr-favorite-scroll-hint {
    position: absolute;
    bottom: max(24px, env(safe-area-inset-bottom));
    left: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    color: rgba(255, 255, 255, .64);
    font: 600 9px/1 Poppins, sans-serif;
    letter-spacing: 1.8px;
    text-transform: uppercase;
    transform: translateX(-50%);
}

.qr-favorite-menu-stage {
    scroll-margin-top: 0;
    padding: 30px 0 14px;
}

.qr-favorite-menu-cover {
    position: relative;
    min-height: 310px;
    overflow: hidden;
    isolation: isolate;
    border: 1px solid var(--qr-dark-border);
    border-radius: 30px;
    background: linear-gradient(135deg, #252b31, #11151a);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .32);
}

.qr-favorite-menu-cover > img,
.qr-favorite-menu-cover-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.qr-favorite-menu-cover > img {
    z-index: -2;
    object-fit: cover;
}

.qr-favorite-menu-cover-shade {
    z-index: -1;
    background: linear-gradient(90deg, rgba(7, 9, 12, .92), rgba(7, 9, 12, .38) 64%, rgba(7, 9, 12, .14));
}

.qr-menu-cover-account-actions {
    position: absolute;
    z-index: 6;
    top: 16px;
    right: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    pointer-events: auto;
}

.qr-menu-cover-account-actions .light-account-button,
.qr-menu-cover-account-actions .qr-public-review-trigger {
    position: relative;
    z-index: 1;
    display: inline-flex !important;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 999px;
    background: rgba(10, 13, 17, .76);
    color: #fff !important;
    font: 700 11px/1 Poppins, sans-serif;
    white-space: nowrap;
    text-decoration: none !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    pointer-events: auto;
}

.qr-menu-cover-account-actions .light-account-button i,
.qr-menu-cover-account-actions .qr-public-review-trigger .fa-star {
    color: var(--qr-dark-accent-strong);
}

.qr-menu-cover-account-actions .light-account-button:hover,
.qr-menu-cover-account-actions .qr-public-review-trigger:hover {
    border-color: rgba(239, 196, 127, .72);
    background: rgba(213, 170, 103, .20);
    color: #fff !important;
}

.qr-favorite-menu-cover > .qr-menu-toolbar-links-mobile-cover {
    position: absolute;
    z-index: 6;
    top: 16px;
    left: 16px;
    width: auto !important;
    flex-wrap: nowrap;
    gap: 6px;
    pointer-events: auto;
}

.qr-favorite-menu-cover > .qr-menu-toolbar-links-mobile-cover .qr-menu-toolbar-button {
    position: relative;
    z-index: 1;
    width: 38px;
    min-height: 38px;
    padding: 0;
    border-color: rgba(255, 255, 255, .17);
    border-radius: 999px;
    background: rgba(10, 13, 17, .76);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
    color: #fff !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    pointer-events: auto;
}

.qr-favorite-menu-cover > .qr-menu-toolbar-links-mobile-cover .qr-menu-toolbar-button span {
    display: none;
}

.qr-favorite-menu-cover-content {
    position: absolute;
    right: 34px;
    bottom: 32px;
    left: 34px;
    display: flex;
    align-items: flex-end;
    gap: 18px;
    pointer-events: none;
}

.qr-favorite-menu-logo {
    display: flex;
    width: 74px;
    height: 74px;
    flex: 0 0 74px;
    align-items: center;
    justify-content: center;
    padding: 9px;
    border-radius: 20px;
    background: rgba(255, 255, 255, .94);
}

.qr-favorite-menu-cover-content span {
    display: block;
    margin-bottom: 6px;
    color: #efc47f;
    font: 700 9px/1 Poppins, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.qr-favorite-menu-cover-content h2 {
    margin: 0;
    color: #fff;
    font-family: Lora, serif;
    font-size: clamp(27px, 4vw, 42px);
    line-height: 1.08;
}

.qr-favorite-menu-cover-content p {
    max-width: 580px;
    margin: 7px 0 0;
    color: rgba(255, 255, 255, .72);
    font: 400 12px/1.55 Poppins, sans-serif;
}

.qr-menu-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 12px;
    padding: 11px;
    border: 1px solid var(--qr-dark-border);
    border-radius: 20px;
    background: rgba(19, 23, 28, .92);
    box-shadow: 0 14px 38px rgba(0, 0, 0, .20);
}

.qr-menu-toolbar-links,
.qr-menu-toolbar-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.qr-menu-toolbar-links {
    flex: 0 0 auto;
    flex-wrap: nowrap;
}

.qr-menu-toolbar-actions.qr-menu-social-language-row {
    width: 100% !important;
    flex: 1 1 100%;
    flex-wrap: nowrap;
    margin-left: 0;
}

.qr-menu-toolbar-button,
.qr-menu-toolbar-icon {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 12px;
    background: rgba(255, 255, 255, .05);
    color: #e9e5de !important;
    font: 700 11px/1 Poppins, sans-serif;
    text-decoration: none !important;
    cursor: pointer;
}

.qr-menu-toolbar-button {
    padding: 8px 12px;
}

.qr-menu-toolbar-icon {
    width: 38px;
    padding: 0;
}

.qr-menu-toolbar-button i,
.qr-menu-toolbar-icon i {
    color: var(--qr-dark-accent-strong);
}

.qr-menu-toolbar-actions .qr-menu-language-picker {
    min-height: 38px;
    padding: 7px 9px;
    border-color: rgba(255, 255, 255, .11);
    background: rgba(255, 255, 255, .05);
    box-shadow: none;
    color: #e9e5de;
}

.qr-menu-toolbar-actions .qr-menu-language-picker-compact {
    min-width: 48px;
    margin-left: 0 !important;
    padding: 7px 8px;
}

.qr-menu-toolbar-actions .qr-menu-language-picker-compact .qr-menu-language-icon {
    display: none;
}

.qr-menu-toolbar-actions .qr-menu-language-picker-compact select {
    width: 42px;
    max-width: 42px;
    text-transform: uppercase;
}

.qr-menu-toolbar-actions .qr-menu-service-call {
    min-height: 38px;
    margin-left: auto;
    border-radius: 12px;
    box-shadow: none;
}

/* Image category cards */
.qr-menu-dark-modern .qr-category-sticky-shell {
    padding: 10px 0 12px;
    background: var(--qr-dark-bg);
    box-shadow: 0 12px 24px rgba(0, 0, 0, .26);
}

.qr-menu-dark-modern .qr-category-navigation {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.qr-menu-dark-modern .qr-category-scroll {
    justify-content: flex-start;
    gap: 10px;
    padding: 4px 50px 9px;
}

.qr-menu-dark-modern .qr-category-pill {
    display: flex;
    width: 112px;
    min-height: 108px;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    padding: 5px 5px 10px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 19px;
    background: var(--qr-category-card-bg);
    color: #d9dce0;
    box-shadow: 0 10px 28px rgba(0, 0, 0, .20);
}

.qr-menu-dark-modern .qr-category-pill-image {
    display: flex;
    width: 100%;
    height: 68px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 14px;
    background: #242a31;
    color: var(--qr-dark-accent-strong);
}

.qr-menu-dark-modern .qr-category-pill-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .28s ease;
}

.qr-menu-dark-modern .qr-category-pill:hover .qr-category-pill-image img,
.qr-menu-dark-modern .qr-category-pill.is-active .qr-category-pill-image img {
    transform: scale(1.06);
}

.qr-menu-dark-modern .qr-category-pill-name {
    overflow: hidden;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    text-overflow: ellipsis;
}

.qr-menu-dark-modern .qr-category-pill:hover,
.qr-menu-dark-modern .qr-category-pill:focus,
.qr-menu-dark-modern .qr-category-pill.is-active,
.qr-menu-dark-modern .qr-category-pill[aria-selected="true"] {
    border-color: var(--qr-dark-accent);
    background: var(--qr-category-active-bg);
    color: #fff;
    box-shadow: 0 12px 30px rgba(213, 170, 103, .15);
    transform: none;
}

/* Products follow categories directly; category photography lives in the tabs. */
.qr-menu-dark-modern #menu {
    max-width: 1180px;
    margin-top: 5px !important;
}

.qr-menu-dark-modern #menu .qr-menu-category-section > .row:first-child {
    display: none;
}

.qr-menu-dark-modern #menu .custom-negative-margin-top-1 {
    margin-top: 0 !important;
}

.qr-menu-dark-modern #menu .custom-negative-margin-top-1 > [class*="col-"] {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.qr-menu-dark-modern #menu .card {
    max-width: 920px;
    margin: 0 auto;
}

.qr-menu-dark-modern .light-menu-product {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 0 20px;
}

.qr-menu-dark-modern .light-menu-product-thumb {
    display: flex;
    width: 118px;
    height: 118px;
    grid-row: 1 / span 2;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 19px;
    background: #222830;
    color: var(--qr-dark-accent-strong);
}

.qr-menu-dark-modern .light-menu-product-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .25s ease;
}

.qr-menu-dark-modern .light-menu-product:hover .light-menu-product-thumb img {
    transform: scale(1.045);
}

.qr-menu-dark-modern .light-menu-product-main,
.qr-menu-dark-modern .light-menu-product-footer {
    grid-column: 2;
}

/* Day mode keeps the same composition with a warm editorial palette. */
body.qr-menu-dark-modern.qr-menu-day-mode {
    --qr-dark-bg: #f3efe8;
    --qr-dark-surface: #fffdf9;
    --qr-dark-surface-2: #fff;
    --qr-dark-border: rgba(63, 48, 32, .13);
    --qr-dark-text: #26211b;
    --qr-dark-muted: #746d64;
    --qr-dark-accent: #b77c39;
    --qr-dark-accent-strong: #9c6428;
    --qr-category-card-bg: #fff;
    --qr-category-active-bg: #fffaf3;
    background: #f3efe8;
    color: #26211b;
}

.qr-menu-day-mode .body,
.qr-menu-day-mode .main {
    background: radial-gradient(circle at 8% 28%, rgba(183, 124, 57, .10), transparent 28%), #f3efe8;
}

.qr-menu-day-mode .qr-menu-toolbar {
    background: rgba(255, 253, 249, .94);
    box-shadow: 0 14px 38px rgba(70, 52, 32, .10);
}

.qr-menu-day-mode .qr-menu-toolbar-button,
.qr-menu-day-mode .qr-menu-toolbar-icon,
.qr-menu-day-mode .qr-menu-toolbar-actions .qr-menu-language-picker {
    border-color: rgba(63, 48, 32, .13);
    background: #f7f2eb;
    color: #40382f !important;
}

.qr-menu-day-mode .qr-category-sticky-shell {
    background: #f3efe8;
    box-shadow: 0 12px 24px rgba(70, 48, 24, .10);
}

.qr-menu-dark-modern #menu {
    margin-top: 0 !important;
    padding-top: 24px !important;
    scroll-margin-top: 132px;
}

.qr-menu-dark-modern .qr-menu-category-section {
    scroll-margin-top: 132px;
}

.qr-menu-day-mode .qr-category-pill {
    border-color: rgba(63, 48, 32, .12);
    background: #fff !important;
    color: #50483f !important;
    box-shadow: 0 10px 26px rgba(70, 52, 32, .09);
}

.qr-menu-day-mode .qr-category-pill-image {
    background: #eee7de;
}

.qr-menu-day-mode .qr-category-pill:hover,
.qr-menu-day-mode .qr-category-pill:focus,
.qr-menu-day-mode .qr-category-pill.is-active,
.qr-menu-day-mode .qr-category-pill[aria-selected="true"] {
    border-color: #b77c39;
    background: #fffaf3 !important;
    color: #2f271f !important;
    box-shadow: 0 12px 28px rgba(183, 124, 57, .14);
}

.qr-menu-day-mode #menu .card {
    border-color: rgba(63, 48, 32, .12) !important;
    background: rgba(255, 253, 249, .98);
    box-shadow: 0 20px 55px rgba(70, 52, 32, .12) !important;
}

.qr-menu-day-mode #menu h4,
.qr-menu-day-mode .light-menu-product-name,
.qr-menu-day-mode .light-menu-product-info-item strong {
    color: #2e2822 !important;
}

.qr-menu-day-mode .light-menu-product {
    border-bottom-color: rgba(63, 48, 32, .13);
}

.qr-menu-day-mode .light-menu-product-description {
    color: #746d64;
}

.qr-menu-day-mode .light-menu-product-info-item {
    border-color: rgba(63, 48, 32, .10);
    background: #f8f4ee;
}

.qr-menu-day-mode .light-menu-product-thumb {
    border-color: rgba(63, 48, 32, .12);
    background: #eee7de;
}

.qr-menu-day-mode #footer,
.qr-menu-day-mode #footer .footer-copyright {
    background: #e9e2d8 !important;
    color: #5d554c !important;
}

@media (max-width: 767.98px) {
    .qr-menu-dark-modern .qr-featured-section {
        margin-bottom: 26px;
    }

    .qr-menu-dark-modern .qr-featured-scroll {
        gap: 11px;
        margin-right: -12px;
        padding: 2px 12px 10px 0;
    }

    .qr-menu-dark-modern .qr-featured-card {
        width: 144px;
        min-width: 144px;
        max-width: 144px;
        flex-basis: 144px;
        border-color: rgba(239, 196, 127, .24);
        border-radius: 17px;
        box-shadow: 0 12px 28px rgba(0, 0, 0, .24);
    }

    .qr-menu-dark-modern .qr-featured-image-wrap {
        aspect-ratio: 4 / 3;
    }

    .qr-menu-dark-modern .qr-featured-body {
        padding: 9px;
    }

    .qr-menu-dark-modern .qr-featured-product-name {
        overflow: hidden;
        font-family: Poppins, sans-serif;
        font-size: 12px;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .qr-menu-dark-modern .qr-featured-footer {
        margin-top: 8px;
    }

    .qr-menu-dark-modern .qr-featured-order {
        padding: 5px 7px;
        font-size: 8px;
    }

    .qr-favorite-welcome::after {
        inset: 8px;
        border-radius: 24px;
    }

    .qr-favorite-welcome-topbar {
        top: max(18px, env(safe-area-inset-top));
        right: 18px;
        left: 18px;
    }

    .qr-favorite-welcome-content {
        width: min(100% - 34px, 560px);
        padding-top: 108px;
    }

    .qr-favorite-welcome-logo {
        width: 72px;
        height: 72px;
        margin-bottom: 20px;
        border-radius: 20px;
    }

    .qr-favorite-welcome h1 {
        font-size: clamp(38px, 12vw, 54px);
    }

    .qr-favorite-welcome p {
        max-width: 94%;
        font-size: 13px;
        line-height: 1.65;
    }

    .qr-favorite-menu-stage {
        padding-top: 14px;
    }

    .qr-favorite-menu-cover {
        min-height: 245px;
        border-radius: 24px;
    }

    .qr-favorite-menu-cover-shade {
        background: linear-gradient(0deg, rgba(7, 9, 12, .91), rgba(7, 9, 12, .18) 80%);
    }

    .qr-favorite-menu-cover-content {
        right: 20px;
        bottom: 20px;
        left: 20px;
        align-items: center;
        gap: 12px;
    }

    .qr-favorite-menu-logo {
        width: 58px;
        height: 58px;
        flex-basis: 58px;
        border-radius: 16px;
    }

    .qr-favorite-menu-cover-content h2 {
        font-size: 25px;
    }

    .qr-favorite-menu-cover-content p {
        display: none;
    }

    .qr-menu-cover-account-actions {
        top: 14px;
        right: 14px;
        left: auto;
        gap: 6px;
    }

    .qr-menu-cover-account-actions .light-account-button,
    .qr-menu-cover-account-actions .qr-public-review-trigger {
        min-height: 38px;
        padding: 7px 9px;
        font-size: 10px;
    }

    .qr-menu-toolbar {
        align-items: flex-start;
        flex-direction: column;
        border-radius: 18px;
    }

    .qr-menu-toolbar-links,
    .qr-menu-toolbar-actions {
        width: 100%;
    }

    .qr-menu-toolbar-actions {
        overflow-x: auto;
        flex-wrap: nowrap;
        gap: 6px;
        padding-bottom: 2px;
        scrollbar-width: none;
    }

    .qr-menu-toolbar-actions .qr-menu-toolbar-icon {
        width: 34px;
        min-height: 34px;
    }

    .qr-menu-toolbar-actions .qr-menu-service-call {
        min-height: 34px;
        padding: 6px 8px;
        font-size: 10px;
    }

    .qr-menu-toolbar-actions .qr-menu-language-picker-compact {
        min-width: 42px;
        min-height: 34px;
        padding: 6px;
    }

    .qr-menu-toolbar-actions .qr-menu-language-picker-compact select {
        width: 36px;
        max-width: 36px;
        font-size: 10px;
    }

    .qr-menu-toolbar-actions.qr-menu-social-language-row {
        width: 100% !important;
        flex: 1 1 100%;
        justify-content: flex-start;
        margin-left: 0;
    }

    .qr-menu-toolbar-actions::-webkit-scrollbar {
        display: none;
    }

    .qr-menu-toolbar-actions .qr-menu-language-picker-social {
        margin-left: 0 !important;
    }

    .qr-favorite-menu-cover > .qr-menu-language-picker-mobile-cover {
        position: absolute;
        top: 14px;
        right: 14px;
        z-index: 3;
        min-height: 38px;
        margin: 0 !important;
        border-color: rgba(255, 255, 255, .16);
        background: rgba(10, 13, 17, .76);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
        color: #fff;
        backdrop-filter: blur(10px);
    }

    .qr-favorite-menu-cover > .qr-menu-toolbar-links-mobile-cover {
        position: absolute;
        top: 14px;
        left: 14px;
        z-index: 6;
        width: auto !important;
        flex-wrap: nowrap;
        gap: 6px;
    }

    .qr-favorite-menu-cover > .qr-menu-toolbar-links-mobile-cover .qr-menu-toolbar-button {
        width: 38px;
        min-height: 38px;
        padding: 0;
        border-color: rgba(255, 255, 255, .16);
        border-radius: 999px;
        background: rgba(10, 13, 17, .76);
        box-shadow: 0 8px 24px rgba(0, 0, 0, .24);
        color: #fff !important;
        backdrop-filter: blur(10px);
    }

    .qr-menu-toolbar-actions .qr-menu-service-call {
        margin-left: auto;
    }

    .qr-menu-dark-modern .qr-category-sticky-shell {
        padding-right: 0;
        padding-left: 0;
    }

    .qr-menu-dark-modern .qr-category-scroll {
        padding: 4px 12px 9px;
    }

    .qr-menu-dark-modern .qr-category-pill {
        width: 96px;
        min-height: 94px;
        border-radius: 17px;
    }

    .qr-menu-dark-modern .qr-category-pill-image {
        height: 57px;
        border-radius: 12px;
    }

    .qr-menu-dark-modern #menu .card-body {
        padding: 22px 16px !important;
    }

    .qr-menu-dark-modern .light-menu-product {
        grid-template-columns: 86px minmax(0, 1fr);
        gap: 0 13px;
    }

    .qr-menu-dark-modern .light-menu-product-thumb {
        width: 86px;
        height: 86px;
        border-radius: 15px;
    }

    .qr-menu-dark-modern .light-menu-product-info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .qr-menu-dark-modern .light-menu-product-info-item:only-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 380px) {
    .qr-favorite-ghost-button span {
        display: none;
    }

    .qr-favorite-ghost-button {
        width: 43px;
        padding: 0;
    }

    .qr-favorite-menu-cover > .qr-menu-toolbar-links-mobile-cover {
        top: 12px;
        left: 12px;
        gap: 4px;
    }

    .qr-favorite-menu-cover > .qr-menu-toolbar-links-mobile-cover .qr-menu-toolbar-button {
        width: 34px;
        min-height: 34px;
    }

    .qr-menu-cover-account-actions {
        top: 12px;
        right: 12px;
        gap: 4px;
    }

    .qr-menu-cover-account-actions .light-account-button,
    .qr-menu-cover-account-actions .qr-public-review-trigger {
        min-height: 34px;
        gap: 5px;
        padding: 6px 7px;
        font-size: 9px;
    }

    .qr-menu-dark-modern .light-menu-product {
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 0 11px;
    }

    .qr-menu-dark-modern .light-menu-product-thumb {
        width: 76px;
        height: 76px;
    }
}
