*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#050505;--card:#111;--card2:#171717;--orange:#ff6a00;--red:#ff3b20;--purple:#9b35ff;--white:#fff;--muted:#aaa;--green:#25d366}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at top,rgba(255,106,0,.12),transparent 34%),#050505;color:var(--white);min-height:100vh;padding-bottom:30px}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
.topbar{height:72px;position:sticky;top:0;z-index:50;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:12px;padding:0 18px;background:rgba(5,5,5,.9);backdrop-filter:blur(16px);border-bottom:1px solid #252525}.back,.cart-trigger{display:flex;align-items:center;justify-content:center;background:#171717;border:1px solid #292929;border-radius:999px;height:40px;color:#fff;cursor:pointer}.back{width:40px;font-size:24px}.cart-trigger{padding:0 15px;font-size:13px;font-weight:800;gap:8px}.cart-trigger span,.mobile-order-trigger span{min-width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--orange);font-size:11px}.cart-trigger.pulse{animation:pulse .45s ease}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 24px rgba(255,106,0,.5)}}
.brand{text-align:center}.brand-name{font-size:25px;font-weight:900;letter-spacing:3px}.brand-name span{color:var(--purple)}.brand-sub{font-size:9px;color:#999;margin-top:2px;letter-spacing:.7px}
.intro{max-width:900px;text-align:center;margin:34px auto 20px;padding:0 18px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--orange);font-weight:700}.intro h1{font-size:38px;margin:8px 0}.intro p{color:#aaa;line-height:1.5}.layout{max-width:1450px;margin:auto;padding:0 18px 80px}.category{margin:25px 0 40px}.category h2{font-size:24px;margin-bottom:8px}.category-note{font-size:13px;color:#aaa;margin-bottom:16px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.product-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.drinks-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product{background:linear-gradient(180deg,#151515,#0d0d0d);border:1px solid #292929;border-radius:18px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 30px #0008}.product img{width:100%;height:190px;object-fit:cover;background:#111}.compact .product img,.drinks-grid .product img{height:150px}.product-body{padding:13px;display:grid;grid-template-columns:1fr auto;gap:7px 10px;align-items:center}.product h3{font-size:16px;text-transform:none}.desc{font-size:12px;color:#999;line-height:1.4;margin-top:3px}.price{font-size:22px;font-weight:800;color:#ffb000;align-self:center}.add-on-btn{border:1px solid #ff6a00;border-radius:10px;background:rgba(255,106,0,.08);color:#ffb000;padding:9px 10px;font-weight:800;cursor:pointer}.add-on-btn:hover{background:rgba(255,106,0,.16)}.ramen-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.card-qty{display:flex;align-items:center;justify-content:center;gap:7px}.card-qty button{width:32px;height:32px;border:1px solid #444;background:#202020;color:#fff;border-radius:8px;cursor:pointer;font-weight:800}.card-qty span{min-width:22px;text-align:center;font-weight:800}.free-addon .product-body{grid-template-columns:1fr auto}.free-addon .price{font-size:22px;color:#55df78}
/* ADD-ON POPUP */
.modal{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.82);backdrop-filter:blur(12px);display:none;align-items:center;justify-content:center;padding:18px}.modal.show{display:flex}.modal-card{width:min(720px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#0d0d0d;border:1px solid #333;border-radius:24px;box-shadow:0 25px 100px #000;position:relative;padding:26px}.modal-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:1px solid #333;border-radius:50%;background:#181818;color:#fff;font-size:28px;line-height:1;cursor:pointer}.modal-title-row{padding-right:50px}.modal-title-row h2{font-size:32px;margin:5px 0}.modal-title-row p{color:#aaa}.free-choice{margin-top:24px}.free-choice h3{font-size:18px}.free-choice p{font-size:12px;color:#999;margin:5px 0 15px}.free-choice p.error{color:#ff5c45}.addon-choice-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.choice{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;border:1px solid #333;border-radius:12px;background:#151515;cursor:pointer;text-align:center}.choice input{position:absolute;opacity:0}.choice img{width:100%;height:85px;object-fit:cover;border-radius:8px}.choice span{font-size:11px}.choice:has(input:checked){border-color:var(--orange);box-shadow:0 0 18px rgba(255,106,0,.25)}.primary-wide{width:100%;margin-top:20px;border:0;border-radius:12px;padding:14px;background:linear-gradient(90deg,var(--orange),var(--red));color:#fff;font-weight:900;cursor:pointer}
/* ORDER DRAWER */
.order-modal{position:fixed;inset:0;z-index:9000;pointer-events:none}.order-sheet{position:absolute;right:0;top:0;height:100%;width:min(460px,42vw);background:linear-gradient(180deg,#0b0b0b,#050505);border-left:1px solid #333;box-shadow:-25px 0 80px rgba(0,0,0,.55);display:grid;grid-template-rows:auto 1fr auto;transform:translateX(105%);transition:transform .35s cubic-bezier(.22,.8,.2,1);pointer-events:auto}.order-modal.show{pointer-events:auto}.order-modal.show .order-sheet{transform:translateX(0)}.order-head{padding:22px 24px;border-bottom:1px solid #292929;display:flex;justify-content:space-between;align-items:center;position:relative}.order-head h2{font-size:30px;margin:4px 0}.order-head span{color:#999;font-size:13px}.order-arrow{width:42px;height:42px;border:1px solid #444;border-radius:50%;background:#171717;color:#fff;font-size:22px;cursor:pointer}.order-drag{display:none}.order-content{padding:18px 24px;overflow:auto}.cart-items{padding:0 0 20px}.empty{text-align:center;color:#777;padding:70px 10px;line-height:1.6}.cart-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:15px 0;border-bottom:1px solid #242424}.cart-line h4{font-size:16px}.cart-addon{font-size:11px;color:#63dc7b;margin:5px 0}.line-price{font-weight:800;color:#ffb000}.qty{margin-top:8px}.qty button{width:32px;height:32px;border:1px solid #444;background:#202020;color:#fff;border-radius:8px;cursor:pointer}.customer{margin:10px auto 0}.customer label{display:block;font-size:12px;color:#bbb;margin:12px 0}.customer input,.customer select,.customer textarea{width:100%;margin-top:6px;background:#090909;border:1px solid #333;border-radius:10px;padding:12px;color:#fff;outline:none}.customer textarea{resize:vertical}.order-footer{border-top:1px solid #292929;padding:16px 24px 22px;background:rgba(7,7,7,.96)}.total-row{display:flex;justify-content:space-between;padding:10px 0 15px;font-size:21px}.total-row strong{color:#ffb000}.whatsapp{width:100%;border:0;border-radius:12px;padding:15px;background:var(--green);color:#062b12;font-weight:900;font-size:15px;cursor:pointer}.whatsapp:disabled{opacity:.35;cursor:not-allowed}.small{font-size:10px;color:#777;text-align:center;margin-top:8px;line-height:1.4}
.mobile-order-trigger{display:none}footer{text-align:center;border-top:1px solid #222;padding:25px;color:#666;font-size:12px}
@media(max-width:1100px){.product-grid.compact,.drinks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product img{height:180px}.order-sheet{width:min(440px,48vw)}}
@media(max-width:700px){
  body{padding-bottom:78px}.topbar{height:62px;grid-template-columns:44px 1fr;padding:0 10px}.desktop-cart{display:none}.brand-name{font-size:20px}.brand-sub{font-size:8px}.intro{margin-top:24px}.intro h1{font-size:29px}.layout{padding:0 10px 35px}.product-grid,.product-grid.compact,.drinks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product img,.compact .product img,.drinks-grid .product img{height:130px}.product-body{padding:10px}.product h3{font-size:13px}.price{font-size:18px}.ramen-actions{grid-template-columns:1fr auto}.add-on-btn{padding:8px 7px;font-size:10px}.card-qty{gap:4px}.card-qty button{width:29px;height:29px}.card-qty span{min-width:18px}
  .modal{padding:10px}.modal-card{max-height:calc(100vh - 20px);padding:20px 14px;border-radius:18px}.addon-choice-grid{grid-template-columns:repeat(2,1fr)}.choice img{width:100%;height:90px}.modal-close{width:36px;height:36px;font-size:24px}
  .order-modal{pointer-events:none}.order-sheet{top:auto;bottom:0;left:0;right:0;width:100%;height:min(82vh,720px);border-left:0;border-top:1px solid #333;border-radius:22px 22px 0 0;box-shadow:0 -20px 60px rgba(0,0,0,.6);transform:translateY(105%);transition:transform .35s cubic-bezier(.22,.8,.2,1)}.order-modal.show .order-sheet{transform:translateY(0)}.order-head{padding:12px 15px 15px}.order-drag{display:block;position:absolute;top:7px;left:50%;transform:translateX(-50%);width:48px;height:5px;border-radius:10px;background:#555}.order-head h2{font-size:26px}.order-arrow{width:38px;height:38px;font-size:21px}.order-content{padding:12px 15px}.order-footer{padding:12px 15px 16px}.mobile-order-trigger{position:fixed;display:flex;align-items:center;justify-content:center;gap:8px;left:50%;transform:translateX(-50%);bottom:12px;z-index:8999;border:1px solid #ff7a22;border-radius:999px;background:linear-gradient(90deg,var(--orange),var(--red));color:#fff;padding:12px 20px;font-weight:900;box-shadow:0 8px 30px rgba(0,0,0,.5);cursor:pointer}.order-modal.show + .mobile-order-trigger{opacity:.0;pointer-events:none}
}
@media(max-width:380px){.product img,.compact .product img,.drinks-grid .product img{height:112px}.product h3{font-size:12px}.add-on-btn{padding:7px 6px;font-size:9px}.card-qty button{width:27px;height:27px}.brand-name{font-size:18px}}

/* Requested V3 refinements only */
.arrow-mobile{display:none}
.arrow-desktop{display:inline}

@media(min-width:701px){
  .order-modal.show{pointer-events:auto}
  .order-modal.show .order-sheet{pointer-events:auto}
  .order-modal.show::before{
    content:"";
    position:absolute;
    inset:0;
    background:transparent;
  }
  .order-arrow{font-size:26px}
}

@media(max-width:700px){
  .arrow-desktop{display:none}
  .arrow-mobile{display:inline}
  .order-modal.show{pointer-events:none}
  .order-modal.show .order-sheet{pointer-events:auto}
}
/* =========================================================
   FIREPOP HEADER LOGO
========================================================= */

.topbar .brand{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.topbar .brand-link{
    display:block;
    width:auto;
    
    line-height:0;
    text-decoration:none;
}

.topbar .brand-logo{
    display:block;

    width:130px !important;
    height:30px !important;

    max-width:130px !important;
    max-height:30px !important;

    object-fit:contain;
}


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

@media(max-width:768px){

    .topbar .brand{
        position:absolute;

        left:auto;
        right:0px;

        top:50%;

        transform:translateY(-50%);

        align-items:flex-end;

        text-align:right;
    }

    .topbar .brand-logo{
        width:110px !important;
        height:25px !important;

        max-width:110px !important;
        max-height:25px !important;
    }

    .topbar .brand-sub{
        font-size:9px;

        margin-top:2px;

        white-space:nowrap;
    }

}