/* ======================================================================
				===================================
						QLEE CART PAGE
				===================================
======================================================================*/
 
 
 
 
/* --- PAGE WRAP --- */
.qlee-cart-container {
    font-family: 'Plus Jakarta Sans', sans-serif;
    min-height: 100vh;
}

/* --- HEADER --- */
.qlee-custom-header {
    background: #fff;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    position: sticky;
    top: 0;
    z-index: 100;
}

.back-circle-btn {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid #edf2f7;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0,0,0,0.03);
    color: #1a202c;
    cursor: pointer;
}

.header-text-group .title { margin: 0; font-size: 19px; font-weight: 800; color: #1a202c; }
.header-text-group .subtitle { font-size: 12px; font-weight: 600; color: #718096; }

/* --- MERCHANT CARD --- */
.qlee-content-body { padding: 10px; }

.merchant-card {
    background: #fff;
    border-radius: 24px;
    padding: 20px;
    margin-bottom: 15px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.04);
}

.merchant-info { display: flex; align-items: center; gap: 12px; margin-bottom: 20px; }
.merchant-icon { 
    width: 42px; height: 42px; background: #f0fdf4; color: #16a34a; 
    display: flex; align-items: center; justify-content: center; border-radius: 12px;
}
.merchant-meta h5 { margin: 0; font-size: 16px; font-weight: 700; color: #1a202c; }
.badges { display: flex; gap: 6px; margin-top: 4px; }
.badge-verified { font-size: 9px; font-weight: 800; color: #16a34a; }
.badge-type { font-size: 9px; font-weight: 800; color: #16a34a; }

/* --- PRODUCT ROWS --- */
.product-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #f7fafc;
}
.product-item:last-child { border: none; }
.product-thumb img { width: 65px; height: 65px; border-radius: 16px; object-fit: cover; }

.product-info { flex: 1; }
.product-name { margin: 0; font-size: 14px; font-weight: 600; color: #2d3748; line-height: 1.3; }
.product-weight { font-size: 12px; color: #a0aec0; }
.product-price { font-weight: 800; font-size: 16px; color: #1a202c; margin-top: 4px; }

/* --- QTY STEPPER --- */
.qty-stepper {
    background: #f8fafc;
    border: 1px solid #edf2f7;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding: 3px;
}
.step-btn {
    width: 28px; height: 28px; background: #fff; border-radius: 8px;
    display: flex; align-items: center; justify-content: center;
    text-decoration: none !important; color: #e53e3e; font-weight: 800;
}
.step-btn.plus { color: #16a34a; }
.step-num { width: 30px; text-align: center; font-weight: 800; font-size: 14px; color: #2d3748; }

/* --- CARD FOOTER --- */
.merchant-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #edf2f7;
}
.footer-total .label { display: block; font-size: 11px; color: #718096; font-weight: 700; }
.footer-total .val { font-size: 19px; font-weight: 800; color: #1a202c; }

.btn-checkout {
    background: #16a34a; color: #fff; border: none; padding: 12px 22px;
    border-radius: 14px; font-weight: 700; display: flex; align-items: center; gap: 8px;
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.2);
}

/* --- EMPTY --- */
.empty-cart-view { text-align: center; padding: 100px 40px; }
.icon-wrap { font-size: 50px; margin-bottom: 15px; }
.btn-start {
    background: #16a34a; color: #fff; text-decoration: none !important;
    padding: 12px 30px; border-radius: 14px; display: inline-block;
    margin-top: 20px; font-weight: 700;
}

/* --- OFFLINE BADGE --- */
.badge-offline {
    font-size: 9px;
    font-weight: 800;
    color: #e53e3e;
    background: #fff5f5;
    padding: 2px 6px;
    border-radius: 6px;
}

.badge-online {
    font-size: 9px;
    font-weight: 800;
    color: #16a34a;
    background: #f0fdf4;
    padding: 2px 6px;
    border-radius: 6px;
}

/* --- OFFLINE CARD STATE --- */
.merchant-card.offline {
    opacity: 0.85;
    background: #fcfcfc;
}

/* subtle overlay effect */
.merchant-card.offline::after {
    content: "STORE OFFLINE";
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 10px;
    font-weight: 800;
    color: #e53e3e;
    background: #fff;
    padding: 4px 8px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

/* --- DISABLED CHECKOUT --- */
.btn-checkout:disabled {
    background: #e2e8f0;
    color: #a0aec0;
    box-shadow: none;
}

/* --- OPTIONAL: Slight fade for product rows --- */
.merchant-card.offline .product-item {
    opacity: 0.7;
}

/* --- KEEP QTY ACTIVE BUT DIMMED --- */
.merchant-card.offline .qty-stepper {
    opacity: 0.9;
}

/* ======================================================================
    QLEE  CHECKOUT SUMMARY STYLES
======================================================================*/
:root {
    --qlee-green: #16a34a;
    --qlee-dark: #1e293b;
    --qlee-bg: #f8fafc;
}

body { background: var(--qlee-bg); margin: 0; padding: 0; }
.qlee-checkout-page { font-family: 'Plus Jakarta Sans', sans-serif; padding-bottom: 120px; }

/* NAV HEADER */
.qlee-nav-header {
    background: #fff; padding: 15px 20px; display: flex; align-items: center; gap: 15px;
    position: sticky; top: 0; z-index: 100; border-bottom: 1px solid #f1f5f9;
}
.back-circle {
    width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e2e8f0;
    background: #fff; display: flex; align-items: center; justify-content: center; cursor: pointer;
}

.cross-circle {
    width: 40px; 
    height: 40px; 
    border-radius: 50%; 
    border: 1px solid #e2e8f0;
    background: #fff; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    cursor: pointer;
    
    /* Pushes the button to the right side of the flex header */
    margin-left: auto; 
}




.header-content h4 { margin:0; font-size:17px; font-weight:800; color:var(--qlee-dark); }
.merchant-name { font-size:11px; font-weight:700; color:var(--qlee-green); text-transform: uppercase; }

/* DELIVERY PILL */
.qlee-delivery-pill {
    background: var(--qlee-green); color: #fff; margin: 15px; padding: 12px 18px;
    border-radius: 18px; display: flex; align-items: center; gap: 12px;
    box-shadow: 0 10px 20px rgba(22, 163, 74, 0.2);
}
.pill-icon { font-size: 22px; }
.pill-text h5 { margin: 0; font-size: 15px; font-weight: 700; }
.pill-text p { margin: 0; font-size: 11px; opacity: 0.8; }

/* CARDS */
.qlee-card, .qlee-subscription, .qlee-donate, .qlee-tip, .qlee-bill {
    background: #fff; margin: 15px; border-radius: 20px; padding: 18px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.03);
}

/* CART ITEMS */
.card-head { display:flex; justify-content:space-between; align-items:center; margin-bottom:15px; }
.card-head h5 { margin:0; font-size:15px; font-weight:800; }
.qty-count { background:#f1f5f9; font-size:10px; font-weight:800; padding:4px 10px; border-radius:8px; color:#64748b; }
.qlee-cart-item { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f8fafc; }
.qlee-cart-item img { width: 55px; height: 55px; border-radius: 12px; object-fit: cover; }
.qlee-cart-info { flex: 1; }
.qlee-cart-info h6 { margin:0; font-size:14px; font-weight:600; }
.qlee-cart-unit { font-size:11px; color:#94a3b8; }
.qlee-cart-price { font-weight:800; font-size:14px; margin-top:2px; }

/* QTY STEPPER */
.qlee-qty-stepper { display: flex; align-items: center; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; padding: 2px; }
.qlee-qty-stepper button { width: 26px; height: 26px; border:none; background:#fff; border-radius:7px; font-weight:800; color: var(--qlee-green); cursor: pointer; }
.qlee-qty-stepper span { width: 25px; text-align: center; font-size: 13px; font-weight: 800; }

/* PLUS CARD */
.qlee-subscription { background: #f0fdf4; border: 1px solid #dcfce7; }
.qlee-plus-offer { background:#fff1f2; color:#e11d48; font-size:11px; font-weight:700; padding:4px 10px; border-radius:8px; margin-bottom:8px; display:inline-block; }
.qlee-plus-head h5 { font-size:17px; font-weight:700; color:#065f46; margin:0; }
.qlee-plus-head p { font-size:13px; color:#4b5563; margin-top:4px; }
.qlee-btn-group { display:flex; gap:10px; margin-top:14px; }
.qlee-btn-group button { flex:1; padding:10px; border-radius:10px; font-size:13px; font-weight:600; cursor:pointer; border:none; display:flex; align-items:center; justify-content:center; gap:6px; }
.qlee-plan-btn { background:#f8fafc; border:1px solid #e5e7eb; color:#374151; }
.qlee-plus-btn { background: var(--qlee-green); color:#fff; }
.qlee-plus-active { display:flex; align-items:center; gap:8px; color:var(--qlee-green); font-weight:700; font-size:13px; }

/* DONATE & TIP */
.qlee-donate { background:#fff5f5; }
.qlee-donate-actions { display:flex; gap:10px; margin-top:10px; }
.qlee-donate-actions button { border:1px dashed #ef4444; background:#fff; padding:8px 15px; border-radius:10px; flex:1; }
.qlee-tip-row { display:flex; gap:8px; overflow-x:auto; padding-bottom:5px; }
.qlee-tip-pill { border:1px solid #e5e7eb; background:#fff; border-radius:14px; padding:8px 15px; font-size:13px; font-weight:700; white-space:nowrap; }
.qlee-tip-pill.active { background:var(--qlee-green); color:#fff; border-color:var(--qlee-green); }

/* BILL DETAILS & PROGRESS (YOUR LOGIC CSS) */
.qlee-bill-title { font-size:17px; font-weight:800; margin-bottom:14px; }
.qlee-bill-row { display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#374151; padding:6px 0; }
.qlee-free-msg { font-size:12px; margin-top:4px; color:#ea580c; font-weight:600; }
.qlee-free-progress { background:#f1f5f9; height:6px; border-radius:20px; overflow:hidden; margin-top:6px; width:160px; }
.qlee-free-progress span { display:block; height:100%; background:linear-gradient(90deg,#22c55e,#16a34a); transition:width .35s ease; }
.qlee-remove-plus { background:#fff; border:1px solid #fecaca; color:#dc2626; padding:6px 10px; border-radius:8px; font-size:11px; font-weight:600; cursor:pointer; }
.qlee-bill-divider { border:none; height:1px; background:#f1f5f9; margin:15px 0; }
.qlee-grand { display:flex; justify-content:space-between; align-items:center; font-weight:800; font-size:16px; }
.total-val { font-size: 22px; color: var(--qlee-green); }

/* STICKY FOOTER */
.qlee-action-footer {
    position: fixed; bottom: 0; left: 0; right: 0; background: #fff;
    padding: 15px 20px; border-top: 1px solid #f1f5f9; box-shadow: 0 -10px 25px rgba(0,0,0,0.05); z-index: 1000;
}
.pay-btn {
    width: 100%; background: var(--qlee-green); border: none; border-radius: 16px;
    padding: 12px 20px; color: #fff; display: flex; justify-content: space-between; align-items: center;
    box-shadow: 0 12px 24px rgba(22, 163, 74, 0.25); cursor: pointer;
}
.pay-text { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.2; }
.pay-total { font-size: 18px; font-weight: 800; }
.pay-sub { font-size: 10px; font-weight: 700; opacity: 0.9; }

/* EMPTY STATE */
.qlee-empty-cart { text-align: center; padding: 80px 30px; }
.qlee-empty-icon { font-size: 50px; margin-bottom: 20px; transition: 0.3s; }
.qlee-empty-cart button { background: var(--qlee-green); color: #fff; border: none; padding: 12px 25px; border-radius: 12px; font-weight: 700; margin-top: 20px; }


/* ======================================================================
				===================================
						QLEE LOCATION PAGE
				===================================
======================================================================*/


:root {
    --qlee-green: #16a34a; /* Brand green */
    --qlee-dark: #1e293b;
}
.qlee-map-page { position:relative; height:100vh; width:100%; overflow:hidden; font-family: 'Plus Jakarta Sans', sans-serif; }
.qlee-map-page :focus { outline: none !important; } /* Removes focus border */
#qleeMap { position:absolute; inset:0; z-index:1; }
.qlee-map-search {
    position:fixed; top:20px; left:50%; transform:translateX(-50%);
    width:90%; background:#fff; border-radius:18px; padding:15px 20px;
    display:flex; align-items:center; gap:12px; z-index:20;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
}
.qlee-map-search input { border:none; outline:none; flex:1; font-size:14px; font-weight:600; }
.qlee-current-btn {
    position:fixed; right:20px; bottom:260px; width:52px; height:52px;
    border-radius:15px; background:#fff; border:none; color:var(--qlee-green); font-size:20px; z-index:20;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}
.qlee-address-card {
    position:fixed; bottom:0; left:0; width:100%; background:#fff;
    border-radius:32px 32px 0 0; padding:25px; z-index:60;
    box-shadow: 0 -12px 45px rgba(0,0,0,0.18);
}
.drag-handle { width: 45px; height: 5px; background: #f1f5f9; border-radius: 10px; margin: -10px auto 20px; }
.sheet-label { font-size:11px; font-weight:800; color:#94a3b8; text-transform:uppercase; margin-bottom:18px; }
.address-display-row { display: flex; gap: 18px; margin-bottom: 25px; align-items: flex-start; }
.loc-icon-wrap {
    width: 48px; height: 48px; background: #f0fdf4; border-radius: 14px;
    display: flex; align-items: center; justify-content: center; color: var(--qlee-green); font-size: 22px;
}
.loc-text-wrap strong { display: block; font-size: 19px; font-weight: 800; color: var(--qlee-dark); margin-bottom: 5px; }
.loc-text-wrap p { font-size: 13px; color: #64748b; margin: 0; }
.qlee-confirm-btn {
    width:100%; background:var(--qlee-green); color:#fff; border:none;
    padding:18px; border-radius:20px; font-weight:800; font-size:16px;
    box-shadow: 0 12px 28px rgba(22,163,74,0.35);
}


/* ======================================================================
				===================================
						QLEE ADDRESS PAGE
				===================================
======================================================================*/

.qlee-address-page {
    padding: 14px;
    padding-bottom: 110px;
    background: #f6f7f8;
    min-height: 100vh;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

/* TOP BAR */
.qlee-address-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.qlee-address-top h5 {
    margin: 0;
    font-weight: 800;
    font-size: 18px;
    color: #111;
}

.qlee-back, .qlee-close {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    color: #111;
    cursor: pointer;
    transition: 0.2s;
}

/* LOCATION PREVIEW BOX */
.qlee-loc-preview {
    background: #16a34a;
    color: #fff;
    padding: 15px;
    border-radius: 18px;
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 20px;
    box-shadow: 0 8px 20px rgba(22, 163, 74, 0.2);
}

.qlee-loc-preview i {
    font-size: 20px;
}

.qlee-loc-preview p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    opacity: 0.95;
}

/* FORM CARD STYLE */
.qlee-address-form {
    background: #fff;
    padding: 20px;
    border-radius: 24px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.04);
}

/* ROW WRAPPER FOR SIDE-BY-SIDE FIELDS */
.qlee-row {
    display: flex;
    gap: 14px;
}

.qlee-row .qlee-field {
    flex: 1;
}

/* FIELD STYLING */
.qlee-field {
    margin-bottom: 18px;
}

.qlee-field label {
    font-size: 12px;
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.qlee-field input {
    width: 100%;
    border: 1.5px solid #f1f5f9;
    background: #f8fafc;
    border-radius: 14px;
    padding: 14px;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    outline: none;
    transition: 0.3s;
}

.qlee-field input::placeholder {
    color: #94a3b8;
    font-weight: 400;
}

.qlee-field input:focus {
    border-color: #16a34a;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.1);
}

/* RADIO TOGGLE */
.qlee-radio-row {
    display: flex;
    gap: 10px;
}

.qlee-radio {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #f1f5f9;
    padding: 12px;
    border-radius: 14px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 700;
    transition: 0.3s;
    border: 2px solid transparent;
}

.qlee-radio input {
    display: none;
}

.qlee-radio.active {
    background: #e7f8ee;
    color: #16a34a;
    border-color: #16a34a;
}

/* ADDRESS TYPE TAGS */
.qlee-tag-row {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.qlee-tag {
    background: #f8fafc;
    border: 1.5px solid #f1f5f9;
    padding: 10px 16px;
    border-radius: 14px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.qlee-tag.active {
    background: #1e293b;
    color: #fff;
    border-color: #1e293b;
}

/* STICKY SAVE BUTTON */
.qlee-address-bottom {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
    max-width: 500px;
    z-index: 100;
}

.qlee-submit-btn {
    width: 100%;
    background: #15803d;
    color: #fff;
    border: none;
    padding: 18px;
    border-radius: 20px;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 0 10px 25px rgba(21, 128, 61, 0.3);
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

/* MICRO SHINE EFFECT */
.qlee-submit-btn::before {
    content: "";
    position: absolute;
    left: -40%;
    top: 0;
    width: 40%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    animation: qleeShine 3s infinite;
}

@keyframes qleeShine {
    0% { left: -40%; }
    100% { left: 120%; }
}

/* Mobile responsive tweak for rows */
@media (max-width: 400px) {
    .qlee-row {
        flex-direction: column;
        gap: 0;
    }
}






/* ======================================================================
				===================================

						FINAL_CHECKOUT PAGE LAYOUT

				===================================

======================================================================*/

/* =================================
ULTRA FINAL CHECKOUT
=================================*/

.qlee-final-checkout{
padding:12px;
padding-bottom:130px;   /* space for sticky bar */
font-size:14px;
}




/* ================================
CARD
================================*/

.qlee-final-card{
background:#fff;
border-radius:18px;
padding:14px;
margin-bottom:14px;
box-shadow:0 4px 12px rgba(0,0,0,.06);
}

.qlee-final-card h6{
font-weight:800;
margin-bottom:10px;
}


/* ================================
ADDRESS HEADER
================================*/

.qlee-final-card-top{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:6px;
}

.qlee-change-link{
font-size:13px;
font-weight:700;
color:#16a34a;
text-decoration:none;
transition:.2s;
}

.qlee-change-link:hover{
opacity:.75;
}

.qlee-final-address p{
font-size:13px;
color:#6b7280;
margin:2px 0 0;
}


/* =====================================
ADDRESS LIST – CLEAN PREMIUM LOOK
=====================================*/

.qlee-address-radio-wrap{
display:flex;
flex-direction:column;
gap:12px;
margin-top:10px;
}

/* ADDRESS CARD */
.qlee-address-option{
position:relative;
display:flex;
align-items:flex-start;
gap:12px;
padding:14px;
border-radius:16px;
background:#fff;
border:1px solid #eef0f2;
cursor:pointer;
transition:all .25s ease;
box-shadow:0 2px 6px rgba(0,0,0,.04);
}

/* Hover effect */
.qlee-address-option:hover{
transform:translateY(-1px);
box-shadow:0 8px 18px rgba(0,0,0,.06);
border-color:#22c55e40;
}

/* RADIO */
.qlee-address-option input[type="radio"]{
margin-top:3px;
accent-color:#16a34a;
transform:scale(1);   /* ⭐ prevent hitbox issue */
flex-shrink:0;
}

/* ADDRESS INFO */
.qlee-address-info{
flex:1;
}

.qlee-address-info strong{
font-size:14px;
font-weight:800;
display:block;
margin-bottom:2px;
}

.qlee-address-info p{
font-size:13px;
color:#6b7280;
margin:0;
line-height:1.4;
}

/* EDIT LINK */
.qlee-address-actions{
margin-top:6px;
}

.qlee-address-actions a{
font-size:12px;
font-weight:700;
color:#16a34a;
text-decoration:none;
opacity:.85;
transition:.2s;
}

.qlee-address-actions a:hover{
opacity:1;
}


/* =====================================
SELECTED ADDRESS – STABLE HIGHLIGHT
(no padding change = no layout shift)
=====================================*/

.qlee-address-option:has(input:checked){
background:#ecfdf5;
border-color:#22c55e;
box-shadow:0 0 0 2px #22c55e20 inset;
}
/* ================================
PAYMENT
================================*/

.qlee-payment-item{
display:flex;
gap:12px;
align-items:center;
padding:10px;
border-radius:14px;
margin-top:8px;
background:#f9fafb;
cursor:pointer;
transition:.25s;
}

.qlee-payment-item div span{
display:block;
font-size:11px;
color:#6b7280;
}

.qlee-payment-item.active{
background:#ecfdf5;
border:1px solid #16a34a;
color:#16a34a;
}


/* ================================
SUMMARY
================================*/

.qlee-summary-row{
display:flex;
justify-content:space-between;
padding:6px 0;
color:#374151;
}

.qlee-summary-grand{
display:flex;
justify-content:space-between;
font-size:17px;
font-weight:900;
margin-top:8px;
}


/* ===========================
BOTTOM ULTRA BAR
===========================*/
/* =================================
QLEE FINAL STICKY CHECKOUT BAR
=================================*/

.qlee-final-bottom{

position:fixed;
left:0;
bottom:0;

width:100%;

padding:10px 14px calc(10px + env(safe-area-inset-bottom));

background:linear-gradient(
180deg,
rgba(255,255,255,0),
rgba(255,255,255,.96)
);

backdrop-filter:blur(10px);

z-index:9999;
}


/* INNER FLEX ROW */

.qlee-bottom-inner{

max-width:520px;
margin:auto;

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

background:#fff;

padding:10px;
border-radius:22px;

box-shadow:
0 -6px 20px rgba(0,0,0,.08),
0 14px 28px rgba(0,0,0,.18);
}


/* LEFT PRICE */

.qlee-total-mini{

min-width:80px;

display:flex;
flex-direction:column;

font-weight:900;
font-size:16px;
color:#111827;
line-height:1.1;
}

.qlee-total-mini span{

font-size:12px;
font-weight:700;
color:#16a34a;
}


/* PLACE ORDER BUTTON */

.qlee-place-order{

flex:1;

background:#15803d;
color:#fff;

border:none;
border-radius:16px;

padding:14px 16px;

font-size:15px;
font-weight:800;

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

box-shadow:0 10px 22px rgba(21,128,61,.25);

transition:.25s ease;
}

.qlee-place-order:active{
transform:scale(.96);
}




/* ================================
FINAL HEADER
================================*/

.qlee-final-head{
display:flex;
align-items:center;
justify-content:space-between;
margin-bottom:14px;
}

.qlee-final-head h4{
font-weight:900;
margin:0;
font-size:18px;
letter-spacing:.2px;
}


/* ETA BADGE */

.qlee-eta-badge{
display:inline-flex;
align-items:center;
gap:6px;

background:linear-gradient(135deg,#22c55e,#16a34a);
color:#fff;

font-size:12px;
font-weight:700;

padding:6px 12px;

border-radius:999px;

box-shadow:0 4px 10px rgba(22,163,74,.25);
}



/* ================================
SHOP DELIVERY PREVIEW BAR
================================*/

.qlee-shop-preview{

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

background:#ffffff;

padding:12px 14px;

border-radius:16px;

margin-bottom:16px;

border:1px solid #f1f5f9;

box-shadow:
0 6px 18px rgba(0,0,0,.04);

}


/* LEFT INFO */

.qlee-preview-info{

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

font-size:13px;
font-weight:600;

color:#374151;

}


/* ICON STYLE */

.qlee-preview-info::before{

content:"📍";
font-size:14px;
opacity:.8;

}


/* ETA SMALL TAG */

.qlee-preview-time{

background:#f0fdf4;
color:#16a34a;

font-size:11px;
font-weight:700;

padding:4px 8px;

border-radius:10px;

}


/* OPTIONAL SHOP LOGO */

.qlee-shop-preview img{

width:44px;
height:44px;

border-radius:10px;
object-fit:cover;

background:#fff;

border:1px solid #f1f5f9;

padding:4px;

}












/* ===============================
MOBILE INPUT ZOOM FIX- to be fixed at end
===============================*/

input,
select,
textarea{
font-size:16px;
-webkit-appearance:none;
appearance:none;
}
input, button, select, textarea{
touch-action: manipulation;
}