/* =========================================================
   HONEYSPOT ORDER UI V4
   Premium Slice-style Pizza Configurator
   ========================================================= */

body.honeyspot-modal-open {
    overflow: hidden !important;
}

/* ---------- OVERLAY ---------- */

#honeyspotProductModal.honeyspot-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(20, 20, 20, .72);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity .2s ease,
        visibility .2s ease;
}

#honeyspotProductModal.honeyspot-modal-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* ---------- MODAL ---------- */

#honeyspotProductModal .honeyspot-product-modal {
    width: min(620px, 100%);
    height: min(760px, 92vh);

    display: flex;
    flex-direction: column;

    background: #fff;
    border-radius: 22px;
    overflow: hidden;

    box-shadow:
        0 25px 70px rgba(0,0,0,.32);

    transform: translateY(15px) scale(.985);
    transition: transform .22s ease;
}

#honeyspotProductModal.is-open .honeyspot-product-modal {
    transform: translateY(0) scale(1);
}

/* ---------- HEADER ---------- */

#honeyspotProductModal .honeyspot-modal-header {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 20px 22px 18px;

    background: #fff;
    border-bottom: 1px solid #ededed;
}

#honeyspotProductModal .honeyspot-modal-title {
    margin: 0 !important;

    color: #151515;

    font-size: 23px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

#honeyspotProductModal .honeyspot-modal-subtitle {
    margin-top: 5px;

    color: #777;
    font-size: 13px;
    line-height: 1.3;
}

#honeyspotProductModal .honeyspot-modal-close {
    appearance: none;
    -webkit-appearance: none;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #171717 !important;
    color: #fff !important;

    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    cursor: pointer;
}

/* ---------- SCROLL BODY ---------- */

#honeyspotProductModal .honeyspot-modal-body {
    flex: 1 1 auto;
    min-height: 0;

    overflow-y: auto;
    overflow-x: hidden;

    padding: 8px 22px 110px;

    background: #fff;

    -webkit-overflow-scrolling: touch;
}

#honeyspotProductModal .honeyspot-modal-body::-webkit-scrollbar {
    width: 6px;
}

#honeyspotProductModal .honeyspot-modal-body::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 20px;
}

/* ---------- SECTIONS ---------- */

#honeyspotProductModal .hs-section {
    padding: 20px 0;
    margin: 0;

    border-bottom: 1px solid #eeeeee;
}

#honeyspotProductModal .hs-section:last-child {
    border-bottom: 0;
}

#honeyspotProductModal .hs-section > h3 {
    margin: 0 0 13px !important;

    color: #202020;

    font-family: inherit;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: .2px;
}

/* =========================================================
   SIZE
   ========================================================= */

#honeyspotProductModal .hs-size-list {
    display: flex;
    flex-direction: column;
}

#honeyspotProductModal .hs-size-option {
    appearance: none;
    -webkit-appearance: none;

    width: 100%;

    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 50px;

    margin: 0 !important;
    padding: 11px 3px !important;

    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    border-radius: 0 !important;

    background: #fff !important;
    color: #222 !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: left !important;

    box-shadow: none !important;

    cursor: pointer;
}

#honeyspotProductModal .hs-size-option:last-child {
    border-bottom: 0 !important;
}

#honeyspotProductModal .hs-size-check {
    position: relative;

    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    border: 2px solid #cfcfcf;
    border-radius: 6px;

    background: #fff;
}

#honeyspotProductModal .hs-size-option.is-active .hs-size-check {
    border-color: #ae1717;
    background: #ae1717;
}

#honeyspotProductModal .hs-size-option.is-active .hs-size-check::after {
    content: "\2713";

    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
}

#honeyspotProductModal .hs-size-product-price {
    margin-left: auto;

    color: #ae1717;

    font-size: 14px;
    font-weight: 800;
}

/* =========================================================
   SAUCE + CRUST
   ========================================================= */

#honeyspotProductModal .hs-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#honeyspotProductModal .hs-choice {
    appearance: none;
    -webkit-appearance: none;

    min-height: 48px;

    margin: 0 !important;
    padding: 10px 14px !important;

    border: 1.5px solid #dedede !important;
    border-radius: 12px !important;

    background: #fff !important;
    color: #252525 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        border-color .15s ease,
        background .15s ease,
        color .15s ease;
}

#honeyspotProductModal .hs-choice.is-active {
    border-color: #ae1717 !important;
    background: #fff5f5 !important;
    color: #ae1717 !important;
}

/* =========================================================
   TOPPING ROW
   ========================================================= */

#honeyspotProductModal .hs-topping {
    border-bottom: 1px solid #ededed;
}

#honeyspotProductModal .hs-topping:last-child {
    border-bottom: 0;
}

#honeyspotProductModal .hs-topping-main {
    appearance: none;
    -webkit-appearance: none;

    width: 100%;
    min-height: 52px;

    display: flex;
    align-items: center;
    gap: 11px;

    margin: 0 !important;
    padding: 11px 3px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #fff !important;
    color: #222 !important;

    font-family: inherit !important;
    text-align: left !important;

    box-shadow: none !important;

    cursor: pointer;
}

#honeyspotProductModal .honeyspot-option-check {
    position: relative;

    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    border: 2px solid #d1d1d1;
    border-radius: 6px;

    background: #fff;

    transition: all .15s ease;
}

#honeyspotProductModal .hs-topping.is-selected .honeyspot-option-check {
    border-color: #ae1717;
    background: #ae1717;
}

#honeyspotProductModal .hs-topping.is-selected .honeyspot-option-check::after {
    content: "\2713";

    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
}

#honeyspotProductModal .hs-topping-name {
    color: #222;

    font-size: 14px;
    font-weight: 700;
}

#honeyspotProductModal .hs-topping-price {
    margin-left: auto;

    color: #ae1717;

    font-size: 13px;
    font-weight: 800;
}

/* =========================================================
   LEFT / WHOLE / RIGHT
   hidden until topping selected
   ========================================================= */

#honeyspotProductModal .hs-placement-wrap {
    display: none;

    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;

    padding: 0 3px 14px 34px;
}

#honeyspotProductModal .hs-topping.is-selected .hs-placement-wrap {
    display: grid;
}

#honeyspotProductModal .hs-placement {
    appearance: none;
    -webkit-appearance: none;

    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin: 0 !important;
    padding: 8px 6px !important;

    border: 1.5px solid #e0ddd9 !important;
    border-radius: 999px !important;

    background: #f8f7f5 !important;
    color: #262626 !important;

    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 800 !important;

    box-shadow: none !important;

    cursor: pointer;

    transition: all .15s ease;
}

#honeyspotProductModal .hs-placement.is-active {
    border-color: #ae1717 !important;
    background: #ae1717 !important;
    color: #fff !important;
}

/* ---------- PIZZA ICON ---------- */

#honeyspotProductModal .honeyspot-pizza-icon {
    position: relative;

    width: 21px;
    height: 21px;

    flex: 0 0 21px;

    display: inline-block;

    border: 2px solid currentColor;
    border-radius: 50%;

    background:
        radial-gradient(circle at 7px 7px, currentColor 0 1.5px, transparent 2px),
        radial-gradient(circle at 14px 9px, currentColor 0 1.5px, transparent 2px),
        radial-gradient(circle at 10px 15px, currentColor 0 1.5px, transparent 2px);
}

#honeyspotProductModal .honeyspot-pizza-icon.left {
    background-color: rgba(174,23,23,.08);
    clip-path: inset(0 50% 0 0);
}

#honeyspotProductModal .honeyspot-pizza-icon.right {
    background-color: rgba(174,23,23,.08);
    clip-path: inset(0 0 0 50%);
}

#honeyspotProductModal .hs-placement.is-active .honeyspot-pizza-icon {
    background-color: transparent;
}

/* =========================================================
   FOOTER
   ========================================================= */

#honeyspotProductModal .honeyspot-modal-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 20;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 13px 16px;

    border-top: 1px solid #e9e9e9;

    background: rgba(255,255,255,.98);

    box-shadow: 0 -8px 22px rgba(0,0,0,.06);
}

#honeyspotProductModal .honeyspot-product-modal {
    position: relative;
}

#honeyspotProductModal .honeyspot-quantity {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    gap: 5px;
}

#honeyspotProductModal .honeyspot-qty-button {
    appearance: none;
    -webkit-appearance: none;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #f3f3f3 !important;
    color: #222 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;

    box-shadow: none !important;

    cursor: pointer;
}

#honeyspotProductModal .hs-qty {
    min-width: 22px;

    color: #222;

    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

#honeyspotProductModal .honeyspot-add-order {
    appearance: none;
    -webkit-appearance: none;

    flex: 1;

    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: #ae1717 !important;
    color: #fff !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;

    box-shadow: none !important;

    cursor: pointer;
}

#honeyspotProductModal .hs-total {
    margin-left: auto;
    white-space: nowrap;

    color: #fff;

    font-size: 13px;
    font-weight: 800;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    #honeyspotProductModal.honeyspot-modal-overlay {
        align-items: flex-end;
        padding: 0;
    }

    #honeyspotProductModal .honeyspot-product-modal {
        width: 100%;
        height: 94vh;

        border-radius: 22px 22px 0 0;
    }

    #honeyspotProductModal .honeyspot-modal-header {
        padding: 17px 18px;
    }

    #honeyspotProductModal .honeyspot-modal-body {
        padding-left: 18px;
        padding-right: 18px;
    }

    #honeyspotProductModal .honeyspot-modal-title {
        font-size: 20px !important;
    }

    #honeyspotProductModal .hs-placement-wrap {
        padding-left: 31px;
        gap: 6px;
    }

    #honeyspotProductModal .hs-placement {
        min-height: 45px;
        font-size: 10px !important;
    }

    #honeyspotProductModal .honeyspot-modal-footer {
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
    }
}


/* =========================================================
   HONEYSPOT CALZONE MODAL
   Mirrors the approved Pizza modal design.
   ========================================================= */
/* =========================================================
   HONEYSPOT ORDER UI V4
   Premium Slice-style Pizza Configurator
   ========================================================= */

body.honeyspot-modal-open {
    overflow: hidden !important;
}

/* ---------- OVERLAY ---------- */

#honeyspotCalzoneModal.honeyspot-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(20, 20, 20, .72);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transition:
        opacity .2s ease,
        visibility .2s ease;
}

#honeyspotCalzoneModal.honeyspot-modal-overlay.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/* ---------- MODAL ---------- */

#honeyspotCalzoneModal .honeyspot-product-modal {
    width: min(620px, 100%);
    height: min(760px, 92vh);

    display: flex;
    flex-direction: column;

    background: #fff;
    border-radius: 22px;
    overflow: hidden;

    box-shadow:
        0 25px 70px rgba(0,0,0,.32);

    transform: translateY(15px) scale(.985);
    transition: transform .22s ease;
}

#honeyspotCalzoneModal.is-open .honeyspot-product-modal {
    transform: translateY(0) scale(1);
}

/* ---------- HEADER ---------- */

#honeyspotCalzoneModal .honeyspot-modal-header {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    padding: 20px 22px 18px;

    background: #fff;
    border-bottom: 1px solid #ededed;
}

#honeyspotCalzoneModal .honeyspot-modal-title {
    margin: 0 !important;

    color: #151515;

    font-size: 23px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
}

#honeyspotCalzoneModal .honeyspot-modal-subtitle {
    margin-top: 5px;

    color: #777;
    font-size: 13px;
    line-height: 1.3;
}

#honeyspotCalzoneModal .honeyspot-modal-close {
    appearance: none;
    -webkit-appearance: none;

    flex: 0 0 42px;

    width: 42px;
    height: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 0 !important;
    margin: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #171717 !important;
    color: #fff !important;

    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 300 !important;
    line-height: 1 !important;

    cursor: pointer;
}

/* ---------- SCROLL BODY ---------- */

#honeyspotCalzoneModal .honeyspot-modal-body {
    flex: 1 1 auto;
    min-height: 0;

    overflow-y: auto;
    overflow-x: hidden;

    padding: 8px 22px 110px;

    background: #fff;

    -webkit-overflow-scrolling: touch;
}

#honeyspotCalzoneModal .honeyspot-modal-body::-webkit-scrollbar {
    width: 6px;
}

#honeyspotCalzoneModal .honeyspot-modal-body::-webkit-scrollbar-thumb {
    background: #d3d3d3;
    border-radius: 20px;
}

/* ---------- SECTIONS ---------- */

#honeyspotCalzoneModal .hs-section {
    padding: 20px 0;
    margin: 0;

    border-bottom: 1px solid #eeeeee;
}

#honeyspotCalzoneModal .hs-section:last-child {
    border-bottom: 0;
}

#honeyspotCalzoneModal .hs-section > h3 {
    margin: 0 0 13px !important;

    color: #202020;

    font-family: inherit;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;

    letter-spacing: .2px;
}

/* =========================================================
   SIZE
   ========================================================= */

#honeyspotCalzoneModal .hs-size-list {
    display: flex;
    flex-direction: column;
}

#honeyspotCalzoneModal .hs-size-option {
    appearance: none;
    -webkit-appearance: none;

    width: 100%;

    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 50px;

    margin: 0 !important;
    padding: 11px 3px !important;

    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    border-radius: 0 !important;

    background: #fff !important;
    color: #222 !important;

    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-align: left !important;

    box-shadow: none !important;

    cursor: pointer;
}

#honeyspotCalzoneModal .hs-size-option:last-child {
    border-bottom: 0 !important;
}

#honeyspotCalzoneModal .hs-size-check {
    position: relative;

    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    border: 2px solid #cfcfcf;
    border-radius: 6px;

    background: #fff;
}

#honeyspotCalzoneModal .hs-size-option.is-active .hs-size-check {
    border-color: #ae1717;
    background: #ae1717;
}

#honeyspotCalzoneModal .hs-size-option.is-active .hs-size-check::after {
    content: "\2713";

    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
}

#honeyspotCalzoneModal .hs-size-product-price {
    margin-left: auto;

    color: #ae1717;

    font-size: 14px;
    font-weight: 800;
}

/* =========================================================
   SAUCE + CRUST
   ========================================================= */

#honeyspotCalzoneModal .hs-choice-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

#honeyspotCalzoneModal .hs-choice {
    appearance: none;
    -webkit-appearance: none;

    min-height: 48px;

    margin: 0 !important;
    padding: 10px 14px !important;

    border: 1.5px solid #dedede !important;
    border-radius: 12px !important;

    background: #fff !important;
    color: #252525 !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;

    box-shadow: none !important;

    cursor: pointer;

    transition:
        border-color .15s ease,
        background .15s ease,
        color .15s ease;
}

#honeyspotCalzoneModal .hs-choice.is-active {
    border-color: #ae1717 !important;
    background: #fff5f5 !important;
    color: #ae1717 !important;
}

/* =========================================================
   TOPPING ROW
   ========================================================= */

#honeyspotCalzoneModal .hs-topping {
    border-bottom: 1px solid #ededed;
}

#honeyspotCalzoneModal .hs-topping:last-child {
    border-bottom: 0;
}

#honeyspotCalzoneModal .hs-topping-main {
    appearance: none;
    -webkit-appearance: none;

    width: 100%;
    min-height: 52px;

    display: flex;
    align-items: center;
    gap: 11px;

    margin: 0 !important;
    padding: 11px 3px !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: #fff !important;
    color: #222 !important;

    font-family: inherit !important;
    text-align: left !important;

    box-shadow: none !important;

    cursor: pointer;
}

#honeyspotCalzoneModal .honeyspot-option-check {
    position: relative;

    flex: 0 0 20px;

    width: 20px;
    height: 20px;

    border: 2px solid #d1d1d1;
    border-radius: 6px;

    background: #fff;

    transition: all .15s ease;
}

#honeyspotCalzoneModal .hs-topping.is-selected .honeyspot-option-check {
    border-color: #ae1717;
    background: #ae1717;
}

#honeyspotCalzoneModal .hs-topping.is-selected .honeyspot-option-check::after {
    content: "\2713";

    position: absolute;
    inset: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 800;
}

#honeyspotCalzoneModal .hs-topping-name {
    color: #222;

    font-size: 14px;
    font-weight: 700;
}

#honeyspotCalzoneModal .hs-topping-price {
    margin-left: auto;

    color: #ae1717;

    font-size: 13px;
    font-weight: 800;
}

/* =========================================================
   LEFT / WHOLE / RIGHT
   hidden until topping selected
   ========================================================= */

#honeyspotCalzoneModal .hs-placement-wrap {
    display: none;

    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;

    padding: 0 3px 14px 34px;
}

#honeyspotCalzoneModal .hs-topping.is-selected .hs-placement-wrap {
    display: grid;
}

#honeyspotCalzoneModal .hs-placement {
    appearance: none;
    -webkit-appearance: none;

    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;

    margin: 0 !important;
    padding: 8px 6px !important;

    border: 1.5px solid #e0ddd9 !important;
    border-radius: 999px !important;

    background: #f8f7f5 !important;
    color: #262626 !important;

    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 800 !important;

    box-shadow: none !important;

    cursor: pointer;

    transition: all .15s ease;
}

#honeyspotCalzoneModal .hs-placement.is-active {
    border-color: #ae1717 !important;
    background: #ae1717 !important;
    color: #fff !important;
}

/* ---------- PIZZA ICON ---------- */

#honeyspotCalzoneModal .honeyspot-pizza-icon {
    position: relative;

    width: 21px;
    height: 21px;

    flex: 0 0 21px;

    display: inline-block;

    border: 2px solid currentColor;
    border-radius: 50%;

    background:
        radial-gradient(circle at 7px 7px, currentColor 0 1.5px, transparent 2px),
        radial-gradient(circle at 14px 9px, currentColor 0 1.5px, transparent 2px),
        radial-gradient(circle at 10px 15px, currentColor 0 1.5px, transparent 2px);
}

#honeyspotCalzoneModal .honeyspot-pizza-icon.left {
    background-color: rgba(174,23,23,.08);
    clip-path: inset(0 50% 0 0);
}

#honeyspotCalzoneModal .honeyspot-pizza-icon.right {
    background-color: rgba(174,23,23,.08);
    clip-path: inset(0 0 0 50%);
}

#honeyspotCalzoneModal .hs-placement.is-active .honeyspot-pizza-icon {
    background-color: transparent;
}

/* =========================================================
   FOOTER
   ========================================================= */

#honeyspotCalzoneModal .honeyspot-modal-footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;

    z-index: 20;

    display: flex;
    align-items: center;
    gap: 12px;

    padding: 13px 16px;

    border-top: 1px solid #e9e9e9;

    background: rgba(255,255,255,.98);

    box-shadow: 0 -8px 22px rgba(0,0,0,.06);
}

#honeyspotCalzoneModal .honeyspot-product-modal {
    position: relative;
}

#honeyspotCalzoneModal .honeyspot-quantity {
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    gap: 5px;
}

#honeyspotCalzoneModal .honeyspot-qty-button {
    appearance: none;
    -webkit-appearance: none;

    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 50% !important;

    background: #f3f3f3 !important;
    color: #222 !important;

    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 500 !important;

    box-shadow: none !important;

    cursor: pointer;
}

#honeyspotCalzoneModal .hs-qty {
    min-width: 22px;

    color: #222;

    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

#honeyspotCalzoneModal .honeyspot-add-order {
    appearance: none;
    -webkit-appearance: none;

    flex: 1;

    min-height: 48px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    margin: 0 !important;
    padding: 0 18px !important;

    border: 0 !important;
    border-radius: 12px !important;

    background: #ae1717 !important;
    color: #fff !important;

    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 800 !important;

    box-shadow: none !important;

    cursor: pointer;
}

#honeyspotCalzoneModal .hs-total {
    margin-left: auto;
    white-space: nowrap;

    color: #fff;

    font-size: 13px;
    font-weight: 800;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    #honeyspotCalzoneModal.honeyspot-modal-overlay {
        align-items: flex-end;
        padding: 0;
    }

    #honeyspotCalzoneModal .honeyspot-product-modal {
        width: 100%;
        height: 94vh;

        border-radius: 22px 22px 0 0;
    }

    #honeyspotCalzoneModal .honeyspot-modal-header {
        padding: 17px 18px;
    }

    #honeyspotCalzoneModal .honeyspot-modal-body {
        padding-left: 18px;
        padding-right: 18px;
    }

    #honeyspotCalzoneModal .honeyspot-modal-title {
        font-size: 20px !important;
    }

    #honeyspotCalzoneModal .hs-placement-wrap {
        padding-left: 31px;
        gap: 6px;
    }

    #honeyspotCalzoneModal .hs-placement {
        min-height: 45px;
        font-size: 10px !important;
    }

    #honeyspotCalzoneModal .honeyspot-modal-footer {
        padding-bottom: calc(12px + env(safe-area-inset-bottom));
    }
}


/* =========================================================
   HONEYSPOT CART PAGE
   Scoped to WooCommerce classic Cart shortcode only.
   ========================================================= */

body.woocommerce-cart .woocommerce {
    width: min(1120px, calc(100% - 40px));
    margin: 0 auto 70px;
}

body.woocommerce-cart .woocommerce-cart-form {
    width: 67%;
    float: left;
    padding-right: 34px;
    box-sizing: border-box;
}

body.woocommerce-cart .cart-collaterals {
    width: 33%;
    float: right;
}

body.woocommerce-cart .woocommerce::after {
    content: "";
    display: table;
    clear: both;
}

body.woocommerce-cart table.shop_table {
    border: 0 !important;
    border-collapse: collapse !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background: #fff;
}

body.woocommerce-cart table.shop_table thead th {
    padding: 14px 12px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid #ececec !important;
    color: #222 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
}

body.woocommerce-cart table.shop_table td {
    padding: 22px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    vertical-align: middle !important;
}

body.woocommerce-cart td.product-remove {
    width: 28px;
    padding-left: 0 !important;
}

body.woocommerce-cart td.product-remove a.remove {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    background: #f5f5f5 !important;
    color: #7a1720 !important;
    font-size: 20px !important;
    line-height: 1 !important;
    text-decoration: none !important;
}

body.woocommerce-cart td.product-remove a.remove:hover {
    background: #7a1720 !important;
    color: #fff !important;
}

body.woocommerce-cart td.product-thumbnail {
    width: 58px;
}

body.woocommerce-cart td.product-thumbnail img {
    width: 52px !important;
    height: 52px !important;
    object-fit: cover;
    border-radius: 10px;
    background: #f6f6f6;
}

body.woocommerce-cart td.product-name > a {
    color: #181818 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.25;
    text-decoration: none !important;
}

body.woocommerce-cart td.product-name dl.variation {
    margin: 8px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.35;
}

body.woocommerce-cart td.product-name dl.variation dt {
    float: left;
    clear: left;
    margin: 0 5px 4px 0 !important;
    color: #222;
    font-weight: 800;
}

body.woocommerce-cart td.product-name dl.variation dd {
    margin: 0 0 4px !important;
    color: #666;
}

body.woocommerce-cart td.product-name dl.variation dd p {
    margin: 0 !important;
}

body.woocommerce-cart td.product-price,
body.woocommerce-cart td.product-subtotal {
    color: #222 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    white-space: nowrap;
}

body.woocommerce-cart td.product-subtotal {
    color: #7a1720 !important;
}

body.woocommerce-cart .quantity {
    display: inline-flex !important;
    align-items: center;
}

body.woocommerce-cart .quantity .qty {
    width: 66px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 6px 8px !important;
    border: 1px solid #dedede !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #222 !important;
    font-weight: 800 !important;
    text-align: center !important;
    box-shadow: none !important;
}

body.woocommerce-cart .actions {
    padding: 20px 0 !important;
}

body.woocommerce-cart .actions .coupon {
    display: flex;
    gap: 8px;
}

body.woocommerce-cart .actions .coupon .input-text {
    width: 170px !important;
    min-height: 44px;
    border: 1px solid #ddd !important;
    border-radius: 10px !important;
    padding: 0 12px !important;
}

body.woocommerce-cart .actions button.button,
body.woocommerce-cart .actions input.button {
    min-height: 44px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #222 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

body.woocommerce-cart .cart_totals {
    width: 100% !important;
    float: none !important;
    padding: 24px !important;
    border: 1px solid #ececec !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 8px 28px rgba(0,0,0,.06);
}

body.woocommerce-cart .cart_totals h2 {
    margin: 0 0 18px !important;
    color: #171717 !important;
    font-size: 22px !important;
    line-height: 1.15 !important;
}

body.woocommerce-cart .cart_totals table {
    width: 100%;
}

body.woocommerce-cart .cart_totals th,
body.woocommerce-cart .cart_totals td {
    padding: 15px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #eeeeee !important;
    font-size: 14px !important;
}

body.woocommerce-cart .cart_totals th {
    color: #333 !important;
    font-weight: 700 !important;
}

body.woocommerce-cart .cart_totals td {
    text-align: right;
}

body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td {
    border-bottom: 0 !important;
    padding-top: 18px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

body.woocommerce-cart .cart_totals .order-total .amount {
    color: #7a1720 !important;
    font-size: 20px !important;
}

body.woocommerce-cart .wc-proceed-to-checkout {
    padding: 18px 0 0 !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: 100% !important;
    min-height: 54px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #7a1720 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    text-align: center;
    box-shadow: none !important;
}

body.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background: #64131a !important;
    color: #fff !important;
}

body.woocommerce-cart .woocommerce-shipping-destination,
body.woocommerce-cart .woocommerce-shipping-calculator {
    font-size: 12px !important;
    line-height: 1.4;
}

body.woocommerce-cart .woocommerce-message,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-error {
    border-radius: 12px;
}

/* ---------- TABLET / MOBILE ---------- */
@media (max-width: 900px) {
    body.woocommerce-cart .woocommerce {
        width: min(100% - 28px, 720px);
    }

    body.woocommerce-cart .woocommerce-cart-form,
    body.woocommerce-cart .cart-collaterals {
        width: 100%;
        float: none;
        padding-right: 0;
    }

    body.woocommerce-cart .cart-collaterals {
        margin-top: 24px;
    }
}

@media (max-width: 768px) {
    body.woocommerce-cart .woocommerce {
        width: calc(100% - 24px);
        margin-bottom: 40px;
    }

    body.woocommerce-cart table.shop_table_responsive tr.cart_item {
        display: grid !important;
        grid-template-columns: 34px 1fr;
        column-gap: 10px;
        padding: 18px 0;
        border-bottom: 1px solid #ededed;
    }

    body.woocommerce-cart table.shop_table_responsive tr.cart_item td {
        border: 0 !important;
        padding: 5px 0 !important;
    }

    body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-remove {
        grid-column: 1;
        grid-row: 1 / span 5;
        display: flex !important;
        align-items: flex-start;
    }

    body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-thumbnail {
        display: none !important;
    }

    body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-name,
    body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-price,
    body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-quantity,
    body.woocommerce-cart table.shop_table_responsive tr.cart_item td.product-subtotal {
        grid-column: 2;
        text-align: left !important;
    }

    body.woocommerce-cart table.shop_table_responsive tr.cart_item td::before {
        display: none !important;
    }

    body.woocommerce-cart td.product-name > a {
        font-size: 16px !important;
    }

    body.woocommerce-cart td.product-price {
        color: #666 !important;
        font-size: 13px !important;
    }

    body.woocommerce-cart td.product-subtotal {
        font-size: 16px !important;
    }

    body.woocommerce-cart .actions .coupon {
        width: 100%;
        float: none !important;
        margin-bottom: 10px;
    }

    body.woocommerce-cart .actions .coupon .input-text {
        flex: 1;
        width: auto !important;
    }

    body.woocommerce-cart .actions > button.button {
        width: 100% !important;
    }

    body.woocommerce-cart .cart_totals {
        padding: 20px !important;
        border-radius: 16px !important;
    }
}

/* =========================================================
   HONEYSPOT CART — COMPACT RESTAURANT LAYOUT v2
   Desktop: less scrolling + sticky totals
   ========================================================= */
@media (min-width: 901px) {

    body.woocommerce-cart .woocommerce {
        width: min(1180px, calc(100% - 40px));
    }

    body.woocommerce-cart .woocommerce-cart-form {
        width: 70%;
        padding-right: 28px;
    }

    body.woocommerce-cart .cart-collaterals {
        width: 30%;
    }

    /* Keep checkout controls visible while browsing a long order. */
    body.woocommerce-cart .cart_totals {
        position: sticky;
        top: 105px;
    }

    /* Empty thumbnails waste horizontal + vertical space. */
    body.woocommerce-cart table.shop_table th.product-thumbnail,
    body.woocommerce-cart table.shop_table td.product-thumbnail {
        display: none !important;
    }

    body.woocommerce-cart table.shop_table thead th {
        padding: 10px 8px 12px !important;
        font-size: 12px !important;
    }

    body.woocommerce-cart table.shop_table td {
        padding: 12px 8px !important;
    }

    body.woocommerce-cart td.product-remove {
        width: 34px;
        padding-left: 2px !important;
        padding-right: 6px !important;
    }

    body.woocommerce-cart td.product-remove a.remove {
        width: 24px !important;
        height: 24px !important;
        font-size: 17px !important;
    }

    body.woocommerce-cart td.product-name {
        width: 48%;
    }

    body.woocommerce-cart td.product-name > a {
        display: block;
        margin-bottom: 4px;
        font-size: 14px !important;
        line-height: 1.2 !important;
    }

    /* Turn vertical metadata into compact inline chips/text. */
    body.woocommerce-cart td.product-name dl.variation {
        display: flex !important;
        flex-wrap: wrap;
        align-items: center;
        gap: 2px 10px;
        margin: 3px 0 0 !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    body.woocommerce-cart td.product-name dl.variation dt,
    body.woocommerce-cart td.product-name dl.variation dd {
        float: none !important;
        clear: none !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.woocommerce-cart td.product-name dl.variation dt {
        font-weight: 800 !important;
        color: #333 !important;
    }

    body.woocommerce-cart td.product-name dl.variation dd {
        margin-right: 4px !important;
        color: #666 !important;
    }

    body.woocommerce-cart td.product-name dl.variation dd p {
        display: inline !important;
        margin: 0 !important;
    }

    body.woocommerce-cart td.product-price,
    body.woocommerce-cart td.product-subtotal {
        font-size: 13px !important;
    }

    body.woocommerce-cart .quantity .qty {
        width: 58px !important;
        min-height: 38px !important;
    }

    body.woocommerce-cart .actions {
        padding: 14px 8px !important;
    }

    body.woocommerce-cart .actions .coupon .input-text,
    body.woocommerce-cart .actions button.button,
    body.woocommerce-cart .actions input.button {
        min-height: 40px !important;
    }

    body.woocommerce-cart .cart_totals {
        padding: 20px !important;
    }

    body.woocommerce-cart .cart_totals h2 {
        margin-bottom: 12px !important;
        font-size: 20px !important;
    }

    body.woocommerce-cart .cart_totals th,
    body.woocommerce-cart .cart_totals td {
        padding: 12px 0 !important;
    }
}

/* =========================================================
   HONEYSPOT CART — TRUE 2-COLUMN STICKY TOTALS FIX v3
   Keeps Cart Totals beside the cart from the top.
   ========================================================= */
@media (min-width: 901px) {

    body.woocommerce-cart .woocommerce {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 320px !important;
        column-gap: 30px !important;
        align-items: start !important;
    }

    body.woocommerce-cart .woocommerce-cart-form {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: auto !important;
        float: none !important;
        padding-right: 0 !important;
        min-width: 0 !important;
    }

    body.woocommerce-cart .cart-collaterals {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: auto !important;
        float: none !important;
        align-self: start !important;

        /* Sticky the entire right column, not only the inner totals box. */
        position: sticky !important;
        top: 110px !important;
        z-index: 5 !important;
    }

    body.woocommerce-cart .cart_totals,
    body.woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
        float: none !important;
        position: static !important;
        margin: 0 !important;
    }

    body.woocommerce-cart .woocommerce::after {
        display: none !important;
        content: none !important;
    }
}

/* =========================================================
   HONEYSPOT CART — SINGLE REMOVE X FIX v4
   Prevent theme/Woo pseudo-icons from stacking over ×
   ========================================================= */
body.woocommerce-cart td.product-remove a.remove {
    position: relative !important;
    font-size: 0 !important;
    overflow: hidden !important;
}

body.woocommerce-cart td.product-remove a.remove::before {
    content: "×" !important;
    display: block !important;
    position: static !important;
    transform: none !important;
    width: auto !important;
    height: auto !important;
    background: none !important;
    color: inherit !important;
    font-family: Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

body.woocommerce-cart td.product-remove a.remove::after {
    content: none !important;
    display: none !important;
}

/* HONEYSPOT CART — REMOVE ICON FINAL FIX
   Use the link's native × only; suppress theme pseudo icons. */
body.woocommerce-cart td.product-remove a.remove {
    font-size: 20px !important;
    font-family: Arial, sans-serif !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    text-align: center !important;
    text-indent: 0 !important;
    color: #7a1720 !important;
}

body.woocommerce-cart td.product-remove a.remove::before,
body.woocommerce-cart td.product-remove a.remove::after {
    content: none !important;
    display: none !important;
}

body.woocommerce-cart td.product-remove a.remove:hover {
    color: #fff !important;
}

/* HONEYSPOT CART — COMPACT QUANTITY FINAL */
@media (min-width: 901px) {
    body.woocommerce-cart td.product-quantity .quantity {
        height: 34px !important;
    }

    body.woocommerce-cart td.product-quantity .quantity .qty {
        width: 46px !important;
        min-height: 34px !important;
        height: 34px !important;
        padding: 2px 4px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
    }

    body.woocommerce-cart td.product-quantity .quantity button,
    body.woocommerce-cart td.product-quantity .quantity .minus,
    body.woocommerce-cart td.product-quantity .quantity .plus {
        width: 28px !important;
        min-width: 28px !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 0 !important;
        font-size: 16px !important;
        line-height: 34px !important;
    }
}


/* =========================================================
   HONEYSPOT CHECKOUT — APP STYLE v1
   Desktop: compact form left + self-scrolling order right
   ========================================================= */

/* Remove redundant WordPress page title; checkout has its own UI headings. */
body.woocommerce-checkout .entry-title,
body.woocommerce-checkout .page-title {
    display: none !important;
}

body.woocommerce-checkout .woocommerce {
    width: min(1280px, calc(100% - 40px)) !important;
    max-width: 1280px !important;
    margin: 24px auto 50px !important;
}

body.woocommerce-checkout form.checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.12fr) minmax(390px, .88fr) !important;
    gap: 28px !important;
    align-items: start !important;
}

/* Coupon stays above the two checkout cards. */
body.woocommerce-checkout .woocommerce-form-coupon-toggle,
body.woocommerce-checkout form.checkout_coupon {
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* LEFT CARD */
body.woocommerce-checkout #customer_details {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 26px 28px 22px !important;
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.035) !important;
}

body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2 {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

body.woocommerce-checkout #customer_details .col-2 {
    margin-top: 10px !important;
}

body.woocommerce-checkout .woocommerce-billing-fields > h3,
body.woocommerce-checkout .woocommerce-additional-fields > h3 {
    margin: 0 0 18px !important;
}

body.woocommerce-checkout .woocommerce-billing-fields > h3 {
    font-size: 25px !important;
}

body.woocommerce-checkout .form-row {
    margin: 0 0 12px !important;
}

body.woocommerce-checkout .form-row label {
    margin-bottom: 5px !important;
    font-size: 13px !important;
    line-height: 1.25 !important;
}

body.woocommerce-checkout .input-text,
body.woocommerce-checkout select,
body.woocommerce-checkout .select2-container .select2-selection--single {
    min-height: 44px !important;
    height: 44px !important;
    border: 1px solid #dedede !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .input-text {
    padding: 9px 13px !important;
}

body.woocommerce-checkout textarea.input-text {
    height: 76px !important;
    min-height: 76px !important;
}

/* RIGHT ORDER CARD */
body.woocommerce-checkout #order_review_heading {
    grid-column: 2 !important;
    grid-row: 1 !important;
    z-index: 2 !important;
    margin: 0 !important;
    padding: 25px 28px 0 !important;
    font-size: 25px !important;
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-bottom: 0 !important;
    border-radius: 14px 14px 0 0 !important;
}

body.woocommerce-checkout #order_review {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 68px 28px 24px !important;
    background: #fff !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 18px rgba(0,0,0,.035) !important;
    position: sticky !important;
    top: 92px !important;
}

/* Keep product list inside its own scroll area; totals/payment remain visible. */
body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table {
    margin: 0 !important;
    border: 0 !important;
}

body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table thead {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}

body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody {
    display: block !important;
    max-height: 270px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    scrollbar-width: thin;
    padding-right: 7px !important;
}

body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody tr {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}

body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tfoot {
    display: table !important;
    width: 100% !important;
    table-layout: fixed !important;
}

body.woocommerce-checkout #order_review table th,
body.woocommerce-checkout #order_review table td {
    padding: 11px 6px !important;
    vertical-align: top !important;
    border-color: #eeeeee !important;
}

body.woocommerce-checkout #order_review td.product-name {
    font-size: 13px !important;
    line-height: 1.32 !important;
}

body.woocommerce-checkout #order_review td.product-total,
body.woocommerce-checkout #order_review th.product-total {
    width: 105px !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.woocommerce-checkout #order_review .variation {
    margin: 4px 0 0 !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #666 !important;
}

body.woocommerce-checkout #order_review .variation dt,
body.woocommerce-checkout #order_review .variation dd {
    display: inline !important;
    float: none !important;
    margin: 0 4px 0 0 !important;
}

body.woocommerce-checkout #order_review .variation dd:after {
    content: "  |  ";
    color: #bbb;
}

body.woocommerce-checkout #order_review .variation dd:last-child:after {
    content: "";
}

body.woocommerce-checkout #order_review tfoot th,
body.woocommerce-checkout #order_review tfoot td {
    font-size: 14px !important;
}

body.woocommerce-checkout #order_review tfoot .order-total th,
body.woocommerce-checkout #order_review tfoot .order-total td {
    font-size: 20px !important;
    padding-top: 14px !important;
}

/* PAYMENT */
body.woocommerce-checkout #payment {
    margin-top: 12px !important;
    background: transparent !important;
    border: 0 !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
    padding: 10px 0 !important;
    border-bottom: 0 !important;
}

body.woocommerce-checkout #payment div.form-row {
    padding: 8px 0 0 !important;
}

body.woocommerce-checkout #place_order {
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: #8f111c !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
    box-shadow: none !important;
}

body.woocommerce-checkout #place_order:hover {
    background: #741019 !important;
}

/* Remove excess theme spacing around checkout content. */
body.woocommerce-checkout .site-main,
body.woocommerce-checkout .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* MOBILE / TABLET: clean single-column checkout */
@media (max-width: 900px) {
    body.woocommerce-checkout .woocommerce {
        width: calc(100% - 24px) !important;
        margin-top: 14px !important;
    }

    body.woocommerce-checkout form.checkout {
        display: block !important;
    }

    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review_heading,
    body.woocommerce-checkout #order_review {
        width: 100% !important;
        position: static !important;
    }

    body.woocommerce-checkout #customer_details {
        padding: 18px 16px !important;
        margin-bottom: 18px !important;
    }

    body.woocommerce-checkout #order_review_heading {
        padding: 20px 16px 0 !important;
    }

    body.woocommerce-checkout #order_review {
        padding: 58px 16px 18px !important;
    }

    body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody {
        max-height: 300px !important;
    }
}



/* =========================================================
   HONEYSPOT CHECKOUT — MARKETING CONSENT v1
   ========================================================= */
body.woocommerce-checkout .hs-marketing-consent {
    margin: 12px 0 14px !important;
    padding: 14px 15px 12px !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 9px !important;
    background: #fafafa !important;
}

body.woocommerce-checkout .hs-marketing-consent__title {
    margin: 0 0 9px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #222 !important;
}

body.woocommerce-checkout .hs-marketing-consent .hs-consent-field {
    margin: 6px 0 !important;
    padding: 0 !important;
}

body.woocommerce-checkout .hs-marketing-consent .woocommerce-form__label-for-checkbox {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    cursor: pointer !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
    color: #292929 !important;
}

body.woocommerce-checkout .hs-marketing-consent input[type="checkbox"] {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    margin: 1px 0 0 !important;
    accent-color: #8f111c !important;
}

body.woocommerce-checkout .hs-consent-legal {
    margin: 4px 0 8px 24px !important;
    font-size: 9.5px !important;
    line-height: 1.35 !important;
    color: #777 !important;
}

body.woocommerce-checkout .hs-consent-legal--email {
    margin-bottom: 2px !important;
}

@media (max-width: 900px) {
    body.woocommerce-checkout .hs-marketing-consent {
        padding: 13px !important;
    }
    body.woocommerce-checkout .hs-consent-legal {
        font-size: 9px !important;
    }
}


/* =========================================================
   HONEYSPOT CHECKOUT — TIP SELECTOR v1
   ========================================================= */
body.woocommerce-checkout .hs-tip-box {
    margin: 12px 0 14px !important;
    padding: 15px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 10px !important;
    background: #fff !important;
}

body.woocommerce-checkout .hs-tip-heading {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 11px !important;
}

body.woocommerce-checkout .hs-tip-heading strong {
    display: block !important;
    color: #202020 !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
}

body.woocommerce-checkout .hs-tip-heading strong span {
    color: #8f111c !important;
}

body.woocommerce-checkout .hs-tip-heading small {
    display: block !important;
    margin-top: 3px !important;
    color: #777 !important;
    font-size: 9.5px !important;
    line-height: 1.3 !important;
}

body.woocommerce-checkout .hs-tip-current {
    color: #8f111c !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

body.woocommerce-checkout .hs-tip-options {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
}

body.woocommerce-checkout .hs-tip-option {
    position: relative !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 7px 4px !important;
    border: 1px solid #dedede !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #333 !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .hs-tip-option:hover {
    border-color: #8f111c !important;
    color: #8f111c !important;
}

body.woocommerce-checkout .hs-tip-option.is-selected {
    border-color: #8f111c !important;
    background: #8f111c !important;
    color: #fff !important;
}

body.woocommerce-checkout .hs-tip-suggested {
    position: absolute !important;
    top: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 2px 5px !important;
    border-radius: 20px !important;
    background: #f2e4e6 !important;
    color: #8f111c !important;
    font-size: 7px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
}

body.woocommerce-checkout .hs-tip-option.is-selected .hs-tip-suggested {
    background: #fff !important;
}

body.woocommerce-checkout .hs-tip-custom {
    display: none !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 7px !important;
    align-items: end !important;
    margin-top: 10px !important;
}

body.woocommerce-checkout .hs-tip-custom.is-open {
    display: grid !important;
}

body.woocommerce-checkout .hs-tip-custom > label {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    color: #555 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

body.woocommerce-checkout .hs-tip-custom-input {
    display: flex !important;
    align-items: center !important;
    height: 38px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.woocommerce-checkout .hs-tip-custom-input > span {
    padding-left: 10px !important;
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
}

body.woocommerce-checkout .hs-tip-custom-input input {
    width: 100% !important;
    height: 36px !important;
    padding: 5px 9px 5px 4px !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    font-size: 13px !important;
}

body.woocommerce-checkout .hs-tip-apply {
    height: 38px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #222 !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
}

body.woocommerce-checkout .hs-tip-note {
    margin: 8px 0 0 !important;
    color: #888 !important;
    font-size: 9px !important;
    line-height: 1.3 !important;
}

@media (max-width: 520px) {
    body.woocommerce-checkout .hs-tip-options {
        grid-template-columns: repeat(3, 1fr) !important;
    }

    body.woocommerce-checkout .hs-tip-option {
        min-height: 40px !important;
    }
}


/* =========================================================
   HONEYSPOT CHECKOUT — COMPACT TAXES & FEES v1
   ========================================================= */

body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.hs-native-fee-hidden {
    display: none !important;
}

body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.hs-taxes-fees-row > th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table tr.hs-taxes-fees-row > td {
    vertical-align: top !important;
}

body.woocommerce-checkout .hs-fees-toggle {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #292929 !important;
    font: inherit !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

body.woocommerce-checkout .hs-fees-chevron {
    display: inline-block !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    transition: transform .18s ease !important;
    transform-origin: center !important;
}

body.woocommerce-checkout .hs-taxes-fees-row.is-open .hs-fees-chevron {
    transform: rotate(180deg) !important;
}

body.woocommerce-checkout .hs-fees-details {
    display: none !important;
    width: 100% !important;
    margin-top: 7px !important;
    padding: 8px 10px !important;
    border-radius: 7px !important;
    background: #f7f7f7 !important;
    color: #666 !important;
    font-size: 9.5px !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

body.woocommerce-checkout .hs-taxes-fees-row.is-open .hs-fees-details {
    display: block !important;
}

body.woocommerce-checkout .hs-fees-details > div {
    display: flex !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 2px 0 !important;
}

body.woocommerce-checkout .hs-fees-details strong {
    color: #444 !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}


/* =========================================================
   HONEYSPOT — PERSISTENT PICKUP / DELIVERY SUMMARY v1
   ========================================================= */
.hs-fulfillment-summary,
.hs-fulfillment-required {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 11px !important;
    margin: 0 0 14px !important;
    padding: 12px 14px !important;
    border: 1px solid #e5e5e5 !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 3px 14px rgba(0,0,0,.035) !important;
}

.hs-fulfillment-icon {
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9px !important;
    background: #f8f3f3 !important;
    font-size: 17px !important;
}

.hs-fulfillment-copy,
.hs-fulfillment-required {
    min-width: 0 !important;
}

.hs-fulfillment-copy {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.hs-fulfillment-copy strong,
.hs-fulfillment-required strong {
    color: #222 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
}

.hs-fulfillment-copy span,
.hs-fulfillment-required span {
    overflow: hidden !important;
    color: #777 !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.hs-fulfillment-change {
    flex: 0 0 auto !important;
    min-height: 30px !important;
    margin-left: auto !important;
    padding: 0 10px !important;
    border: 1px solid #ddd !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #8f111c !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 28px !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.hs-fulfillment-change:hover {
    border-color: #8f111c !important;
    background: #fff8f8 !important;
}

.hs-fulfillment-required {
    flex-wrap: wrap !important;
}

.hs-fulfillment-required strong {
    width: 100% !important;
}

.hs-fulfillment-required span {
    flex: 1 1 auto !important;
}

/* Checkout: compact fulfillment card sits directly above Billing Details. */
body.woocommerce-checkout .hs-fulfillment-summary,
body.woocommerce-checkout .hs-fulfillment-required {
    margin-bottom: 12px !important;
}

/* Cart: align with the compact cart content rather than making a huge banner. */
body.woocommerce-cart .hs-fulfillment-summary,
body.woocommerce-cart .hs-fulfillment-required {
    max-width: 100% !important;
}

/* Native shipping choice remains in WooCommerce for calculation/accessibility,
   but the customer-facing summary uses Pickup / Delivery language. */
body.woocommerce-checkout tr.woocommerce-shipping-totals.hs-native-fee-hidden,
body.woocommerce-checkout tr.shipping.hs-native-fee-hidden {
    display: none !important;
}

@media (max-width: 650px) {
    .hs-fulfillment-summary,
    .hs-fulfillment-required {
        padding: 11px 12px !important;
        border-radius: 10px !important;
    }

    .hs-fulfillment-copy span {
        max-width: 210px !important;
    }
}


/* =========================================================
   HONEYSPOT FINAL UI LAYER v1.1.0
   Product readability + polished Cart/Checkout
   Keep this block LAST in this stylesheet.
   ========================================================= */

:root {
    --hs-burgundy: #8f111c;
    --hs-burgundy-hover: #741019;
    --hs-red: #ae1717;
    --hs-text: #1f1f1f;
    --hs-muted: #6f6f6f;
    --hs-line: #e7e7e7;
    --hs-soft: #fafafa;
    --hs-radius: 14px;
    --hs-ui-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* ---------- ORDER ONLINE: PRODUCT READABILITY ----------
   Intentionally targets common WooCommerce + Honeyspot card title/price
   patterns so every category inherits the same readable treatment. */
body.page-order-online ul.products li.product .woocommerce-loop-product__title,
body.page-order-online ul.products li.product h2,
body.page-order-online ul.products li.product h3,
body.page-order-online .product .woocommerce-loop-product__title,
body.page-order-online .hs-product-title,
body.page-order-online .hs-item-title,
body.page-order-online .product-title,
body.page-order-online .item-title,
body.page-order-online [class*="product-card"] h2,
body.page-order-online [class*="product-card"] h3,
body.page-order-online [class*="item-card"] h2,
body.page-order-online [class*="item-card"] h3 {
    font-family: var(--hs-ui-font) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    line-height: 1.28 !important;
    letter-spacing: -.15px !important;
    text-transform: none !important;
    color: var(--hs-text) !important;
    overflow-wrap: anywhere;
}

body.page-order-online ul.products li.product .price,
body.page-order-online .hs-product-price,
body.page-order-online .hs-item-price,
body.page-order-online .product-price,
body.page-order-online .item-price,
body.page-order-online [class*="product-card"] .price,
body.page-order-online [class*="item-card"] .price {
    font-family: var(--hs-ui-font) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
}

/* ---------- CHECKOUT COUPON: DIRECT + VISIBLE ---------- */
body.woocommerce-checkout .woocommerce-form-coupon-toggle {
    display: none !important;
}

body.woocommerce-checkout form.checkout_coupon {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    width: min(1280px, calc(100% - 40px)) !important;
    max-width: 1280px !important;
    margin: 0 auto 14px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.woocommerce-checkout form.checkout_coupon > p:not(.form-row) {
    display: none !important;
}

body.woocommerce-checkout form.checkout_coupon .form-row {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-checkout form.checkout_coupon .form-row-first {
    flex: 1 1 auto !important;
}

body.woocommerce-checkout form.checkout_coupon .form-row-last {
    flex: 0 0 auto !important;
}

body.woocommerce-checkout form.checkout_coupon input.input-text {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 10px !important;
    background: #fff !important;
    font-family: var(--hs-ui-font) !important;
    font-size: 14px !important;
    box-shadow: none !important;
}

body.woocommerce-checkout form.checkout_coupon button.button {
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--hs-burgundy) !important;
    color: #fff !important;
    font-family: var(--hs-ui-font) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: .35px !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

body.woocommerce-checkout form.checkout_coupon button.button:hover {
    background: var(--hs-burgundy-hover) !important;
}

/* ---------- CHECKOUT: COMPACT ALIGNED DESKTOP ---------- */
@media (min-width: 901px) {
    body.woocommerce-checkout .woocommerce {
        width: min(1320px, calc(100% - 40px)) !important;
        max-width: 1320px !important;
        margin: 16px auto 36px !important;
    }

    body.woocommerce-checkout form.checkout {
        grid-template-columns: minmax(0, 1fr) minmax(440px, .92fr) !important;
        gap: 22px !important;
        align-items: start !important;
    }

    body.woocommerce-checkout #customer_details {
        padding: 20px 22px 18px !important;
        border-radius: var(--hs-radius) !important;
    }

    body.woocommerce-checkout #order_review_heading {
        padding: 20px 22px 0 !important;
        font-size: 23px !important;
        border-radius: var(--hs-radius) var(--hs-radius) 0 0 !important;
    }

    body.woocommerce-checkout #order_review {
        padding: 60px 22px 18px !important;
        top: 88px !important;
        border-radius: var(--hs-radius) !important;
    }

    body.woocommerce-checkout .woocommerce-billing-fields > h3 {
        margin-bottom: 14px !important;
        font-size: 23px !important;
    }

    body.woocommerce-checkout .form-row {
        margin-bottom: 9px !important;
    }

    body.woocommerce-checkout .input-text,
    body.woocommerce-checkout select,
    body.woocommerce-checkout .select2-container .select2-selection--single {
        min-height: 40px !important;
        height: 40px !important;
    }

    body.woocommerce-checkout textarea.input-text {
        min-height: 64px !important;
        height: 64px !important;
    }

    body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody {
        max-height: min(265px, 30vh) !important;
    }
}

/* Checkout order text should prioritize readability over display fonts. */
body.woocommerce-checkout #order_review,
body.woocommerce-checkout #order_review table,
body.woocommerce-checkout #order_review td.product-name,
body.woocommerce-checkout #order_review .variation,
body.woocommerce-checkout .hs-tip-box,
body.woocommerce-checkout form.checkout_coupon {
    font-family: var(--hs-ui-font) !important;
}

body.woocommerce-checkout #order_review td.product-name {
    color: var(--hs-text) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
}

body.woocommerce-checkout #order_review .variation {
    color: var(--hs-muted) !important;
    font-weight: 500 !important;
}

/* ---------- CART: CONSISTENT CLEAN DESKTOP ---------- */
body.woocommerce-cart .woocommerce-cart-form,
body.woocommerce-cart .cart_totals,
body.woocommerce-cart table.shop_table,
body.woocommerce-cart td.product-name,
body.woocommerce-cart .actions {
    font-family: var(--hs-ui-font) !important;
}

body.woocommerce-cart td.product-name > a {
    color: var(--hs-text) !important;
    font-weight: 800 !important;
    font-style: normal !important;
    line-height: 1.3 !important;
}

@media (min-width: 901px) {
    body.woocommerce-cart .woocommerce {
        width: min(1320px, calc(100% - 40px)) !important;
        max-width: 1320px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        grid-template-columns: minmax(0, 1fr) 340px !important;
        column-gap: 24px !important;
        align-items: start !important;
    }

    body.woocommerce-cart .cart-collaterals {
        top: 88px !important;
    }

    body.woocommerce-cart .cart_totals {
        border-radius: var(--hs-radius) !important;
    }
}

/* ---------- MOBILE: PURPOSE-BUILT SINGLE COLUMN ---------- */
@media (max-width: 900px) {
    body.page-order-online ul.products li.product .woocommerce-loop-product__title,
    body.page-order-online ul.products li.product h2,
    body.page-order-online ul.products li.product h3,
    body.page-order-online .hs-product-title,
    body.page-order-online .hs-item-title,
    body.page-order-online .product-title,
    body.page-order-online .item-title,
    body.page-order-online [class*="product-card"] h2,
    body.page-order-online [class*="product-card"] h3,
    body.page-order-online [class*="item-card"] h2,
    body.page-order-online [class*="item-card"] h3 {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    body.woocommerce-checkout form.checkout_coupon {
        width: calc(100% - 24px) !important;
        gap: 8px !important;
        margin-bottom: 12px !important;
    }

    body.woocommerce-checkout form.checkout_coupon button.button {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout #order_review {
        border-radius: 12px !important;
    }

    body.woocommerce-checkout #order_review table.woocommerce-checkout-review-order-table tbody {
        max-height: none !important;
        overflow: visible !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 520px) {
    body.woocommerce-checkout form.checkout_coupon {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body.woocommerce-checkout form.checkout_coupon .form-row-first,
    body.woocommerce-checkout form.checkout_coupon .form-row-last {
        width: 100% !important;
    }
}


/* =========================================================
   HONEYSPOT FINAL UI HOTFIX v1.1.1
   Coupon field + Order Online typography + checkout accent
   ========================================================= */

/* WooCommerce coupon markup differs by version/theme. Never hide the
   first form-row because that row contains the coupon input. */
body.woocommerce-checkout form.checkout_coupon > p.form-row,
body.woocommerce-checkout form.checkout_coupon p.form-row-first,
body.woocommerce-checkout form.checkout_coupon p.form-row-last {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}
body.woocommerce-checkout form.checkout_coupon p.form-row-first {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}
body.woocommerce-checkout form.checkout_coupon input[name="coupon_code"],
body.woocommerce-checkout form.checkout_coupon #coupon_code {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    min-width: 220px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid #d7d7d7 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #222 !important;
    font-family: var(--hs-ui-font) !important;
    font-size: 14px !important;
}
body.woocommerce-checkout form.checkout_coupon input[name="coupon_code"]::placeholder,
body.woocommerce-checkout form.checkout_coupon #coupon_code::placeholder {
    color: #858585 !important;
    opacity: 1 !important;
}

/* Order Online cards are custom Elementor cards, not Woo loop cards.
   Scope from the menu search/category area and normalize common text
   elements inside the repeated cards without touching section headings. */
body:not(.woocommerce-cart):not(.woocommerce-checkout) #honeyspot-menu-search ~ * [class*="card"] h1,
body:not(.woocommerce-cart):not(.woocommerce-checkout) #honeyspot-menu-search ~ * [class*="card"] h2,
body:not(.woocommerce-cart):not(.woocommerce-checkout) #honeyspot-menu-search ~ * [class*="card"] h3,
body:not(.woocommerce-cart):not(.woocommerce-checkout) #honeyspot-menu-search ~ * [class*="card"] h4,
body:not(.woocommerce-cart):not(.woocommerce-checkout) #honeyspot-menu-search ~ * [class*="item"] h2,
body:not(.woocommerce-cart):not(.woocommerce-checkout) #honeyspot-menu-search ~ * [class*="item"] h3,
body:not(.woocommerce-cart):not(.woocommerce-checkout) #honeyspot-menu-search ~ * [class*="item"] h4,
body:not(.woocommerce-cart):not(.woocommerce-checkout) [data-hs-product] [class*="title"],
body:not(.woocommerce-cart):not(.woocommerce-checkout) [data-product-id] [class*="title"],
body:not(.woocommerce-cart):not(.woocommerce-checkout) .hs-menu-item [class*="name"],
body:not(.woocommerce-cart):not(.woocommerce-checkout) .hs-menu-item [class*="title"] {
    font-family: var(--hs-ui-font) !important;
    font-style: normal !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    letter-spacing: -.15px !important;
    text-transform: none !important;
}

/* Right checkout card: burgundy accent rather than a dark full-card fill,
   keeping long order/payment text easy to read. */
body.woocommerce-checkout #order_review {
    border: 1px solid rgba(143,17,28,.28) !important;
    border-top: 4px solid var(--hs-burgundy) !important;
    box-shadow: 0 8px 26px rgba(143,17,28,.07) !important;
}
body.woocommerce-checkout #order_review_heading {
    color: var(--hs-burgundy) !important;
}

@media (max-width: 520px) {
    body.woocommerce-checkout form.checkout_coupon input[name="coupon_code"],
    body.woocommerce-checkout form.checkout_coupon #coupon_code {
        min-width: 0 !important;
    }
}

/* =========================================================
   HONEYSPOT ORDER ONLINE PRODUCT CARDS v1.2.0
   Readable menu typography + full-card interaction
   ========================================================= */
body:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product {
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(0,0,0,.075);
}

body:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product .woocommerce-loop-product__title,
body:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product h2.woocommerce-loop-product__title,
body:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product h3.woocommerce-loop-product__title {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-stretch: normal !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 1.32 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #202020 !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

@media (max-width: 767px) {
    body:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product .woocommerce-loop-product__title,
    body:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product h2.woocommerce-loop-product__title,
    body:not(.woocommerce-cart):not(.woocommerce-checkout) ul.products li.product h3.woocommerce-loop-product__title {
        font-size: 14px !important;
        line-height: 1.3 !important;
    }
}


/* =========================================================
   HONEYSPOT MODAL NOTES + STANDARD APPETIZER MODAL v1.3.0
   ========================================================= */
.hs-special-instructions{
    padding:18px 20px 16px;
    border-top:1px solid #ececec;
    background:#fff;
}
.hs-special-instructions label{
    display:block;
    margin:0 0 8px;
    font-family:var(--hs-ui-font, Arial, sans-serif);
    font-size:13px;
    line-height:1.25;
    font-weight:800;
    color:#252525;
}
.hs-special-instructions label span{font-weight:600;color:#858585;}
.hs-special-instructions-input{
    width:100%;min-height:58px;max-height:110px;resize:vertical;
    padding:11px 12px;border:1px solid #ddd;border-radius:10px;
    background:#fff;color:#222;font-family:var(--hs-ui-font, Arial, sans-serif);
    font-size:13px;line-height:1.4;outline:none;box-sizing:border-box;
}
.hs-special-instructions-input:focus{border-color:#8f111c;box-shadow:0 0 0 2px rgba(143,17,28,.08);}
.hs-allergy-notice{margin-top:9px;font-family:var(--hs-ui-font, Arial, sans-serif);font-size:11px;color:#6c6c6c;}
.hs-allergy-notice summary{cursor:pointer;font-weight:800;color:#8f111c;list-style:none;}
.hs-allergy-notice summary::-webkit-details-marker{display:none;}
.hs-allergy-notice p{margin:7px 0 0;line-height:1.45;max-width:620px;}
.hss-sauce-list{display:grid;gap:8px;}
.hss-sauce-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;border:1px solid #e2e2e2;border-radius:10px;background:#fff;font-family:var(--hs-ui-font, Arial, sans-serif);}
.hss-sauce-row.is-selected{border-color:#b71920;background:#fff8f8;}
.hss-sauce-row>div:first-child{display:flex;flex-direction:column;gap:2px;}
.hss-sauce-row strong{font-size:13px;color:#242424;}
.hss-sauce-row>div:first-child span{font-size:11px;color:#777;}
.hss-stepper{display:flex;align-items:center;gap:9px;min-width:90px;justify-content:flex-end;}
.hss-stepper button{width:28px;height:28px;border:1px solid #ddd;border-radius:50%;background:#fff;font-size:17px;line-height:1;cursor:pointer;color:#222;}
.hss-stepper span{min-width:16px;text-align:center;font-weight:800;font-size:12px;}
.products .product.product_cat-appetizers{cursor:pointer;}
@media (max-width:700px){
    .hs-special-instructions{padding:14px 15px 13px;}
    .hss-sauce-row{padding:10px;}
}


/* =========================================================
   HONEYSPOT MODAL VISIBILITY HOTFIX v1.3.1
   ========================================================= */
.hs-special-instructions{
    border-top:0 !important;
    border-bottom:1px solid #ececec;
    padding:14px 20px 13px !important;
}
.hs-special-instructions-input{
    min-height:48px !important;
    max-height:82px !important;
}
.hs-allergy-notice{
    margin-top:7px !important;
    padding:8px 10px;
    border-radius:8px;
    background:#fff8f8;
    border:1px solid rgba(143,17,28,.14);
}
.hs-allergy-notice summary{font-size:12px !important;}
.honeyspot-modal-body{padding-bottom:18px !important;}
@media (max-width:700px){
  .hs-special-instructions{padding:12px 15px 11px !important;}
}


/* =========================================================
   HONEYSPOT MODAL NOTES LAYOUT v1.3.2
   Notes now live INSIDE the scrollable modal body.
   ========================================================= */
#honeyspotProductModal .honeyspot-modal-body,
#honeyspotCalzoneModal .honeyspot-modal-body,
#honeyspotStandardModal .honeyspot-modal-body{
    padding-bottom:24px !important;
}
#honeyspotProductModal .hs-special-instructions,
#honeyspotCalzoneModal .hs-special-instructions,
#honeyspotStandardModal .hs-special-instructions{
    position:relative !important;
    inset:auto !important;
    display:block !important;
    width:auto !important;
    margin:0 !important;
    padding:16px 20px !important;
    border-top:1px solid #ececec !important;
    border-bottom:1px solid #ececec !important;
    background:#fff !important;
    z-index:1 !important;
}
#honeyspotProductModal .hs-special-instructions-input,
#honeyspotCalzoneModal .hs-special-instructions-input,
#honeyspotStandardModal .hs-special-instructions-input{
    display:block !important;
    width:100% !important;
    min-height:58px !important;
    max-height:100px !important;
    margin:0 !important;
}
#honeyspotProductModal .hs-allergy-notice,
#honeyspotCalzoneModal .hs-allergy-notice,
#honeyspotStandardModal .hs-allergy-notice{
    display:block !important;
    margin:10px 0 0 !important;
}
@media (max-width:700px){
    #honeyspotProductModal .hs-special-instructions,
    #honeyspotCalzoneModal .hs-special-instructions,
    #honeyspotStandardModal .hs-special-instructions{
        padding:14px 15px !important;
    }
}

/* =========================================================
   HONEYSPOT MODAL SCROLL SAFETY v1.3.3
   Keep every option/note/allergy row above the fixed footer.
   ========================================================= */
#honeyspotProductModal .honeyspot-modal-body,
#honeyspotCalzoneModal .honeyspot-modal-body,
#honeyspotStandardModal .honeyspot-modal-body {
    padding-bottom: 125px !important;
    scroll-padding-bottom: 125px !important;
}

#honeyspotProductModal .hs-special-instructions,
#honeyspotCalzoneModal .hs-special-instructions,
#honeyspotStandardModal .hs-special-instructions {
    flex: 0 0 auto !important;
}

#honeyspotProductModal .hs-topping-list,
#honeyspotCalzoneModal .hsc-topping-list {
    padding-bottom: 8px !important;
}

#honeyspotCalzoneModal .hs-allergy-notice {
    margin-bottom: 4px !important;
}

@media (max-width: 700px) {
    #honeyspotProductModal .honeyspot-modal-body,
    #honeyspotCalzoneModal .honeyspot-modal-body,
    #honeyspotStandardModal .honeyspot-modal-body {
        padding-bottom: 135px !important;
        scroll-padding-bottom: 135px !important;
    }
}


/* =========================================================
   HONEYSPOT MODAL STRUCTURE v1.4.0
   Header + independently scrolling body + in-flow footer.
   No content can sit behind the footer.
   ========================================================= */
#honeyspotProductModal .honeyspot-product-modal,
#honeyspotCalzoneModal .honeyspot-product-modal {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    height: min(760px, 92vh) !important;
    max-height: 92vh !important;
    overflow: hidden !important;
}
#honeyspotProductModal .honeyspot-modal-header,
#honeyspotCalzoneModal .honeyspot-modal-header {
    flex: 0 0 auto !important;
}
#honeyspotProductModal .honeyspot-modal-body,
#honeyspotCalzoneModal .honeyspot-modal-body {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px 22px 24px !important;
    scroll-padding-bottom: 24px !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}
#honeyspotProductModal .honeyspot-modal-footer,
#honeyspotCalzoneModal .honeyspot-modal-footer {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    z-index: 20 !important;
    box-sizing: border-box !important;
}
#honeyspotProductModal .honeyspot-modal-body > *:last-child,
#honeyspotCalzoneModal .honeyspot-modal-body > *:last-child {
    margin-bottom: 0 !important;
}
#honeyspotProductModal .hs-topping-list,
#honeyspotCalzoneModal .hsc-topping-list {
    padding-bottom: 0 !important;
}

/* Sides & Extras accordion */
.hs-sides-extras { border-top:1px solid #ececec; border-bottom:1px solid #ececec; background:#fff; }
.hs-sides-extras > summary { list-style:none; cursor:pointer; padding:15px 0; display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:13px; font-weight:800; color:#292929; }
.hs-sides-extras > summary::-webkit-details-marker { display:none; }
.hs-sides-extras > summary::after {
    content: "+";
    font-size: 20px;
    font-weight: 600;
    color: #8f111c;
    font-family: Arial, sans-serif !important;
}

.hs-sides-extras[open] > summary::after {
    content: "-";
}
.hs-sides-inner { padding:0 0 16px; }
.hs-sides-group-title { margin:8px 0 7px; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#777; }
.hs-extra-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 0; border-top:1px solid #f0f0f0; }
.hs-extra-meta { min-width:0; display:flex; flex-direction:column; gap:2px; }
.hs-extra-name { font-size:13px; font-weight:700; color:#282828; }
.hs-extra-price { font-size:11px; font-weight:700; color:#ae1717; }
.hs-extra-stepper { flex:0 0 auto; display:flex; align-items:center; gap:8px; }
.hs-extra-stepper button { width:28px; height:28px; padding:0 !important; border:1px solid #ddd !important; border-radius:50% !important; background:#fff !important; color:#222 !important; font:700 16px/1 Arial,sans-serif !important; }
.hs-extra-stepper span { min-width:16px; text-align:center; font-size:12px; font-weight:800; }
@media(max-width:700px){
 #honeyspotProductModal .honeyspot-modal-body,#honeyspotCalzoneModal .honeyspot-modal-body{padding:8px 15px 18px !important;scroll-padding-bottom:18px !important;}
}

/* =========================================================
   HONEYSPOT STANDARD / WINGS MODAL v1.5.0
   ========================================================= */
#honeyspotStandardModal.honeyspot-modal-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,20,20,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;}
#honeyspotStandardModal.honeyspot-modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto;}
#honeyspotStandardModal .honeyspot-product-modal{position:relative;width:min(620px,100%);height:min(760px,92vh);max-height:92vh;display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.32);transform:translateY(15px) scale(.985);transition:transform .22s ease;}
#honeyspotStandardModal.is-open .honeyspot-product-modal{transform:translateY(0) scale(1);}
#honeyspotStandardModal .honeyspot-modal-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 18px;background:#fff;border-bottom:1px solid #ededed;}
#honeyspotStandardModal .honeyspot-modal-title{margin:0!important;color:#151515;font-size:23px!important;line-height:1.1!important;font-weight:800!important;}
#honeyspotStandardModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px;line-height:1.3;}
#honeyspotStandardModal .honeyspot-modal-close{appearance:none;-webkit-appearance:none;flex:0 0 42px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font:300 25px/1 Arial,sans-serif!important;cursor:pointer;}
#honeyspotStandardModal .honeyspot-modal-body{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 22px 24px!important;scroll-padding-bottom:24px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff;}
#honeyspotStandardModal .hs-section{padding:20px 0;margin:0;border-bottom:1px solid #eee;}
#honeyspotStandardModal .hs-section h3{margin:0!important;color:#202020;font-size:15px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:.2px;}
#honeyspotStandardModal .honeyspot-modal-footer{position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;z-index:20;display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #e9e9e9;background:rgba(255,255,255,.98);box-shadow:0 -8px 22px rgba(0,0,0,.06);}
#honeyspotStandardModal .honeyspot-quantity{flex:0 0 auto;display:flex;align-items:center;gap:5px;}
#honeyspotStandardModal .honeyspot-qty-button{width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f3f3f3!important;color:#222!important;font:500 20px/1 Arial,sans-serif!important;cursor:pointer;}
#honeyspotStandardModal .hss-qty{min-width:22px;text-align:center;color:#222;font-size:14px;font-weight:800;}
#honeyspotStandardModal .honeyspot-add-order{flex:1;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-size:13px!important;font-weight:800!important;cursor:pointer;}
#honeyspotStandardModal .honeyspot-add-order:disabled,#honeyspotStandardModal .honeyspot-add-order.is-disabled{opacity:.45;cursor:not-allowed;}
#honeyspotStandardModal .hss-total{margin-left:auto;white-space:nowrap;color:#fff;font-size:13px;font-weight:800;}
#honeyspotStandardModal .hss-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;}
#honeyspotStandardModal .hss-required{font-size:11px;font-weight:800;color:#ae1717;background:#fff2f2;border:1px solid #f0caca;border-radius:999px;padding:4px 8px;}
#honeyspotStandardModal .hss-included-badge{font-size:11px;font-weight:800;color:#23653a;background:#eef8f1;border:1px solid #cce8d4;border-radius:999px;padding:4px 8px;}
#honeyspotStandardModal .hss-wing-sauce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
#honeyspotStandardModal .hss-wing-sauce{min-height:45px;padding:9px 10px!important;margin:0!important;border:1.5px solid #dedede!important;border-radius:11px!important;background:#fff!important;color:#252525!important;font-size:13px!important;font-weight:700!important;cursor:pointer;box-shadow:none!important;}
#honeyspotStandardModal .hss-wing-sauce.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important;}
#honeyspotStandardModal .hss-wing-help{margin:0 0 10px;color:#777;font-size:12px;line-height:1.4;}
#honeyspotStandardModal .hss-included-status{margin:0 0 9px;padding:8px 10px;border-radius:8px;background:#f5f7f5;color:#3f6849;font-size:11px;font-weight:800;}
#honeyspotStandardModal .hss-included-status.has-extra{background:#fff5f5;color:#ae1717;}
#honeyspotStandardModal .hss-wing-dressing-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 0;border-top:1px solid #eee;}
#honeyspotStandardModal .hss-wing-dressing-copy{display:flex;flex-direction:column;gap:2px;}
#honeyspotStandardModal .hss-wing-dressing-copy strong{font-size:13px;color:#242424;}
#honeyspotStandardModal .hss-wing-dressing-copy span{font-size:11px;color:#777;}
.products .product.product_cat-wings,.products .product.product_cat-wing{cursor:pointer;}
@media(max-width:700px){#honeyspotStandardModal.honeyspot-modal-overlay{align-items:flex-end;padding:0;}#honeyspotStandardModal .honeyspot-product-modal{width:100%;height:94vh;max-height:94vh;border-radius:22px 22px 0 0;}#honeyspotStandardModal .honeyspot-modal-header{padding:17px 18px;}#honeyspotStandardModal .honeyspot-modal-body{padding:8px 15px 18px!important;scroll-padding-bottom:18px!important;}#honeyspotStandardModal .honeyspot-modal-title{font-size:20px!important;}#honeyspotStandardModal .hss-wing-sauce-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}#honeyspotStandardModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom));}}

/* =========================================================
   HONEYSPOT SALAD MODAL OVERLAY FIX v1.6.12
   Salad engine already opens #honeyspotSaladModal with .is-open.
   This gives it the same viewport overlay structure as other modals.
   ========================================================= */
#honeyspotSaladModal.honeyspot-modal-overlay {
    position: fixed !important;
    inset: 0 !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 24px !important;
    background: rgba(20,20,20,.72) !important;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
    box-sizing: border-box !important;
}

#honeyspotSaladModal.honeyspot-modal-overlay.is-open {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

#honeyspotSaladModal .honeyspot-product-modal {
    position: relative !important;
    width: min(620px, 100%) !important;
    height: min(760px, 92vh) !important;
    max-height: 92vh !important;
    display: flex !important;
    flex-direction: column !important;
    background: #fff !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    box-shadow: 0 25px 70px rgba(0,0,0,.32) !important;
    transform: translateY(15px) scale(.985);
    transition: transform .22s ease;
}

#honeyspotSaladModal.is-open .honeyspot-product-modal {
    transform: translateY(0) scale(1);
}

#honeyspotSaladModal .honeyspot-modal-header {
    flex: 0 0 auto !important;
}

#honeyspotSaladModal .honeyspot-modal-body {
    flex: 1 1 0 !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px 22px 24px !important;
    scroll-padding-bottom: 24px !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    background: #fff;
}

#honeyspotSaladModal .honeyspot-modal-footer {
    position: relative !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    z-index: 20 !important;
    box-sizing: border-box !important;
}

@media (max-width: 700px) {
    #honeyspotSaladModal.honeyspot-modal-overlay {
        padding: 10px !important;
    }
    #honeyspotSaladModal .honeyspot-product-modal {
        width: 100% !important;
        height: min(760px, 94vh) !important;
        max-height: 94vh !important;
        border-radius: 16px !important;
    }
    #honeyspotSaladModal .honeyspot-modal-body {
        padding: 8px 15px 18px !important;
        scroll-padding-bottom: 18px !important;
    }
}


/* =========================================================
   HONEYSPOT SALAD MODAL — PROFESSIONAL UI v1.6.14
   Scoped to Salad only. Locked modal styles remain untouched.
   ========================================================= */
#honeyspotSaladModal .honeyspot-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:20px 22px 18px!important;border-bottom:1px solid #ededed!important;background:#fff!important}
#honeyspotSaladModal .honeyspot-modal-kicker{margin-bottom:5px;color:#ae1717;font-size:11px;font-weight:900;letter-spacing:1.1px}
#honeyspotSaladModal .hsal-title{margin:0!important;color:#151515!important;font-size:23px!important;line-height:1.1!important;font-weight:900!important}
#honeyspotSaladModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px;line-height:1.3}
#honeyspotSaladModal .honeyspot-modal-close{appearance:none!important;width:42px!important;height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font:300 25px/1 Arial,sans-serif!important;cursor:pointer!important}
#honeyspotSaladModal .hs-section{padding:20px 0;margin:0;border-bottom:1px solid #eee}
#honeyspotSaladModal .hs-section>h3,#honeyspotSaladModal .hss-section-heading h3{margin:0!important;color:#202020!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:.2px}
#honeyspotSaladModal .hss-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#honeyspotSaladModal .hss-required,#honeyspotSaladModal .hss-included-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#f5f5f5;color:#666;font-size:11px;font-weight:800}
#honeyspotSaladModal .hss-included-badge{background:#fff1f1;color:#ae1717}
#honeyspotSaladModal .hss-wing-sauce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#honeyspotSaladModal .hss-variation-option{appearance:none!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0!important;padding:11px 13px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-family:inherit!important;font-size:13px!important;font-weight:800!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotSaladModal .hss-variation-option strong{margin-left:auto;color:#777;font-size:11px;font-weight:800;white-space:nowrap}
#honeyspotSaladModal .hss-variation-option.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotSaladModal .hss-variation-option.is-selected strong{color:#ae1717}
#honeyspotSaladModal .hsal-check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#honeyspotSaladModal .hsal-check{min-height:48px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:9px;padding:9px 11px;border:1px solid #e5e5e5;border-radius:11px;background:#fff;cursor:pointer}
#honeyspotSaladModal .hsal-check:has(input:checked){border-color:#ae1717;background:#fff7f7}
#honeyspotSaladModal .hsal-check input{width:18px;height:18px;margin:0;accent-color:#ae1717}
#honeyspotSaladModal .hsal-check span{color:#222;font-size:12px;font-weight:750;line-height:1.2}
#honeyspotSaladModal .hsal-check em{color:#ae1717;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}
#honeyspotSaladModal .hss-sauce-list{display:flex;flex-direction:column;gap:8px}
#honeyspotSaladModal .hss-sauce-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #e5e5e5;border-radius:12px;background:#fff}
#honeyspotSaladModal .hss-sauce-row.is-selected{border-color:#e2b7b7;background:#fffafa}
#honeyspotSaladModal .hsal-row-meta{display:flex;flex-direction:column;gap:3px;min-width:0}
#honeyspotSaladModal .hsal-row-meta strong{color:#222;font-size:13px;font-weight:800}
#honeyspotSaladModal .hsal-row-meta span{color:#777;font-size:11px;font-weight:650}
#honeyspotSaladModal .hss-stepper,#honeyspotSaladModal .hs-quantity-control{display:flex;align-items:center;gap:7px;flex:0 0 auto}
#honeyspotSaladModal .hss-stepper button,#honeyspotSaladModal .hs-quantity-control button{appearance:none!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;font:700 18px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotSaladModal .hss-stepper span,#honeyspotSaladModal .hsal-qty{min-width:18px;text-align:center;color:#222;font-size:13px;font-weight:900}
#honeyspotSaladModal .hss-wing-help{margin:-3px 0 10px;color:#777;font-size:12px;line-height:1.4}
#honeyspotSaladModal .hss-included-status{margin:0 0 10px;padding:8px 10px;border-radius:9px;background:#f6f6f6;color:#555;font-size:11px;font-weight:750}
#honeyspotSaladModal .hss-included-status.has-extra{background:#fff3f3;color:#ae1717}
#honeyspotSaladModal .hss-included-status.hsal-error{background:#ae1717!important;color:#fff!important}
#honeyspotSaladModal .hsal-standard-intro{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 0;padding:15px 16px;border:1px solid #eadede;border-radius:14px;background:#fff8f8}
#honeyspotSaladModal .hsal-standard-intro div{display:flex;flex-direction:column;gap:3px}
#honeyspotSaladModal .hsal-standard-intro span{color:#8a7777;font-size:10px;font-weight:900;letter-spacing:.7px}
#honeyspotSaladModal .hsal-standard-intro strong{color:#222;font-size:14px;font-weight:900}
#honeyspotSaladModal .hsal-standard-intro>b{color:#ae1717;font-size:16px;font-weight:900;white-space:nowrap}
#honeyspotSaladModal .hs-special-instructions{padding:20px 0 8px}
#honeyspotSaladModal .hs-special-instructions label{display:block;margin-bottom:8px;color:#222;font-size:13px;font-weight:850}
#honeyspotSaladModal .hs-special-instructions label span{color:#888;font-size:11px;font-weight:600}
#honeyspotSaladModal .hs-special-instructions-input{width:100%;min-height:72px;box-sizing:border-box;padding:11px 12px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;font:inherit;font-size:13px;resize:vertical}
#honeyspotSaladModal .hs-allergy-notice{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff8e8;color:#5f4a1d;font-size:11px;line-height:1.45}
#honeyspotSaladModal .hs-allergy-notice summary{font-weight:850;cursor:pointer}
#honeyspotSaladModal .hs-allergy-notice p{margin:7px 0 0}
#honeyspotSaladModal .honeyspot-modal-footer{display:flex!important;align-items:center!important;gap:12px!important;padding:13px 16px!important;border-top:1px solid #e9e9e9!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 22px rgba(0,0,0,.06)!important}
#honeyspotSaladModal .hs-add-to-order{appearance:none!important;flex:1!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotSaladModal .hs-add-to-order:disabled{opacity:.65;cursor:wait!important}
#honeyspotSaladModal .hsal-total{margin-left:auto;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
@media(max-width:650px){#honeyspotSaladModal .honeyspot-modal-header{padding:17px 18px!important}#honeyspotSaladModal .hsal-title{font-size:20px!important}#honeyspotSaladModal .hsal-check-list{grid-template-columns:1fr}#honeyspotSaladModal .hss-wing-sauce-grid{grid-template-columns:1fr}#honeyspotSaladModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}

/* =========================================================
   HONEYSPOT WRAP MODAL — v1.6.15
   Fully scoped. Existing locked modal CSS untouched.
   ========================================================= */
#honeyspotWrapModal.honeyspot-modal-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(20,20,20,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box!important}
#honeyspotWrapModal.honeyspot-modal-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#honeyspotWrapModal .honeyspot-product-modal{position:relative!important;width:min(620px,100%)!important;height:min(760px,92vh)!important;max-height:92vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 25px 70px rgba(0,0,0,.32)!important;transform:translateY(15px) scale(.985);transition:transform .22s ease}
#honeyspotWrapModal.is-open .honeyspot-product-modal{transform:translateY(0) scale(1)}
#honeyspotWrapModal .honeyspot-modal-header{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:20px 22px 18px!important;border-bottom:1px solid #ededed!important;background:#fff!important}
#honeyspotWrapModal .honeyspot-modal-kicker{margin-bottom:5px;color:#ae1717;font-size:11px;font-weight:900;letter-spacing:1.1px}
#honeyspotWrapModal .hswrap-title{margin:0!important;color:#151515!important;font-size:23px!important;line-height:1.1!important;font-weight:900!important}
#honeyspotWrapModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px;line-height:1.3}
#honeyspotWrapModal .honeyspot-modal-close{appearance:none!important;width:42px!important;height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font:300 25px/1 Arial,sans-serif!important;cursor:pointer!important}
#honeyspotWrapModal .honeyspot-modal-body{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 22px 24px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff}
#honeyspotWrapModal .hs-section{padding:20px 0;margin:0;border-bottom:1px solid #eee}
#honeyspotWrapModal .hswrap-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#honeyspotWrapModal .hswrap-heading h3{margin:0!important;color:#202020!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important}
#honeyspotWrapModal .hswrap-heading>span{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#fff1f1;color:#ae1717;font-size:11px;font-weight:800}
#honeyspotWrapModal .hswrap-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#honeyspotWrapModal .hswrap-choice{appearance:none!important;min-height:52px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:10px 12px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-family:inherit!important;font-size:12px!important;font-weight:850!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotWrapModal .hswrap-choice strong{color:#888;font-size:9px;font-weight:800}
#honeyspotWrapModal .hswrap-choice.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotWrapModal .hswrap-choice.is-selected strong{color:#ae1717}
#honeyspotWrapModal .hswrap-deluxe{min-height:58px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e4e4e4;border-radius:12px;background:#fff;cursor:pointer}
#honeyspotWrapModal .hswrap-deluxe:has(input:checked){border-color:#ae1717;background:#fff7f7}
#honeyspotWrapModal .hswrap-deluxe input,#honeyspotWrapModal .hswrap-check input{width:18px;height:18px;margin:0;accent-color:#ae1717}
#honeyspotWrapModal .hswrap-deluxe div{display:flex;flex-direction:column;gap:2px}.hswrap-deluxe strong{font-size:13px;color:#222}.hswrap-deluxe small{font-size:11px;color:#777}.hswrap-deluxe b{font-size:11px;color:#ae1717}
#honeyspotWrapModal .hswrap-help{margin:-3px 0 10px;color:#777;font-size:12px;line-height:1.4}
#honeyspotWrapModal .hswrap-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#honeyspotWrapModal .hswrap-check{min-height:46px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5e5e5;border-radius:11px;background:#fff;cursor:pointer}
#honeyspotWrapModal .hswrap-check:has(input:checked){border-color:#ae1717;background:#fff7f7}.hswrap-check span{font-size:12px;font-weight:750;color:#222}.hswrap-check em{font-size:9px;font-style:normal;font-weight:800;color:#777}
#honeyspotWrapModal .hswrap-accordion{margin:12px 0;border:1px solid #e5e5e5;border-radius:13px;background:#fff;overflow:hidden}
#honeyspotWrapModal .hswrap-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 14px;color:#222;font-size:13px;font-weight:900;cursor:pointer}
#honeyspotWrapModal .hswrap-accordion summary::-webkit-details-marker{display:none}#honeyspotWrapModal .hswrap-accordion summary:after{content:'+';font-size:20px;font-weight:500;color:#ae1717}#honeyspotWrapModal .hswrap-accordion[open] summary:after{content:'−'}#honeyspotWrapModal .hswrap-accordion summary span{margin-left:auto;color:#ae1717;font-size:10px;font-weight:800}
#honeyspotWrapModal .hswrap-accordion-body{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}
#honeyspotWrapModal .hswrap-extra-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #e5e5e5;border-radius:11px;background:#fff}.hswrap-extra-row.is-selected{border-color:#e2b7b7;background:#fffafa}.hswrap-extra-row>div:first-child{display:flex;flex-direction:column;gap:3px}.hswrap-extra-row strong{font-size:12px;color:#222}.hswrap-extra-row>div:first-child span{font-size:10px;color:#777}
#honeyspotWrapModal .hswrap-stepper,#honeyspotWrapModal .hs-quantity-control{display:flex;align-items:center;gap:7px;flex:0 0 auto}#honeyspotWrapModal .hswrap-stepper button,#honeyspotWrapModal .hs-quantity-control button{appearance:none!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;font:700 18px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}#honeyspotWrapModal .hswrap-stepper span,#honeyspotWrapModal .hswrap-qty{min-width:18px;text-align:center;color:#222;font-size:13px;font-weight:900}
#honeyspotWrapModal .hs-special-instructions{padding:20px 0 8px}#honeyspotWrapModal .hs-special-instructions label{display:block;margin-bottom:8px;color:#222;font-size:13px;font-weight:850}#honeyspotWrapModal .hs-special-instructions label span{color:#888;font-size:11px;font-weight:600}#honeyspotWrapModal .hs-special-instructions-input{width:100%;min-height:72px;box-sizing:border-box;padding:11px 12px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;font:inherit;font-size:13px;resize:vertical}#honeyspotWrapModal .hs-allergy-notice{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff8e8;color:#5f4a1d;font-size:11px;line-height:1.45}#honeyspotWrapModal .hs-allergy-notice summary{font-weight:850;cursor:pointer}#honeyspotWrapModal .hs-allergy-notice p{margin:7px 0 0}
#honeyspotWrapModal .honeyspot-modal-footer{position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;padding:13px 16px!important;border-top:1px solid #e9e9e9!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 22px rgba(0,0,0,.06)!important}#honeyspotWrapModal .hs-add-to-order{appearance:none!important;flex:1!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer!important}#honeyspotWrapModal .hs-add-to-order:disabled{opacity:.65;cursor:wait!important}#honeyspotWrapModal .hswrap-total{margin-left:auto;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
.products .product.product_cat-wraps,.products .product.product_cat-wrap{cursor:pointer}
@media(max-width:650px){#honeyspotWrapModal.honeyspot-modal-overlay{padding:10px!important}#honeyspotWrapModal .honeyspot-product-modal{width:100%!important;height:min(760px,94vh)!important;max-height:94vh!important;border-radius:16px!important}#honeyspotWrapModal .honeyspot-modal-header{padding:17px 18px!important}#honeyspotWrapModal .hswrap-title{font-size:20px!important}#honeyspotWrapModal .honeyspot-modal-body{padding:8px 15px 18px!important}#honeyspotWrapModal .hswrap-choice-grid{grid-template-columns:1fr}#honeyspotWrapModal .hswrap-check-grid{grid-template-columns:1fr}#honeyspotWrapModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}


/* =========================================================
   HONEYSPOT GRINDER MODAL — v1.6.17
   Fully scoped. Existing locked modal CSS untouched.
   ========================================================= */
#honeyspotGrinderModal.honeyspot-modal-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(20,20,20,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box!important}
#honeyspotGrinderModal.honeyspot-modal-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#honeyspotGrinderModal .honeyspot-product-modal{position:relative!important;width:min(620px,100%)!important;height:min(760px,92vh)!important;max-height:92vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 25px 70px rgba(0,0,0,.32)!important;transform:translateY(15px) scale(.985);transition:transform .22s ease}
#honeyspotGrinderModal.is-open .honeyspot-product-modal{transform:translateY(0) scale(1)}
#honeyspotGrinderModal .honeyspot-modal-header{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:20px 22px 18px!important;border-bottom:1px solid #ededed!important;background:#fff!important}
#honeyspotGrinderModal .honeyspot-modal-kicker{margin-bottom:5px;color:#ae1717;font-size:11px;font-weight:900;letter-spacing:1.1px}
#honeyspotGrinderModal .hsgrinder-title{margin:0!important;color:#151515!important;font-size:23px!important;line-height:1.1!important;font-weight:900!important}
#honeyspotGrinderModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px;line-height:1.3}
#honeyspotGrinderModal .honeyspot-modal-close{appearance:none!important;width:42px!important;height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font:300 25px/1 Arial,sans-serif!important;cursor:pointer!important}
#honeyspotGrinderModal .honeyspot-modal-body{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 22px 24px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff}
#honeyspotGrinderModal .hs-section{padding:20px 0;margin:0;border-bottom:1px solid #eee}
#honeyspotGrinderModal .hsgrinder-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#honeyspotGrinderModal .hsgrinder-heading h3{margin:0!important;color:#202020!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important}
#honeyspotGrinderModal .hsgrinder-heading>span{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#fff1f1;color:#ae1717;font-size:11px;font-weight:800}
#honeyspotGrinderModal .hsgrinder-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#honeyspotGrinderModal .hsgrinder-choice{appearance:none!important;min-height:52px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:10px 12px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-family:inherit!important;font-size:12px!important;font-weight:850!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotGrinderModal .hsgrinder-choice strong{color:#888;font-size:9px;font-weight:800}
#honeyspotGrinderModal .hsgrinder-choice.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotGrinderModal .hsgrinder-choice.is-selected strong{color:#ae1717}
#honeyspotGrinderModal .hsgrinder-deluxe{min-height:58px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e4e4e4;border-radius:12px;background:#fff;cursor:pointer}
#honeyspotGrinderModal .hsgrinder-deluxe:has(input:checked){border-color:#ae1717;background:#fff7f7}
#honeyspotGrinderModal .hsgrinder-deluxe input,#honeyspotGrinderModal .hsgrinder-check input{width:18px;height:18px;margin:0;accent-color:#ae1717}
#honeyspotGrinderModal .hsgrinder-deluxe div{display:flex;flex-direction:column;gap:2px}.hsgrinder-deluxe strong{font-size:13px;color:#222}.hsgrinder-deluxe small{font-size:11px;color:#777}.hsgrinder-deluxe b{font-size:11px;color:#ae1717}
#honeyspotGrinderModal .hsgrinder-help{margin:-3px 0 10px;color:#777;font-size:12px;line-height:1.4}
#honeyspotGrinderModal .hsgrinder-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#honeyspotGrinderModal .hsgrinder-check{min-height:46px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5e5e5;border-radius:11px;background:#fff;cursor:pointer}
#honeyspotGrinderModal .hsgrinder-check:has(input:checked){border-color:#ae1717;background:#fff7f7}.hsgrinder-check span{font-size:12px;font-weight:750;color:#222}.hsgrinder-check em{font-size:9px;font-style:normal;font-weight:800;color:#777}
#honeyspotGrinderModal .hsgrinder-accordion{margin:12px 0;border:1px solid #e5e5e5;border-radius:13px;background:#fff;overflow:hidden}
#honeyspotGrinderModal .hsgrinder-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 14px;color:#222;font-size:13px;font-weight:900;cursor:pointer}
#honeyspotGrinderModal .hsgrinder-accordion summary::-webkit-details-marker{display:none}#honeyspotGrinderModal .hsgrinder-accordion summary:after{content:'+';font-size:20px;font-weight:500;color:#ae1717}#honeyspotGrinderModal .hsgrinder-accordion[open] summary:after{content:'−'}#honeyspotGrinderModal .hsgrinder-accordion summary span{margin-left:auto;color:#ae1717;font-size:10px;font-weight:800}
#honeyspotGrinderModal .hsgrinder-accordion-body{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}
#honeyspotGrinderModal .hsgrinder-extra-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #e5e5e5;border-radius:11px;background:#fff}.hsgrinder-extra-row.is-selected{border-color:#e2b7b7;background:#fffafa}.hsgrinder-extra-row>div:first-child{display:flex;flex-direction:column;gap:3px}.hsgrinder-extra-row strong{font-size:12px;color:#222}.hsgrinder-extra-row>div:first-child span{font-size:10px;color:#777}
#honeyspotGrinderModal .hsgrinder-stepper,#honeyspotGrinderModal .hs-quantity-control{display:flex;align-items:center;gap:7px;flex:0 0 auto}#honeyspotGrinderModal .hsgrinder-stepper button,#honeyspotGrinderModal .hs-quantity-control button{appearance:none!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;font:700 18px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}#honeyspotGrinderModal .hsgrinder-stepper span,#honeyspotGrinderModal .hsgrinder-qty{min-width:18px;text-align:center;color:#222;font-size:13px;font-weight:900}
#honeyspotGrinderModal .hs-special-instructions{padding:20px 0 8px}#honeyspotGrinderModal .hs-special-instructions label{display:block;margin-bottom:8px;color:#222;font-size:13px;font-weight:850}#honeyspotGrinderModal .hs-special-instructions label span{color:#888;font-size:11px;font-weight:600}#honeyspotGrinderModal .hs-special-instructions-input{width:100%;min-height:72px;box-sizing:border-box;padding:11px 12px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;font:inherit;font-size:13px;resize:vertical}#honeyspotGrinderModal .hs-allergy-notice{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff8e8;color:#5f4a1d;font-size:11px;line-height:1.45}#honeyspotGrinderModal .hs-allergy-notice summary{font-weight:850;cursor:pointer}#honeyspotGrinderModal .hs-allergy-notice p{margin:7px 0 0}
#honeyspotGrinderModal .honeyspot-modal-footer{position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;padding:13px 16px!important;border-top:1px solid #e9e9e9!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 22px rgba(0,0,0,.06)!important}#honeyspotGrinderModal .hs-add-to-order{appearance:none!important;flex:1!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer!important}#honeyspotGrinderModal .hs-add-to-order:disabled{opacity:.65;cursor:wait!important}#honeyspotGrinderModal .hsgrinder-total{margin-left:auto;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
.products .product.product_cat-wraps,.products .product.product_cat-wrap{cursor:pointer}
@media(max-width:650px){#honeyspotGrinderModal.honeyspot-modal-overlay{padding:10px!important}#honeyspotGrinderModal .honeyspot-product-modal{width:100%!important;height:min(760px,94vh)!important;max-height:94vh!important;border-radius:16px!important}#honeyspotGrinderModal .honeyspot-modal-header{padding:17px 18px!important}#honeyspotGrinderModal .hsgrinder-title{font-size:20px!important}#honeyspotGrinderModal .honeyspot-modal-body{padding:8px 15px 18px!important}#honeyspotGrinderModal .hsgrinder-choice-grid{grid-template-columns:1fr}#honeyspotGrinderModal .hsgrinder-check-grid{grid-template-columns:1fr}#honeyspotGrinderModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}



/* =========================================================
   HONEYSPOT BURGER MODAL — v1.6.17
   Fully scoped. Existing locked modal CSS untouched.
   ========================================================= */
#honeyspotBurgerModal.honeyspot-modal-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(20,20,20,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box!important}
#honeyspotBurgerModal.honeyspot-modal-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#honeyspotBurgerModal .honeyspot-product-modal{position:relative!important;width:min(620px,100%)!important;height:min(760px,92vh)!important;max-height:92vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 25px 70px rgba(0,0,0,.32)!important;transform:translateY(15px) scale(.985);transition:transform .22s ease}
#honeyspotBurgerModal.is-open .honeyspot-product-modal{transform:translateY(0) scale(1)}
#honeyspotBurgerModal .honeyspot-modal-header{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:20px 22px 18px!important;border-bottom:1px solid #ededed!important;background:#fff!important}
#honeyspotBurgerModal .honeyspot-modal-kicker{margin-bottom:5px;color:#ae1717;font-size:11px;font-weight:900;letter-spacing:1.1px}
#honeyspotBurgerModal .hsburger-title{margin:0!important;color:#151515!important;font-size:23px!important;line-height:1.1!important;font-weight:900!important}
#honeyspotBurgerModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px;line-height:1.3}
#honeyspotBurgerModal .honeyspot-modal-close{appearance:none!important;width:42px!important;height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font:300 25px/1 Arial,sans-serif!important;cursor:pointer!important}
#honeyspotBurgerModal .honeyspot-modal-body{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 22px 24px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff}
#honeyspotBurgerModal .hs-section{padding:20px 0;margin:0;border-bottom:1px solid #eee}
#honeyspotBurgerModal .hsburger-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#honeyspotBurgerModal .hsburger-heading h3{margin:0!important;color:#202020!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important}
#honeyspotBurgerModal .hsburger-heading>span{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#fff1f1;color:#ae1717;font-size:11px;font-weight:800}
#honeyspotBurgerModal .hsburger-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#honeyspotBurgerModal .hsburger-choice{appearance:none!important;min-height:52px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:10px 12px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-family:inherit!important;font-size:12px!important;font-weight:850!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotBurgerModal .hsburger-choice strong{color:#888;font-size:9px;font-weight:800}
#honeyspotBurgerModal .hsburger-choice.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotBurgerModal .hsburger-choice.is-selected strong{color:#ae1717}
#honeyspotBurgerModal .hsburger-deluxe{min-height:58px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e4e4e4;border-radius:12px;background:#fff;cursor:pointer}
#honeyspotBurgerModal .hsburger-deluxe:has(input:checked){border-color:#ae1717;background:#fff7f7}
#honeyspotBurgerModal .hsburger-deluxe input,#honeyspotBurgerModal .hsburger-check input{width:18px;height:18px;margin:0;accent-color:#ae1717}
#honeyspotBurgerModal .hsburger-deluxe div{display:flex;flex-direction:column;gap:2px}.hsburger-deluxe strong{font-size:13px;color:#222}.hsburger-deluxe small{font-size:11px;color:#777}.hsburger-deluxe b{font-size:11px;color:#ae1717}
#honeyspotBurgerModal .hsburger-help{margin:-3px 0 10px;color:#777;font-size:12px;line-height:1.4}
#honeyspotBurgerModal .hsburger-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#honeyspotBurgerModal .hsburger-check{min-height:46px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5e5e5;border-radius:11px;background:#fff;cursor:pointer}
#honeyspotBurgerModal .hsburger-check:has(input:checked){border-color:#ae1717;background:#fff7f7}.hsburger-check span{font-size:12px;font-weight:750;color:#222}.hsburger-check em{font-size:9px;font-style:normal;font-weight:800;color:#777}
#honeyspotBurgerModal .hsburger-accordion{margin:12px 0;border:1px solid #e5e5e5;border-radius:13px;background:#fff;overflow:hidden}
#honeyspotBurgerModal .hsburger-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 14px;color:#222;font-size:13px;font-weight:900;cursor:pointer}
#honeyspotBurgerModal .hsburger-accordion summary::-webkit-details-marker{display:none}#honeyspotBurgerModal .hsburger-accordion summary:after{content:'+';font-size:20px;font-weight:500;color:#ae1717}#honeyspotBurgerModal .hsburger-accordion[open] summary:after{content:'−'}#honeyspotBurgerModal .hsburger-accordion summary span{margin-left:auto;color:#ae1717;font-size:10px;font-weight:800}
#honeyspotBurgerModal .hsburger-accordion-body{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}
#honeyspotBurgerModal .hsburger-extra-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #e5e5e5;border-radius:11px;background:#fff}.hsburger-extra-row.is-selected{border-color:#e2b7b7;background:#fffafa}.hsburger-extra-row>div:first-child{display:flex;flex-direction:column;gap:3px}.hsburger-extra-row strong{font-size:12px;color:#222}.hsburger-extra-row>div:first-child span{font-size:10px;color:#777}
#honeyspotBurgerModal .hsburger-stepper,#honeyspotBurgerModal .hs-quantity-control{display:flex;align-items:center;gap:7px;flex:0 0 auto}#honeyspotBurgerModal .hsburger-stepper button,#honeyspotBurgerModal .hs-quantity-control button{appearance:none!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;font:700 18px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}#honeyspotBurgerModal .hsburger-stepper span,#honeyspotBurgerModal .hsburger-qty{min-width:18px;text-align:center;color:#222;font-size:13px;font-weight:900}
#honeyspotBurgerModal .hs-special-instructions{padding:20px 0 8px}#honeyspotBurgerModal .hs-special-instructions label{display:block;margin-bottom:8px;color:#222;font-size:13px;font-weight:850}#honeyspotBurgerModal .hs-special-instructions label span{color:#888;font-size:11px;font-weight:600}#honeyspotBurgerModal .hs-special-instructions-input{width:100%;min-height:72px;box-sizing:border-box;padding:11px 12px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;font:inherit;font-size:13px;resize:vertical}#honeyspotBurgerModal .hs-allergy-notice{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff8e8;color:#5f4a1d;font-size:11px;line-height:1.45}#honeyspotBurgerModal .hs-allergy-notice summary{font-weight:850;cursor:pointer}#honeyspotBurgerModal .hs-allergy-notice p{margin:7px 0 0}
#honeyspotBurgerModal .honeyspot-modal-footer{position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;padding:13px 16px!important;border-top:1px solid #e9e9e9!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 22px rgba(0,0,0,.06)!important}#honeyspotBurgerModal .hs-add-to-order{appearance:none!important;flex:1!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer!important}#honeyspotBurgerModal .hs-add-to-order:disabled{opacity:.65;cursor:wait!important}#honeyspotBurgerModal .hsburger-total{margin-left:auto;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
.products .product.product_cat-wraps,.products .product.product_cat-wrap{cursor:pointer}
@media(max-width:650px){#honeyspotBurgerModal.honeyspot-modal-overlay{padding:10px!important}#honeyspotBurgerModal .honeyspot-product-modal{width:100%!important;height:min(760px,94vh)!important;max-height:94vh!important;border-radius:16px!important}#honeyspotBurgerModal .honeyspot-modal-header{padding:17px 18px!important}#honeyspotBurgerModal .hsburger-title{font-size:20px!important}#honeyspotBurgerModal .honeyspot-modal-body{padding:8px 15px 18px!important}#honeyspotBurgerModal .hsburger-choice-grid{grid-template-columns:1fr}#honeyspotBurgerModal .hsburger-check-grid{grid-template-columns:1fr}#honeyspotBurgerModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}


/* =========================================================
   HONEYSPOT FOCACCIA MODAL — v1.6.17
   Fully scoped. Existing locked modal CSS untouched.
   ========================================================= */
#honeyspotFocacciaModal.honeyspot-modal-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(20,20,20,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box!important}
#honeyspotFocacciaModal.honeyspot-modal-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#honeyspotFocacciaModal .honeyspot-product-modal{position:relative!important;width:min(620px,100%)!important;height:min(760px,92vh)!important;max-height:92vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 25px 70px rgba(0,0,0,.32)!important;transform:translateY(15px) scale(.985);transition:transform .22s ease}
#honeyspotFocacciaModal.is-open .honeyspot-product-modal{transform:translateY(0) scale(1)}
#honeyspotFocacciaModal .honeyspot-modal-header{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:20px 22px 18px!important;border-bottom:1px solid #ededed!important;background:#fff!important}
#honeyspotFocacciaModal .honeyspot-modal-kicker{margin-bottom:5px;color:#ae1717;font-size:11px;font-weight:900;letter-spacing:1.1px}
#honeyspotFocacciaModal .hsfocaccia-title{margin:0!important;color:#151515!important;font-size:23px!important;line-height:1.1!important;font-weight:900!important}
#honeyspotFocacciaModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px;line-height:1.3}
#honeyspotFocacciaModal .honeyspot-modal-close{appearance:none!important;width:42px!important;height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font:300 25px/1 Arial,sans-serif!important;cursor:pointer!important}
#honeyspotFocacciaModal .honeyspot-modal-body{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 22px 24px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff}
#honeyspotFocacciaModal .hs-section{padding:20px 0;margin:0;border-bottom:1px solid #eee}
#honeyspotFocacciaModal .hsfocaccia-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#honeyspotFocacciaModal .hsfocaccia-heading h3{margin:0!important;color:#202020!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important}
#honeyspotFocacciaModal .hsfocaccia-heading>span{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#fff1f1;color:#ae1717;font-size:11px;font-weight:800}
#honeyspotFocacciaModal .hsfocaccia-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#honeyspotFocacciaModal .hsfocaccia-choice{appearance:none!important;min-height:52px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:10px 12px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-family:inherit!important;font-size:12px!important;font-weight:850!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotFocacciaModal .hsfocaccia-choice strong{color:#888;font-size:9px;font-weight:800}
#honeyspotFocacciaModal .hsfocaccia-choice.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotFocacciaModal .hsfocaccia-choice.is-selected strong{color:#ae1717}
#honeyspotFocacciaModal .hsfocaccia-deluxe{min-height:58px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #e4e4e4;border-radius:12px;background:#fff;cursor:pointer}
#honeyspotFocacciaModal .hsfocaccia-deluxe:has(input:checked){border-color:#ae1717;background:#fff7f7}
#honeyspotFocacciaModal .hsfocaccia-deluxe input,#honeyspotFocacciaModal .hsfocaccia-check input{width:18px;height:18px;margin:0;accent-color:#ae1717}
#honeyspotFocacciaModal .hsfocaccia-deluxe div{display:flex;flex-direction:column;gap:2px}.hsfocaccia-deluxe strong{font-size:13px;color:#222}.hsfocaccia-deluxe small{font-size:11px;color:#777}.hsfocaccia-deluxe b{font-size:11px;color:#ae1717}
#honeyspotFocacciaModal .hsfocaccia-help{margin:-3px 0 10px;color:#777;font-size:12px;line-height:1.4}
#honeyspotFocacciaModal .hsfocaccia-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#honeyspotFocacciaModal .hsfocaccia-check{min-height:46px;display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:8px 10px;border:1px solid #e5e5e5;border-radius:11px;background:#fff;cursor:pointer}
#honeyspotFocacciaModal .hsfocaccia-check:has(input:checked){border-color:#ae1717;background:#fff7f7}.hsfocaccia-check span{font-size:12px;font-weight:750;color:#222}.hsfocaccia-check em{font-size:9px;font-style:normal;font-weight:800;color:#777}
#honeyspotFocacciaModal .hsfocaccia-accordion{margin:12px 0;border:1px solid #e5e5e5;border-radius:13px;background:#fff;overflow:hidden}
#honeyspotFocacciaModal .hsfocaccia-accordion summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 14px;color:#222;font-size:13px;font-weight:900;cursor:pointer}
#honeyspotFocacciaModal .hsfocaccia-accordion summary::-webkit-details-marker{display:none}#honeyspotFocacciaModal .hsfocaccia-accordion summary:after{content:'+';font-size:20px;font-weight:500;color:#ae1717}#honeyspotFocacciaModal .hsfocaccia-accordion[open] summary:after{content:'−'}#honeyspotFocacciaModal .hsfocaccia-accordion summary span{margin-left:auto;color:#ae1717;font-size:10px;font-weight:800}
#honeyspotFocacciaModal .hsfocaccia-accordion-body{display:flex;flex-direction:column;gap:8px;padding:0 12px 12px}
#honeyspotFocacciaModal .hsfocaccia-extra-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #e5e5e5;border-radius:11px;background:#fff}.hsfocaccia-extra-row.is-selected{border-color:#e2b7b7;background:#fffafa}.hsfocaccia-extra-row>div:first-child{display:flex;flex-direction:column;gap:3px}.hsfocaccia-extra-row strong{font-size:12px;color:#222}.hsfocaccia-extra-row>div:first-child span{font-size:10px;color:#777}
#honeyspotFocacciaModal .hsfocaccia-stepper,#honeyspotFocacciaModal .hs-quantity-control{display:flex;align-items:center;gap:7px;flex:0 0 auto}#honeyspotFocacciaModal .hsfocaccia-stepper button,#honeyspotFocacciaModal .hs-quantity-control button{appearance:none!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;font:700 18px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}#honeyspotFocacciaModal .hsfocaccia-stepper span,#honeyspotFocacciaModal .hsfocaccia-qty{min-width:18px;text-align:center;color:#222;font-size:13px;font-weight:900}
#honeyspotFocacciaModal .hs-special-instructions{padding:20px 0 8px}#honeyspotFocacciaModal .hs-special-instructions label{display:block;margin-bottom:8px;color:#222;font-size:13px;font-weight:850}#honeyspotFocacciaModal .hs-special-instructions label span{color:#888;font-size:11px;font-weight:600}#honeyspotFocacciaModal .hs-special-instructions-input{width:100%;min-height:72px;box-sizing:border-box;padding:11px 12px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;font:inherit;font-size:13px;resize:vertical}#honeyspotFocacciaModal .hs-allergy-notice{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff8e8;color:#5f4a1d;font-size:11px;line-height:1.45}#honeyspotFocacciaModal .hs-allergy-notice summary{font-weight:850;cursor:pointer}#honeyspotFocacciaModal .hs-allergy-notice p{margin:7px 0 0}
#honeyspotFocacciaModal .honeyspot-modal-footer{position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;padding:13px 16px!important;border-top:1px solid #e9e9e9!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 22px rgba(0,0,0,.06)!important}#honeyspotFocacciaModal .hs-add-to-order{appearance:none!important;flex:1!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer!important}#honeyspotFocacciaModal .hs-add-to-order:disabled{opacity:.65;cursor:wait!important}#honeyspotFocacciaModal .hsfocaccia-total{margin-left:auto;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
.products .product.product_cat-wraps,.products .product.product_cat-wrap{cursor:pointer}
@media(max-width:650px){#honeyspotFocacciaModal.honeyspot-modal-overlay{padding:10px!important}#honeyspotFocacciaModal .honeyspot-product-modal{width:100%!important;height:min(760px,94vh)!important;max-height:94vh!important;border-radius:16px!important}#honeyspotFocacciaModal .honeyspot-modal-header{padding:17px 18px!important}#honeyspotFocacciaModal .hsfocaccia-title{font-size:20px!important}#honeyspotFocacciaModal .honeyspot-modal-body{padding:8px 15px 18px!important}#honeyspotFocacciaModal .hsfocaccia-choice-grid{grid-template-columns:1fr}#honeyspotFocacciaModal .hsfocaccia-check-grid{grid-template-columns:1fr}#honeyspotFocacciaModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}


/* =========================================================
   HONEYSPOT MIXED SUB ENGINE v1.6.20
   ========================================================= */
#honeyspotMixedSubModal .hsmixed-recipe {
    margin: 0 0 18px;
    padding: 14px 16px;
    border: 1px solid #ececec;
    border-radius: 12px;
    background: #fff;
}
#honeyspotMixedSubModal .hsmixed-recipe h3 {
    margin: 0 0 7px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}
#honeyspotMixedSubModal .hsmixed-description {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #555;
}


/* =========================================================
   HONEYSPOT MIXED SUB MODAL — v1.6.20.6 CSS FIX
   Verified: engine/preload/open() work; Mixed Subs was missing
   the shared modal shell styles used by the locked engines.
   ========================================================= */

#honeyspotMixedSubModal.honeyspot-modal-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
    background:rgba(20,20,20,.72)!important;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
    box-sizing:border-box!important;
}
#honeyspotMixedSubModal.honeyspot-modal-overlay.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}
#honeyspotMixedSubModal .honeyspot-product-modal{
    position:relative!important;
    width:min(620px,100%)!important;
    height:min(760px,92vh)!important;
    max-height:92vh!important;
    display:flex!important;
    flex-direction:column!important;
    background:#fff!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:0 25px 70px rgba(0,0,0,.32)!important;
    transform:translateY(15px) scale(.985);
    transition:transform .22s ease;
}
#honeyspotMixedSubModal.is-open .honeyspot-product-modal{
    transform:translateY(0) scale(1);
}
#honeyspotMixedSubModal .honeyspot-modal-header{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:20px 22px 18px!important;
    border-bottom:1px solid #ededed!important;
    background:#fff!important;
}
#honeyspotMixedSubModal .honeyspot-modal-kicker{
    margin-bottom:5px;
    color:#ae1717;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.1px;
}
#honeyspotMixedSubModal .hsmixed-title{
    margin:0!important;
    color:#151515!important;
    font-size:23px!important;
    line-height:1.1!important;
    font-weight:900!important;
}
#honeyspotMixedSubModal .honeyspot-modal-subtitle{
    margin-top:5px;
    color:#777;
    font-size:13px;
    line-height:1.3;
}
#honeyspotMixedSubModal .honeyspot-modal-close{
    appearance:none!important;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#171717!important;
    color:#fff!important;
    font:300 25px/1 Arial,sans-serif!important;
    cursor:pointer!important;
}
#honeyspotMixedSubModal .honeyspot-modal-body{
    flex:1 1 0!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:20px 22px 24px!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:#fff!important;
}
#honeyspotMixedSubModal .hs-special-instructions{
    padding:20px 0 8px;
}
#honeyspotMixedSubModal .hs-special-instructions label{
    display:block;
    margin-bottom:8px;
    color:#222;
    font-size:13px;
    font-weight:850;
}
#honeyspotMixedSubModal .hs-special-instructions label span{
    color:#888;
    font-size:11px;
    font-weight:600;
}
#honeyspotMixedSubModal .hs-special-instructions-input{
    width:100%;
    min-height:72px;
    box-sizing:border-box;
    padding:11px 12px;
    border:1px solid #ddd;
    border-radius:11px;
    background:#fff;
    color:#222;
    font:inherit;
    font-size:13px;
    resize:vertical;
}
#honeyspotMixedSubModal .hs-allergy-notice{
    margin-top:10px;
    padding:10px 12px;
    border-radius:10px;
    background:#fff8e8;
    color:#5f4a1d;
    font-size:11px;
    line-height:1.45;
}
#honeyspotMixedSubModal .hs-allergy-notice summary{
    font-weight:850;
    cursor:pointer;
}
#honeyspotMixedSubModal .hs-allergy-notice p{
    margin:7px 0 0;
}
#honeyspotMixedSubModal .honeyspot-modal-footer{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:13px 16px!important;
    border-top:1px solid #e9e9e9!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -8px 22px rgba(0,0,0,.06)!important;
}
#honeyspotMixedSubModal .hs-quantity-control{
    display:flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
}
#honeyspotMixedSubModal .hs-quantity-control button{
    appearance:none!important;
    width:32px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #ddd!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#222!important;
    font:700 18px/1 Arial,sans-serif!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
#honeyspotMixedSubModal .hsmixed-qty{
    min-width:18px;
    text-align:center;
    color:#222;
    font-size:13px;
    font-weight:900;
}
#honeyspotMixedSubModal .hs-add-to-order{
    appearance:none!important;
    flex:1!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:15px!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:12px!important;
    background:#ae1717!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
#honeyspotMixedSubModal .hs-add-to-order:disabled{
    opacity:.65;
    cursor:wait!important;
}
#honeyspotMixedSubModal .hsmixed-total{
    margin-left:auto;
    color:#fff;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
}
.products .product.product_cat-mixed-subs{
    cursor:pointer;
}

@media(max-width:650px){
    #honeyspotMixedSubModal.honeyspot-modal-overlay{
        padding:10px!important;
    }
    #honeyspotMixedSubModal .honeyspot-product-modal{
        width:100%!important;
        height:min(760px,94vh)!important;
        max-height:94vh!important;
        border-radius:16px!important;
    }
    #honeyspotMixedSubModal .honeyspot-modal-header{
        padding:17px 18px!important;
    }
    #honeyspotMixedSubModal .hsmixed-title{
        font-size:20px!important;
    }
    #honeyspotMixedSubModal .honeyspot-modal-body{
        padding:18px 15px!important;
    }
    #honeyspotMixedSubModal .honeyspot-modal-footer{
        padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;
    }
}

/* =========================================================
   HONEYSPOT CLUB SANDWICH MODAL — v1.6.20.7 CSS FIX
   Same proven shell/footer treatment as Mixed Subs.
   CSS ONLY — no JS/PHP changes.
   ========================================================= */

#honeyspotClubSandwichModal.honeyspot-modal-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
    background:rgba(20,20,20,.72)!important;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
    box-sizing:border-box!important;
}
#honeyspotClubSandwichModal.honeyspot-modal-overlay.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}
#honeyspotClubSandwichModal .honeyspot-product-modal{
    position:relative!important;
    width:min(620px,100%)!important;
    height:min(760px,92vh)!important;
    max-height:92vh!important;
    display:flex!important;
    flex-direction:column!important;
    background:#fff!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:0 25px 70px rgba(0,0,0,.32)!important;
    transform:translateY(15px) scale(.985);
    transition:transform .22s ease;
}
#honeyspotClubSandwichModal.is-open .honeyspot-product-modal{
    transform:translateY(0) scale(1);
}
#honeyspotClubSandwichModal .honeyspot-modal-header{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
    padding:20px 22px 18px!important;
    border-bottom:1px solid #ededed!important;
    background:#fff!important;
}
#honeyspotClubSandwichModal .honeyspot-modal-kicker{
    margin-bottom:5px;
    color:#ae1717;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.1px;
}
#honeyspotClubSandwichModal .hsclub-title{
    margin:0!important;
    color:#151515!important;
    font-size:23px!important;
    line-height:1.1!important;
    font-weight:900!important;
}
#honeyspotClubSandwichModal .honeyspot-modal-subtitle{
    margin-top:5px;
    color:#777;
    font-size:13px;
    line-height:1.3;
}
#honeyspotClubSandwichModal .honeyspot-modal-close{
    appearance:none!important;
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#171717!important;
    color:#fff!important;
    font:300 25px/1 Arial,sans-serif!important;
    cursor:pointer!important;
}
#honeyspotClubSandwichModal .honeyspot-modal-body{
    flex:1 1 0!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:20px 22px 24px!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    background:#fff!important;
}
#honeyspotClubSandwichModal .hs-special-instructions{
    padding:20px 0 8px;
}
#honeyspotClubSandwichModal .hs-special-instructions label{
    display:block;
    margin-bottom:8px;
    color:#222;
    font-size:13px;
    font-weight:850;
}
#honeyspotClubSandwichModal .hs-special-instructions label span{
    color:#888;
    font-size:11px;
    font-weight:600;
}
#honeyspotClubSandwichModal .hs-special-instructions-input{
    width:100%;
    min-height:72px;
    box-sizing:border-box;
    padding:11px 12px;
    border:1px solid #ddd;
    border-radius:11px;
    background:#fff;
    color:#222;
    font:inherit;
    font-size:13px;
    resize:vertical;
}
#honeyspotClubSandwichModal .hs-allergy-notice{
    margin-top:10px;
    padding:10px 12px;
    border-radius:10px;
    background:#fff8e8;
    color:#5f4a1d;
    font-size:11px;
    line-height:1.45;
}
#honeyspotClubSandwichModal .hs-allergy-notice summary{
    font-weight:850;
    cursor:pointer;
}
#honeyspotClubSandwichModal .hs-allergy-notice p{
    margin:7px 0 0;
}
#honeyspotClubSandwichModal .honeyspot-modal-footer{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:13px 16px!important;
    border-top:1px solid #e9e9e9!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -8px 22px rgba(0,0,0,.06)!important;
}
#honeyspotClubSandwichModal .hs-quantity-control{
    display:flex;
    align-items:center;
    gap:7px;
    flex:0 0 auto;
}
#honeyspotClubSandwichModal .hs-quantity-control button{
    appearance:none!important;
    width:32px!important;
    height:32px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:1px solid #ddd!important;
    border-radius:50%!important;
    background:#fff!important;
    color:#222!important;
    font:700 18px/1 Arial,sans-serif!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
#honeyspotClubSandwichModal .hsclub-qty{
    min-width:18px;
    text-align:center;
    color:#222;
    font-size:13px;
    font-weight:900;
}
#honeyspotClubSandwichModal .hs-add-to-order{
    appearance:none!important;
    flex:1!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:15px!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:12px!important;
    background:#ae1717!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
#honeyspotClubSandwichModal .hs-add-to-order:disabled{
    opacity:.65;
    cursor:wait!important;
}
#honeyspotClubSandwichModal .hsclub-total{
    margin-left:auto;
    color:#fff;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
}
.products .product.product_cat-club-sandwiches{
    cursor:pointer;
}

@media(max-width:650px){
    #honeyspotClubSandwichModal.honeyspot-modal-overlay{
        padding:10px!important;
    }
    #honeyspotClubSandwichModal .honeyspot-product-modal{
        width:100%!important;
        height:min(760px,94vh)!important;
        max-height:94vh!important;
        border-radius:16px!important;
    }
    #honeyspotClubSandwichModal .honeyspot-modal-header{
        padding:17px 18px!important;
    }
    #honeyspotClubSandwichModal .hsclub-title{
        font-size:20px!important;
    }
    #honeyspotClubSandwichModal .honeyspot-modal-body{
        padding:18px 15px!important;
    }
    #honeyspotClubSandwichModal .honeyspot-modal-footer{
        padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;
    }
}



/* =========================================================
   HONEYSPOT QUESADILLA MODAL — v1.6.22
   Explicit fixed shell from first release (prevents static/block regression).
   ========================================================= */
#honeyspotQuesadillaModal.honeyspot-modal-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(20,20,20,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box!important}
#honeyspotQuesadillaModal.honeyspot-modal-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#honeyspotQuesadillaModal .honeyspot-product-modal{position:relative!important;width:min(620px,100%)!important;height:min(760px,92vh)!important;max-height:92vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 25px 70px rgba(0,0,0,.32)!important;transform:translateY(15px) scale(.985);transition:transform .22s ease}
#honeyspotQuesadillaModal.is-open .honeyspot-product-modal{transform:translateY(0) scale(1)}
#honeyspotQuesadillaModal .honeyspot-modal-header{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;padding:20px 22px 18px!important;border-bottom:1px solid #ededed!important;background:#fff!important}
#honeyspotQuesadillaModal .honeyspot-modal-kicker{margin-bottom:5px;color:#ae1717;font-size:11px;font-weight:900;letter-spacing:1.1px}
#honeyspotQuesadillaModal .hsques-title{margin:0!important;color:#151515!important;font-size:23px!important;line-height:1.1!important;font-weight:900!important}
#honeyspotQuesadillaModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px;line-height:1.3}
#honeyspotQuesadillaModal .honeyspot-modal-close{appearance:none!important;width:42px!important;height:42px!important;flex:0 0 42px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font:300 25px/1 Arial,sans-serif!important;cursor:pointer!important}
#honeyspotQuesadillaModal .honeyspot-modal-body{flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px 22px 24px!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#fff!important}
#honeyspotQuesadillaModal .hs-section{padding:20px 0;margin:0;border-bottom:1px solid #eee}
#honeyspotQuesadillaModal .hsques-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#honeyspotQuesadillaModal .hsques-heading h3{margin:0!important;color:#202020!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important}
#honeyspotQuesadillaModal .hsques-heading>span{display:inline-flex;align-items:center;min-height:24px;padding:4px 9px;border-radius:999px;background:#fff1f1;color:#ae1717;font-size:11px;font-weight:800}
#honeyspotQuesadillaModal .hsques-help{margin:-3px 0 10px;color:#777;font-size:12px;line-height:1.4}
#honeyspotQuesadillaModal .hsques-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#honeyspotQuesadillaModal .hsques-style{appearance:none!important;min-height:64px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:10px 12px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-family:inherit!important;font-size:12px!important;font-weight:850!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotQuesadillaModal .hsques-style small{font-size:10px;color:#777;font-weight:600}
#honeyspotQuesadillaModal .hsques-style strong{font-size:11px;color:#ae1717;font-weight:900}
#honeyspotQuesadillaModal .hsques-style.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotQuesadillaModal .hsques-side-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#honeyspotQuesadillaModal .hsques-side{appearance:none!important;min-height:56px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:3px!important;margin:0!important;padding:10px 12px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-family:inherit!important;font-size:12px!important;font-weight:850!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotQuesadillaModal .hsques-side strong{font-size:9px;color:#888;font-weight:800}
#honeyspotQuesadillaModal .hsques-side.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotQuesadillaModal .hsques-side.is-selected strong{color:#ae1717}
#honeyspotQuesadillaModal .hsques-side-error{min-height:18px;margin-top:7px;color:#ae1717;font-size:11px;font-weight:800}
#honeyspotQuesadillaModal .hsques-extra-list{display:flex;flex-direction:column;gap:8px}
#honeyspotQuesadillaModal .hsques-extra-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #e5e5e5;border-radius:11px;background:#fff}
#honeyspotQuesadillaModal .hsques-extra-row.is-selected{border-color:#e2b7b7;background:#fffafa}
#honeyspotQuesadillaModal .hsques-extra-row>div:first-child{display:flex;flex-direction:column;gap:3px}
#honeyspotQuesadillaModal .hsques-extra-row strong{font-size:12px;color:#222}
#honeyspotQuesadillaModal .hsques-extra-row>div:first-child span{font-size:10px;color:#777}
#honeyspotQuesadillaModal .hsques-stepper,#honeyspotQuesadillaModal .hs-quantity-control{display:flex;align-items:center;gap:7px;flex:0 0 auto}
#honeyspotQuesadillaModal .hsques-stepper button,#honeyspotQuesadillaModal .hs-quantity-control button{appearance:none!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;font:700 18px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotQuesadillaModal .hsques-stepper span,#honeyspotQuesadillaModal .hsques-qty{min-width:18px;text-align:center;color:#222;font-size:13px;font-weight:900}
#honeyspotQuesadillaModal .hs-special-instructions{padding:20px 0 8px}
#honeyspotQuesadillaModal .hs-special-instructions label{display:block;margin-bottom:8px;color:#222;font-size:13px;font-weight:850}
#honeyspotQuesadillaModal .hs-special-instructions label span{color:#888;font-size:11px;font-weight:600}
#honeyspotQuesadillaModal .hs-special-instructions-input{width:100%;min-height:72px;box-sizing:border-box;padding:11px 12px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;font:inherit;font-size:13px;resize:vertical}
#honeyspotQuesadillaModal .hs-allergy-notice{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff8e8;color:#5f4a1d;font-size:11px;line-height:1.45}
#honeyspotQuesadillaModal .hs-allergy-notice summary{font-weight:850;cursor:pointer}
#honeyspotQuesadillaModal .hs-allergy-notice p{margin:7px 0 0}
#honeyspotQuesadillaModal .honeyspot-modal-footer{position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;padding:13px 16px!important;border-top:1px solid #e9e9e9!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 22px rgba(0,0,0,.06)!important}
#honeyspotQuesadillaModal .hs-add-to-order{appearance:none!important;flex:1!important;min-height:48px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:15px!important;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:900!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotQuesadillaModal .hs-add-to-order:disabled{opacity:.65;cursor:wait!important}
#honeyspotQuesadillaModal .hsques-total{margin-left:auto;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
.products .product.product_cat-quesadillas{cursor:pointer}
@media(max-width:650px){#honeyspotQuesadillaModal.honeyspot-modal-overlay{padding:10px!important}#honeyspotQuesadillaModal .honeyspot-product-modal{width:100%!important;height:min(760px,94vh)!important;max-height:94vh!important;border-radius:16px!important}#honeyspotQuesadillaModal .honeyspot-modal-header{padding:17px 18px!important}#honeyspotQuesadillaModal .hsques-title{font-size:20px!important}#honeyspotQuesadillaModal .honeyspot-modal-body{padding:8px 15px 18px!important}#honeyspotQuesadillaModal .hsques-style-grid,#honeyspotQuesadillaModal .hsques-side-grid{grid-template-columns:1fr}#honeyspotQuesadillaModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}


/* =========================================================
   HONEYSPOT DINNER ENGINE v1.6.23
   ========================================================= */
#honeyspotDinnerModal.honeyspot-modal-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,20,20,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
#honeyspotDinnerModal.is-open{opacity:1;visibility:visible;pointer-events:auto}
#honeyspotDinnerModal .honeyspot-product-modal{position:relative;width:min(620px,100%);height:min(760px,92vh);display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.32)}
#honeyspotDinnerModal .honeyspot-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 18px;border-bottom:1px solid #ededed}
#honeyspotDinnerModal .honeyspot-modal-title{margin:0!important;color:#151515;font-size:23px!important;line-height:1.1!important;font-weight:800!important}
#honeyspotDinnerModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px}
#honeyspotDinnerModal .honeyspot-modal-close{width:42px;height:42px;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font-size:25px!important;cursor:pointer}
#honeyspotDinnerModal .honeyspot-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 22px 110px;background:#fff}
#honeyspotDinnerModal .hsdin-description{padding:14px 0 0;color:#666;font-size:13px;line-height:1.45}
#honeyspotDinnerModal .hs-section{padding:20px 0;border-bottom:1px solid #eee}
#honeyspotDinnerModal .hsdin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#honeyspotDinnerModal .hsdin-heading h3{margin:0!important;font-size:15px!important;font-weight:800!important;color:#202020}
#honeyspotDinnerModal .hsdin-heading span{font-size:11px;font-weight:800;color:#ae1717;background:#fff3f3;border-radius:999px;padding:5px 9px}
#honeyspotDinnerModal .hsdin-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#honeyspotDinnerModal .hsdin-choice{min-height:48px;padding:9px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-size:13px!important;font-weight:700!important;cursor:pointer}
#honeyspotDinnerModal .hsdin-choice strong{display:block;margin-top:3px;color:#ae1717;font-size:10px}
#honeyspotDinnerModal .hsdin-choice.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotDinnerModal .hsdin-dressing-select{width:100%;min-height:50px;padding:0 14px;border:1.5px solid #dedede;border-radius:12px;background:#fff;color:#222;font-size:14px;font-weight:700}
#honeyspotDinnerModal .hsdin-error{margin-top:10px;color:#ae1717;font-size:12px;font-weight:700}
#honeyspotDinnerModal .hs-special-instructions{padding:20px 0}
#honeyspotDinnerModal .honeyspot-modal-footer{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #e9e9e9;background:rgba(255,255,255,.98);box-shadow:0 -8px 22px rgba(0,0,0,.06)}
#honeyspotDinnerModal .hs-quantity-control{display:flex;align-items:center;gap:5px}
#honeyspotDinnerModal .hs-quantity-control button{width:36px;height:36px;border:0!important;border-radius:50%!important;background:#f3f3f3!important;color:#222!important;font-size:20px!important;cursor:pointer}
#honeyspotDinnerModal .hsdin-qty{min-width:22px;text-align:center;font-size:14px;font-weight:800}
#honeyspotDinnerModal .hsdin-add-order{flex:1;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-size:13px!important;font-weight:800!important;cursor:pointer}
@media(max-width:650px){#honeyspotDinnerModal.honeyspot-modal-overlay{align-items:flex-end;padding:0}#honeyspotDinnerModal .honeyspot-product-modal{width:100%;height:94vh;border-radius:22px 22px 0 0}#honeyspotDinnerModal .honeyspot-modal-header{padding:17px 18px}#honeyspotDinnerModal .honeyspot-modal-body{padding-left:18px;padding-right:18px}#honeyspotDinnerModal .hsdin-choice-grid{grid-template-columns:1fr}#honeyspotDinnerModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}


/* =========================================================
   DINNER MODAL — BOTTOM SCROLL FIX (LOCKED)
   ========================================================= */
#honeyspotDinnerModal .honeyspot-modal-body{padding-bottom:150px!important}

/* =========================================================
   HONEYSPOT SEAFOOD ENGINE v1.6.24
   ========================================================= */
#honeyspotSeafoodModal.honeyspot-modal-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,20,20,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
#honeyspotSeafoodModal.is-open{opacity:1;visibility:visible;pointer-events:auto}
#honeyspotSeafoodModal .honeyspot-product-modal{position:relative;width:min(620px,100%);height:min(760px,92vh);display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.32)}
#honeyspotSeafoodModal .honeyspot-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 18px;border-bottom:1px solid #ededed}
#honeyspotSeafoodModal .honeyspot-modal-title{margin:0!important;color:#151515;font-size:23px!important;line-height:1.1!important;font-weight:800!important}
#honeyspotSeafoodModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px}
#honeyspotSeafoodModal .honeyspot-modal-close{width:42px;height:42px;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font-size:25px!important;cursor:pointer}
#honeyspotSeafoodModal .honeyspot-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 22px 150px;background:#fff}
#honeyspotSeafoodModal .hssea-description{padding:14px 0 0;color:#666;font-size:13px;line-height:1.45}
#honeyspotSeafoodModal .hssea-included{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:13px 14px;border:1px solid #eee;border-radius:12px;background:#fafafa;color:#222}
#honeyspotSeafoodModal .hssea-included strong{font-size:12px;font-weight:900}
#honeyspotSeafoodModal .hssea-included span{font-size:12px;font-weight:800;color:#ae1717}
#honeyspotSeafoodModal .hs-section{padding:20px 0;border-bottom:1px solid #eee}
#honeyspotSeafoodModal .hssea-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#honeyspotSeafoodModal .hssea-heading h3{margin:0!important;font-size:15px!important;font-weight:800!important;color:#202020}
#honeyspotSeafoodModal .hssea-heading span{font-size:11px;font-weight:800;color:#ae1717;background:#fff3f3;border-radius:999px;padding:5px 9px}
#honeyspotSeafoodModal .hssea-extra-list{display:flex;flex-direction:column;gap:8px}
#honeyspotSeafoodModal .hssea-extra-row{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #e5e5e5;border-radius:11px;background:#fff}
#honeyspotSeafoodModal .hssea-extra-row.is-selected{border-color:#e2b7b7;background:#fffafa}
#honeyspotSeafoodModal .hssea-extra-row>div:first-child{display:flex;flex-direction:column;gap:3px}
#honeyspotSeafoodModal .hssea-extra-row strong{font-size:12px;color:#222}
#honeyspotSeafoodModal .hssea-extra-row>div:first-child span{font-size:10px;color:#777}
#honeyspotSeafoodModal .hssea-stepper,#honeyspotSeafoodModal .hs-quantity-control{display:flex;align-items:center;gap:7px;flex:0 0 auto}
#honeyspotSeafoodModal .hssea-stepper button,#honeyspotSeafoodModal .hs-quantity-control button{appearance:none!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;font:700 18px/1 Arial,sans-serif!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotSeafoodModal .hssea-stepper span,#honeyspotSeafoodModal .hssea-qty{min-width:18px;text-align:center;color:#222;font-size:13px;font-weight:900}
#honeyspotSeafoodModal .hssea-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#honeyspotSeafoodModal .hssea-choice{min-height:48px;padding:9px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-size:13px!important;font-weight:700!important;cursor:pointer}
#honeyspotSeafoodModal .hssea-choice strong{display:block;margin-top:3px;color:#ae1717;font-size:10px}
#honeyspotSeafoodModal .hssea-choice.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotSeafoodModal .hs-special-instructions{padding:20px 0}
#honeyspotSeafoodModal .honeyspot-modal-footer{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #e9e9e9;background:rgba(255,255,255,.98);box-shadow:0 -8px 22px rgba(0,0,0,.06)}
#honeyspotSeafoodModal .hssea-add-order{flex:1;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-size:13px!important;font-weight:800!important;cursor:pointer}
#honeyspotSeafoodModal .hssea-add-order:disabled{opacity:.65;cursor:wait!important}
#honeyspotSeafoodModal .hssea-total{margin-left:auto;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
.products .product.product_cat-seafood,.products .product.product_cat-seafoods{cursor:pointer}
@media(max-width:650px){#honeyspotSeafoodModal.honeyspot-modal-overlay{align-items:flex-end;padding:0}#honeyspotSeafoodModal .honeyspot-product-modal{width:100%;height:94vh;border-radius:22px 22px 0 0}#honeyspotSeafoodModal .honeyspot-modal-header{padding:17px 18px}#honeyspotSeafoodModal .honeyspot-modal-body{padding-left:18px;padding-right:18px;padding-bottom:150px}#honeyspotSeafoodModal .hssea-choice-grid{grid-template-columns:1fr}#honeyspotSeafoodModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}


/* SEAFOOD v1.6.25 — Deluxe + bottom scroll final */
#honeyspotSeafoodModal .honeyspot-modal-body{padding-bottom:190px!important}
#honeyspotSeafoodModal .hssea-deluxe{appearance:none!important;width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#222!important;text-align:left!important;cursor:pointer;box-shadow:none!important}
#honeyspotSeafoodModal .hssea-deluxe span{display:flex;flex-direction:column;gap:3px}
#honeyspotSeafoodModal .hssea-deluxe strong{font-size:13px;font-weight:800}
#honeyspotSeafoodModal .hssea-deluxe small{font-size:10px;color:#777;font-weight:600}
#honeyspotSeafoodModal .hssea-deluxe b{color:#ae1717;font-size:13px;font-weight:900;white-space:nowrap}
#honeyspotSeafoodModal .hssea-deluxe.is-selected{border-color:#ae1717!important;background:#fff5f5!important}
@media(max-width:650px){#honeyspotSeafoodModal .honeyspot-modal-body{padding-bottom:190px!important}}


/* =========================================================
   HONEYSPOT SOUP ENGINE v1.6.26 — LOCK-SAFE ADDITION
   ========================================================= */
#honeyspotSoupModal.honeyspot-modal-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,20,20,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
#honeyspotSoupModal.is-open{opacity:1;visibility:visible;pointer-events:auto}
#honeyspotSoupModal .honeyspot-product-modal{position:relative;width:min(620px,100%);height:min(700px,92vh);display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.32)}
#honeyspotSoupModal .honeyspot-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 18px;border-bottom:1px solid #ededed}
#honeyspotSoupModal .honeyspot-modal-title{margin:0!important;color:#151515;font-size:23px!important;line-height:1.1!important;font-weight:800!important}
#honeyspotSoupModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px}
#honeyspotSoupModal .honeyspot-modal-close{width:42px;height:42px;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font-size:25px!important;cursor:pointer}
#honeyspotSoupModal .honeyspot-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 22px 170px;background:#fff}
#honeyspotSoupModal .hssoup-description{padding:14px 0 0;color:#666;font-size:13px;line-height:1.45}
#honeyspotSoupModal .hs-section{padding:20px 0;border-bottom:1px solid #eee}
#honeyspotSoupModal .hssoup-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
#honeyspotSoupModal .hssoup-heading h3{margin:0!important;font-size:15px!important;font-weight:800!important;color:#202020}
#honeyspotSoupModal .hssoup-heading span{font-size:11px;font-weight:800;color:#ae1717;background:#fff3f3;border-radius:999px;padding:5px 9px}
#honeyspotSoupModal .hssoup-side-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#honeyspotSoupModal .hssoup-side{min-height:54px;padding:9px!important;border:1.5px solid #dedede!important;border-radius:12px!important;background:#fff!important;color:#252525!important;font-size:13px!important;font-weight:750!important;cursor:pointer;box-shadow:none!important}
#honeyspotSoupModal .hssoup-side small{display:block;margin-top:3px;color:#777;font-size:9px;font-weight:700}
#honeyspotSoupModal .hssoup-side.is-selected{border-color:#ae1717!important;background:#fff5f5!important;color:#ae1717!important}
#honeyspotSoupModal .hs-special-instructions{padding:20px 0}
#honeyspotSoupModal .honeyspot-modal-footer{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #e9e9e9;background:rgba(255,255,255,.98);box-shadow:0 -8px 22px rgba(0,0,0,.06)}
#honeyspotSoupModal .hs-quantity-control{display:flex;align-items:center;gap:5px}
#honeyspotSoupModal .hs-quantity-control button{width:36px;height:36px;border:0!important;border-radius:50%!important;background:#f3f3f3!important;color:#222!important;font-size:20px!important;cursor:pointer}
#honeyspotSoupModal .hssoup-qty{min-width:22px;text-align:center;font-size:14px;font-weight:800}
#honeyspotSoupModal .hssoup-add-order{flex:1;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-size:13px!important;font-weight:800!important;cursor:pointer}
#honeyspotSoupModal .hssoup-add-order:disabled{opacity:.65;cursor:wait!important}
#honeyspotSoupModal .hssoup-total{margin-left:auto;color:#fff;font-size:13px;font-weight:900;white-space:nowrap}
.products .product.product_cat-soups,.products .product.product_cat-soup{cursor:pointer}
@media(max-width:650px){#honeyspotSoupModal.honeyspot-modal-overlay{align-items:flex-end;padding:0}#honeyspotSoupModal .honeyspot-product-modal{width:100%;height:94vh;border-radius:22px 22px 0 0}#honeyspotSoupModal .honeyspot-modal-header{padding:17px 18px}#honeyspotSoupModal .honeyspot-modal-body{padding-left:18px;padding-right:18px;padding-bottom:170px}#honeyspotSoupModal .hssoup-side-grid{grid-template-columns:1fr}#honeyspotSoupModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}


/* ============================================================
   DESSERT ENGINE v1.6.29 — MODAL SHELL FIX
   Same proven modal shell as Soup; Dessert content stays minimal.
   ============================================================ */
#honeyspotDessertModal.honeyspot-modal-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(20,20,20,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box!important}
#honeyspotDessertModal.honeyspot-modal-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#honeyspotDessertModal .honeyspot-product-modal{position:relative;width:min(620px,100%);height:min(620px,92vh);display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.32)}
#honeyspotDessertModal .honeyspot-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 18px;border-bottom:1px solid #ededed}
#honeyspotDessertModal .honeyspot-modal-title{margin:0!important;color:#151515;font-size:23px!important;line-height:1.1!important;font-weight:800!important}
#honeyspotDessertModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px}
#honeyspotDessertModal .honeyspot-modal-close{width:42px;height:42px;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font-size:25px!important;cursor:pointer}
#honeyspotDessertModal .honeyspot-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:8px 22px 150px;background:#fff}
#honeyspotDessertModal .hs-special-instructions{padding:20px 0}
#honeyspotDessertModal .honeyspot-modal-footer{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #e9e9e9;background:rgba(255,255,255,.98);box-shadow:0 -8px 22px rgba(0,0,0,.06)}
#honeyspotDessertModal .hs-quantity-control{display:flex;align-items:center;gap:5px}
#honeyspotDessertModal .hs-quantity-control button{width:36px;height:36px;border:0!important;border-radius:50%!important;background:#f3f3f3!important;color:#222!important;font-size:20px!important;cursor:pointer}
.products .product.product_cat-desserts,.products .product.product_cat-dessert{cursor:pointer}

#honeyspotDessertModal .hsdes-description{
    padding:14px 0 0;
    color:#666;
    font-size:13px;
    line-height:1.45;
}
#honeyspotDessertModal .hsdes-instructions{
    margin-top:18px;
}
#honeyspotDessertModal .hsdes-qty{
    min-width:22px;
    text-align:center;
    font-size:14px;
    font-weight:800;
}
#honeyspotDessertModal .hsdes-add-order{
    flex:1;
    min-height:48px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 18px!important;
    border:0!important;
    border-radius:12px!important;
    background:#ae1717!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:800!important;
    cursor:pointer;
}
#honeyspotDessertModal .hsdes-add-order:disabled{
    opacity:.65;
    cursor:wait!important;
}
#honeyspotDessertModal .hsdes-total{
    margin-left:auto;
    color:#fff;
    font-size:13px;
    font-weight:900;
    white-space:nowrap;
}
@media(max-width:650px){
    #honeyspotDessertModal.honeyspot-modal-overlay{align-items:flex-end!important;padding:0!important}
    #honeyspotDessertModal .honeyspot-product-modal{width:100%;height:94vh;border-radius:22px 22px 0 0}
    #honeyspotDessertModal .honeyspot-modal-header{padding:17px 18px}
    #honeyspotDessertModal .honeyspot-modal-body{padding-left:18px;padding-right:18px;padding-bottom:170px}
    #honeyspotDessertModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}


/* ============================================================
   DRINKS ENGINE v1.6.30 — EXPLICIT MODAL SHELL
   ============================================================ */
#honeyspotDrinkModal.honeyspot-modal-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(20,20,20,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;box-sizing:border-box!important}
#honeyspotDrinkModal.honeyspot-modal-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#honeyspotDrinkModal .honeyspot-product-modal{position:relative;width:min(620px,100%);height:min(680px,92vh);display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.32)}
#honeyspotDrinkModal .honeyspot-modal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 18px;border-bottom:1px solid #ededed}
#honeyspotDrinkModal .honeyspot-modal-title{margin:0!important;color:#151515;font-size:23px!important;line-height:1.1!important;font-weight:800!important}
#honeyspotDrinkModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px}
#honeyspotDrinkModal .honeyspot-modal-close{width:42px;height:42px;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font-size:25px!important;cursor:pointer}
#honeyspotDrinkModal .honeyspot-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 22px 24px;background:#fff;-webkit-overflow-scrolling:touch}
#honeyspotDrinkModal .honeyspot-modal-footer{position:relative;inset:auto;flex:0 0 auto;z-index:20;display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #e9e9e9;background:rgba(255,255,255,.98);box-shadow:0 -8px 22px rgba(0,0,0,.06)}
#honeyspotDrinkModal .hs-quantity-control{display:flex;align-items:center;gap:5px}
#honeyspotDrinkModal .hs-quantity-control button{width:36px;height:36px;border:0!important;border-radius:50%!important;background:#f3f3f3!important;color:#222!important;font-size:20px!important;cursor:pointer}
#honeyspotDrinkModal .hsdrink-qty{min-width:22px;text-align:center;font-weight:800}
#honeyspotDrinkModal .hsdrink-add-order{flex:1;min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#ae1717!important;color:#fff!important;font-size:13px!important;font-weight:800!important;cursor:pointer}
#honeyspotDrinkModal .hsdrink-add-order:disabled{opacity:.65;cursor:wait!important}
#honeyspotDrinkModal .hsdrink-total{margin-left:auto;color:#fff;font-weight:900;white-space:nowrap}
#honeyspotDrinkModal .hsdrink-size-wrap,#honeyspotDrinkModal .hsdrink-option-wrap{margin-bottom:22px}
#honeyspotDrinkModal .hsdrink-section-title{margin-bottom:10px;color:#222;font-size:14px;font-weight:900}
#honeyspotDrinkModal .hsdrink-section-title span{margin-left:5px;color:#9b151b;font-size:11px;font-weight:800;text-transform:uppercase}
#honeyspotDrinkModal .hsdrink-size-options,#honeyspotDrinkModal .hsdrink-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#honeyspotDrinkModal .hsdrink-choice{position:relative;display:block;cursor:pointer}
#honeyspotDrinkModal .hsdrink-choice input{position:absolute;opacity:0;pointer-events:none}
#honeyspotDrinkModal .hsdrink-choice span{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border:1px solid #ddd;border-radius:11px;background:#fff;color:#222;font-size:13px;font-weight:700;transition:.15s ease}
#honeyspotDrinkModal .hsdrink-choice input:checked+span{border:2px solid #8f1720;background:#fff8f4;box-shadow:0 0 0 1px rgba(143,23,32,.08)}
#honeyspotDrinkModal .hsdrink-choice b{color:#8f1720;font-size:12px}
.products .product.product_cat-drinks,.products .product.product_cat-drink{cursor:pointer}
@media(max-width:650px){
 #honeyspotDrinkModal.honeyspot-modal-overlay{align-items:flex-end!important;padding:0!important}
 #honeyspotDrinkModal .honeyspot-product-modal{width:100%;height:94vh;border-radius:22px 22px 0 0}
 #honeyspotDrinkModal .honeyspot-modal-body{padding-left:18px;padding-right:18px;padding-bottom:24px}
 #honeyspotDrinkModal .hsdrink-size-options,#honeyspotDrinkModal .hsdrink-option-grid{grid-template-columns:1fr}
 #honeyspotDrinkModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
}

/* =========================================================
   HONEYSPOT CATERING MODAL — ISOLATED FIX v1.6.36
   Additive only. No other engine selectors are touched.
   ========================================================= */

#honeyspotCateringModal.honeyspot-modal-overlay{
    position:fixed!important;
    inset:0!important;
    z-index:999999!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:24px!important;
    background:rgba(20,20,20,.72)!important;
    backdrop-filter:blur(3px);
    -webkit-backdrop-filter:blur(3px);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s ease;
}
#honeyspotCateringModal.honeyspot-modal-overlay.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
}
#honeyspotCateringModal .honeyspot-product-modal{
    position:relative!important;
    width:min(680px,100%)!important;
    height:min(760px,92vh)!important;
    max-height:92vh!important;
    display:flex!important;
    flex-direction:column!important;
    background:#fff!important;
    border-radius:22px!important;
    overflow:hidden!important;
    box-shadow:0 25px 70px rgba(0,0,0,.32)!important;
    transform:translateY(15px) scale(.985);
    transition:transform .22s ease;
}
#honeyspotCateringModal.is-open .honeyspot-product-modal{
    transform:translateY(0) scale(1);
}
#honeyspotCateringModal .honeyspot-modal-header{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    padding:20px 22px 18px!important;
    background:#fff!important;
    border-bottom:1px solid #ededed!important;
}
#honeyspotCateringModal .hscat-title{
    margin:0!important;
    color:#151515!important;
    font-size:23px!important;
    line-height:1.1!important;
    font-weight:800!important;
}
#honeyspotCateringModal .honeyspot-modal-subtitle{
    margin-top:5px!important;
    color:#777!important;
    font-size:13px!important;
    line-height:1.3!important;
}
#honeyspotCateringModal .honeyspot-modal-close{
    appearance:none!important;
    -webkit-appearance:none!important;
    flex:0 0 42px!important;
    width:42px!important;
    height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#171717!important;
    color:#fff!important;
    font-family:Arial,sans-serif!important;
    font-size:25px!important;
    font-weight:300!important;
    line-height:1!important;
    cursor:pointer!important;
}
#honeyspotCateringModal .honeyspot-modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:8px 22px 24px!important;
    background:#fff!important;
    -webkit-overflow-scrolling:touch;
}
#honeyspotCateringModal .honeyspot-modal-body::-webkit-scrollbar{width:6px}
#honeyspotCateringModal .honeyspot-modal-body::-webkit-scrollbar-thumb{
    background:#d3d3d3;
    border-radius:20px;
}
#honeyspotCateringModal .hs-section{
    padding:20px 0!important;
    margin:0!important;
    border-bottom:1px solid #eee!important;
}
#honeyspotCateringModal .hs-section:last-child{border-bottom:0!important}
#honeyspotCateringModal .hs-section>h3{
    margin:0 0 5px!important;
    color:#202020!important;
    font-size:15px!important;
    line-height:1.2!important;
    font-weight:800!important;
}
#honeyspotCateringModal .hs-section>p{
    margin:0 0 13px!important;
    color:#777!important;
    font-size:12px!important;
}
#honeyspotCateringModal .hscat-options{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
}
#honeyspotCateringModal [data-catering-selection],
#honeyspotCateringModal [data-utensil]{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin:0!important;
    padding:10px 13px!important;
    border:1.5px solid #dedede!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#252525!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:700!important;
    text-align:left!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
#honeyspotCateringModal [data-catering-selection].is-active,
#honeyspotCateringModal [data-utensil].is-active{
    border-color:#ae1717!important;
    background:#fff5f5!important;
    color:#ae1717!important;
}
#honeyspotCateringModal .hscat-utensils{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
}
#honeyspotCateringModal .hscat-guests{
    margin-top:14px!important;
}
#honeyspotCateringModal .hscat-guests[hidden]{display:none!important}
#honeyspotCateringModal .hscat-guests-control{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin-top:8px!important;
}
#honeyspotCateringModal .hscat-guests-control button,
#honeyspotCateringModal .honeyspot-qty-button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#f3f3f3!important;
    color:#222!important;
    font-family:Arial,sans-serif!important;
    font-size:20px!important;
    line-height:1!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
#honeyspotCateringModal .hscat-guests-count,
#honeyspotCateringModal .hscat-qty{
    min-width:24px!important;
    color:#222!important;
    font-size:14px!important;
    font-weight:800!important;
    text-align:center!important;
}
#honeyspotCateringModal .hs-special-instructions label{
    display:flex!important;
    justify-content:space-between!important;
    gap:10px!important;
    margin-bottom:8px!important;
    color:#222!important;
    font-size:12px!important;
    font-weight:800!important;
}
#honeyspotCateringModal .hs-special-instructions label span{
    color:#888!important;
    font-size:11px!important;
    font-weight:600!important;
}
#honeyspotCateringModal .hs-special-instructions-input{
    width:100%!important;
    min-height:72px!important;
    box-sizing:border-box!important;
    padding:11px 12px!important;
    border:1px solid #ddd!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#222!important;
    font:inherit!important;
    font-size:13px!important;
    resize:vertical!important;
}
#honeyspotCateringModal .hs-allergy-notice{
    margin-top:10px!important;
    padding:10px 12px!important;
    border-radius:10px!important;
    background:#fff8e8!important;
    color:#5f4a1d!important;
    font-size:11px!important;
    line-height:1.45!important;
}
#honeyspotCateringModal .hs-allergy-notice summary{
    font-weight:850!important;
    cursor:pointer!important;
}
#honeyspotCateringModal .hs-allergy-notice p{margin:7px 0 0!important}
#honeyspotCateringModal .honeyspot-modal-footer{
    position:relative!important;
    inset:auto!important;
    flex:0 0 auto!important;
    width:100%!important;
    box-sizing:border-box!important;
    display:flex!important;
    align-items:center!important;
    gap:12px!important;
    padding:13px 16px!important;
    border-top:1px solid #e9e9e9!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 -8px 22px rgba(0,0,0,.06)!important;
}
#honeyspotCateringModal .honeyspot-quantity{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
}
#honeyspotCateringModal .hscat-add-order{
    appearance:none!important;
    -webkit-appearance:none!important;
    flex:1!important;
    min-height:48px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:15px!important;
    margin:0!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:12px!important;
    background:#ae1717!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:13px!important;
    font-weight:900!important;
    box-shadow:none!important;
    cursor:pointer!important;
}
#honeyspotCateringModal .hscat-add-order:disabled{
    opacity:.65!important;
    cursor:not-allowed!important;
}
#honeyspotCateringModal .hscat-total{
    margin-left:auto!important;
    color:#fff!important;
    font-size:13px!important;
    font-weight:900!important;
    white-space:nowrap!important;
}

@media(max-width:650px){
    #honeyspotCateringModal.honeyspot-modal-overlay{
        align-items:flex-end!important;
        padding:0!important;
    }
    #honeyspotCateringModal .honeyspot-product-modal{
        width:100%!important;
        height:94vh!important;
        max-height:94vh!important;
        border-radius:22px 22px 0 0!important;
    }
    #honeyspotCateringModal .honeyspot-modal-header{
        padding:17px 18px!important;
    }
    #honeyspotCateringModal .hscat-title{
        font-size:20px!important;
    }
    #honeyspotCateringModal .honeyspot-modal-body{
        padding:8px 18px 20px!important;
    }
    #honeyspotCateringModal .hscat-utensils{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    #honeyspotCateringModal .honeyspot-modal-footer{
        padding-bottom:calc(12px + env(safe-area-inset-bottom))!important;
    }
}

/* =========================================================
   CATERING FINAL VISUAL PATCH v1.6.38
   REAL MARKUP: .hscat-package-grid / .hscat-utensil-grid
   Catering-only. No locked engine selectors touched.
   ========================================================= */

#honeyspotCateringModal .hscat-section{
    padding:16px 0!important;
    border-bottom:1px solid #ededed!important;
}

#honeyspotCateringModal .hscat-section-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    margin-bottom:10px!important;
}

#honeyspotCateringModal .hscat-section-head h3{
    margin:0!important;
    font-size:17px!important;
    line-height:1.1!important;
    font-weight:900!important;
    color:#202020!important;
}

#honeyspotCateringModal .hscat-section-head p{
    margin:5px 0 0!important;
    font-size:12px!important;
    color:#777!important;
}

#honeyspotCateringModal .hscat-section-head > span{
    flex:0 0 auto!important;
    padding:4px 8px!important;
    border-radius:999px!important;
    background:#fff0f0!important;
    color:#b51e27!important;
    font-size:10px!important;
    font-weight:800!important;
}

/* REAL package container — 2 columns on desktop */
#honeyspotCateringModal .hscat-package-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
}

/* Package cards */
#honeyspotCateringModal .hscat-package{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:100%!important;
    min-width:0!important;
    min-height:54px!important;
    display:grid!important;
    grid-template-columns:22px minmax(0,1fr) auto!important;
    align-items:center!important;
    column-gap:9px!important;
    padding:9px 11px!important;
    margin:0!important;
    border:1.5px solid #e1e1e1!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#222!important;
    font-family:inherit!important;
    font-size:12px!important;
    line-height:1.25!important;
    text-align:left!important;
    box-shadow:none!important;
    cursor:pointer!important;
}

#honeyspotCateringModal .hscat-package > span:nth-child(2){
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-weight:700!important;
}

#honeyspotCateringModal .hscat-package > strong{
    white-space:nowrap!important;
    font-size:12px!important;
    font-weight:900!important;
}

#honeyspotCateringModal .hscat-check{
    width:19px!important;
    height:19px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1.5px solid #cfcfcf!important;
    border-radius:50%!important;
    color:transparent!important;
    font-size:11px!important;
    line-height:1!important;
    background:#fff!important;
}

#honeyspotCateringModal .hscat-package.is-active{
    border-color:#a91620!important;
    background:#fff7f7!important;
}

#honeyspotCateringModal .hscat-package.is-active .hscat-check{
    border-color:#a91620!important;
    background:#a91620!important;
    color:#fff!important;
}

/* REAL utensil container */
#honeyspotCateringModal .hscat-utensil-grid{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:8px!important;
}

#honeyspotCateringModal .hscat-utensil{
    appearance:none!important;
    -webkit-appearance:none!important;
    min-width:0!important;
    min-height:62px!important;
    display:grid!important;
    grid-template-columns:20px 1fr!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:7px!important;
    row-gap:1px!important;
    padding:8px!important;
    border:1.5px solid #e1e1e1!important;
    border-radius:11px!important;
    background:#fff!important;
    color:#222!important;
    font-family:inherit!important;
    text-align:left!important;
    box-shadow:none!important;
    cursor:pointer!important;
}

#honeyspotCateringModal .hscat-utensil .hscat-check{
    grid-row:1 / span 2!important;
    border-radius:5px!important;
}

#honeyspotCateringModal .hscat-utensil > span:nth-child(2){
    align-self:end!important;
    font-size:12px!important;
    font-weight:800!important;
}

#honeyspotCateringModal .hscat-utensil > strong{
    align-self:start!important;
    font-size:10px!important;
    font-weight:800!important;
}

#honeyspotCateringModal .hscat-utensil.is-active{
    border-color:#a91620!important;
    background:#fff7f7!important;
}

#honeyspotCateringModal .hscat-utensil.is-active .hscat-check{
    border-color:#a91620!important;
    background:#a91620!important;
    color:#fff!important;
}

/* Guest counter only appears after at least one utensil is selected */
#honeyspotCateringModal .hscat-guests{
    margin-top:10px!important;
    padding:10px 12px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    border:1px solid #ededed!important;
    border-radius:11px!important;
    background:#fafafa!important;
}

#honeyspotCateringModal .hscat-guests[hidden]{
    display:none!important;
}

#honeyspotCateringModal .hscat-guests strong,
#honeyspotCateringModal .hscat-guests small{
    display:block!important;
}

#honeyspotCateringModal .hscat-guests strong{
    font-size:12px!important;
}

#honeyspotCateringModal .hscat-guests small{
    margin-top:2px!important;
    color:#777!important;
    font-size:10px!important;
}

#honeyspotCateringModal .hscat-guest-stepper,
#honeyspotCateringModal .hs-quantity-control{
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
}

#honeyspotCateringModal .hscat-guest-stepper button,
#honeyspotCateringModal .hs-quantity-control button{
    appearance:none!important;
    -webkit-appearance:none!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#f1f1f1!important;
    color:#222!important;
    font-size:18px!important;
    line-height:1!important;
    cursor:pointer!important;
}

/* Footer / real Add to Order class */
#honeyspotCateringModal .honeyspot-modal-footer{
    min-height:72px!important;
    padding:11px 14px!important;
    gap:12px!important;
    z-index:50!important;
}

#honeyspotCateringModal .hs-add-to-order.hscat-add-order{
    flex:1 1 auto!important;
    width:auto!important;
    min-width:0!important;
    min-height:50px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    padding:0 18px!important;
    border:0!important;
    border-radius:11px!important;
    background:#a91620!important;
    color:#fff!important;
    font-family:inherit!important;
    font-size:12px!important;
    font-weight:900!important;
    opacity:1!important;
    cursor:pointer!important;
}

#honeyspotCateringModal .hs-add-to-order.hscat-add-order:disabled{
    background:#d47a7e!important;
    color:#fff!important;
    opacity:1!important;
    cursor:not-allowed!important;
}

#honeyspotCateringModal .hscat-add-label{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

#honeyspotCateringModal .hscat-total{
    flex:0 0 auto!important;
    color:#fff!important;
    white-space:nowrap!important;
    font-size:13px!important;
    font-weight:900!important;
}

/* Mobile remains one column */
@media(max-width:650px){
    #honeyspotCateringModal .hscat-package-grid{
        grid-template-columns:1fr!important;
    }

    #honeyspotCateringModal .hscat-utensil-grid{
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    #honeyspotCateringModal .hscat-package{
        min-height:50px!important;
    }
}


/* =========================================================
   HONEYSPOT FAMILY DEAL MODAL v1.6.39
   Isolated to #honeyspotFamilyDealModal. No locked engine selectors touched.
   ========================================================= */
#honeyspotFamilyDealModal.honeyspot-modal-overlay{position:fixed!important;inset:0!important;z-index:999999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:24px!important;background:rgba(20,20,20,.72)!important;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
#honeyspotFamilyDealModal.honeyspot-modal-overlay.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
#honeyspotFamilyDealModal .honeyspot-product-modal{position:relative!important;width:min(680px,100%)!important;height:min(780px,92vh)!important;max-height:92vh!important;display:flex!important;flex-direction:column!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 25px 70px rgba(0,0,0,.32)!important;transform:translateY(15px) scale(.985);transition:transform .22s ease}
#honeyspotFamilyDealModal.is-open .honeyspot-product-modal{transform:translateY(0) scale(1)}
#honeyspotFamilyDealModal .honeyspot-modal-header{flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;padding:20px 22px 18px!important;background:#fff!important;border-bottom:1px solid #ededed!important}
#honeyspotFamilyDealModal .hsfd-kicker{margin-bottom:4px!important;color:#a91620!important;font-size:10px!important;font-weight:900!important;letter-spacing:.9px!important}
#honeyspotFamilyDealModal .hsfd-title{margin:0!important;color:#151515!important;font-size:23px!important;line-height:1.1!important;font-weight:900!important}
#honeyspotFamilyDealModal .honeyspot-modal-subtitle{margin-top:5px!important;color:#777!important;font-size:13px!important;line-height:1.3!important}
#honeyspotFamilyDealModal .honeyspot-modal-close{appearance:none!important;-webkit-appearance:none!important;flex:0 0 42px!important;width:42px!important;height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:300!important;line-height:1!important;cursor:pointer!important}
#honeyspotFamilyDealModal .honeyspot-modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:14px 22px 26px!important;background:#fff!important;-webkit-overflow-scrolling:touch}
#honeyspotFamilyDealModal .hsfd-summary{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:4px 12px!important;padding:13px 14px!important;margin-bottom:4px!important;border:1px solid #ead8d8!important;border-radius:12px!important;background:#fff8f8!important}
#honeyspotFamilyDealModal .hsfd-summary strong{font-size:13px!important;color:#222!important}.hsfd-summary span{grid-column:1/2!important;font-size:11px!important;color:#666!important}.hsfd-summary em{grid-column:2!important;grid-row:1/span 2!important;align-self:center!important;padding:5px 8px!important;border-radius:999px!important;background:#a91620!important;color:#fff!important;font-size:9px!important;font-style:normal!important;font-weight:900!important;white-space:nowrap!important}
#honeyspotFamilyDealModal .hsfd-section{padding:17px 0!important;border-bottom:1px solid #ededed!important}
#honeyspotFamilyDealModal .hsfd-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-bottom:10px!important}
#honeyspotFamilyDealModal .hsfd-head h3{margin:0!important;color:#202020!important;font-size:15px!important;line-height:1.2!important;font-weight:900!important}
#honeyspotFamilyDealModal .hsfd-head>span{flex:0 0 auto!important;padding:4px 8px!important;border-radius:999px!important;background:#fff0f0!important;color:#b51e27!important;font-size:10px!important;font-weight:800!important}
#honeyspotFamilyDealModal .hsfd-choice-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
#honeyspotFamilyDealModal .hsfd-choice-grid button{appearance:none!important;-webkit-appearance:none!important;min-width:0!important;min-height:44px!important;padding:8px 9px!important;margin:0!important;border:1.5px solid #dedede!important;border-radius:10px!important;background:#fff!important;color:#252525!important;font-family:inherit!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotFamilyDealModal .hsfd-choice-grid button.is-active{border-color:#a91620!important;background:#fff5f5!important;color:#a91620!important}
#honeyspotFamilyDealModal .hsfd-topping{border-bottom:1px solid #eee!important}
#honeyspotFamilyDealModal .hsfd-topping-main{appearance:none!important;-webkit-appearance:none!important;width:100%!important;min-height:48px!important;display:grid!important;grid-template-columns:20px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;padding:9px 2px!important;margin:0!important;border:0!important;background:#fff!important;color:#222!important;font-family:inherit!important;font-size:12px!important;font-weight:750!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important}
#honeyspotFamilyDealModal .hsfd-topping-main strong{color:#a91620!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
#honeyspotFamilyDealModal .hsfd-check{width:19px!important;height:19px!important;display:flex!important;align-items:center!important;justify-content:center!important;border:1.5px solid #cfcfcf!important;border-radius:5px!important;background:#fff!important;color:transparent!important;font-size:11px!important}
#honeyspotFamilyDealModal .hsfd-topping.is-selected .hsfd-check{border-color:#a91620!important;background:#a91620!important;color:#fff!important}
#honeyspotFamilyDealModal .hsfd-placement{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:0 2px 10px 28px!important}
#honeyspotFamilyDealModal .hsfd-placement button{appearance:none!important;-webkit-appearance:none!important;min-height:34px!important;margin:0!important;padding:5px 7px!important;border:1px solid #ddd!important;border-radius:999px!important;background:#f8f7f5!important;color:#333!important;font-size:9px!important;font-weight:900!important;cursor:pointer!important}
#honeyspotFamilyDealModal .hsfd-placement button.is-active{border-color:#a91620!important;background:#a91620!important;color:#fff!important}
#honeyspotFamilyDealModal .hs-special-instructions{padding:17px 0 4px!important}
#honeyspotFamilyDealModal .hs-special-instructions label{display:flex!important;justify-content:space-between!important;gap:10px!important;margin-bottom:8px!important;color:#222!important;font-size:12px!important;font-weight:800!important}
#honeyspotFamilyDealModal .hs-special-instructions label span{color:#888!important;font-size:11px!important;font-weight:600!important}
#honeyspotFamilyDealModal .hs-special-instructions-input{width:100%!important;min-height:72px!important;box-sizing:border-box!important;padding:11px 12px!important;border:1px solid #ddd!important;border-radius:11px!important;background:#fff!important;color:#222!important;font:inherit!important;font-size:13px!important;resize:vertical!important}
#honeyspotFamilyDealModal .hs-allergy-notice{margin-top:10px!important;padding:10px 12px!important;border-radius:10px!important;background:#fff8e8!important;color:#5f4a1d!important;font-size:11px!important;line-height:1.45!important}
#honeyspotFamilyDealModal .hs-allergy-notice summary{font-weight:850!important;cursor:pointer!important}#honeyspotFamilyDealModal .hs-allergy-notice p{margin:7px 0 0!important}
#honeyspotFamilyDealModal .honeyspot-modal-footer{position:relative!important;inset:auto!important;flex:0 0 auto!important;width:100%!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:72px!important;padding:11px 14px!important;border-top:1px solid #e9e9e9!important;background:rgba(255,255,255,.98)!important;box-shadow:0 -8px 22px rgba(0,0,0,.06)!important;z-index:50!important}
#honeyspotFamilyDealModal .hs-quantity-control{display:flex!important;align-items:center!important;gap:7px!important}#honeyspotFamilyDealModal .hs-quantity-control button{appearance:none!important;-webkit-appearance:none!important;width:34px!important;height:34px!important;min-width:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#f1f1f1!important;color:#222!important;font-size:18px!important;line-height:1!important;cursor:pointer!important}#honeyspotFamilyDealModal .hsfd-qty{min-width:22px!important;text-align:center!important;font-size:13px!important;font-weight:900!important}
#honeyspotFamilyDealModal .hs-add-to-order.hsfd-add-order{appearance:none!important;-webkit-appearance:none!important;flex:1 1 auto!important;width:auto!important;min-width:0!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:0 18px!important;margin:0!important;border:0!important;border-radius:11px!important;background:#a91620!important;color:#fff!important;font-family:inherit!important;font-size:12px!important;font-weight:900!important;opacity:1!important;cursor:pointer!important}
#honeyspotFamilyDealModal .hs-add-to-order.hsfd-add-order:disabled{background:#d47a7e!important;color:#fff!important;opacity:1!important;cursor:not-allowed!important}#honeyspotFamilyDealModal .hsfd-total{flex:0 0 auto!important;color:#fff!important;white-space:nowrap!important;font-size:13px!important;font-weight:900!important}
@media(max-width:650px){#honeyspotFamilyDealModal.honeyspot-modal-overlay{align-items:flex-end!important;padding:0!important}#honeyspotFamilyDealModal .honeyspot-product-modal{width:100%!important;height:94vh!important;max-height:94vh!important;border-radius:22px 22px 0 0!important}#honeyspotFamilyDealModal .honeyspot-modal-header{padding:17px 18px!important}#honeyspotFamilyDealModal .hsfd-title{font-size:20px!important}#honeyspotFamilyDealModal .honeyspot-modal-body{padding:12px 18px 20px!important}#honeyspotFamilyDealModal .hsfd-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#honeyspotFamilyDealModal .hsfd-summary{grid-template-columns:1fr!important}#honeyspotFamilyDealModal .hsfd-summary em{grid-column:1!important;grid-row:auto!important;justify-self:start!important}#honeyspotFamilyDealModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))!important}}

/* =========================================================
   HONEYSPOT DESKTOP STOREFRONT V3.0 — REFERENCE SHELL
   Desktop only. Mobile + modal engines untouched.
   ========================================================= */
@media (min-width:1024px){
 body.hs3-desktop{--hs3-burg:#8f111c;--hs3-red:#b5121b;--hs3-ink:#18202b;--hs3-muted:#70757d;--hs3-line:#eee7e1;--hs3-cream:#fffaf4;}
 body.hs3-desktop .hs3-hide-desktop{display:none!important}
 body.hs3-desktop .hs3-shell{width:min(1320px,calc(100% - 44px))!important;margin:0 auto!important;display:grid!important;grid-template-columns:248px minmax(0,1fr)!important;gap:28px!important;align-items:start!important;position:relative!important;overflow:visible!important}
 body.hs3-desktop .hs3-main{min-width:0!important;overflow:visible!important}
 body.hs3-desktop .hs3-content-root{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
 body.hs3-desktop .hs3-sidebar{position:sticky!important;top:96px!important;max-height:calc(100vh - 112px)!important;overflow:auto!important;scrollbar-width:none!important;padding:8px 0 18px!important;z-index:30!important;background:#fff!important}
 body.hs3-desktop .hs3-sidebar::-webkit-scrollbar{display:none!important}
 body.hs3-desktop .hs3-side-search{height:46px!important;border:1px solid #e6e0db!important;border-radius:14px!important;display:flex!important;align-items:center!important;gap:11px!important;padding:0 15px!important;color:#666!important;font-size:14px!important;cursor:text!important;margin-bottom:12px!important;background:#fff!important;box-shadow:0 2px 8px rgba(30,20,10,.03)!important}
 body.hs3-desktop .hs3-side-search svg{width:20px!important;height:20px!important}
 body.hs3-desktop .hs3-reward-card{border:1px solid #eadfd7!important;border-radius:14px!important;padding:14px!important;margin-bottom:12px!important;background:linear-gradient(180deg,#fff,#fffaf6)!important;box-shadow:0 5px 18px rgba(55,25,15,.04)!important}
 body.hs3-desktop .hs3-reward-card>div{display:flex!important;align-items:center!important;gap:8px!important;color:var(--hs3-burg)!important}.hs3-reward-card svg{width:21px!important;height:21px!important}.hs3-reward-card b{font-size:13px!important;color:#20242b!important}.hs3-reward-card strong{margin-left:auto!important;font-size:12px!important;color:var(--hs3-burg)!important}.hs3-reward-card p{font-size:11px!important;color:#777!important;margin:9px 0 10px!important}.hs3-reward-card a{display:flex!important;align-items:center!important;justify-content:center!important;height:36px!important;border-radius:9px!important;background:var(--hs3-burg)!important;color:#fff!important;text-decoration:none!important;font-size:12px!important;font-weight:800!important}
 body.hs3-desktop .hs3-nav{display:flex!important;flex-direction:column!important;gap:2px!important}.hs3-nav-item{appearance:none!important;border:0!important;background:transparent!important;box-shadow:none!important;width:100%!important;min-height:37px!important;border-radius:8px!important;padding:7px 10px!important;display:flex!important;align-items:center!important;gap:11px!important;color:#30343b!important;text-align:left!important;font-size:13px!important;cursor:pointer!important}.hs3-nav-item i{width:23px!important;height:23px!important;display:grid!important;place-items:center!important;color:var(--hs3-burg)!important;flex:0 0 23px!important}.hs3-nav-item svg{width:22px!important;height:22px!important}.hs3-nav-item span{font-weight:600!important}.hs3-nav-item:hover{background:#fff4f1!important;color:var(--hs3-burg)!important}.hs3-nav-item.is-active{background:var(--hs3-burg)!important;color:#fff!important}.hs3-nav-item.is-active i{color:#fff!important}
 body.hs3-desktop .hs3-rewards-strip{min-height:76px!important;margin:14px 0 18px!important;border:1px solid #f0dfcf!important;border-radius:15px!important;background:linear-gradient(90deg,#fff8ef,#fffdf9)!important;display:grid!important;grid-template-columns:1.8fr repeat(3,.8fr) .8fr!important;align-items:center!important;box-shadow:0 5px 20px rgba(91,48,20,.04)!important}.hs3-rewards-strip>div,.hs3-rewards-strip>a{min-height:44px!important;padding:0 18px!important;border-left:1px solid #eadbcf!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.hs3-rewards-strip .hs3-r-main{border-left:0!important;flex-direction:row!important;align-items:center!important;gap:13px!important}.hs3-r-main svg{width:30px!important;height:30px!important;color:var(--hs3-burg)!important}.hs3-r-main span{display:flex!important;flex-direction:column!important}.hs3-rewards-strip b{font-size:13px!important;color:#24262b!important}.hs3-r-main b{font-size:18px!important;color:var(--hs3-burg)!important}.hs3-rewards-strip small{font-size:11px!important;color:#6f7177!important;margin-top:2px!important}.hs3-rewards-strip>a{color:var(--hs3-burg)!important;font-weight:800!important;font-size:12px!important;text-decoration:none!important;align-items:center!important}
 body.hs3-desktop .hs3-featured{margin:0 0 30px!important;padding:0!important}.hs3-section-title{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;margin:0 0 13px!important}.hs3-section-title h2{margin:0!important;font-size:27px!important;line-height:1.05!important;color:var(--hs3-ink)!important;font-weight:850!important}.hs3-section-title p{margin:4px 0 0!important;color:#777!important;font-size:13px!important}.hs3-section-title>span{font-size:10px!important;font-weight:900!important;color:var(--hs3-burg)!important;letter-spacing:.4px!important}.hs3-fav-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.hs3-fav-card{border:1px solid #e8e1db!important;border-radius:14px!important;overflow:hidden!important;background:#fff!important;box-shadow:0 4px 14px rgba(30,20,10,.05)!important;min-width:0!important;position:relative!important}.hs3-fav-card>a{display:block!important;color:inherit!important;text-decoration:none!important}.hs3-fav-media{height:145px!important;background:#f4eee9!important;position:relative!important;overflow:hidden!important}.hs3-fav-media img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.hs3-fav-media>svg{width:44px!important;height:44px!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;color:var(--hs3-burg)!important}.hs3-fav-media em{position:absolute!important;left:10px!important;top:10px!important;padding:5px 9px!important;border-radius:999px!important;background:var(--hs3-burg)!important;color:#fff!important;font-size:9px!important;font-weight:850!important;font-style:normal!important}.hs3-fav-copy{padding:11px 46px 12px 12px!important;min-height:72px!important}.hs3-fav-copy h3{font-size:13px!important;line-height:1.25!important;margin:0 0 5px!important;color:#222!important;font-weight:800!important}.hs3-fav-copy .price{font-size:12px!important;font-weight:850!important;color:#e11b22!important}.hs3-plus{position:absolute!important;right:10px!important;bottom:12px!important;width:32px!important;height:32px!important;border-radius:50%!important;background:var(--hs3-burg)!important;color:#fff!important;display:grid!important;place-items:center!important;font-size:22px!important;line-height:1!important}
 body.hs3-desktop .hs3-category-heading{scroll-margin-top:112px!important;display:flex!important;align-items:center!important;gap:13px!important;margin:28px 0 14px!important;padding:0 0 12px!important;border-bottom:1px solid var(--hs3-line)!important;color:var(--hs3-ink)!important;text-transform:none!important;letter-spacing:0!important}.hs3-head-icon{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;color:var(--hs3-burg)!important;flex:0 0 40px!important}.hs3-head-icon svg{width:34px!important;height:34px!important}.hs3-head-text{display:flex!important;align-items:baseline!important;gap:14px!important;min-width:0!important}.hs3-head-text b{font-size:26px!important;line-height:1!important;color:var(--hs3-burg)!important;font-weight:850!important}.hs3-head-text small{font-size:12px!important;color:#74777d!important;font-weight:500!important;white-space:normal!important}
 body.hs3-desktop #honeyspot-menu-search{height:52px!important;border-radius:15px!important;border:1px solid #e5ded8!important;background:#fff!important;box-shadow:0 3px 14px rgba(30,20,10,.035)!important;font-size:14px!important}
}
@media (max-width:1023px){.hs3-sidebar,.hs3-featured,.hs3-rewards-strip{display:none!important}.hs3-category-heading .hs3-head-icon,.hs3-category-heading .hs3-head-desc{display:none!important}}


/* =========================================================
   HONEYSPOT DESKTOP STOREFRONT V3.1 — STICKY RAIL + ORDER BAR
   ========================================================= */
@media (min-width:1024px){
 body.hs3-desktop .hs3-sidebar.is-pinned{position:fixed!important;top:88px!important;left:var(--hs31-left)!important;width:var(--hs31-width)!important;max-height:calc(100vh - 104px)!important;z-index:100!important}
 body.hs3-desktop .hs31-hide-summary{display:none!important}
 body.hs3-desktop .hs31-orderbar{min-height:72px!important;margin:0 0 14px!important;border:1px solid #e9e1da!important;border-radius:15px!important;background:#fff!important;display:grid!important;grid-template-columns:282px minmax(280px,1fr) 245px 155px!important;align-items:stretch!important;box-shadow:0 5px 20px rgba(38,25,18,.06)!important;overflow:hidden!important;color:#20242b!important}
 body.hs3-desktop .hs31-orderbar button{appearance:none!important;border:0!important;background:transparent!important;box-shadow:none!important;margin:0!important;font:inherit!important;color:inherit!important;cursor:pointer!important}
 body.hs3-desktop .hs31-type{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;padding:10px!important;border-right:1px solid #eadfd8!important;background:#fbf9f7!important}
 body.hs3-desktop .hs31-type button{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border-radius:9px!important;font-size:13px!important;font-weight:800!important}
 body.hs3-desktop .hs31-type button.is-active{background:var(--hs3-burg)!important;color:#fff!important;box-shadow:0 4px 10px rgba(143,17,28,.18)!important}
 body.hs3-desktop .hs31-orderbar svg{width:22px!important;height:22px!important;flex:0 0 22px!important}
 body.hs3-desktop .hs31-location,body.hs3-desktop .hs31-time,body.hs3-desktop .hs31-group{display:flex!important;align-items:center!important;gap:11px!important;padding:0 18px!important;border-right:1px solid #eadfd8!important;text-align:left!important;min-width:0!important}
 body.hs3-desktop .hs31-location>svg:first-child,body.hs3-desktop .hs31-time>svg:first-child,body.hs3-desktop .hs31-group>svg:first-child{color:var(--hs3-burg)!important;width:24px!important;height:24px!important}
 body.hs3-desktop .hs31-location span,body.hs3-desktop .hs31-time span{display:flex!important;flex-direction:column!important;min-width:0!important;flex:1!important}
 body.hs3-desktop .hs31-location b,body.hs3-desktop .hs31-time b{font-size:13px!important;font-weight:850!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.hs3-desktop .hs31-location small,body.hs3-desktop .hs31-time small{font-size:10px!important;color:#777!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
 body.hs3-desktop .hs31-location>svg:last-child,body.hs3-desktop .hs31-time>svg:last-child{width:16px!important;height:16px!important;color:#333!important}
 body.hs3-desktop .hs31-group{border-right:0!important;justify-content:center!important;color:var(--hs3-burg)!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important}
 body.hs3-desktop .hs31-orderbar+*{margin-top:0!important}
}
.hs31-time-overlay{position:fixed!important;inset:0!important;z-index:1000000!important;background:rgba(18,18,18,.42)!important;display:grid!important;place-items:center!important;padding:24px!important;backdrop-filter:blur(3px)!important}
.hs31-time-modal{width:min(620px,calc(100vw - 32px))!important;max-height:min(760px,calc(100vh - 48px))!important;background:#fff!important;border-radius:18px!important;box-shadow:0 24px 70px rgba(0,0,0,.22)!important;overflow:hidden!important;font-family:Arial,sans-serif!important}
.hs31-time-head{height:76px!important;padding:0 22px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid #eee5df!important}.hs31-time-head>div{display:flex!important;flex-direction:column!important}.hs31-time-head b{font-size:19px!important;color:#20242b!important}.hs31-time-head small{font-size:12px!important;color:#777!important;margin-top:4px!important}.hs31-time-head button{width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:#f5f1ee!important;font-size:24px!important;cursor:pointer!important;color:#333!important}
.hs31-time-body{padding:18px 22px 24px!important;overflow:auto!important;max-height:calc(100vh - 145px)!important}.hs31-asap{width:100%!important;min-height:48px!important;border:1px solid #8f111c!important;border-radius:10px!important;background:#fff7f5!important;color:#8f111c!important;font-weight:850!important;font-size:13px!important;cursor:pointer!important;margin-bottom:16px!important}.hs31-time-body section{margin:0 0 17px!important}.hs31-time-body h4{font-size:12px!important;color:#333!important;margin:0 0 8px!important}.hs31-time-body section>div{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:7px!important}.hs31-time-body section button{min-height:38px!important;border:1px solid #e7dfda!important;border-radius:8px!important;background:#fff!important;color:#333!important;font-size:11px!important;font-weight:750!important;cursor:pointer!important}.hs31-time-body section button:hover{border-color:#8f111c!important;color:#8f111c!important;background:#fff8f6!important}
@media(max-width:1200px) and (min-width:1024px){body.hs3-desktop .hs31-orderbar{grid-template-columns:230px minmax(240px,1fr) 220px 130px!important}.hs31-group span{display:none!important}}


/* =========================================================
   HONEYSPOT V3.2 — STICKY GRID SAFETY + TITLE CLEANUP
   Keeps sidebar inside its grid column while scrolling.
   ========================================================= */
@media (min-width:1024px){
  body.hs3-desktop .hs3-sidebar,
  body.hs3-desktop .hs3-sidebar.is-pinned{
    position:sticky!important;
    top:88px!important;
    left:auto!important;
    width:auto!important;
    align-self:start!important;
    max-height:calc(100vh - 104px)!important;
    z-index:100!important;
  }
  body.hs3-desktop .hs3-shell{
    grid-template-columns:248px minmax(0,1fr)!important;
    gap:28px!important;
    align-items:start!important;
  }
  body.hs3-desktop .hs3-main{
    grid-column:2!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
  }
  body.hs3-desktop .hs32-hide-order-title{display:none!important;}
}


/* =========================================================
   HONEYSPOT V3.3 — PINNED RAIL + RESERVED GRID COLUMN
   Restores V3.1 fixed rail while permanently reserving its
   grid column so main content can never slide underneath.
   ========================================================= */
@media (min-width:1024px){
  body.hs3-desktop .hs3-shell{
    display:grid!important;
    grid-template-columns:248px minmax(0,1fr)!important;
    column-gap:28px!important;
    align-items:start!important;
    position:relative!important;
    overflow:visible!important;
  }
  body.hs3-desktop .hs3-main{
    grid-column:2 / 3!important;
    grid-row:1!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    transform:none!important;
  }
  body.hs3-desktop .hs3-sidebar{
    grid-column:1 / 2!important;
    grid-row:1!important;
    align-self:start!important;
  }
  body.hs3-desktop .hs3-sidebar.is-pinned{
    position:fixed!important;
    top:88px!important;
    left:var(--hs31-left)!important;
    width:var(--hs31-width)!important;
    max-height:calc(100vh - 104px)!important;
    overflow:auto!important;
    z-index:100!important;
    margin:0!important;
    transform:none!important;
  }
}

/* HONEYSPOT V3.4 — TWO MINOR LOCKED UI CHANGES ONLY */
@media (min-width:1024px){body.hs3-desktop .hs34-hide-legacy-fulfillment{display:none!important}}


/* =========================================================
   HONEYSPOT V3.5 MINOR — INSPECTION-VERIFIED FIXES ONLY
   Exact DOM selectors. No modal/engine/router modifications.
   ========================================================= */
@media (min-width:1024px){
  body.hs3-desktop .hs-fulfillment-summary.hs-fulfillment-pickup,
  body.hs3-desktop .hs-fulfillment-summary.hs-fulfillment-delivery{
    display:none!important;
  }
}
.hs35-router-id{
  display:none!important;
}


/* =========================================================
   HONEYSPOT V3.6 — FIRST-PAINT FLASH GUARD
   Presentation only. Prevents legacy Elementor order layout
   from flashing before the locked V3 desktop shell is mounted.
   ========================================================= */
@media (min-width:1024px){
  body:not(.elementor-editor-active):has(#honeyspot-menu-search):not(.hs3-desktop)::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:2147483000;
    background:#fff;
    pointer-events:auto;
    animation:hs36-failsafe 2.4s forwards;
  }
  body:not(.elementor-editor-active):has(#honeyspot-menu-search):not(.hs3-desktop)::after{
    content:"";
    position:fixed;
    left:50%;
    top:50%;
    width:34px;
    height:34px;
    margin:-17px 0 0 -17px;
    z-index:2147483001;
    border:3px solid #eee5df;
    border-top-color:#8f111c;
    border-radius:50%;
    pointer-events:none;
    animation:hs36-spin .7s linear infinite,hs36-failsafe 2.4s forwards;
  }
}
@keyframes hs36-spin{to{transform:rotate(360deg)}}
@keyframes hs36-failsafe{0%,92%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}

/* =========================================================
   HONEYSPOT V3.7 — DESKTOP MAIN CONTENT VISIBILITY RESCUE
   Presentation only. Locked ordering engines/router untouched.
   The V3 shell moves the original Elementor menu root into
   .hs3-main; keep that moved root in normal visible flow.
   ========================================================= */
@media (min-width:1024px){
  body.hs3-desktop .hs3-main{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    min-height:1px !important;
    overflow:visible !important;
  }

  body.hs3-desktop .hs3-main > .hs3-content-root{
    display:flex !important;
    flex-direction:column !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    inset:auto !important;
    transform:none !important;
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    height:auto !important;
    min-height:1px !important;
    overflow:visible !important;
  }
}



/* =========================================================
   HONEYSPOT V3.3.1 — SIDEBAR BOTTOM BOUNDARY FIX
   Additive only: stops the desktop category rail at the end
   of the Order Online product shell. No modal/engine changes.
   ========================================================= */
@media (min-width:1024px){
  body.hs3-desktop .hs3-sidebar.is-bottom{
    position:absolute!important;
    top:var(--hs31-bottom-top)!important;
    left:0!important;
    width:var(--hs31-width,248px)!important;
    max-height:calc(100vh - 104px)!important;
    overflow:auto!important;
    z-index:100!important;
    margin:0!important;
    transform:none!important;
  }
}


/* =========================================================
   HONEYSPOT PIZZA KIT MODAL v1.6.52
   Additive only — mirrors approved Honeyspot modal identity.
   ========================================================= */
#honeyspotPizzaKitModal.honeyspot-modal-overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(20,20,20,.72);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
#honeyspotPizzaKitModal.honeyspot-modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
#honeyspotPizzaKitModal .honeyspot-product-modal{position:relative;width:min(620px,100%);height:min(760px,92vh);display:flex;flex-direction:column;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.32);transform:translateY(15px) scale(.985);transition:transform .22s ease}
#honeyspotPizzaKitModal.is-open .honeyspot-product-modal{transform:translateY(0) scale(1)}
#honeyspotPizzaKitModal .honeyspot-modal-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px 18px;background:#fff;border-bottom:1px solid #ededed}
#honeyspotPizzaKitModal .honeyspot-modal-title{margin:0!important;color:#151515;font-size:23px!important;line-height:1.1!important;font-weight:800!important}
#honeyspotPizzaKitModal .honeyspot-modal-subtitle{margin-top:5px;color:#777;font-size:13px;line-height:1.3}
#honeyspotPizzaKitModal .honeyspot-modal-close{appearance:none;-webkit-appearance:none;flex:0 0 42px;width:42px;height:42px;display:flex;align-items:center;justify-content:center;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#171717!important;color:#fff!important;font-family:Arial,sans-serif!important;font-size:25px!important;font-weight:300!important;line-height:1!important;cursor:pointer}
#honeyspotPizzaKitModal .honeyspot-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:18px 22px 175px;background:#fff;-webkit-overflow-scrolling:touch}
#honeyspotPizzaKitModal .honeyspot-modal-body::-webkit-scrollbar{width:6px}#honeyspotPizzaKitModal .honeyspot-modal-body::-webkit-scrollbar-thumb{background:#d3d3d3;border-radius:20px}
#honeyspotPizzaKitModal .hs-section{padding:20px 0;margin:0;border-bottom:1px solid #eee}#honeyspotPizzaKitModal .hs-section[hidden]{display:none!important}
#honeyspotPizzaKitModal .hspk-included-card{display:flex;flex-direction:column;gap:5px;padding:15px 16px;border:1px solid #eadcdd;border-radius:14px;background:#fff8f8;color:#202020}
#honeyspotPizzaKitModal .hspk-included-card strong{font-size:14px;font-weight:900;color:#7A1720}#honeyspotPizzaKitModal .hspk-included-card span{font-size:12px;line-height:1.5;color:#666}
#honeyspotPizzaKitModal .hspk-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}#honeyspotPizzaKitModal .hspk-section-head h3{margin:0!important;color:#202020;font-size:15px!important;line-height:1.2!important;font-weight:800!important}#honeyspotPizzaKitModal .hspk-section-head>span{flex:0 0 auto;padding:4px 8px;border-radius:999px;background:#f6ecec;color:#7A1720;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}
#honeyspotPizzaKitModal .hspk-help{margin:0 0 13px;color:#777;font-size:12px;line-height:1.45}
#honeyspotPizzaKitModal .hspk-included-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hspk-select-wrap{display:flex;flex-direction:column;gap:6px}.hspk-select-wrap>span{font-size:11px;font-weight:800;color:#555}.hspk-included-select{width:100%;min-height:46px;padding:0 12px;border:1.5px solid #dedede;border-radius:11px;background:#fff;color:#222;font-size:13px;font-weight:700;outline:none}.hspk-included-select:focus{border-color:#7A1720;box-shadow:0 0 0 3px rgba(122,23,32,.08)}
#honeyspotPizzaKitModal .hspk-topping-list{display:flex;flex-direction:column}.hspk-topping-row{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 2px;border-bottom:1px solid #ededed}.hspk-topping-row:last-child{border-bottom:0}.hspk-topping-row.is-selected{background:linear-gradient(90deg,rgba(122,23,32,.035),transparent)}.hspk-topping-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.hspk-topping-copy strong{font-size:14px;color:#222}.hspk-topping-copy span{font-size:11px;color:#777}.hspk-stepper{display:flex;align-items:center;gap:9px;flex:0 0 auto}.hspk-stepper button,#honeyspotPizzaKitModal .hs-quantity-control button{appearance:none;-webkit-appearance:none;width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#f3f3f3!important;color:#222!important;font-family:Arial,sans-serif!important;font-size:19px!important;line-height:1!important;cursor:pointer}.hspk-stepper span{min-width:18px;text-align:center;font-size:13px;font-weight:900;color:#222}
#honeyspotPizzaKitModal .hs-special-instructions{padding:20px 0 4px}#honeyspotPizzaKitModal .hs-special-instructions label{display:block;margin-bottom:8px;color:#222;font-size:13px;font-weight:800}#honeyspotPizzaKitModal .hs-special-instructions label span{color:#888;font-weight:600}.hspk-included-select,#honeyspotPizzaKitModal .hs-special-instructions-input{box-sizing:border-box}#honeyspotPizzaKitModal .hs-special-instructions-input{width:100%;min-height:76px;padding:11px 12px;border:1.5px solid #dedede;border-radius:12px;background:#fff;color:#222;font:inherit;font-size:13px;resize:vertical;outline:none}#honeyspotPizzaKitModal .hs-special-instructions-input:focus{border-color:#7A1720;box-shadow:0 0 0 3px rgba(122,23,32,.08)}#honeyspotPizzaKitModal .hs-allergy-notice{margin-top:10px;padding:10px 12px;border-radius:10px;background:#faf7f3;color:#5f5650;font-size:11px;line-height:1.45}#honeyspotPizzaKitModal .hs-allergy-notice summary{cursor:pointer;font-weight:800}#honeyspotPizzaKitModal .hs-allergy-notice p{margin:7px 0 0}
#honeyspotPizzaKitModal .honeyspot-modal-footer{position:absolute;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;gap:12px;padding:13px 16px;border-top:1px solid #e9e9e9;background:rgba(255,255,255,.98);box-shadow:0 -8px 22px rgba(0,0,0,.06)}#honeyspotPizzaKitModal .hs-quantity-control{flex:0 0 auto;display:flex;align-items:center;gap:5px}.hspk-qty{min-width:22px;color:#222;font-size:14px;font-weight:800;text-align:center}.hspk-add-order{appearance:none;-webkit-appearance:none;flex:1;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0!important;padding:0 18px!important;border:0!important;border-radius:12px!important;background:#7A1720!important;color:#fff!important;font-family:inherit!important;font-size:13px!important;font-weight:800!important;box-shadow:none!important;cursor:pointer}.hspk-add-order:disabled{opacity:.55;cursor:not-allowed}.hspk-total{margin-left:auto;white-space:nowrap;color:#fff;font-size:13px;font-weight:800}
@media(max-width:650px){#honeyspotPizzaKitModal.honeyspot-modal-overlay{align-items:flex-end;padding:0}#honeyspotPizzaKitModal .honeyspot-product-modal{width:100%;height:94vh;border-radius:22px 22px 0 0}#honeyspotPizzaKitModal .honeyspot-modal-header{padding:17px 18px}#honeyspotPizzaKitModal .honeyspot-modal-body{padding-left:18px;padding-right:18px}#honeyspotPizzaKitModal .honeyspot-modal-title{font-size:20px!important}#honeyspotPizzaKitModal .hspk-included-grid{grid-template-columns:1fr}#honeyspotPizzaKitModal .honeyspot-modal-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}}

/* Pizza Kit v1.6.52 — keep allergy notice comfortably above sticky footer. */
#honeyspotPizzaKitModal .hs-special-instructions{padding-bottom:38px}
#honeyspotPizzaKitModal .hs-allergy-notice{margin-bottom:28px}


/* =========================================================
   PIZZA KIT v1.6.53 — allergy/footer scroll clearance
   ========================================================= */
#honeyspotPizzaKitModal .honeyspot-modal-body {
    padding-bottom: 190px !important;
}
#honeyspotPizzaKitModal .hspk-special {
    margin-bottom: 42px !important;
}
@media (max-width:650px){
    #honeyspotPizzaKitModal .honeyspot-modal-body { padding-bottom: 215px !important; }
    #honeyspotPizzaKitModal .hspk-special { margin-bottom: 52px !important; }
}


/* =========================================================
   HONEYSPOT CATERING v1.6.60 — PROTEIN + UTENSILS PACK
   Isolated to #honeyspotCateringModal only.
   ========================================================= */
#honeyspotCateringModal .hscat-protein-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
}
#honeyspotCateringModal .hscat-protein{
    min-height:58px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:9px;
    padding:11px 12px!important;
    border:1px solid #e5e7eb!important;
    border-radius:10px!important;
    background:#fff!important;
    color:#222!important;
    text-align:left!important;
}
#honeyspotCateringModal .hscat-protein > span:nth-child(2){font-size:12px;font-weight:750;line-height:1.2}
#honeyspotCateringModal .hscat-protein > strong{font-size:11px;color:#7A1720;white-space:nowrap}
#honeyspotCateringModal .hscat-protein.is-active{border:2px solid #7A1720!important;background:#fff7f7!important;color:#7A1720!important;box-shadow:0 0 0 2px rgba(122,23,32,.07)}
#honeyspotCateringModal .hscat-protein.is-active .hscat-check{background:#7A1720!important;color:#fff!important;border-color:#7A1720!important}
#honeyspotCateringModal .hscat-protein:disabled{opacity:.42;cursor:not-allowed}
#honeyspotCateringModal .hscat-egg-row,
#honeyspotCateringModal .hscat-utensil-pack{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:10px;
    padding:13px 14px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    background:#fff;
}
#honeyspotCateringModal .hscat-egg-row strong,
#honeyspotCateringModal .hscat-utensil-pack-copy strong{display:block;font-size:13px;color:#222}
#honeyspotCateringModal .hscat-egg-row small,
#honeyspotCateringModal .hscat-utensil-pack-copy small{display:block;margin-top:3px;font-size:11px;line-height:1.35;color:#777}
#honeyspotCateringModal .hscat-utensil-pack-copy b{display:block;margin-top:6px;font-size:12px;color:#7A1720}
#honeyspotCateringModal .hscat-egg-stepper,
#honeyspotCateringModal .hscat-pack-stepper{display:flex;align-items:center;gap:10px;flex:0 0 auto}
#honeyspotCateringModal .hscat-egg-stepper button,
#honeyspotCateringModal .hscat-pack-stepper button{
    width:32px;height:32px;padding:0!important;border:1px solid #ddd!important;border-radius:50%!important;background:#fff!important;color:#222!important;font-weight:800!important;cursor:pointer;
}
#honeyspotCateringModal .hscat-egg-stepper span,
#honeyspotCateringModal .hscat-pack-stepper span{min-width:22px;text-align:center;font-size:13px;font-weight:800;color:#222}
#honeyspotCateringModal .hscat-pack-status{margin-top:8px;padding:8px 10px;border-radius:8px;background:#f7f7f7;color:#666;font-size:11px;line-height:1.35}
@media(max-width:640px){
    #honeyspotCateringModal .hscat-protein-grid{grid-template-columns:1fr}
    #honeyspotCateringModal .hscat-utensil-pack{align-items:flex-start}
    #honeyspotCateringModal .hscat-pack-stepper{margin-top:2px}
}
/* =========================================================
   HONEYSPOT TIP — 12% SUGGESTED FINAL
   CSS ONLY / SAFE
   ========================================================= */

.hs-tip-option[data-tip="12"]{
    position:relative !important;
    padding-top:13px !important;
}

.hs-tip-option[data-tip="12"]::before{
    content:"SUGGESTED" !important;

    position:absolute !important;
    top:4px !important;
    left:50% !important;
    transform:translateX(-50%) !important;

    display:block !important;

    color:#981b22 !important;
    background:transparent !important;

    font-size:7px !important;
    line-height:1 !important;
    font-weight:900 !important;
    letter-spacing:.35px !important;

    white-space:nowrap !important;
    pointer-events:none !important;
}

.hs-tip-option[data-tip="12"].is-selected::before{
    color:#fff !important;
}







/* =========================================================
   HONEYSPOT MOBILE CATEGORY SURFACE — CLEAN FINAL v7.1
   MOBILE ONLY
   Normal = burgundy / white
   Active = white / burgundy
   Sticky/tracking behavior preserved.
   ========================================================= */
@media (max-width: 1023px) {

  .hs-mobile-category-spacer {
    display: block !important;
    width: 100% !important;
    height: 0;
    padding: 0 !important;
    margin: 0 !important;
  }

  .hs-mobile-category-surface {
    z-index: 80 !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border-top: 1px solid rgba(122,23,32,.05) !important;
    border-bottom: 1px solid rgba(17,17,17,.08) !important;
    box-shadow: 0 5px 14px rgba(17,17,17,.10) !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior-x: contain !important;
    scrollbar-width: none !important;
  }

  .hs-mobile-category-surface.is-fixed {
    position: fixed !important;
    top: var(--hs-mobile-category-top, 0px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: min(100%, 393px) !important;
    max-width: 100vw !important;
  }

  .hs-mobile-category-surface::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  /* DEFAULT */
  html body .hs-mobile-category-surface a.hs-mobile-category-pill:not(.is-active):not([aria-current="true"]),
  html body .hs-mobile-category-surface button.hs-mobile-category-pill:not(.is-active):not([aria-current="true"]) {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    background: #8F111C !important;
    background-color: #8F111C !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 1.5px solid #8F111C !important;
    box-shadow: none !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html body .hs-mobile-category-surface a.hs-mobile-category-pill:not(.is-active):not([aria-current="true"]) *,
  html body .hs-mobile-category-surface button.hs-mobile-category-pill:not(.is-active):not([aria-current="true"]) * {
    color: #ffffff !important;
  }

  /* ACTIVE — works for generic anchors AND buttons */
  html body .hs-mobile-category-surface a.hs-mobile-category-pill.is-active,
  html body .hs-mobile-category-surface a.hs-mobile-category-pill.is-active:hover,
  html body .hs-mobile-category-surface a.hs-mobile-category-pill.is-active:focus,
  html body .hs-mobile-category-surface a.hs-mobile-category-pill[aria-current="true"],
  html body .hs-mobile-category-surface a.hs-mobile-category-pill[aria-current="true"]:hover,
  html body .hs-mobile-category-surface a.hs-mobile-category-pill[aria-current="true"]:focus,
  html body .hs-mobile-category-surface button.hs-mobile-category-pill.is-active,
  html body .hs-mobile-category-surface button.hs-mobile-category-pill.is-active:hover,
  html body .hs-mobile-category-surface button.hs-mobile-category-pill.is-active:focus,
  html body .hs-mobile-category-surface button.hs-mobile-category-pill[aria-current="true"],
  html body .hs-mobile-category-surface button.hs-mobile-category-pill[aria-current="true"]:hover,
  html body .hs-mobile-category-surface button.hs-mobile-category-pill[aria-current="true"]:focus {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    background: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
    color: #8F111C !important;
    border: 2px solid #8F111C !important;
    border-color: #8F111C !important;
    box-shadow: 0 1px 3px rgba(17,17,17,.05) !important;
    opacity: 1 !important;
    filter: none !important;
  }

  html body .hs-mobile-category-surface .hs-mobile-category-pill.is-active *,
  html body .hs-mobile-category-surface .hs-mobile-category-pill[aria-current="true"] * {
    color: #8F111C !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
  }

  html body .hs-mobile-category-surface .hs-mobile-category-pill.is-active::before,
  html body .hs-mobile-category-surface .hs-mobile-category-pill.is-active::after,
  html body .hs-mobile-category-surface .hs-mobile-category-pill[aria-current="true"]::before,
  html body .hs-mobile-category-surface .hs-mobile-category-pill[aria-current="true"]::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
  }
}







/* HONEYSPOT MOBILE FULFILLMENT RAIL V1 — isolated */
@media(max-width:767px){
 .hsm-fulfillment{box-sizing:border-box!important;margin:10px 12px 16px!important;padding:10px!important;background:#fff!important;border:1px solid #eee5df!important;border-radius:17px!important;box-shadow:0 5px 18px rgba(50,20,20,.055)!important;color:#20242b!important;font-family:inherit!important;position:relative!important;z-index:1!important}
 .hsm-fulfillment *{box-sizing:border-box!important}
 .hsm-fulfillment button{appearance:none!important;box-shadow:none!important;letter-spacing:normal!important;text-transform:none!important;font-family:inherit!important;cursor:pointer!important}
 .hsm-choices{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;margin-bottom:8px!important}
 .hsm-choices button{min-height:50px!important;border:1px solid #e4dad7!important;border-radius:11px!important;background:#fff!important;color:#25252a!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:14px!important;font-weight:800!important;padding:8px!important}
 .hsm-choices button.active{background:#821322!important;border-color:#821322!important;color:#fff!important}
 .hsm-details{border:1px solid #f0e9e5!important;border-radius:12px!important;overflow:hidden!important}
 .hsm-details button{width:100%!important;min-height:67px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:12px 13px!important;background:#fff!important;border:0!important;color:#25252a!important;text-align:left!important}
 .hsm-details button+button{border-top:1px solid #f0e9e5!important}
 .hsm-symbol{font-size:24px!important;color:#9b1226!important;min-width:24px!important;text-align:center!important}
 .hsm-copy{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}
 .hsm-copy b{font-size:13px!important;font-weight:800!important;line-height:1.2!important}
 .hsm-copy small{font-size:11px!important;color:#777!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;line-height:1.3!important}
 .hsm-chevron{font-size:20px!important;color:#222!important}
 .hsm-hidden-summary{display:none!important}
}

/* V7: hide only duplicate legacy fulfillment summary on mobile Order Online. */
@media (max-width:767px){
 body:not(.woocommerce-checkout):not(.woocommerce-cart) .hs-fulfillment-summary{display:none!important;}
}



/* HONEYSPOT CART DRAWER V8.1 — MOBILE ONLY */
@media(max-width:767px){
 body.hsd-open{overflow:hidden!important}
 #hsDrawerV81{position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
 #hsDrawerV81 *{box-sizing:border-box}
 #hsDrawerV81 .hsd-backdrop{position:absolute;inset:0;background:rgba(19,16,17,.52);opacity:0;transition:opacity .22s ease}
 #hsDrawerV81 .hsd-panel{position:absolute;left:0;right:0;bottom:0;height:min(92dvh,900px);background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -12px 40px rgba(0,0,0,.17);outline:none;overflow:hidden}
 #hsDrawerV81.is-open{pointer-events:auto}
 #hsDrawerV81.is-open .hsd-backdrop{opacity:1}
 #hsDrawerV81.is-open .hsd-panel{transform:translateY(0)}
 #hsDrawerV81 .hsd-handle{width:42px;height:5px;border-radius:5px;background:#dedede;margin:9px auto 0;flex-shrink:0}
 #hsDrawerV81 .hsd-header{padding:13px 20px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;flex-shrink:0}
 #hsDrawerV81 .hsd-header strong{font-weight:900;font-size:19px;font-style:italic;color:#181818}
 #hsDrawerV81 .hsd-header span{font-size:13px;color:#666}
 #hsDrawerV81 button{cursor:pointer;letter-spacing:normal;text-transform:none;box-shadow:none}
 #hsDrawerV81 .hsd-close{background:#f8f3f0;color:#222;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;padding:0}
 #hsDrawerV81 .hsd-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:10px 18px 20px}
 #hsDrawerV81 .hsd-item{position:relative;padding:15px 0 20px;border-bottom:1px solid #eee}
 #hsDrawerV81 .hsd-item-top{display:flex;align-items:flex-start;gap:12px}
 #hsDrawerV81 .hsd-item-top img,#hsDrawerV81 .hsd-image-fallback{width:76px;height:76px;object-fit:cover;border-radius:13px;background:#fff6ee;flex-shrink:0;display:grid;place-items:center}
 #hsDrawerV81 .hsd-item-copy{flex:1;min-width:0;padding-top:4px}
 #hsDrawerV81 .hsd-item-copy b{display:block;font-size:15px;line-height:1.35;color:#171717}
 #hsDrawerV81 .hsd-line{font-weight:800;font-size:14px;margin-top:7px;color:#7A1720}
 #hsDrawerV81 .hsd-remove{border:0;background:#fff3ef;color:#b51e26;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:23px}
 #hsDrawerV81 .hsd-meta{padding:9px 0 2px 3px;color:#666;font-size:12px;line-height:1.6}
 #hsDrawerV81 .hsd-meta b{color:#222}
 #hsDrawerV81 .hsd-qty{margin:6px 0 0 auto;display:flex;align-items:center;width:max-content;border:1px solid #dedede;border-radius:12px;overflow:hidden}
 #hsDrawerV81 .hsd-qty button{width:42px;height:40px;background:#fff;color:#7A1720;border:0;font-size:22px;padding:0}
 #hsDrawerV81 .hsd-qty span{width:45px;text-align:center;font-weight:800}
 #hsDrawerV81 .hsd-section{border-bottom:1px solid #eee;padding:20px 0}
 #hsDrawerV81 .hsd-section h3{font-size:17px!important;font-weight:900!important;color:#181818!important;margin:0 0 14px!important;font-style:italic}
 #hsDrawerV81 .hsd-order{border:1px solid #eee;border-radius:14px;padding:12px 15px;display:grid;gap:13px;font-size:13px;color:#555}
 #hsDrawerV81 .hsd-order>div:first-child{display:flex;align-items:center;justify-content:space-between}
 #hsDrawerV81 .hsd-order b{color:#171717;font-size:14px}
 #hsDrawerV81 .hsd-change{border:1px solid #e6d6d8;background:#fff;color:#7A1720;border-radius:9px;padding:7px 11px;font-weight:800}
 #hsDrawerV81 .hsd-coupon-toggle{width:100%;text-align:left;background:#fff;border:0;color:#333;display:flex;justify-content:space-between;padding:5px;font-size:14px}
 #hsDrawerV81 .hsd-coupon-form:not([hidden]){display:flex;gap:7px;margin-top:12px}
 #hsDrawerV81 .hsd-coupon-form[hidden]{display:none!important}
 #hsDrawerV81 .hsd-coupon-form input{min-width:0;flex:1;border:1px solid #ddd;border-radius:9px;padding:10px}
 #hsDrawerV81 .hsd-coupon-form button{border:0;background:#7A1720;color:#fff;border-radius:9px;padding:8px 12px;font-weight:800}
 #hsDrawerV81 .hsd-coupon{display:flex;justify-content:space-between;margin-top:10px;font-size:12px}
 #hsDrawerV81 .hsd-coupon button{border:0;background:transparent;color:#7A1720}
 #hsDrawerV81 .hsd-totals{padding:20px 2px 10px;display:grid;gap:13px;font-size:14px}
 #hsDrawerV81 .hsd-totals>div{display:flex;justify-content:space-between;gap:10px}
 #hsDrawerV81 .hsd-grand{border-top:1px solid #eee;padding-top:15px;font-size:19px;color:#7A1720}
 #hsDrawerV81 .hsd-footer{padding:13px 18px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #eee;background:#fff;flex-shrink:0}
 #hsDrawerV81 .hsd-checkout{width:100%;background:#7A1720;color:#fff;border:0;border-radius:13px;padding:16px;font-size:14px;font-weight:900;font-style:italic}
 #hsDrawerV81 .hsd-checkout:disabled{opacity:.55}
 #hsDrawerV81 .hsd-note{margin:7px 0 0;text-align:center;color:#888;font-size:10px;line-height:1.3}
 #hsDrawerV81 .hsd-alert{padding:10px;border-radius:9px;background:#fff1f1;color:#9d1620;font-size:13px}
 #hsDrawerV81 .hsd-alert[hidden]{display:none}
 #hsDrawerV81 .hsd-empty{text-align:center;padding:30px 5px;color:#666}
 #hsDrawerV81.hsd-busy .hsd-items{opacity:.65;pointer-events:none}
}
@media(prefers-reduced-motion:reduce){#hsDrawerV81 .hsd-panel,#hsDrawerV81 .hsd-backdrop{transition:none!important}}


/* HONEYSPOT V3 DESKTOP CART DRAWER — same cart API */
@media(min-width:768px){

 body.hsd-open{overflow:hidden!important}
 #hsDrawerV81{position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
 #hsDrawerV81 *{box-sizing:border-box}
 #hsDrawerV81 .hsd-backdrop{position:absolute;inset:0;background:rgba(19,16,17,.52);opacity:0;transition:opacity .22s ease}
 #hsDrawerV81 .hsd-panel{position:absolute;left:0;right:0;bottom:0;height:min(92dvh,900px);background:#fff;border-radius:24px 24px 0 0;display:flex;flex-direction:column;transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:0 -12px 40px rgba(0,0,0,.17);outline:none;overflow:hidden}
 #hsDrawerV81.is-open{pointer-events:auto}
 #hsDrawerV81.is-open .hsd-backdrop{opacity:1}
 #hsDrawerV81.is-open .hsd-panel{transform:translateY(0)}
 #hsDrawerV81 .hsd-handle{width:42px;height:5px;border-radius:5px;background:#dedede;margin:9px auto 0;flex-shrink:0}
 #hsDrawerV81 .hsd-header{padding:13px 20px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;flex-shrink:0}
 #hsDrawerV81 .hsd-header strong{font-weight:900;font-size:19px;font-style:italic;color:#181818}
 #hsDrawerV81 .hsd-header span{font-size:13px;color:#666}
 #hsDrawerV81 button{cursor:pointer;letter-spacing:normal;text-transform:none;box-shadow:none}
 #hsDrawerV81 .hsd-close{background:#f8f3f0;color:#222;border:0;border-radius:50%;width:40px;height:40px;font-size:26px;padding:0}
 #hsDrawerV81 .hsd-scroll{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:10px 18px 20px}
 #hsDrawerV81 .hsd-item{position:relative;padding:15px 0 20px;border-bottom:1px solid #eee}
 #hsDrawerV81 .hsd-item-top{display:flex;align-items:flex-start;gap:12px}
 #hsDrawerV81 .hsd-item-top img,#hsDrawerV81 .hsd-image-fallback{width:76px;height:76px;object-fit:cover;border-radius:13px;background:#fff6ee;flex-shrink:0;display:grid;place-items:center}
 #hsDrawerV81 .hsd-item-copy{flex:1;min-width:0;padding-top:4px}
 #hsDrawerV81 .hsd-item-copy b{display:block;font-size:15px;line-height:1.35;color:#171717}
 #hsDrawerV81 .hsd-line{font-weight:800;font-size:14px;margin-top:7px;color:#7A1720}
 #hsDrawerV81 .hsd-remove{border:0;background:#fff3ef;color:#b51e26;border-radius:50%;width:36px;height:36px;flex-shrink:0;font-size:23px}
 #hsDrawerV81 .hsd-meta{padding:9px 0 2px 3px;color:#666;font-size:12px;line-height:1.6}
 #hsDrawerV81 .hsd-meta b{color:#222}
 #hsDrawerV81 .hsd-qty{margin:6px 0 0 auto;display:flex;align-items:center;width:max-content;border:1px solid #dedede;border-radius:12px;overflow:hidden}
 #hsDrawerV81 .hsd-qty button{width:42px;height:40px;background:#fff;color:#7A1720;border:0;font-size:22px;padding:0}
 #hsDrawerV81 .hsd-qty span{width:45px;text-align:center;font-weight:800}
 #hsDrawerV81 .hsd-section{border-bottom:1px solid #eee;padding:20px 0}
 #hsDrawerV81 .hsd-section h3{font-size:17px!important;font-weight:900!important;color:#181818!important;margin:0 0 14px!important;font-style:italic}
 #hsDrawerV81 .hsd-order{border:1px solid #eee;border-radius:14px;padding:12px 15px;display:grid;gap:13px;font-size:13px;color:#555}
 #hsDrawerV81 .hsd-order>div:first-child{display:flex;align-items:center;justify-content:space-between}
 #hsDrawerV81 .hsd-order b{color:#171717;font-size:14px}
 #hsDrawerV81 .hsd-change{border:1px solid #e6d6d8;background:#fff;color:#7A1720;border-radius:9px;padding:7px 11px;font-weight:800}
 #hsDrawerV81 .hsd-coupon-toggle{width:100%;text-align:left;background:#fff;border:0;color:#333;display:flex;justify-content:space-between;padding:5px;font-size:14px}
 #hsDrawerV81 .hsd-coupon-form:not([hidden]){display:flex;gap:7px;margin-top:12px}
 #hsDrawerV81 .hsd-coupon-form[hidden]{display:none!important}
 #hsDrawerV81 .hsd-coupon-form input{min-width:0;flex:1;border:1px solid #ddd;border-radius:9px;padding:10px}
 #hsDrawerV81 .hsd-coupon-form button{border:0;background:#7A1720;color:#fff;border-radius:9px;padding:8px 12px;font-weight:800}
 #hsDrawerV81 .hsd-coupon{display:flex;justify-content:space-between;margin-top:10px;font-size:12px}
 #hsDrawerV81 .hsd-coupon button{border:0;background:transparent;color:#7A1720}
 #hsDrawerV81 .hsd-totals{padding:20px 2px 10px;display:grid;gap:13px;font-size:14px}
 #hsDrawerV81 .hsd-totals>div{display:flex;justify-content:space-between;gap:10px}
 #hsDrawerV81 .hsd-grand{border-top:1px solid #eee;padding-top:15px;font-size:19px;color:#7A1720}
 #hsDrawerV81 .hsd-footer{padding:13px 18px calc(13px + env(safe-area-inset-bottom));border-top:1px solid #eee;background:#fff;flex-shrink:0}
 #hsDrawerV81 .hsd-checkout{width:100%;background:#7A1720;color:#fff;border:0;border-radius:13px;padding:16px;font-size:14px;font-weight:900;font-style:italic}
 #hsDrawerV81 .hsd-checkout:disabled{opacity:.55}
 #hsDrawerV81 .hsd-note{margin:7px 0 0;text-align:center;color:#888;font-size:10px;line-height:1.3}
 #hsDrawerV81 .hsd-alert{padding:10px;border-radius:9px;background:#fff1f1;color:#9d1620;font-size:13px}
 #hsDrawerV81 .hsd-alert[hidden]{display:none}
 #hsDrawerV81 .hsd-empty{text-align:center;padding:30px 5px;color:#666}
 #hsDrawerV81.hsd-busy .hsd-items{opacity:.65;pointer-events:none}

#hsDrawerV81 .hsd-panel{left:auto!important;right:0!important;top:0!important;bottom:0!important;width:min(480px,100vw)!important;height:100dvh!important;border-radius:0!important;transform:translateX(105%)!important}
#hsDrawerV81.is-open .hsd-panel{transform:translateX(0)!important}
}

/* HONEYSPOT V3 RESPONSIVE CHECKOUT */
html.hsc3-locked,body.hsc3-locked{overflow:hidden!important}
#hsCheckoutDrawerV3{position:fixed!important;inset:0!important;z-index:2147483646!important;pointer-events:none!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#hsCheckoutDrawerV3 *{box-sizing:border-box!important}
#hsCheckoutDrawerV3.open{pointer-events:auto!important}
#hsCheckoutDrawerV3 .hsc3-shade{position:absolute!important;inset:0!important;background:rgba(23,10,13,.63)!important;opacity:0;transition:opacity .2s}
#hsCheckoutDrawerV3.open .hsc3-shade{opacity:1}
#hsCheckoutDrawerV3 .hsc3-panel{position:absolute!important;right:0!important;top:0!important;width:min(520px,100vw)!important;height:100vh!important;height:100dvh!important;display:flex!important;flex-direction:column!important;background:#fff!important;box-shadow:-20px 0 65px rgba(20,8,11,.2)!important;transform:translateX(105%);transition:transform .25s ease;outline:none!important;overflow:hidden!important;padding:0!important;margin:0!important;max-width:100vw!important}
#hsCheckoutDrawerV3.open .hsc3-panel{transform:translateX(0)}
#hsCheckoutDrawerV3 .hsc3-head{height:72px!important;min-height:72px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 18px!important;background:#fff!important;border-bottom:1px solid #efe7e7!important;gap:10px!important}
#hsCheckoutDrawerV3 .hsc3-head button{background:none!important;border:0!important;box-shadow:none!important;color:#7a1720!important;cursor:pointer!important;font-size:12px!important;font-weight:850!important;padding:6px!important;letter-spacing:0!important;min-width:45px!important}
#hsCheckoutDrawerV3 .hsc3-head button:last-child{font-size:28px!important}
#hsCheckoutDrawerV3 .hsc3-brand{display:flex!important;flex-direction:column!important;text-align:center!important;gap:5px!important;color:#7a1720!important}
#hsCheckoutDrawerV3 .hsc3-brand b{font-size:13px!important;font-weight:900!important;letter-spacing:1px!important}
#hsCheckoutDrawerV3 .hsc3-brand small{font-size:9px!important;font-weight:800!important;letter-spacing:1.7px!important;color:#988889!important}
#hsCheckoutDrawerV3 .hsc3-steps{height:5px!important;display:flex!important;gap:5px!important;padding:0 18px!important;flex-shrink:0!important}
#hsCheckoutDrawerV3 .hsc3-steps span{flex:1!important;background:#e9d9da!important;border-radius:4px!important}
#hsCheckoutDrawerV3 .hsc3-steps span.on{background:#7a1720!important}
#hsCheckoutDrawerV3 .hsc3-body{position:relative!important;flex:1!important;min-height:0!important;overflow:hidden!important;background:#fff!important}
#hsCheckoutDrawerV3 .hsc3-frame{width:100%!important;height:100%!important;display:block!important;border:0!important;background:#fff!important}
#hsCheckoutDrawerV3 .hsc3-wait{position:absolute!important;inset:0!important;z-index:2!important;display:grid!important;place-items:center!important;background:#fff!important;color:#7a1720!important;font-size:13px!important;font-weight:800!important}
#hsCheckoutDrawerV3 .hsc3-wait[hidden]{display:none!important}
#hsCheckoutDrawerV3 .hsc3-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:13px 15px calc(13px + env(safe-area-inset-bottom))!important;border-top:1px solid #eee!important;background:#fff!important;color:#807a7c!important;font-size:10px!important;flex-shrink:0!important}
#hsCheckoutDrawerV3 .hsc3-full{color:#7a1720!important;font-size:10px!important;font-weight:850!important;text-decoration:underline!important}
@media(max-width:767px){#hsCheckoutDrawerV3 .hsc3-panel{top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100dvh!important;border-radius:0!important;transform:translateY(105%)}#hsCheckoutDrawerV3.open .hsc3-panel{transform:translateY(0)}#hsCheckoutDrawerV3 .hsc3-head{height:62px!important;min-height:62px!important;padding:0 12px!important}#hsCheckoutDrawerV3 .hsc3-brand b{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){#hsCheckoutDrawerV3 .hsc3-panel,#hsCheckoutDrawerV3 .hsc3-shade{transition:none!important}}


/* ==========================================================
   HONEYSPOT V4 — EXACT DESIGN PREVIEW VISUAL TOKENS
   Outer checkout drawer is 475px desktop / mobile bottom sheet.
   Native WooCommerce payment remains in the isolated document.
   ========================================================== */
#hsCheckoutDrawerV3{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#hsCheckoutDrawerV3 .hsc3-shade{background:rgba(25,18,18,.43)!important}
#hsCheckoutDrawerV3 .hsc3-panel{width:min(475px,100%)!important;box-shadow:-20px 0 70px #0002!important}
#hsCheckoutDrawerV3 .hsc3-head{display:block!important;height:auto!important;min-height:0!important;padding:22px 24px 18px!important;border-bottom:1px solid #efeded!important}
#hsCheckoutDrawerV3 .hsc3-headline{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:15px!important}
#hsCheckoutDrawerV3 .hsc3-eyebrow{font-size:10px!important;color:#9b8586!important;letter-spacing:2px!important;font-weight:900!important}
#hsCheckoutDrawerV3 .hsc3-head h2{font-family:inherit!important;font-size:25px!important;letter-spacing:-1px!important;margin:6px 0 0!important;font-weight:850!important;line-height:1.2!important;color:#202124!important;text-transform:none!important;font-style:normal!important}
#hsCheckoutDrawerV3 .hsc3-head .hsc3-close{border:0!important;background:#f5f2f1!important;border-radius:50%!important;width:39px!important;height:39px!important;min-width:39px!important;font-size:24px!important;cursor:pointer!important;color:#504849!important;padding:0!important}
#hsCheckoutDrawerV3 .hsc3-steps{display:flex!important;height:4px!important;gap:6px!important;margin-top:20px!important;padding:0!important}
#hsCheckoutDrawerV3 .hsc3-steps span{height:4px!important;background:#eee!important;border-radius:20px!important;flex:1!important}
#hsCheckoutDrawerV3 .hsc3-steps span.on{background:#7a1720!important}
#hsCheckoutDrawerV3 .hsc3-body{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}
#hsCheckoutDrawerV3 .hsc3-back-row{flex:none!important;padding:16px 24px 0!important;background:#fff!important}
#hsCheckoutDrawerV3 .hsc3-back-row button{border:0!important;background:transparent!important;color:#7a1720!important;font-size:13px!important;font-weight:800!important;padding:0!important;text-transform:none!important;box-shadow:none!important;cursor:pointer!important}
#hsCheckoutDrawerV3 .hsc3-frame{flex:1!important;min-height:0!important;overflow:auto!important}
#hsCheckoutDrawerV3 .hsc3-foot{display:block!important;border-top:1px solid #eee!important;padding:12px 24px max(17px,env(safe-area-inset-bottom))!important;text-align:center!important}
#hsCheckoutDrawerV3 .hsc3-foot p{font-size:11px!important;color:#98908f!important;margin:0 0 6px!important;line-height:1.5!important}
#hsCheckoutDrawerV3 .hsc3-full{font-size:11px!important;text-transform:none!important}
/* Cart: match preview dimensions and non-italic typography */
#hsDrawerV81 .hsd-backdrop{background:rgba(25,18,18,.43)!important}
#hsDrawerV81 .hsd-panel{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
#hsDrawerV81 .hsd-header strong,#hsDrawerV81 .hsd-section h3,#hsDrawerV81 .hsd-checkout{font-style:normal!important}
#hsDrawerV81 .hsd-checkout{border-radius:13px!important;font-weight:900!important}
#hsDrawerV81 .hsd-section h3{font-size:14px!important;font-weight:850!important}
@media(min-width:768px){#hsDrawerV81 .hsd-panel{width:min(475px,100vw)!important}}
@media(max-width:767px){
 #hsCheckoutDrawerV3 .hsc3-panel{top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:calc(100dvh - 30px)!important;border-radius:22px 22px 0 0!important;transform:translateY(105%)!important}
 #hsCheckoutDrawerV3.open .hsc3-panel{transform:translateY(0)!important}
 #hsCheckoutDrawerV3 .hsc3-head{padding:18px 18px 15px!important}
 #hsCheckoutDrawerV3 .hsc3-head h2{font-size:23px!important}
 #hsCheckoutDrawerV3 .hsc3-back-row{padding:15px 18px 0!important}
 #hsCheckoutDrawerV3 .hsc3-foot{padding-left:18px!important;padding-right:18px!important}
 #hsDrawerV81 .hsd-panel{height:calc(100dvh - 30px)!important;border-radius:22px 22px 0 0!important}
}

/* HONEYSPOT V6 — Checkout drawer shell; checkout form styling lives inside iframe PHP. */
#hsCheckoutDrawerV3 .hsc3-head{background:#fff!important}
#hsCheckoutDrawerV3 .hsc3-frame{background:#fff!important;border:0!important}
#hsCheckoutDrawerV3 .hsc3-panel{overflow:hidden!important}
#hsCheckoutDrawerV3 .hsc3-back-row button{font-weight:750!important;color:#7a1720!important}

/* V7 drawer polish — checkout remains a bottom sheet on mobile. */
@media(max-width:767px){
 #hsCheckoutDrawerV3 .hsc3-panel{max-width:100vw!important;}
 #hsCheckoutDrawerV3 .hsc3-body{flex:1!important;}
 #hsCheckoutDrawerV3 .hsc3-frame{width:100%!important;}
}


/* =========================================================
   HONEYSPOT MOBILE CHECKOUT TIP — 4 + FULL WIDTH CUSTOM v1
   CSS ONLY — no changes to tip logic or checkout calculations
   ========================================================= */
@media (max-width: 650px) {
  body.woocommerce-checkout .hs-tip-box {
    padding: 13px 12px !important;
    border-radius: 12px !important;
  }
  body.woocommerce-checkout .hs-tip-heading {
    gap: 8px !important;
    margin-bottom: 14px !important;
  }
  body.woocommerce-checkout .hs-tip-heading strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }
  body.woocommerce-checkout .hs-tip-heading small {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }
  body.woocommerce-checkout .hs-tip-current {
    font-size: 13px !important;
    color: #7A1720 !important;
  }
  body.woocommerce-checkout .hs-tip-options {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
  }
  body.woocommerce-checkout .hs-tip-options .hs-tip-option {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 10px 2px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-align: center !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
  }
  body.woocommerce-checkout .hs-tip-options .hs-tip-option.is-selected {
    background: #7A1720 !important;
    border-color: #7A1720 !important;
    color: #fff !important;
  }
  /* Fifth button = Custom, full width on the second row. */
  body.woocommerce-checkout .hs-tip-options .hs-tip-option:nth-child(5) {
    grid-column: 1 / -1 !important;
    min-height: 43px !important;
    padding: 10px 12px !important;
    font-size: 12px !important;
  }
  /* Retain the existing suggested 12% label without clipping. */
  body.woocommerce-checkout .hs-tip-options .hs-tip-option[data-tip="12"] {
    padding-top: 16px !important;
  }
  body.woocommerce-checkout .hs-tip-options .hs-tip-option[data-tip="12"]::before {
    top: 4px !important;
    font-size: 6px !important;
    letter-spacing: 0 !important;
  }
  body.woocommerce-checkout .hs-tip-note {
    margin-top: 10px !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
  }
}

/* HONEYSPOT INLINE ORDER SCHEDULER v1.6.62 — scoped, no overlay */
.hs-inline-schedule{padding:14px!important;margin:8px 0 0!important;background:#fffaf6!important;border:1px solid #eaded8!important;border-radius:12px!important;font-family:inherit!important;box-sizing:border-box!important}
.hs-inline-schedule *{box-sizing:border-box!important}
.hs-inline-heading{font-size:10px!important;letter-spacing:1px!important;font-weight:900!important;color:#7a1720!important;margin-bottom:10px!important}
.hs-inline-modes{display:grid!important;grid-template-columns:1fr 1.4fr!important;gap:8px!important}
.hs-inline-modes button{border:1px solid #e3d8d3!important;border-radius:10px!important;background:white!important;color:#292426!important;min-height:43px!important;padding:7px!important;font-size:12px!important;font-weight:800!important;cursor:pointer!important}
.hs-inline-modes button.active{background:#7a1720!important;border-color:#7a1720!important;color:#fff!important}
.hs-inline-fields{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin-top:12px!important}
.hs-inline-fields[hidden]{display:none!important}
.hs-inline-fields label{font-size:11px!important;font-weight:800!important;color:#393132!important}
.hs-inline-fields select{display:block!important;width:100%!important;min-width:0!important;margin-top:5px!important;padding:10px 6px!important;border:1px solid #e0d5cf!important;border-radius:9px!important;background:#fff!important;color:#272323!important;font-size:12px!important}
.hs-inline-help{grid-column:1/-1!important;font-size:10px!important;color:#766e69!important;margin:0!important}
.hs31-inline-wrap{width:100%;margin:0 0 12px!important}
.hsm-schedule-wrap{width:100%}

/* HONEYSPOT PREMIUM INLINE TIME PICKER V1.6.63 — scoped, no locked engines */
.hs-inline-schedule .hs-inline-time{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}
.hs-inline-schedule .hs-premium-time-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-height:39px!important;margin-top:5px!important;padding:9px 12px!important;background:#fff!important;color:#7a1720!important;border:1px solid #ddc9c5!important;border-radius:10px!important;font-size:12px!important;font-weight:800!important;text-align:left!important;box-shadow:0 2px 5px rgba(122,23,32,.04)!important;cursor:pointer!important}
.hs-inline-schedule .hs-premium-chevron{font-size:19px;line-height:12px;color:#7a1720}
.hs-inline-schedule .hs-premium-time-panel{grid-column:1/-1;background:#fffdfb;border:1px solid #e8d8d2;border-radius:13px;padding:11px;box-shadow:0 8px 20px rgba(70,20,24,.08);margin-top:2px}
.hs-inline-schedule .hs-premium-time-panel[hidden]{display:none!important}
.hs-inline-schedule .hs-premium-time-panel-title{display:flex;align-items:center;justify-content:space-between;color:#7a1720;font-size:10px;font-weight:900;letter-spacing:1px;margin-bottom:10px}
.hs-inline-schedule .hs-premium-time-close{border:0!important;background:transparent!important;color:#7a1720!important;font-size:21px!important;line-height:1!important;padding:0 4px!important;cursor:pointer!important}
.hs-inline-schedule .hs-premium-time-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:230px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.hs-inline-schedule .hs-premium-time-option{min-width:0!important;padding:10px 3px!important;border:1px solid #e6d8d3!important;border-radius:9px!important;background:#fff!important;color:#403438!important;font-size:12px!important;font-weight:750!important;box-shadow:none!important;cursor:pointer!important}
.hs-inline-schedule .hs-premium-time-option.is-selected,.hs-inline-schedule .hs-premium-time-option:focus-visible{background:#7a1720!important;color:#fff!important;border-color:#7a1720!important;outline:none!important}
.hs-inline-schedule .hs-premium-empty{grid-column:1/-1;font-size:12px;color:#777}
@media(max-width:360px){.hs-inline-schedule .hs-premium-time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =====================================================
   HONEYSPOT TYPOGRAPHY V1
   Readable, consistent storefront typography
   Presentation only — no ordering logic changes
   ===================================================== */

:root {
    --hs-ui-font: "Inter", -apple-system, BlinkMacSystemFont,
        "Segoe UI", Arial, sans-serif;
}

body,
body button,
body input,
body select,
body textarea {
    font-family: var(--hs-ui-font) !important;
    font-style: normal;
}

/* Headings and product names */
body h1,
body h2,
body h3,
body h4,
body .woocommerce-loop-product__title,
body .hs3-main h2,
body .hs3-main h3 {
    font-family: var(--hs-ui-font) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    letter-spacing: -0.02em;
}

/* Prices */
body .price,
body .woocommerce-Price-amount,
body [class*="product-price"],
body [class*="item-price"] {
    font-family: var(--hs-ui-font) !important;
    font-style: normal !important;
    font-stretch: normal !important;
    letter-spacing: normal;
}

/* Honeyspot storefront and product modals */
body .hs3-shell,
body .hs3-sidebar,
body .hs3-main,
body [id^="honeyspot"][id$="Modal"],
body #hsDrawerV81,
body #hsCheckoutDrawerV3 {
    font-family: var(--hs-ui-font) !important;
}

/* Replace decorative headings in the ordering interface */
body .hs3-main h1,
body .hs3-main h2,
body .hs3-main h3,
body #hsDrawerV81 .hsd-header strong,
body #hsDrawerV81 .hsd-section h3,
body #hsDrawerV81 .hsd-checkout {
    font-style: normal !important;
    font-stretch: normal !important;
}

/* Preserve icon fonts and icon glyphs */
body .fa,
body .fas,
body .far,
body .fab,
body .fa-solid,
body .fa-regular,
body .fa-brands,
body [class^="eicon-"],
body [class*=" eicon-"] {
    font-family: inherit;
}

/* ======================================================
   HONEYSPOT TYPOGRAPHY V2
   Product prices + modal headings + storefront
   ====================================================== */

body.hs3-desktop .hs3-main,
body.hs3-desktop .hs3-main *:not(i):not(svg):not(path),
body [id^="honeyspot"][id$="Modal"],
body [id^="honeyspot"][id$="Modal"] *:not(i):not(svg):not(path) {
    font-family: "Inter", -apple-system, BlinkMacSystemFont,
                 "Segoe UI", Arial, sans-serif !important;
    font-style: normal !important;
    font-stretch: normal !important;
}

/* Main category and featured headings */
body.hs3-desktop .hs3-section-title h2,
body.hs3-desktop .hs3-head-text b,
body.hs3-desktop .hs3-category-heading h2 {
    font-family: "Inter", Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 800 !important;
    letter-spacing: -0.5px !important;
}

/* All product-card prices */
body.hs3-desktop .hs3-main .price,
body.hs3-desktop .hs3-main .woocommerce-Price-amount,
body.hs3-desktop .hs3-fav-copy .price,
body.hs3-desktop .hs3-main [class*="price"],
body.hs3-desktop .hs3-main [class*="Price"] {
    font-family: "Inter", Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

/* Product modal titles */
body [id^="honeyspot"][id$="Modal"] .honeyspot-modal-title {
    font-family: "Inter", Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 800 !important;
    letter-spacing: -0.4px !important;
    text-transform: none !important;
}

/* Modal option prices */
body [id^="honeyspot"][id$="Modal"] [class*="price"],
body [id^="honeyspot"][id$="Modal"] [class*="total"],
body [id^="honeyspot"][id$="Modal"] .woocommerce-Price-amount {
    font-family: "Inter", Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
}

/* Product names */
body.hs3-desktop .hs3-fav-copy h3,
body.hs3-desktop .hs3-main .woocommerce-loop-product__title {
    font-family: "Inter", Arial, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    letter-spacing: -0.2px !important;
}