:root{--bg:#07101f;--txt:#f8fbff;--muted:#b6c6d8;--brand:#00e0a4;--hot:#ff7a45;--blue:#4f8cff}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Arial;background:radial-gradient(circle at top,#163763,#07101f 45%,#050a12);color:var(--txt);overflow-x:hidden}.cover{min-height:68vh;background-size:cover;background-position:center;background-attachment:fixed;position:relative}.cover:after{content:"";position:absolute;inset:auto 0 -1px;height:140px;background:linear-gradient(transparent,#07101f)}nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(18px,5vw,70px)}.logo-wrap{display:flex;align-items:center;gap:12px;font-size:20px}.logo-wrap img{width:52px;height:52px;border-radius:16px;object-fit:cover}




nav button,.content button,.checkout{
    border:0;border-radius:999px;
    padding:13px 18px;
    background:linear-gradient(
    135deg,
    var(--brand),
    color-mix(in srgb, var(--brand) 55%, #4f8cff)
);
    font-weight:900;color:#041322;
    box-shadow:0 12px 30px rgba(0,224,164,.25)




}



.hero{position:relative;z-index:2;padding:8vh clamp(18px,5vw,70px);max-width:860px}



.hero span{
    padding:8px 14px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:999px;
    background:rgba(255,255,255,.09);
    backdrop-filter:blur(10px);
}


.hero h1{font-size:clamp(46px,9vw,104px);line-height:.92;margin:24px 0 16px;letter-spacing:-4px}




.hero p{font-size:22px;color:#d9e9ff}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{background:rgba(0,0,0,.35)}.menu{padding:40px clamp(18px,5vw,70px) 120px}.menu h2{font-size:42px}.grid-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}.product-card{border:1px solid rgba(255,255,255,.12);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.07);box-shadow:0 30px 70px #0007;backdrop-filter:blur(16px);transform:translateY(0);transition:.35s}.product-card:hover{transform:translateY(-8px) scale(1.01)}.product-card .img{height:220px;background-size:cover;background-position:center}.content{padding:22px}.content h3{font-size:25px;margin:0}.content p{color:var(--muted);min-height:46px}.content strong{display:block;font-size:22px;margin:12px 0}.modal{position:fixed;inset:0;background:#0009;z-index:20;display:grid;place-items:center;padding:18px}.hidden{display:none}.modal-card{width:min(680px,96vw);max-height:90vh;overflow:auto;border-radius:28px;background:#0b1729;border:1px solid #294263;padding:24px;box-shadow:0 30px 100px #000}.x{float:right;background:#14243e;color:white;border:1px solid #34506f;border-radius:50%;width:36px;height:36px}.group{margin:16px 0;padding:16px;border-radius:18px;background:#101f35}.opt{display:flex;justify-content:space-between;align-items:center;margin:10px 0;color:#e7f5ff}.cart{position:fixed;right:-430px;top:0;width:min(420px,96vw);height:100vh;background:#091426;border-left:1px solid #2b4262;z-index:30;padding:24px;transition:.3s;box-shadow:-30px 0 80px #0008;overflow:auto}.cart.open{right:0}.cart input,.cart textarea{width:100%;margin:8px 0;padding:13px;border-radius:14px;border:1px solid #2b4262;background:#07101f;color:white}.cart-row{padding:12px;border-bottom:1px solid #24364d}.cart-row button{float:right}.order-public{max-width:760px;margin:40px auto;padding:26px;background:rgba(255,255,255,.07);border:1px solid #294263;border-radius:28px}.status-big{display:inline-block;padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--blue));color:#02111d;font-weight:900}.item-line{padding:14px;border:1px solid #294263;border-radius:16px;margin:12px 0;background:#0b1729}.item-line span{float:right}pre{white-space:pre-wrap;color:#b6c6d8}@media(max-width:760px){.cover{background-attachment:scroll}.hero h1{letter-spacing:-2px}}












/* ==========================
   MICAMARERO HERO V2
========================== */

.store-header{

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

    margin-top:24px;
}

.store-logo{

    width:120px;
    height:120px;

    border-radius:34px;

    object-fit:cover;

    background:white;
    padding:8px;

    box-shadow:
        0 0 30px rgba(255,90,40,.25),
        0 25px 60px rgba(0,0,0,.35);
}

.store-info h2{

    margin:0;
    font-size:48px;
    line-height:1;
}

.store-meta{

    display:flex;
    gap:12px;
    flex-wrap:wrap;

    margin-top:12px;
}

.store-badge{

    padding:10px 16px;

    border-radius:999px;

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

    backdrop-filter:blur(10px);
}


/* ==========================
   BUSCADOR
========================== */

.search-box{

    margin:40px 0 25px;
}

.search-box input{

    width:100%;

    padding:18px 22px;

    border-radius:18px;

    border:1px solid rgba(255,255,255,.15);

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

    color:white;

    font-size:16px;
}

/* ==========================
   CATEGORIAS
========================== */

.category-bar{

    display:flex;

    gap:10px;

    flex-wrap:wrap;

    margin-bottom:30px;
}

.category-chip{

    padding:10px 18px;

    border-radius:999px;

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

    cursor:pointer;

    transition:.25s;
}

.category-chip:hover{

    background:rgba(255,255,255,.15);
}

.category-chip.active{

    background:linear-gradient(
        135deg,
        #ff4b2b,
        #ff8b2d
    );

    color:white;
}

/* ==========================
   PRODUCTOS
========================== */

.grid-products{
    display:grid;

    grid-template-columns:
        repeat(
            auto-fill,
            minmax(300px,1fr)
        );

    gap:24px;
}



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

.micamarero-footer{

    margin-top:80px;

    text-align:center;

    color:#b6c6d8;
}

.micamarero-footer img{

    width:72px;

    height:72px;

    border-radius:22px;

    margin-bottom:12px;
}
















.store-toolbar{
    padding:20px 70px 0;
}

.search-box{
    margin-bottom:20px;
}

.search-box input{
    width:100%;
    max-width:500px;
    padding:16px 20px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.12);
    background:#091426;
    color:white;
    font-size:16px;
}

.category-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.cat-tab{
    border:none;
    padding:12px 18px;
    border-radius:999px;
    cursor:pointer;
    background:#101f35;
    color:white;
    transition:.25s;
}

.cat-tab.active{
    background:linear-gradient(
        135deg,
        #ff4d1f,
        #ff8a00
    );
}

.grid-products{
    grid-template-columns:
        repeat(
            auto-fill,
            minmax(300px,300px)
        );

    justify-content:center;
}












.store-logo{
    box-shadow:
        0 0 0 1px rgba(255,255,255,.18),
        0 0 35px color-mix(in srgb, var(--brand) 55%, transparent),
        0 30px 80px rgba(0,0,0,.55);
    transform:rotate(-1deg);
}

.service-row,
.social-row{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-top:18px;
}

.service-row span,
.social-row a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:10px 16px;
    border-radius:999px;
    color:white;
    background:rgba(255,255,255,.10);
    border:1px solid rgba(255,255,255,.16);
    backdrop-filter:blur(10px);
}

.social-row a{
    color:white;
    font-weight:800;
}

.social-row a:hover{
    background:var(--brand);
}

.store-badge{
    border:1px solid rgba(255,255,255,.14);
}





.store-open{
    background:linear-gradient(
        135deg,
        #16a34a,
        #22c55e
    ) !important;

    color:#fff !important;

    border:none !important;

    box-shadow:
        0 0 20px rgba(34,197,94,.45),
        0 8px 20px rgba(0,0,0,.25);

    font-weight:700;
}

.store-closed{
    background:linear-gradient(
        135deg,
        #dc2626,
        #ef4444
    ) !important;

    color:#fff !important;

    border:none !important;

    box-shadow:
        0 0 20px rgba(239,68,68,.45),
        0 8px 20px rgba(0,0,0,.25);

    font-weight:700;
}

nav{
    min-height:86px;
}

.micamarero-footer a{
    color:white;
    font-weight:900;
}


























.social-row{
    display:flex;
    gap:14px;
    margin-top:20px;
}

.social-row a{
    width:54px;
    height:54px;
    border-radius:18px;

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

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

    border:1px solid rgba(255,255,255,.14);

    color:white;

    transition:.25s;
}

.social-row a svg{
    width:24px;
    height:24px;
}

.social-row a:hover{
    background:var(--brand);

    transform:translateY(-3px);

    box-shadow:
        0 0 25px color-mix(in srgb, var(--brand) 65%, transparent),
        0 10px 30px rgba(0,0,0,.35);
}






























.service-row span{
    gap:8px;
    color:#fff;
    font-weight:800;
}

.service-row svg{
    width:22px;
    height:22px;
    color:var(--brand);
    flex:0 0 auto;
}













.store-type-top{
    position:relative;
    z-index:3;

    display:inline-flex;
    align-items:center;

    padding:10px 16px;
    border-radius:999px;

    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.22);

    color:white;
    font-weight:800;

    backdrop-filter:blur(12px);
}

.store-meta{
    align-items:flex-start;
}

.store-status{
    display:inline-flex;
    align-items:center;
    gap:10px;

    cursor:pointer;
}

.store-status b{
    width:22px;
    height:22px;

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

    border-radius:999px;

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

    font-size:18px;
    line-height:1;
}

.store-details{
    display:none;

    gap:10px;
    flex-wrap:wrap;

    width:100%;
    margin-top:4px;
}

.store-details.open{
    display:flex;
}

.store-details span{
    display:inline-flex;
    align-items:center;

    padding:10px 16px;
    border-radius:999px;

    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.14);

    color:white;

    backdrop-filter:blur(10px);
}

.hero > span{
    display:none;
}


















@media (max-width: 768px){

    .menu{
        padding-left:20px;
        padding-right:20px;
    }

    .grid-products{
        grid-template-columns:1fr;
    }

    .product-card{
        width:100%;
        max-width:none;
    }
}



















.product-tags{
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    margin-bottom:10px;
}

.product-category,
.product-configurable{
    display:inline-flex;
    align-items:center;
    width:max-content;
    padding:6px 10px;
    border-radius:999px;
    font-size:12px;
    font-weight:900;
}

.product-category{
    color:#dceaff;
    background:rgba(255,255,255,.08);
}

.product-configurable{
    color:#07101f;
    background:linear-gradient(135deg,var(--brand),var(--blue));
}

.qty-row{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:18px;
}

.qty-row label{
    font-weight:900;
}

.qty-row input{
    width:90px;
    padding:12px 14px;
    border-radius:14px;
    border:1px solid rgba(255,255,255,.18);
    background:#07101f;
    color:white;
    font-weight:900;
}

.modal-add-btn{
    width:100%;
    margin-top:18px;
    border:0;
    border-radius:18px;
    padding:16px 20px;
    background:linear-gradient(135deg,var(--brand),var(--blue));
    color:#041322;
    font-weight:1000;
    cursor:pointer;
    box-shadow:0 18px 40px rgba(0,224,164,.22);
}

.modal-add-btn:hover{
    transform:translateY(-1px);
}

.modal-card h2{
    margin-top:8px;
    font-size:28px;
}

.modal-card p{
    color:var(--muted);
}

.modal-card .x,
.cart .x{
    float:none;
    position:absolute;
    top:22px;
    right:22px;
}

.modal-card{
    position:relative;
}

.cart{
    position:fixed;
}

.cart h2{
    margin-top:18px;
}

@media(max-width:760px){

    .modal{
        align-items:stretch;
        justify-items:stretch;
        padding:0;
    }

    .modal-card{
        width:100vw;
        height:100vh;
        max-height:100vh;
        border-radius:0;
        border:0;
        padding:28px 22px 170px;
    }

    .modal-card .x{
        top:18px;
        right:18px;
    }

    .cart{
        right:-100vw;
        width:100vw;
        max-width:none;
        height:100vh;
        border-left:0;
        padding:28px 22px 120px;
    }

    .cart.open{
        right:0;
    }

    .cart .x{
        top:18px;
        right:18px;
    }

    .qty-row{
        justify-content:space-between;
    }

    .qty-row input{
        width:120px;
    }
}














.content button,
.checkout,
.modal-add-btn,
nav button{
    color:#06101d;
    font-weight:1000;
    box-shadow:
        0 14px 34px color-mix(in srgb, var(--brand) 35%, transparent),
        0 8px 18px rgba(0,0,0,.28);
}

.content button:hover,
.checkout:hover,
.modal-add-btn:hover,
nav button:hover{
    transform:translateY(-2px);
    box-shadow:
        0 18px 44px color-mix(in srgb, var(--brand) 50%, transparent),
        0 12px 24px rgba(0,0,0,.35);
}















/* MiCamarero tenant footer ad */
.micamarero-footer{
    margin-top:76px;
    padding:0 clamp(16px,5vw,70px) 34px;
}

.mc-footer-card{
    max-width:1180px;
    margin:0 auto;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
    padding:18px;
    border-radius:28px;
    text-decoration:none;
    color:#fff;
    background:
        radial-gradient(circle at 12% 0%, rgba(255,36,24,.34), transparent 35%),
        radial-gradient(circle at 88% 100%, rgba(255,106,24,.20), transparent 34%),
        linear-gradient(135deg, rgba(9,18,32,.96), rgba(14,24,41,.94));
    border:1px solid rgba(255,255,255,.12);
    box-shadow:
        0 24px 70px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.08);
    overflow:hidden;
    position:relative;
    transition:.22s ease;
}

.mc-footer-card::before{
    content:'';
    position:absolute;
    inset:0;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
    transform:translateX(-120%);
    transition:.55s ease;
}

.mc-footer-card:hover{
    transform:translateY(-2px);
    border-color:rgba(255,80,35,.34);
    box-shadow:
        0 28px 80px rgba(0,0,0,.40),
        0 0 36px rgba(255,50,20,.13);
}

.mc-footer-card:hover::before{
    transform:translateX(120%);
}

.mc-footer-brand{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}

.mc-footer-brand img{
    width:58px;
    height:58px;
    border-radius:18px;
    object-fit:cover;
    background:#ff2418;
    box-shadow:
        0 16px 34px rgba(0,0,0,.36),
        0 0 24px rgba(255,36,24,.28);
}

.mc-footer-brand span{
    display:block;
    color:rgba(255,255,255,.58);
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.mc-footer-brand strong{
    display:block;
    color:#fff;
    font-size:18px;
    line-height:1.1;
    letter-spacing:-.3px;
}

.mc-footer-copy{
    position:relative;
    z-index:1;
    min-width:0;
}

.mc-footer-copy b{
    display:block;
    font-size:18px;
    letter-spacing:-.35px;
    margin-bottom:4px;
}

.mc-footer-copy small{
    display:block;
    color:rgba(255,255,255,.66);
    line-height:1.35;
}

.mc-footer-cta{
    position:relative;
    z-index:1;
    white-space:nowrap;
    padding:12px 16px;
    border-radius:999px;
    font-weight:950;
    color:#fff;
    background:linear-gradient(135deg,#ff2418,#ff7a18);
    box-shadow:
        0 14px 34px rgba(255,58,24,.24),
        inset 0 1px 0 rgba(255,255,255,.25);
}

@media(max-width:760px){
    .micamarero-footer{
        margin-top:54px;
        padding:0 14px 24px;
    }

    .mc-footer-card{
        grid-template-columns:1fr;
        gap:14px;
        padding:18px;
        border-radius:26px;
        text-align:left;
    }

    .mc-footer-brand img{
        width:54px;
        height:54px;
        border-radius:17px;
    }

    .mc-footer-copy b{
        font-size:17px;
    }

    .mc-footer-cta{
        width:100%;
        text-align:center;
    }
}


















.custom-error{
    margin:14px 0;
    padding:12px 14px;
    border-radius:16px;
    background:rgba(255,36,24,.12);
    border:1px solid rgba(255,36,24,.28);
    color:#ffd6d2;
    font-weight:850;
    font-size:14px;
    line-height:1.35;
}

.custom-error.hidden{
    display:none;
}











.mini-store-sticky{
    position:sticky;
    top:0;
    z-index:15;
    display:flex;
    align-items:center;
    gap:12px;
    padding:12px 18px;
    background-size:cover;
    background-position:center;
    border-bottom:1px solid rgba(255,255,255,.10);
    box-shadow:0 14px 34px rgba(0,0,0,.28);
    backdrop-filter:blur(16px);
}

.mini-store-sticky img{
    width:46px;
    height:46px;
    border-radius:14px;
    object-fit:cover;
    background:white;
}

.mini-store-sticky b{
    display:block;
    color:white;
    font-size:16px;
}

.mini-store-sticky small{
    color:rgba(255,255,255,.68);
    font-weight:800;
}

.cart-toast{
    position:fixed;
    left:50%;
    bottom:22px;
    transform:translateX(-50%);
    z-index:40;
    width:min(460px,calc(100vw - 28px));
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px;
    border-radius:24px;
    background:rgba(7,16,31,.94);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 24px 70px rgba(0,0,0,.45);
    backdrop-filter:blur(18px);
}

.cart-toast.hidden{
    display:none;
}

.cart-toast div{
    display:flex;
    align-items:center;
    gap:10px;
}

.cart-toast span{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:linear-gradient(135deg,var(--brand),var(--blue));
    font-size:22px;
}

.cart-toast b{
    color:white;
    font-size:15px;
}

.cart-toast button{
    border:0;
    border-radius:999px;
    padding:12px 15px;
    background:linear-gradient(135deg,#ff4d1f,#ff8a00);
    color:white;
    font-weight:1000;
}

@media(max-width:760px){
    .mini-store-sticky{
        padding:10px 14px;
    }

    .cart-toast{
        bottom:14px;
    }
}














.mini-store-sticky{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:18;
    transform:translateY(-120%);
    transition:.25s ease;
}

.mini-store-sticky.visible{
    transform:translateY(0);
}













.cart-toast.empty{
    opacity:.82;
}

.cart-toast.empty span{
    background:rgba(255,255,255,.12);
}

.cart-toast.empty button{
    opacity:.55;
    cursor:not-allowed;
    filter:grayscale(1);
}












.cart{
    background:
        radial-gradient(circle at top left, rgba(79,140,255,.18), transparent 35%),
        #07101f;
}

.cart h2{
    font-size:28px;
    margin-bottom:22px;
}

.cart-row-pro{
    position:relative;
    display:grid;
    grid-template-columns:1fr auto;
    gap:12px;
    padding:16px 48px 16px 16px;
    margin-bottom:12px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    background:rgba(255,255,255,.06);
}

.cart-row-main b{
    display:block;
    font-size:16px;
    margin-bottom:6px;
}

.cart-row-main small{
    display:block;
    color:var(--muted);
    line-height:1.35;
}

.cart-row-pro strong{
    align-self:end;
    color:#fff;
    font-size:16px;
}

.cart-remove{
    position:absolute;
    top:12px;
    right:12px;
    width:28px;
    height:28px;
    border:0;
    border-radius:10px;
    background:rgba(255,255,255,.12);
    color:white;
    font-weight:1000;
}

#cartTotal{
    display:block;
    margin:18px 0;
    padding:18px;
    border-radius:22px;
    background:linear-gradient(135deg,var(--brand),var(--blue));
    color:#06101d;
    font-size:24px;
    font-weight:1000;
    text-align:center;
}

.cart input,
.cart textarea{
    border-radius:18px;
    background:rgba(255,255,255,.055);
    border:1px solid rgba(255,255,255,.14);
}

.checkout-section{
    background:rgba(255,255,255,.07);
    border-radius:24px;
}

.checkout-section h3{
    font-size:22px;
}

.service-choice label{
    border-radius:18px;
    transition:.18s ease;
}

.service-choice label:has(input:checked){
    border-color:var(--brand);
    background:rgba(0,224,164,.10);
    box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 45%,transparent);
}

#pickupFields a{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:14px;
    padding:14px 16px;
    border-radius:18px;
    text-decoration:none;
    color:#06101d;
    font-weight:1000;
    background:linear-gradient(135deg,var(--brand),var(--blue));
    box-shadow:0 14px 34px color-mix(in srgb,var(--brand) 35%,transparent);
}

.checkout{
    width:100%;
    margin-top:14px;
    padding:17px 20px;
    border-radius:20px;
    font-size:16px;
}













/* Ajuste final: evitar cruces con canasta flotante */
body{
    padding-bottom:115px;
}

.modal-card{
    padding-bottom:150px;
}

.cart{
    padding-bottom:150px;
}

.cart-toast{
    bottom:26px;
}

/* Cuando el footer de MiCamarero está visible, sube la canasta */
body:has(.micamarero-footer:hover) .cart-toast{
    bottom:126px;
}

/* Mejor: reserva aire sobre footer aunque no haya hover */
.micamarero-footer{
    margin-bottom:110px;
}

@media(max-width:760px){
    body{
        padding-bottom:125px;
    }

    .modal-card{
        padding-bottom:170px;
    }

    .cart{
        padding-bottom:170px;
    }

    .cart-toast{
        bottom:18px;
    }

    .micamarero-footer{
        margin-bottom:120px;
    }
}











.cart-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;

    min-width:82px;
    height:54px;

    border-radius:999px;
    color:#06101d !important;
}

.cart-btn svg{
    width:22px;
    height:22px;
    display:block;
    color:#06101d !important;
}

.cart-btn span{
    color:#06101d !important;
    font-weight:1000;
}















.order-public input[type="file"]{
    padding-top:90px;
    width:100%;
    padding:14px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.16);
    background:#07101f;
    color:white;
    margin:10px 0;
}

.order-public button,
.order-public input[type="submit"],
.order-public form button{
    border:0;
    border-radius:18px;
    padding:15px 20px;
    background:linear-gradient(135deg,var(--brand),var(--blue));
    color:#06101d;
    font-weight:1000;
    box-shadow:0 14px 34px color-mix(in srgb, var(--brand) 35%, transparent);
    cursor:pointer;
}

.order-public a{
    color:white;
    font-weight:900;
}

.order-public .payment-box{
    margin-top:26px;
}
















.owner-actions form{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}

.owner-actions button,
.order-public form button{
    border:0;
    border-radius:16px;
    padding:14px 18px;
    background:linear-gradient(135deg,var(--brand),var(--blue));
    color:#06101d;
    font-weight:1000;
    cursor:pointer;
}

.owner-actions .danger-btn{
    background:linear-gradient(135deg,#dc2626,#ef4444);
    color:white;
}

















.order-logo-wrap{

    display:flex;
    justify-content:center;

    margin-top:35px;
    margin-bottom:-55px;

    position:relative;
    z-index:20;
}
.order-logo{

    width:130px;
    height:130px;

    object-fit:cover;

    border-radius:34px;

    background:white;

    padding:10px;

    border:4px solid rgba(255,255,255,.15);

    box-shadow:
        0 0 40px rgba(255,90,40,.35),
        0 0 80px rgba(255,90,40,.25),
        0 20px 60px rgba(0,0,0,.45);
}



















.checkout-section{
    margin:18px 0;
    padding:16px;
    border-radius:18px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12);
}

.checkout-section h3{
    margin:0 0 12px;
}

.service-choice{
    display:grid;
    gap:10px;
}

.service-choice label{
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px;
    border-radius:14px;
    background:#07101f;
    border:1px solid rgba(255,255,255,.12);
    cursor:pointer;
}

.service-choice input{
    width:auto;
    margin:0;
}

.mode-fields{
    margin-top:12px;
}

.mode-fields input,
.mode-fields textarea{
    width:100%;
    margin:8px 0;
}

.closed-notice{
    margin:14px 0;
    padding:14px;
    border-radius:16px;
    background:rgba(239,68,68,.16);
    border:1px solid rgba(239,68,68,.45);
    color:white;
}

.closed-notice p{
    margin:8px 0 0;
    color:#ffd6d6;
}














.location-box{
    display:grid;
    gap:8px;
}

.location-btn{
    width:100%;
    border-radius:16px;
    padding:13px 16px;
    text-align:center;
}

#locationStatus{
    color:var(--muted);
}















.delivery-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}

.delivery-grid input[readonly]{
    opacity:.75;
}

.delivery-map{
    width:100%;
    height:220px;
    margin-top:12px;
    border-radius:18px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.15);
}

.location-confirm{
    display:flex;
    align-items:flex-start;
    gap:10px;
    margin-top:12px;
    padding:12px;
    border-radius:14px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    color:white;
}

.location-confirm input{
    width:auto;
    margin-top:3px;
}

@media(max-width:760px){
    .delivery-grid{
        grid-template-columns:1fr;
    }

    .delivery-map{
        height:260px;
    }
}









.service-option-label{
    display:flex;
    align-items:center;
    gap:10px;
}

.service-option-label svg{
    width:22px;
    height:22px;
    flex-shrink:0;
}

.service-choice label{
    display:flex;
    align-items:center;
    gap:12px;
    cursor:pointer;
}

.service-choice label input[type="radio"]{
    margin:0;
}











.install-app-btn{
    border:0;
    border-radius:999px;
    padding:10px 14px;
    font-weight:900;
    background:rgba(255,255,255,.16);
    color:#fff;
    backdrop-filter:blur(12px);
    box-shadow:0 12px 30px rgba(0,0,0,.25);
}

.install-app-btn:hover{
    transform:translateY(-1px);
}

























.whatsapp-confirmation-box{
    margin:24px 0;
    padding:24px;
    border-radius:24px;
    background:
        linear-gradient(
            145deg,
            rgba(37,211,102,.18),
            rgba(11,23,41,.96)
        );
    border:1px solid rgba(37,211,102,.48);
    box-shadow:0 22px 60px rgba(0,0,0,.28);
    text-align:center;
}

.whatsapp-confirmation-box h2{
    margin:8px 0 10px;
    font-size:26px;
}

.whatsapp-confirmation-box p{
    margin:0 auto 18px;
    max-width:560px;
    line-height:1.6;
    color:#dce9f8;
}

.whatsapp-confirmation-box small{
    display:block;
    margin-top:14px;
    line-height:1.5;
    color:#b9cadc;
}

.whatsapp-confirmation-icon{
    font-size:38px;
    line-height:1;
}

.whatsapp-confirmation-button{
    display:flex !important;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:54px;
    margin-top:18px;
    padding:14px 18px;
    border-radius:16px;
    background:#25d366;
    color:#062814 !important;
    font-size:17px;
    font-weight:900;
    text-decoration:none;
    box-shadow:0 16px 38px rgba(37,211,102,.24);
    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.whatsapp-confirmation-button:hover{
    transform:translateY(-2px);
    box-shadow:0 20px 44px rgba(37,211,102,.34);
}

.whatsapp-confirmation-code{
    margin-top:16px;
    padding:12px 16px;
    border-radius:14px;
    background:rgba(0,0,0,.28);
    border:1px solid rgba(255,255,255,.12);
    font-family:monospace;
    font-size:18px;
    font-weight:900;
    letter-spacing:.8px;
}

@media(max-width:760px){

    .whatsapp-confirmation-box{
        padding:20px 16px;
        border-radius:20px;
    }

    .whatsapp-confirmation-box h2{
        font-size:23px;
    }

    .whatsapp-confirmation-button{
        font-size:16px;
    }
}