@charset "UTF-8";

/* source: inline-style */
/* Gray background: #c6c9cc */
:root{--orange:#CC2A31;--orange-dark:#CC2A31;--yellow:#CC2A31;--cream:#c6c9cc;--paper:#c6c9cc;--ink:#20272b;--red:#CC2A31;--muted:#6c6c68;--line:#eadfca;--shadow:0 18px 50px rgba(72,23,27,.12);--max:1240px;}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:#000;width:100%;max-width:100%;overflow-x:hidden!important;overflow-x:clip!important;overscroll-behavior-x:none} body{margin:0;background:var(--cream);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;width:100%;max-width:100%;min-width:0;overflow-x:hidden!important;overflow-x:clip!important;overscroll-behavior-x:none} a{color:inherit;text-decoration:none} img{display:block;max-width:100%} button,input{font:inherit} button{cursor:pointer}
.skip{position:fixed;left:16px;top:-70px;background:#fff;padding:12px 18px;border-radius:0 0 14px 14px;z-index:999;font-weight:900}.skip:focus{top:0}
.header{position:sticky;top:0;z-index:100;background:rgba(198,201,204,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}
.nav{max-width:var(--max);height:86px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo img{width:110px;height:72px;object-fit:contain}.links{display:flex;gap:8px;align-items:center}.links a{font-weight:900;font-size:14px;padding:12px 15px;border-radius:999px}.links a:hover{background:#fff1f2}.nav-pill{background:var(--orange)!important;color:white}.menu-toggle{display:none;width:48px;height:44px;border:0;background:var(--ink);color:white;border-radius:12px;padding:0;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.menu-toggle span{display:block;width:22px;height:2.5px;border-radius:999px;background:currentColor;transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .18s ease}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.hero{position:relative;background:var(--orange);min-height:650px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,rgba(255,255,255,.22),transparent 25%),linear-gradient(130deg,transparent 55%,rgba(128,18,25,.13));}.hero::after{content:"";position:absolute;width:500px;height:500px;border:90px solid rgba(255,255,255,.12);border-radius:50%;right:-210px;bottom:-270px}
.hero-inner{position:relative;z-index:2;max-width:var(--max);min-height:560px;margin:auto;padding:62px 28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);align-items:center;gap:12px}.hero-copy{max-width:620px;color:white}.hero-product{min-width:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-product img{display:block;width:min(760px,58vw);max-width:none;height:auto;transform:translateX(2%) scale(1.08);transform-origin:center;filter:drop-shadow(0 28px 24px rgba(72,23,27,.25))}.eyebrow{display:inline-block;font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:1000}.hero h1{font-family:"Arial Black",Impact,sans-serif;font-size:clamp(62px,8vw,120px);line-height:.84;letter-spacing:-.055em;text-transform:uppercase;margin:15px 0 23px}.hero h1 span{color:var(--yellow)}.hero p{font-size:19px;line-height:1.6;max-width:580px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{min-height:52px;padding:0 22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:1000;font-size:13px;letter-spacing:.05em;text-transform:uppercase;border:2px solid white;transition:.18s}.btn:hover{transform:translateY(-3px)}.btn.white{background:white;color:var(--orange);box-shadow:0 9px 0 rgba(128,18,25,.22)}.btn.clear{color:white}

.quickbar{background:var(--paper);border-bottom:1px solid var(--line)}.quick-inner{max-width:var(--max);margin:auto;padding:24px 22px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.quick-card{background:#CC2A31;border:1px solid rgba(128,18,25,.42);border-radius:22px;padding:14px;text-align:center;transition:.2s;box-shadow:0 5px 0 rgba(128,18,25,.16)}.quick-card:hover{transform:translateY(-5px);background:#CC2A31;box-shadow:var(--shadow)}.quick-photo{width:94px;height:94px;border-radius:50%;margin:0 auto 10px;padding:5px;background:#20272B;display:grid;place-items:center;overflow:hidden;box-sizing:border-box;box-shadow:0 8px 18px rgba(32,39,43,.28)}.quick-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;margin:0;border:0;box-shadow:none;background:#20272B}.quick-card strong{font-size:13px;display:block;color:#20272b}
.section{padding:90px 22px}.inner{max-width:var(--max);margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-head h2{font-family:"Arial Black",Impact,sans-serif;text-transform:uppercase;font-size:clamp(42px,6vw,80px);letter-spacing:-.05em;line-height:.9;margin:8px 0}.section-head p{max-width:520px;line-height:1.6;color:var(--muted)}
.best{background:var(--paper)}.best-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.food-card{background:white;border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 5px 0 rgba(72,23,27,.05);transition:.2s}.food-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.food-image{position:relative;background:var(--yellow);height:280px;display:grid;place-items:center;overflow:hidden}.food-image img{width:240px;height:240px;object-fit:cover;border-radius:50%;border:8px solid white;box-shadow:0 18px 35px rgba(72,23,27,.18)}.tag{position:absolute;top:18px;left:18px;background:var(--red);color:white;border-radius:999px;padding:8px 12px;font-size:11px;text-transform:uppercase;font-weight:1000;letter-spacing:.07em}.food-body{padding:22px}.food-body h3{font-family:"Arial Black",sans-serif;font-size:25px;line-height:1;margin:0 0 10px}.food-body p{color:var(--muted);line-height:1.5;margin:0 0 18px;min-height:48px}.food-price{display:flex;align-items:center;justify-content:space-between;font-weight:1000;color:var(--orange-dark);font-size:20px}.food-price a{font-size:12px;color:var(--ink);text-transform:uppercase}
.deal{background:var(--ink);color:white}.deal-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.deal-img{border-radius:32px;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.3)}.deal-copy h2{font-family:"Arial Black",sans-serif;text-transform:uppercase;font-size:clamp(48px,7vw,90px);line-height:.86;letter-spacing:-.05em;margin:14px 0}.deal-copy h2 span{color:var(--yellow)}.deal-copy p{font-size:18px;line-height:1.6;color:#d8dddf}.deal-price{display:flex;align-items:end;gap:12px;margin:22px 0}.deal-price del{font-size:22px;color:#999}.deal-price strong{font-family:"Arial Black",sans-serif;font-size:68px;color:var(--yellow);line-height:.8}.deal-price small{font-weight:900}
.menu-zone{background:var(--cream)}.menu-intro{max-width:var(--max);margin:auto;padding:90px 22px 26px}.menu-intro h2{font-family:"Arial Black",sans-serif;font-size:clamp(58px,8vw,100px);line-height:.84;text-transform:uppercase;letter-spacing:-.055em;margin:12px 0}.menu-intro p{max-width:700px;color:var(--muted);line-height:1.65;font-size:18px}.tools-sticky{position:sticky;top:86px;z-index:60;background:rgba(198,201,204,.96);backdrop-filter:blur(12px);border-block:1px solid var(--line)}.tools{max-width:var(--max);margin:auto;padding:14px 22px;display:flex;gap:12px;align-items:center;overflow:visible}.search{min-width:260px;flex:1;position:relative}.search input{width:100%;height:48px;border:2px solid var(--ink);border-radius:999px;background:white;padding:0 20px;outline:none}.filters{display:flex;gap:8px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;touch-action:pan-x pan-y}.filter{flex:0 0 auto;height:44px;padding:0 17px;border-radius:999px;border:1px solid #d8ccb7;background:white;font-weight:900;white-space:nowrap}.filter.active{background:var(--orange);color:white;border-color:var(--orange)}
.menu-content{max-width:var(--max);margin:auto;padding:32px 22px 100px}.menu-category{scroll-margin-top:165px;margin:42px 0 78px}.category-head{min-height:230px;border-radius:30px;padding:28px 32px;background:var(--orange);color:white;display:grid;grid-template-columns:1fr 240px;align-items:center;gap:25px;overflow:hidden;position:relative}.category-head::after{content:"";position:absolute;width:280px;height:280px;border:55px solid rgba(255,255,255,.13);border-radius:50%;right:-55px;top:-75px}.category-head h2{font-family:"Arial Black",sans-serif;font-size:clamp(38px,5vw,65px);line-height:.92;letter-spacing:-.04em;text-transform:uppercase;margin:9px 0}.category-head p{max-width:690px;line-height:1.5;margin:0}.category-head img{position:relative;z-index:2;width:210px;height:210px;border-radius:50%;object-fit:cover;border:8px solid white;box-shadow:0 15px 35px rgba(72,23,27,.18)}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.menu-card{background:white;border:1px solid var(--line);border-radius:20px;padding:20px;min-height:160px;box-shadow:0 4px 0 rgba(72,23,27,.035)}.item-heading{display:flex;gap:14px;align-items:flex-start;justify-content:space-between}.menu-card h3{font-family:"Arial Black",sans-serif;font-size:19px;line-height:1.1;margin:0}.menu-card p{color:var(--muted);font-size:14px;line-height:1.45;margin:10px 0}.item-price{font-weight:1000;color:var(--orange-dark);white-space:nowrap}.option-list{display:grid;gap:7px;margin-top:12px;border-top:1px dashed #efc1c4;padding-top:10px}.option{display:flex;justify-content:space-between;gap:12px;font-size:13px}.option strong{color:var(--orange-dark)}.menu-card.hidden,.menu-category.hidden{display:none}
html:not(.tb-menu-ready) .menu-content{visibility:hidden!important}
.visit{background:var(--yellow)}.visit-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.visit-card{background:white;border-radius:30px;padding:36px;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.visit-card h2,.visit-card h3{font-family:"Arial Black",sans-serif;text-transform:uppercase;margin:0 0 14px;line-height:.9}.visit-card h2{font-size:clamp(50px,7vw,88px)}.visit-card h3{font-size:36px}.visit-card p{line-height:1.6;color:#565550}.visit-card.dark{background:var(--ink);color:white}.visit-card.dark p{color:#d7dcde}
.footer{background:#161b1e;color:white;padding:44px 22px}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer img{width:100px}.footer p{color:#b8c0c3;font-size:13px;margin:0}.footer-location{display:grid;justify-items:center;gap:9px;text-align:center}.footer-email{direction:ltr;unicode-bidi:isolate;color:#f4f6f7;font-size:13px;font-weight:900;letter-spacing:.01em;transition:color .18s ease}.footer-email:hover,.footer-email:focus-visible{color:var(--yellow);outline:none}
@media(max-width:950px){.hero-inner{min-height:auto;padding-top:50px;padding-bottom:60px;grid-template-columns:1fr;gap:18px}.hero-copy{max-width:760px}.hero-product{margin-top:4px}.hero-product img{width:min(650px,92vw);max-width:100%;transform:none}.quick-inner{grid-template-columns:repeat(3,1fr)}.best-grid,.menu-grid{grid-template-columns:repeat(2,1fr)}.deal-wrap,.visit-grid{grid-template-columns:1fr}.category-head{grid-template-columns:1fr 190px}}
@media(max-width:680px){.nav{height:76px}.logo img{width:88px}.links{display:flex;position:absolute;top:76px;left:0;right:0;padding:15px;background:white;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line);box-shadow:0 14px 24px rgba(32,39,43,.12);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);max-height:0;overflow:hidden;transition:opacity .22s ease,transform .28s cubic-bezier(.22,.61,.36,1),max-height .3s ease,visibility 0s linear .3s}.links.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);max-height:360px;transition-delay:0s}.menu-toggle{display:flex}.hero{min-height:auto}.hero-inner{padding:45px 20px 42px}.hero h1{font-size:58px}.hero-product{margin-top:10px}.hero-product img{width:112%;max-width:none;margin-left:-6%;transform:none}.quick-inner{display:flex;overflow:auto}.quick-card{min-width:145px}.section{padding:70px 18px}.section-head{display:block}.best-grid,.menu-grid{grid-template-columns:1fr}.food-image{height:250px}.deal-copy h2{font-size:54px}.tools-sticky{top:76px}.tools{align-items:stretch;flex-direction:column;overflow:visible}.search{min-width:100%}.filters{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden}.category-head{grid-template-columns:1fr;padding:25px}.category-head img{width:150px;height:150px;justify-self:end;margin-top:-30px}.menu-intro,.menu-content{padding-left:18px;padding-right:18px}.visit-card{padding:27px;box-shadow:7px 7px 0 var(--ink)}.footer-inner{flex-direction:column;text-align:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Accessible shopping cart */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.menu-card{display:flex;flex-direction:column}
.add-to-cart{margin-top:auto;min-height:42px;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:0 17px;font-weight:1000;transition:.18s;align-self:flex-start}
.add-to-cart:hover{background:var(--orange);transform:translateY(-2px)}
.add-to-cart:focus-visible,.cart-fab:focus-visible,.cart-close:focus-visible,.qty-btn:focus-visible,.remove-item:focus-visible,.cart-action:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.option-list .option{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}
.option-list .add-to-cart{min-height:34px;margin:0;padding:0 13px;font-size:12px;align-self:center}
.food-body>.add-to-cart{margin-top:12px}
.cart-fab{position:fixed;right:22px;bottom:22px;z-index:240;display:flex;align-items:center;gap:10px;min-height:54px;border:0;border-radius:999px;background:var(--ink);color:#fff;padding:0 18px;font-weight:1000;box-shadow:0 16px 40px rgba(0,0,0,.28)}
.cart-fab:hover{background:var(--orange);transform:translateY(-2px)}
.cart-count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:var(--yellow);color:var(--ink);font-size:13px}
.cart-overlay{position:fixed;inset:0;z-index:300;background:rgba(22,27,30,.55);backdrop-filter:blur(3px)}
.cart-drawer{position:fixed;z-index:310;top:0;right:0;width:min(430px,100%);height:100dvh;background:#fff;box-shadow:-24px 0 70px rgba(0,0,0,.25);display:grid;grid-template-rows:auto 1fr auto;transform:translateX(0);overflow:hidden}
.cart-drawer[hidden],.cart-overlay[hidden]{display:none}
body.cart-open{overflow:hidden}
.cart-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px;border-bottom:1px solid var(--line);background:var(--paper)}
.cart-head h2{margin:0;font-family:"Arial Black",sans-serif;text-transform:uppercase;font-size:29px;letter-spacing:-.04em}
.cart-close{width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:25px;line-height:1}
.cart-content{overflow:auto;padding:18px 20px}
.cart-empty{text-align:center;padding:55px 20px;color:var(--muted);line-height:1.55}
.cart-list{display:grid;gap:12px}
.cart-item{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fff}
.cart-item-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.cart-item h3{margin:0;font-family:"Arial Black",sans-serif;font-size:16px;line-height:1.15}
.cart-item-option{margin:5px 0 0;color:var(--muted);font-size:13px}
.cart-line-total{font-weight:1000;color:var(--orange-dark);white-space:nowrap}
.cart-item-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}
.qty-control{display:flex;align-items:center;border:1px solid #d8ccb7;border-radius:999px;overflow:hidden}
.qty-btn{width:38px;height:36px;border:0;background:#f7f3eb;font-size:19px;font-weight:1000}
.qty-value{min-width:38px;text-align:center;font-weight:1000}
.remove-item{border:0;background:transparent;color:#a12727;font-weight:900;text-decoration:underline;text-underline-offset:3px}
.cart-item-note-wrap{display:grid;gap:6px;margin-top:13px}
.cart-item-note-label{font-size:12px;font-weight:900;color:var(--ink)}
.cart-item-note{width:100%;min-height:68px;resize:vertical;border:1px solid #d8ccb7;border-radius:12px;background:#fffaf2;padding:10px 12px;color:var(--ink);font:inherit;font-size:14px;line-height:1.4;outline:none}
.cart-item-note:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(204,42,49,.16)}
.cart-item-note::placeholder{color:#8a8882}
.cart-footer{border-top:1px solid var(--line);padding:18px 20px calc(18px + env(safe-area-inset-bottom));background:var(--paper)}
.cart-total-row{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:14px}
.cart-total-row span{font-weight:900}
.cart-total-row strong{font-family:"Arial Black",sans-serif;font-size:29px;color:var(--orange-dark)}
.cart-delivery-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 10px;padding-bottom:10px;border-bottom:1px dashed var(--line);font-size:13px;line-height:1.4}.cart-delivery-row[hidden]{display:none!important}.cart-delivery-row span{font-weight:900}.cart-delivery-row strong{max-width:62%;text-align:end;color:var(--muted);font-size:12px;line-height:1.35}.cart-delivery-row.has-fee strong{color:var(--orange-dark);font-size:14px}.cart-delivery-row.is-loading strong{opacity:.7}
.cart-note{margin:0 0 14px;color:var(--muted);font-size:12px;line-height:1.45}
.cart-actions{display:grid;grid-template-columns:1fr;gap:10px}
.cart-action{min-height:46px;border-radius:999px;border:2px solid var(--ink);font-weight:1000;padding:0 14px}
.cart-action.secondary{background:#fff;color:var(--ink)}
.cart-action.primary{background:var(--orange);border-color:var(--orange);color:#fff}
.cart-action:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:680px){.cart-fab{right:14px;bottom:14px}.option-list .option{grid-template-columns:minmax(0,1fr) auto}.option-list .option strong{justify-self:end}.option-list .add-to-cart{grid-column:1/-1;width:100%;min-height:38px}.cart-drawer{width:100%}}


/* Live ordering and admin availability */
.menu-card.admin-hidden,.option.admin-hidden,.food-card.admin-hidden{display:none!important}
.add-to-cart:disabled{opacity:.45;cursor:not-allowed;transform:none!important}
.cart-actions{grid-template-columns:.75fr 1fr 1.25fr}
.checkout-overlay{position:fixed;inset:0;z-index:400;background:rgba(22,27,30,.62);backdrop-filter:blur(4px)}
.checkout-dialog{position:fixed;z-index:410;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:white;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.36)}
.checkout-dialog[hidden],.checkout-overlay[hidden]{display:none}
.checkout-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line);background:white}
.checkout-head h2{font-family:"Arial Black",sans-serif;text-transform:uppercase;font-size:30px;letter-spacing:-.04em;margin:0}
.checkout-close{width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:white;font-size:25px}
.checkout-body{padding:22px}
.checkout-intro{margin:0 0 18px;color:var(--muted);line-height:1.55}
.checkout-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.checkout-field{display:grid;gap:7px;font-weight:900;font-size:14px}
.checkout-field.full{grid-column:1/-1}
.checkout-field input,.checkout-field select,.checkout-field textarea{width:100%;border:2px solid #d8ccb7;border-radius:13px;background:#fff;padding:0 13px;font:inherit;outline:none}
.checkout-field input,.checkout-field select{height:48px}.checkout-field textarea{min-height:88px;padding-top:12px;resize:vertical}
.checkout-field input:focus,.checkout-field select:focus,.checkout-field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(204,42,49,.16)}
.checkout-payment{margin:16px 0 0;background:#fff3d8;border:1px solid #efc1c4;border-radius:14px;padding:13px 15px;line-height:1.45;font-size:14px}
.checkout-error{margin:15px 0 0;background:#ffe4e4;color:#8c1c1c;border-radius:13px;padding:12px 14px;line-height:1.45}
.checkout-submit{width:100%;min-height:52px;margin-top:18px;border:0;border-radius:999px;background:var(--orange);color:white;font-weight:1000;text-transform:uppercase}
.checkout-submit:disabled{opacity:.55;cursor:wait}
.checkout-success{text-align:center;padding:30px 12px 12px}.checkout-success-mark{width:72px;height:72px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#daf5e3;color:#176638;font-size:36px;font-weight:1000}.checkout-success h3{font-family:"Arial Black",sans-serif;text-transform:uppercase;font-size:31px;letter-spacing:-.04em;margin:18px 0 8px}.checkout-success p{color:var(--muted);line-height:1.55}.checkout-order-number{display:block;font-family:"Arial Black",sans-serif;font-size:25px;color:var(--orange-dark);margin:14px 0 5px}.checkout-done{min-height:48px;border:0;border-radius:999px;background:var(--ink);color:white;font-weight:1000;padding:0 26px;margin-top:13px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:680px){.cart-actions{grid-template-columns:1fr 1fr}.cart-actions .primary{grid-column:1/-1}.checkout-grid{grid-template-columns:1fr}.checkout-field.full{grid-column:auto}.checkout-dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.checkout-head h2{font-size:26px}}


/* Customer accounts */
.account-nav{border:0;background:transparent;color:var(--ink);font-weight:900;font-size:14px;padding:12px 15px;border-radius:999px;white-space:nowrap}
.account-nav:hover{background:#fff1f2}.account-nav.logged-in{background:#fff;border:1px solid var(--line)}
.account-nav:focus-visible,.account-close:focus-visible,.auth-tab:focus-visible,.auth-submit:focus-visible,.account-action:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.account-overlay{position:fixed;inset:0;z-index:500;background:rgba(22,27,30,.62);backdrop-filter:blur(4px)}
.account-dialog{position:fixed;z-index:510;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.38)}
.account-dialog[hidden],.account-overlay[hidden]{display:none}.account-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border-bottom:1px solid var(--line);background:#fff}.account-head h2{font-family:"Arial Black",sans-serif;text-transform:uppercase;font-size:30px;letter-spacing:-.04em;margin:0}.account-close{width:44px;height:44px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:25px}.account-body{padding:22px}.account-lead{margin:0 0 18px;color:var(--muted);line-height:1.55}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--paper);padding:6px;border-radius:999px;margin-bottom:20px}.auth-tab{min-height:43px;border:0;border-radius:999px;background:transparent;font-weight:1000}.auth-tab.active{background:var(--orange);color:#fff}.auth-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.auth-form[hidden]{display:none!important}.auth-field{display:grid;gap:7px;font-size:14px;font-weight:900}.auth-field.full{grid-column:1/-1}.auth-field input,.auth-field textarea{width:100%;border:2px solid #d8ccb7;border-radius:13px;background:#fff;padding:0 13px;font:inherit;outline:none}.auth-field input{height:48px}.auth-field textarea{min-height:90px;padding-top:12px;resize:vertical}.auth-field input:focus,.auth-field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(204,42,49,.16)}.auth-submit,.account-action{min-height:49px;border:0;border-radius:999px;background:var(--orange);color:#fff;font-weight:1000;padding:0 22px}.auth-submit{grid-column:1/-1}.auth-submit:disabled,.account-action:disabled{opacity:.55;cursor:wait}.auth-message{grid-column:1/-1;border-radius:13px;padding:12px 14px;line-height:1.45}.auth-message.error{background:#ffe4e4;color:#8c1c1c}.auth-message.success{background:#e3f6e8;color:#176638}.auth-small{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.45;margin:0}.account-welcome{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;background:var(--paper);border-radius:20px;padding:18px;margin-bottom:20px}.account-welcome h3{font-family:"Arial Black",sans-serif;margin:0 0 5px;font-size:24px}.account-welcome p{margin:0;color:var(--muted);font-size:14px}.account-action.secondary{background:#fff;color:var(--ink);border:2px solid var(--ink)}.account-section{margin-top:24px}.account-section h3{font-family:"Arial Black",sans-serif;text-transform:uppercase;font-size:22px;margin:0 0 13px}.profile-actions{display:flex;justify-content:flex-end;grid-column:1/-1}.order-history{display:grid;gap:12px}.order-history-empty{color:var(--muted);padding:20px;border:1px dashed #d8ccb7;border-radius:16px;text-align:center}.history-order{border:1px solid var(--line);border-radius:18px;padding:15px}.history-order-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.history-order-number{font-family:"Arial Black",sans-serif}.history-order-meta{color:var(--muted);font-size:12px;margin-top:4px}.history-order-total{font-weight:1000;color:var(--orange-dark);white-space:nowrap}.history-status{display:inline-block;margin-top:9px;border-radius:999px;background:#fff3d8;padding:6px 9px;font-size:11px;font-weight:1000;text-transform:capitalize}.history-items{margin:11px 0 0;padding:11px 0 0 18px;border-top:1px dashed #d8ccb7;color:#555;font-size:13px;line-height:1.55}.checkout-account-hint{margin:0 0 15px;padding:11px 13px;border-radius:13px;background:#eef5ff;color:#294968;font-size:13px;line-height:1.45}.checkout-account-hint button{border:0;background:none;color:var(--orange-dark);font-weight:1000;padding:0;text-decoration:underline}
@media(max-width:680px){.links .account-nav{width:100%;text-align:left}.account-dialog{width:100%;height:100dvh;max-height:none;border-radius:0}.account-head h2{font-size:26px}.auth-form{grid-template-columns:1fr}.auth-field.full,.auth-submit{grid-column:auto}.account-welcome{display:grid}.account-welcome .account-action{width:100%}.profile-actions{grid-column:auto}.history-order-head{display:grid}}

/* True vector Tasty Bites logo background: remains sharp at every viewport size */
.hero::after{
  content:"";
  position:absolute;
  z-index:1;
  width:520px;
  height:520px;
  right:-28px;
  top:-34px;
  bottom:auto;
  border:0;
  border-radius:0;
  background:radial-gradient(circle at center,#CC2A31 0 3px,transparent 4px),linear-gradient(135deg,#111,#CC2A31);
  opacity:.28;
  transform:rotate(6deg);
  transform-origin:center;
  pointer-events:none;
}
@media(max-width:680px){
  .hero::after{
    width:300px;
    height:300px;
    right:-24px;
    top:-18px;
    bottom:auto;
    opacity:.20;
    transform:rotate(6deg);
  }
}
@media(max-width:950px){
  .hero::after{width:520px;height:520px;right:-260px;bottom:-105px;opacity:.24;transform:rotate(10deg)}
}
@media(max-width:680px){
  .hero::after{width:390px;height:390px;right:-205px;bottom:-72px;opacity:.22;transform:rotate(12deg)}
}

.ordering-notice{width:min(1180px,calc(100% - 32px));margin:18px auto 0;display:flex;align-items:center;gap:14px;border:1px solid #efb5ad;border-radius:18px;background:#fff0ed;padding:15px 17px;color:#66231e;box-shadow:0 8px 22px rgba(73,32,22,.08)}.ordering-notice[hidden]{display:none}.ordering-notice.limited{background:#fff6da;border-color:#efc1c4;color:#48171b}.ordering-notice-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#b9332a;color:#fff;font-weight:1000;font-size:19px}.ordering-notice.limited .ordering-notice-icon{background:#801219}.ordering-notice strong{display:block;font-family:"Arial Black",sans-serif;text-transform:uppercase;font-size:16px}.ordering-notice p{margin:4px 0 0;font-size:13px;line-height:1.45}.cart-availability-message{margin:0 0 13px;padding:11px 12px;border-radius:12px;background:#fff0ed;color:#7d251f;font-size:12px;line-height:1.45;font-weight:800}.cart-availability-message[hidden]{display:none}.checkout-operations{margin:14px 0 0;border-radius:14px;background:#f6f0e6;padding:12px 14px;color:var(--ink);font-size:13px;line-height:1.5}.checkout-operations strong{color:var(--orange-dark)}
@media(max-width:680px){.ordering-notice{width:calc(100% - 20px);align-items:flex-start}.ordering-notice-icon{width:36px;height:36px}}


/* Fixed-size text areas: remove the browser drag handle. */
textarea{resize:none!important}

/* source: full-background-logo-override */
/* Bigger full-hero Tasty Bites lettering behind all hero content */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero::after{
  content:"TASTY\A BITES" !important;
  position:absolute !important;
  z-index:0 !important;
  inset:-24% -8% -22% -8% !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  color:#CC2A31 !important;
  font-family:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif !important;
  font-size:clamp(280px,34vw,660px) !important;
  font-weight:900 !important;
  line-height:.66 !important;
  letter-spacing:-.025em !important;
  text-align:center !important;
  white-space:pre !important;
  text-transform:uppercase !important;
  opacity:.34 !important;
  text-shadow:0 10px 0 rgba(128,18,25,.10),0 26px 60px rgba(128,18,25,.10) !important;
  transform:rotate(-7deg) scale(1.18) !important;
  transform-origin:center center !important;
  pointer-events:none !important;
  user-select:none !important;
}
.hero-inner{
  position:relative !important;
  z-index:2 !important;
}
@media (max-width:900px){
  .hero::after{
    inset:-15% -34% -15% -34% !important;
    font-size:clamp(210px,44vw,430px) !important;
    line-height:.68 !important;
    opacity:.30 !important;
    transform:rotate(-7deg) scale(1.12) !important;
  }
}
@media (max-width:560px){
  .hero::after{
    inset:-8% -48% -8% -48% !important;
    font-size:clamp(170px,58vw,300px) !important;
    line-height:.72 !important;
    opacity:.24 !important;
    transform:rotate(-8deg) scale(1.07) !important;
  }
}

/* source: polished-navigation-cart-category-logo-fix */
/* Exact attached logo at both ends of the page */
.logo img{
  width:116px !important;
  height:74px !important;
  object-fit:contain !important;
}
.footer img{
  width:124px !important;
  height:auto !important;
  object-fit:contain !important;
}

/* Smooth top-navigation hover with a growing underline */
.links a:not(.nav-pill){
  position:relative;
  overflow:visible;
  background:transparent !important;
  transition:color .34s ease, transform .34s ease !important;
}
.links a:not(.nav-pill)::after{
  content:"";
  position:absolute;
  left:15px;
  right:15px;
  bottom:6px;
  height:2px;
  border-radius:999px;
  background:#CC2A31;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .34s cubic-bezier(.22,.61,.36,1);
}
.links a:not(.nav-pill):hover,
.links a:not(.nav-pill):focus-visible{
  color:#CC2A31 !important;
  transform:translateY(-1px);
}
.links a:not(.nav-pill):hover::after,
.links a:not(.nav-pill):focus-visible::after{
  transform:scaleX(1);
}
.nav-pill{
  transition:background-color .34s ease, transform .28s ease, box-shadow .34s ease !important;
}
.nav-pill:hover,
.nav-pill:focus-visible{
  background:#CC2A31 !important;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(204,42,49,.22);
}

/* Cart color and animation */
.cart-fab{
  transition:background-color .36s ease, color .36s ease, transform .26s ease, box-shadow .36s ease !important;
}
.cart-fab:hover,
.cart-fab:focus-visible{
  background:#CC2A31 !important;
  color:#fff !important;
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(204,42,49,.30);
}
.cart-count{
  background:#CC2A31 !important;
  color:#fff !important;
  transition:background-color .36s ease, color .36s ease !important;
}
.cart-fab:hover .cart-count,
.cart-fab:focus-visible .cart-count{
  background:#20272B !important;
  color:#fff !important;
}

/* Keep every circular category photo and make the TASTY BITES branding a continuous wall behind it. */
.category-head{
  isolation:isolate;
}
.category-head::after{
  content:"TASTY BITES TASTY BITES TASTY BITES TASTY BITES\A TASTY BITES TASTY BITES TASTY BITES TASTY BITES\A TASTY BITES TASTY BITES TASTY BITES TASTY BITES\A TASTY BITES TASTY BITES TASTY BITES TASTY BITES" !important;
  position:absolute !important;
  z-index:0 !important;
  inset:-35% -34% -38% -34% !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:none !important;
  color:#CC2A31 !important;
  font-family:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif !important;
  font-size:clamp(92px,10vw,178px) !important;
  font-weight:400 !important;
  line-height:.72 !important;
  letter-spacing:-.045em !important;
  word-spacing:-.04em !important;
  text-align:center !important;
  white-space:pre !important;
  text-transform:uppercase !important;
  opacity:.42 !important;
  text-shadow:0 8px 0 rgba(128,18,25,.10) !important;
  transform:rotate(-6deg) scale(1.08) !important;
  transform-origin:center !important;
  pointer-events:none !important;
}
.category-head > div{
  position:relative !important;
  z-index:2 !important;
}
.category-head img{
  display:block !important;
  position:relative !important;
  z-index:3 !important;
  width:210px !important;
  height:210px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  border:8px solid #20272B !important;
  background:#20272B !important;
  box-shadow:0 15px 35px rgba(32,39,43,.28) !important;
}

@media(max-width:950px){
  .category-head::after{
    inset:-30% -48% -32% -48% !important;
    font-size:clamp(82px,15vw,148px) !important;
    line-height:.70 !important;
    opacity:.36 !important;
  }
  .category-head img{
    width:185px !important;
    height:185px !important;
  }
}
@media(max-width:680px){
  .logo img{width:94px !important;height:66px !important}
  .links a:not(.nav-pill)::after{left:0;right:0;bottom:7px;transform-origin:left}
  .category-head::after{
    inset:-24% -92% -26% -92% !important;
    font-size:clamp(72px,22vw,118px) !important;
    line-height:.68 !important;
    opacity:.31 !important;
    transform:rotate(-7deg) scale(1.02) !important;
  }
  .category-head img{
    width:150px !important;
    height:150px !important;
    justify-self:end !important;
    margin-top:-30px !important;
  }
  .footer img{width:116px !important}
}

/* source: smooth-cart-auth-category-polish */
/* Sign up / Log in now behaves like the other navigation links */
.links .account-nav{
  position:relative;
  overflow:visible;
  border:0 !important;
  background:transparent !important;
  color:var(--ink) !important;
  border-radius:0 !important;
  transition:color .34s ease, transform .34s ease !important;
}
.links .account-nav::after{
  content:"";
  position:absolute;
  left:15px;
  right:15px;
  bottom:6px;
  height:2px;
  border-radius:999px;
  background:#CC2A31;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .34s cubic-bezier(.22,.61,.36,1);
}
.links .account-nav:hover,
.links .account-nav:focus-visible{
  color:#CC2A31 !important;
  background:transparent !important;
  transform:translateY(-1px);
}
.links .account-nav:hover::after,
.links .account-nav:focus-visible::after{
  transform:scaleX(1);
}
.links .account-nav.logged-in{
  border:0 !important;
  background:transparent !important;
}

/* Smooth, deliberate category-card hover */
.quick-card{
  transition:
    transform .36s cubic-bezier(.22,.61,.36,1),
    background-color .36s ease,
    border-color .36s ease,
    box-shadow .36s ease !important;
}
.quick-card strong{
  transition:color .36s ease !important;
}
.quick-photo{
  transition:
    background-color .36s ease,
    box-shadow .36s ease,
    transform .36s cubic-bezier(.22,.61,.36,1) !important;
}
.quick-card:hover,
.quick-card:focus-visible{
  background:#20272B !important;
  border-color:#20272B !important;
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(32,39,43,.22) !important;
}
.quick-card:hover strong,
.quick-card:focus-visible strong{
  color:#fff !important;
}
.quick-card:hover .quick-photo,
.quick-card:focus-visible .quick-photo{
  background:#CC2A31 !important;
  box-shadow:0 10px 24px rgba(204,42,49,.30) !important;
  transform:scale(1.035);
}

/* Proper category-photo shells, with a slight crop to remove orange edge leaks */
.category-photo{
  position:relative !important;
  z-index:3 !important;
  width:210px;
  height:210px;
  justify-self:end;
  border:8px solid #20272B;
  border-radius:50%;
  background:#20272B;
  overflow:hidden;
  box-shadow:0 15px 35px rgba(32,39,43,.28);
}
.category-head .category-photo img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#20272B !important;
  object-fit:cover !important;
  object-position:center !important;
  box-shadow:none !important;
  transform:scale(1.10);
  transform-origin:center;
}

/* Cart entrance and exit. No more debt-collector animation. */
.cart-drawer[hidden]{
  display:grid !important;
}
.cart-overlay[hidden]{
  display:block !important;
}
.cart-overlay{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .42s ease,
    visibility 0s linear .42s !important;
}
.cart-drawer{
  transform:translate3d(104%,0,0) !important;
  opacity:.96;
  visibility:hidden;
  pointer-events:none;
  will-change:transform;
  transition:
    transform .74s cubic-bezier(.22,1,.36,1),
    opacity .42s ease,
    visibility 0s linear .74s !important;
}
body.cart-open .cart-overlay{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s !important;
}
body.cart-open .cart-drawer{
  transform:translate3d(0,0,0) !important;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s !important;
}

/* Friendlier, cleaner cart interior */
.cart-drawer,
.cart-drawer button,
.cart-drawer textarea{
  font-family:"Nunito","Trebuchet MS",Arial,sans-serif;
}
.cart-drawer{
  width:min(460px,100%);
  background:#eef0f1 !important;
  box-shadow:-28px 0 80px rgba(10,17,20,.30) !important;
}
.cart-head{
  position:relative;
  padding:24px 24px 22px !important;
  border:0 !important;
  background:#20272B !important;
  color:#fff;
  box-shadow:none !important;
}
.cart-head::after{
  content:"";
  position:absolute;
  left:24px;
  bottom:0;
  width:70px;
  height:4px;
  border-radius:999px 999px 0 0;
  background:#CC2A31;
}
.cart-head h2{
  color:#fff;
  font-family:"Lilita One","Arial Rounded MT Bold",sans-serif !important;
  font-size:38px !important;
  font-weight:400 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
}
.cart-close{
  background:#CC2A31 !important;
  color:#fff !important;
  transition:
    transform .3s ease,
    background-color .3s ease,
    color .3s ease !important;
}
.cart-close:hover{
  background:#fff !important;
  color:#20272B !important;
  transform:rotate(7deg) scale(1.05);
}
.cart-content{
  padding:20px !important;
  background:linear-gradient(180deg,#f2f3f4 0%,#e8ebed 100%);
}
.cart-empty{
  margin:26px 0;
  padding:58px 24px !important;
  border:2px dashed rgba(32,39,43,.16);
  border-radius:24px;
  background:rgba(255,255,255,.72);
  color:#62686b !important;
  font-weight:700;
}
.cart-empty::before{
  content:"Your cart";
  display:block;
  margin-bottom:8px;
  color:#20272B;
  font-family:"Lilita One","Arial Rounded MT Bold",sans-serif;
  font-size:32px;
  line-height:1;
}
.cart-list{
  gap:14px !important;
}
.cart-item{
  position:relative;
  overflow:hidden;
  padding:17px 17px 16px 20px !important;
  border:1px solid rgba(32,39,43,.10) !important;
  border-radius:21px !important;
  background:#fff !important;
  box-shadow:0 9px 24px rgba(32,39,43,.08);
}
.cart-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:#CC2A31;
}
.cart-item h3{
  color:#20272B;
  font-family:"Nunito","Trebuchet MS",sans-serif !important;
  font-size:17px !important;
  font-weight:900 !important;
  letter-spacing:-.015em;
}
.cart-item-option{
  color:#72777a !important;
  font-weight:600;
}
.cart-line-total{
  color:#CC2A31 !important;
  font-size:16px;
  font-weight:900 !important;
}
.qty-control{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.qty-btn{
  background:#20272B !important;
  color:#fff;
  transition:background-color .28s ease, transform .28s ease !important;
}
.qty-btn:hover{
  background:#CC2A31 !important;
  transform:scale(1.06);
}
.qty-value{
  color:#20272B;
  background:transparent !important;
  box-shadow:none !important;
  font-weight:900 !important;
}
.remove-item{
  color:#62686b !important;
  text-decoration:none !important;
  transition:color .28s ease !important;
}
.remove-item:hover{
  color:#CC2A31 !important;
}
.cart-item-note-label{
  color:#20272B !important;
  font-weight:900 !important;
}
.cart-item-note{
  border:1px solid rgba(32,39,43,.14) !important;
  border-radius:14px !important;
  background:#f7f8f8 !important;
}
.cart-footer{
  padding:20px 22px calc(20px + env(safe-area-inset-bottom)) !important;
  border:0 !important;
  background:#fff !important;
  box-shadow:0 -10px 30px rgba(32,39,43,.10);
}
.cart-total-row{
  align-items:center !important;
  margin-bottom:12px !important;
}
.cart-total-row span{
  color:#62686b;
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.cart-total-row strong{
  color:#CC2A31 !important;
  font-family:"Lilita One","Arial Rounded MT Bold",sans-serif !important;
  font-size:36px !important;
  font-weight:400 !important;
}
.cart-note{
  color:#72777a !important;
}
.cart-action{
  min-height:49px !important;
  border-radius:15px !important;
  transition:
    background-color .3s ease,
    border-color .3s ease,
    color .3s ease,
    transform .26s ease !important;
}
.cart-action:hover:not(:disabled){
  transform:translateY(-2px);
}
.cart-action.secondary{
  background:#fff !important;
  color:#20272B !important;
  border-color:#20272B !important;
}
.cart-action.secondary:hover:not(:disabled){
  background:#20272B !important;
  color:#fff !important;
}
.cart-action.primary{
  background:#CC2A31 !important;
  border-color:#CC2A31 !important;
  box-shadow:0 9px 20px rgba(204,42,49,.22);
}
.cart-action.primary:hover:not(:disabled){
  background:#CC2A31 !important;
  border-color:#CC2A31 !important;
}

@media(max-width:950px){
  .category-photo{
    width:185px;
    height:185px;
  }
}
@media(max-width:680px){
  .links .account-nav{
    width:100%;
    padding:12px 0 !important;
    text-align:left;
  }
  .links .account-nav::after{
    left:0;
    right:0;
    bottom:7px;
    transform-origin:left;
  }
  .category-photo{
    width:150px;
    height:150px;
    margin-top:-30px;
  }
  .cart-drawer{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  .cart-overlay,
  .cart-drawer,
  .quick-card,
  .quick-photo,
  .links .account-nav,
  .links .account-nav::after{
    transition-duration:.01ms !important;
  }
}

/* source: filter-hover-and-auto-notes */
.filter{
  transition:
    background-color .34s ease,
    border-color .34s ease,
    color .34s ease,
    transform .34s cubic-bezier(.22,.61,.36,1),
    box-shadow .34s ease !important;
}
.filter:focus-visible{
  background:#CC2A31 !important;
  border-color:#CC2A31 !important;
  color:#fff !important;
  outline:none;
  box-shadow:0 9px 20px rgba(204,42,49,.24);
}
.filter.active{
  background:#CC2A31 !important;
  border-color:#CC2A31 !important;
  color:#fff !important;
}
.filter.active:focus-visible{
  background:#CC2A31 !important;
  border-color:#CC2A31 !important;
}
@media(hover:hover) and (pointer:fine){
  .filter:hover{
    background:#CC2A31 !important;
    border-color:#CC2A31 !important;
    color:#fff !important;
    transform:translateY(-2px);
    box-shadow:0 9px 20px rgba(204,42,49,.24);
  }
  .filter.active:hover{
    background:#CC2A31 !important;
    border-color:#CC2A31 !important;
  }
}

/* Cart notes resize automatically. No manual resize handle. */
.cart-item-note{
  min-height:68px !important;
  max-height:160px !important;
  resize:none !important;
  overflow-y:hidden !important;
  transition:
    height .16s ease,
    border-color .25s ease,
    box-shadow .25s ease !important;
}
.cart-note-label-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.cart-note-count{
  color:#7a7f82;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
  white-space:nowrap;
}
.cart-note-count.near-limit{
  color:#CC2A31;
}

/* source: cart-performance-fix */
.cart-overlay{
  background:rgba(22,27,30,.68) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:
    opacity .20s ease,
    visibility 0s linear .20s !important;
  will-change:opacity;
}

.cart-drawer{
  transform:translate3d(101%,0,0) !important;
  opacity:1 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  box-shadow:-14px 0 38px rgba(10,17,20,.24) !important;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  contain:layout paint;
  overscroll-behavior:contain;
  will-change:transform;
  transition:
    transform .90s cubic-bezier(.22,.78,.24,1),
    visibility 0s linear .90s !important;
}

body.cart-open .cart-overlay{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transition-delay:0s !important;
}

body.cart-open .cart-drawer{
  transform:translate3d(0,0,0) !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transition-delay:0s !important;
}

body.cart-open .header,
body.cart-open .tools-sticky{
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

@media(prefers-reduced-motion:reduce){
  .cart-overlay,
  .cart-drawer{
    transition-duration:.01ms !important;
  }
}

/* source: disabled-minus-at-one */
.qty-btn:disabled,
.qty-btn[aria-disabled="true"]{
  background:#d6dadd !important;
  color:#92999d !important;
  cursor:not-allowed !important;
  opacity:.72;
  box-shadow:none !important;
  transform:none !important;
}
.qty-btn:disabled:hover,
.qty-btn:disabled:focus,
.qty-btn[aria-disabled="true"]:hover,
.qty-btn[aria-disabled="true"]:focus{
  background:#d6dadd !important;
  color:#92999d !important;
  transform:none !important;
}

/* source: orange-remove-button */
.remove-item{
  color:#CC2A31 !important;
  font-weight:900 !important;
  transition:color .28s ease, opacity .28s ease !important;
}
.remove-item:hover,
.remove-item:focus-visible{
  color:#CC2A31 !important;
  opacity:.82;
}

/* source: animated-cart-removal */
.cart-item{
  overflow:hidden;
  max-height:620px;
  transform-origin:right center;
  transition:
    background-color .16s ease,
    box-shadow .20s ease,
    opacity .24s ease,
    transform .30s cubic-bezier(.22,.78,.24,1),
    max-height .26s ease .08s,
    padding-top .26s ease .08s,
    padding-bottom .26s ease .08s,
    border-width .26s ease .08s !important;
}

.cart-item.remove-flash{
  background:#fff3eb !important;
  box-shadow:
    0 0 0 2px rgba(204,42,49,.28),
    0 10px 28px rgba(204,42,49,.13) !important;
}

.cart-item.is-removing{
  opacity:0;
  transform:translate3d(38px,0,0) scale(.965);
  max-height:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-width:0 !important;
  box-shadow:none !important;
}

.cart-item.is-removing::before{
  opacity:0;
}

.cart-item.remove-flash .remove-item{
  color:#CC2A31 !important;
  pointer-events:none;
}

.cart-list.removing-active{
  pointer-events:none;
}

@media(prefers-reduced-motion:reduce){
  .cart-item{
    transition-duration:.01ms !important;
  }
}

/* source: remove-scroll-location-quick-images-fix */
/* Keep the removal slide inside the cart instead of spawning a horizontal scrollbar. */
.cart-drawer,
.cart-content,
.cart-list{
  overflow-x:hidden !important;
  max-width:100%;
}
.cart-item{
  max-width:100%;
  box-sizing:border-box;
}
body.cart-open{
  overflow-x:hidden !important;
}

/* Keep the new Quick Category photos neatly cropped inside their existing circles. */
.quick-photo img{
  object-fit:cover !important;
  object-position:center !important;
}

/* source: orange-top-navigation */
/* Orange default navigation text, preserving the existing hover and underline animation */
.links a:not(.nav-pill),
.links .account-nav{
  color:#CC2A31 !important;
}
.links a:not(.nav-pill):hover,
.links a:not(.nav-pill):focus-visible,
.links .account-nav:hover,
.links .account-nav:focus-visible{
  color:#CC2A31 !important;
}
.links a:not(.nav-pill)::after,
.links .account-nav::after{
  background:#CC2A31 !important;
}

/* source: reversed-quick-categories */
.quick-card{
  background:#20272B !important;
  border-color:#20272B !important;
  color:#fff !important;
  transition:
    transform .36s cubic-bezier(.22,.61,.36,1),
    background-color .36s ease,
    border-color .36s ease,
    box-shadow .36s ease !important;
}
.quick-card strong{
  color:#fff !important;
  transition:color .36s ease !important;
}
.quick-photo{
  background:#CC2A31 !important;
  box-shadow:0 10px 24px rgba(204,42,49,.24) !important;
  transition:
    background-color .36s ease,
    box-shadow .36s ease,
    transform .36s cubic-bezier(.22,.61,.36,1) !important;
}
.quick-card:hover,
.quick-card:focus-visible{
  background:#CC2A31 !important;
  border-color:#CC2A31 !important;
  color:#20272B !important;
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(204,42,49,.24) !important;
}
.quick-card:hover strong,
.quick-card:focus-visible strong{
  color:#20272B !important;
}
.quick-card:hover .quick-photo,
.quick-card:focus-visible .quick-photo{
  background:#20272B !important;
  box-shadow:0 10px 24px rgba(32,39,43,.28) !important;
  transform:scale(1.035);
}

/* source: improved-customer-account-ui */
body.account-open{overflow:hidden}.account-overlay{background:rgba(22,27,30,.72)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.account-dialog{width:min(700px,calc(100% - 30px))!important;max-height:calc(100dvh - 30px)!important;overflow:auto;border:1px solid rgba(255,255,255,.22);border-radius:30px!important;background:linear-gradient(180deg,#f4f5f5 0%,#e8ebed 100%)!important;box-shadow:0 34px 100px rgba(0,0,0,.44)!important;font-family:"Nunito","Trebuchet MS",Arial,sans-serif}.account-head{padding:22px 24px!important;border:0!important;background:#20272B!important;color:#fff}.account-head::after{content:"";position:absolute;left:24px;bottom:0;width:82px;height:4px;border-radius:999px 999px 0 0;background:#CC2A31}.account-head h2{color:#fff;font-family:"Lilita One","Arial Rounded MT Bold",sans-serif!important;font-size:38px!important;font-weight:400!important;letter-spacing:.01em!important;text-transform:none!important}.account-close{background:#CC2A31!important;color:#fff!important;transition:background-color .28s ease,color .28s ease,transform .28s ease!important}.account-close:hover{background:#fff!important;color:#20272B!important;transform:rotate(7deg) scale(1.05)}.account-body{padding:24px!important}.account-intro{position:relative;overflow:hidden;margin-bottom:18px;padding:22px 24px;border-radius:23px;background:#20272B;color:#fff;box-shadow:0 14px 34px rgba(32,39,43,.17)}.account-intro::after{content:"TB";position:absolute;right:-13px;bottom:-36px;color:#CC2A31;font-family:"Lilita One","Arial Rounded MT Bold",sans-serif;font-size:120px;line-height:1;opacity:.16;transform:rotate(-9deg);pointer-events:none}.account-kicker{display:block;margin-bottom:7px;color:#CC2A31;font-size:12px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}.account-intro h3{position:relative;z-index:1;margin:0 0 5px;font-family:"Lilita One","Arial Rounded MT Bold",sans-serif;font-size:36px;font-weight:400}.account-intro p{position:relative;z-index:1;max-width:510px;margin:0;color:#d9dddf;line-height:1.55}.auth-tabs{margin-bottom:18px!important;padding:5px!important;border:1px solid rgba(32,39,43,.09);border-radius:16px!important;background:#fff!important;box-shadow:0 8px 22px rgba(32,39,43,.06)}.auth-tab{min-height:48px!important;border-radius:12px!important;color:#5e666a;transition:background-color .28s ease,color .28s ease,transform .28s ease!important}.auth-tab:hover{color:#CC2A31}.auth-tab.active{background:#CC2A31!important;color:#fff!important;box-shadow:0 7px 17px rgba(204,42,49,.22)}.auth-form{padding:20px;border:1px solid rgba(32,39,43,.09);border-radius:23px;background:#fff;box-shadow:0 11px 28px rgba(32,39,43,.07)}.auth-field{color:#20272B;font-size:13px!important}.auth-field>span{font-weight:900}.auth-field input,.auth-field textarea{border:1px solid rgba(32,39,43,.16)!important;border-radius:14px!important;background:#f8f9f9!important;color:#20272B;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease!important}.auth-field input{height:52px!important}.auth-field input::placeholder,.auth-field textarea::placeholder{color:#9aa0a3}.auth-field input:focus,.auth-field textarea:focus{border-color:#CC2A31!important;background:#fff!important;box-shadow:0 0 0 4px rgba(204,42,49,.13)!important}.auth-submit,.account-action{min-height:52px!important;border-radius:14px!important;background:#CC2A31!important;box-shadow:0 9px 22px rgba(204,42,49,.20);transition:background-color .28s ease,transform .28s ease,box-shadow .28s ease!important}.auth-submit:hover:not(:disabled),.account-action:hover:not(:disabled){background:#CC2A31!important;transform:translateY(-2px);box-shadow:0 12px 25px rgba(204,42,49,.24)}.signup-contact-choice{display:grid;gap:8px}.auth-choice-label{color:#20272B;font-size:13px;font-weight:900}.auth-contact-switch{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;border:1px solid rgba(32,39,43,.12);border-radius:15px;background:#eef0f1}.auth-contact-option{min-height:44px;border:0;border-radius:11px;background:transparent;color:#62696d;font:inherit;font-weight:900;transition:background-color .28s ease,color .28s ease,box-shadow .28s ease!important}.auth-contact-option:hover{color:#CC2A31}.auth-contact-option.active{background:#20272B;color:#fff;box-shadow:0 7px 17px rgba(32,39,43,.18)}.auth-small{padding:11px 13px;border-radius:12px;background:#fff4ed;color:#801219!important}.account-welcome{background:#20272B!important;color:#fff}.account-welcome h3{color:#fff;font-family:"Lilita One","Arial Rounded MT Bold",sans-serif!important;font-weight:400!important}.account-welcome p{color:#d3d8da!important}.account-action.secondary{border-color:#CC2A31!important;background:transparent!important;color:#CC2A31!important}.account-action.secondary:hover{background:#CC2A31!important;color:#fff!important}.account-section{padding:20px;border:1px solid rgba(32,39,43,.09);border-radius:22px;background:#fff;box-shadow:0 10px 25px rgba(32,39,43,.06)}.account-section h3{font-family:"Lilita One","Arial Rounded MT Bold",sans-serif!important;font-size:27px!important;font-weight:400!important;text-transform:none!important}@media(max-width:680px){.account-dialog{width:100%!important;height:100dvh;max-height:none!important;border:0;border-radius:0!important}.account-body{padding:17px!important}.account-intro{padding:19px}.account-intro h3{font-size:32px}.auth-form{padding:16px}}

/* source: smooth-account-opening */
/* Lightweight entrance/exit motion only. The original account design is unchanged. */
.account-overlay,
.account-dialog{
  opacity:0;
}
.account-overlay{
  pointer-events:none;
  transition:opacity .18s ease!important;
}
.account-dialog{
  pointer-events:none;
  transform:translate(-50%,calc(-50% + 12px)) scale(.985)!important;
  transition:opacity .20s ease,transform .20s cubic-bezier(.2,.8,.2,1)!important;
  will-change:opacity,transform;
}
.account-overlay.account-visible,
.account-dialog.account-visible{
  opacity:1;
  pointer-events:auto;
}
.account-dialog.account-visible{
  transform:translate(-50%,-50%) scale(1)!important;
}
@media(max-width:680px){
  .account-dialog{
    transform:translate(-50%,calc(-50% + 8px)) scale(.99)!important;
  }
  .account-dialog.account-visible{
    transform:translate(-50%,-50%) scale(1)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .account-overlay,
  .account-dialog{
    transition:none!important;
  }
}

/* source: mobile-navigation-and-filter-polish */
@media(max-width:680px){
  .filter{
    appearance:none !important;
    -webkit-appearance:none !important;
    color:var(--ink) !important;
    -webkit-text-fill-color:var(--ink) !important;
  }
  .filter.active,
  .filter:focus-visible{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
  .filters{
    scroll-behavior:smooth;
    scrollbar-width:none;
    overscroll-behavior-inline:contain;
  }
  .filters::-webkit-scrollbar{display:none}
}
@media(prefers-reduced-motion:reduce){
  .links,
  .menu-toggle span,
  .filters{
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }
}

/* source: desktop-filter-scroll-polish */
.filters{
  scroll-behavior:smooth;
  scrollbar-width:none;
  overscroll-behavior-inline:contain;
}

/* source: mobile-menu-natural-fix */
@media(max-width:680px){
  .header{
    overflow:visible;
  }

  .nav{
    position:relative;
    z-index:2;
  }

  .menu-toggle{
    position:relative;
    z-index:3;
    flex:0 0 48px;
    width:48px;
    height:44px;
    padding:0;
    color:#fff;
    -webkit-tap-highlight-color:transparent;
  }

  .menu-toggle > .menu-icon{
    display:block;
    width:25px;
    height:25px;
    overflow:visible;
    fill:none;
    stroke:currentColor;
    stroke-width:2.35;
    stroke-linecap:round;
  }

  .menu-toggle > .menu-icon-close{
    display:none;
  }

  .menu-toggle[aria-expanded="true"] > .menu-icon-hamburger{
    display:none;
  }

  .menu-toggle[aria-expanded="true"] > .menu-icon-close{
    display:block;
  }

  /* Neutralize the older animated-span icon rules. */
  .menu-toggle > span{
    display:none !important;
  }

  .links{
    top:76px !important;
    left:0;
    right:0;
    z-index:1;
    display:flex !important;
    gap:2px;
    align-items:stretch;
    padding:0 22px;
    max-height:0;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:none !important;
    transform-origin:top center;
    background:#fff;
    border-bottom:1px solid var(--line);
    box-shadow:0 16px 28px rgba(32,39,43,.13);
    transition:
      max-height .34s cubic-bezier(.22,.61,.36,1),
      padding .34s cubic-bezier(.22,.61,.36,1),
      opacity .18s ease,
      visibility 0s linear .34s;
  }

  .links.open{
    max-height:430px;
    padding:14px 22px 22px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none !important;
    transition:
      max-height .38s cubic-bezier(.22,.61,.36,1),
      padding .38s cubic-bezier(.22,.61,.36,1),
      opacity .22s ease,
      visibility 0s linear 0s;
  }

  .links > a,
  .links > .account-nav{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100% !important;
    min-height:52px;
    margin:0 !important;
    padding:0 22px !important;
    border-radius:14px !important;
    text-align:left !important;
    color:var(--ink) !important;
    -webkit-text-fill-color:var(--ink) !important;
    background:transparent !important;
    transform:none !important;
  }

  .links > a:hover,
  .links > a:focus-visible,
  .links > .account-nav:hover,
  .links > .account-nav:focus-visible{
    color:var(--orange) !important;
    -webkit-text-fill-color:var(--orange) !important;
    background:#fff4e9 !important;
    transform:none !important;
  }

  .links > .account-nav::after{
    display:none !important;
  }

  .links > .nav-pill{
    justify-content:center;
    min-height:58px;
    margin-top:8px !important;
    border-radius:999px !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:var(--orange) !important;
  }

  .links > .nav-pill:hover,
  .links > .nav-pill:focus-visible{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    background:var(--orange-dark) !important;
  }
}

@media(prefers-reduced-motion:reduce){
  .links{
    transition-duration:.01ms !important;
  }
}

/* v77: keep the single Proceed to checkout CTA full-width on desktop. */
.cart-footer .cart-actions{
  grid-template-columns:1fr !important;
}
.cart-footer .cart-actions #placeOrder{
  width:100% !important;
  min-width:0 !important;
  grid-column:1 / -1 !important;
  justify-self:stretch !important;
}

/* source: special-offer-cart-button */
#specialOfferAdd{
  border:0;
  cursor:pointer;
}
#specialOfferAdd:disabled{
  opacity:.55;
  cursor:not-allowed;
}

/* source: unavailable-category-filter-style */
.filter:disabled,
.filter.unavailable{
  opacity:.46 !important;
  cursor:not-allowed !important;
  border-color:#c7cbce !important;
  background:#e0e2e4 !important;
  color:#737a7f !important;
  box-shadow:none !important;
  transform:none !important;
}

.filter:disabled:hover,
.filter:disabled:focus-visible,
.filter.unavailable:hover,
.filter.unavailable:focus-visible{
  border-color:#c7cbce !important;
  background:#e0e2e4 !important;
  color:#737a7f !important;
  box-shadow:none !important;
  transform:none !important;
}

/* source: form-example-and-ios-focus-fix */
/* Keep optional text beside its label even though .field itself is a grid. */
.field-label-row{
  display:flex !important;
  flex-direction:row !important;
  align-items:baseline !important;
  justify-content:flex-start !important;
  gap:5px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:inherit !important;
  white-space:nowrap;
}

.field-label-row > span{
  display:inline !important;
  width:auto !important;
  margin:0 !important;
  padding:0 !important;
}

.field-label-row .optional-inline{
  color:#818990 !important;
  font-size:.88em !important;
  font-weight:700 !important;
}

/* Every example inside a writable field is visibly an example. */
input::placeholder,
textarea::placeholder{
  color:#929aa1 !important;
  -webkit-text-fill-color:#929aa1 !important;
  opacity:1 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{
  color:#929aa1 !important;
  -webkit-text-fill-color:#929aa1 !important;
  opacity:1 !important;
}

/*
  iPhone Safari zooms focused form controls whose text is below 16px.
  Keep controls at 16px on touch-sized screens instead of disabling zoom,
  because disabling pinch zoom would be hostile accessibility theatre.
*/
@media(max-width:820px){
  input,
  textarea,
  select{
    font-size:16px !important;
  }
}

/* source: logged-in-profile-avatar-style */
#accountButton.profile-icon-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:44px;
  min-height:44px;
  padding:0 11px !important;
}

.profile-avatar-icon{
  display:block;
  width:25px;
  height:25px;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.profile-account-label{
  display:none;
}

@media(max-width:680px){
  .links > #accountButton.profile-icon-link{
    justify-content:flex-start !important;
  }

  .links > #accountButton.profile-icon-link .profile-account-label{
    display:inline;
    margin-left:11px;
    font-weight:900;
  }
}

/* source: mobile-filter-tap-state-fix */
/* A deliberate one-second press state for touchscreens. */
.filter.tap-flash{
  background:#CC2A31 !important;
  border-color:#CC2A31 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 9px 20px rgba(204,42,49,.24) !important;
  transform:translateY(-1px) !important;
}

/*
  Mobile Safari keeps :hover after a tap. Neutralize that sticky hover state.
  The real scroll-spy .active class and the one-second .tap-flash still win.
*/
@media(hover:none){
  .filter:not(.active):not(.tap-flash):hover,
  .filter:not(.active):not(.tap-flash):focus,
  .filter:not(.active):not(.tap-flash):focus-visible{
    background:#fff !important;
    border-color:#d8ccb7 !important;
    color:var(--ink) !important;
    -webkit-text-fill-color:var(--ink) !important;
    box-shadow:none !important;
    transform:none !important;
  }

  .filter.active,
  .filter.active:hover,
  .filter.active:focus,
  .filter.active:focus-visible{
    background:#CC2A31 !important;
    border-color:#CC2A31 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  .filter:disabled,
  .filter.unavailable,
  .filter:disabled:hover,
  .filter.unavailable:hover{
    background:#e0e2e4 !important;
    border-color:#c7cbce !important;
    color:#737a7f !important;
    -webkit-text-fill-color:#737a7f !important;
    box-shadow:none !important;
    transform:none !important;
  }
}

/* source: mobile-menu-gray-orange-alignment */
@media(max-width:680px){
  /* Match the open dropdown to the website's light-gray header/background. */
  .links,
  .links.open{
    background:
      linear-gradient(180deg,#d4d7d9 0%,#c6c9cc 100%) !important;
    border-bottom:1px solid #adb2b6 !important;
    box-shadow:0 18px 32px rgba(32,39,43,.18) !important;
  }

  /* Mobile navigation options use the same Tasty Bites orange language. */
  .links > a:not(.nav-pill),
  .links > .account-nav{
    color:var(--orange) !important;
    -webkit-text-fill-color:var(--orange) !important;
    font-weight:900 !important;
  }

  .links > a:not(.nav-pill):hover,
  .links > a:not(.nav-pill):focus,
  .links > a:not(.nav-pill):focus-visible,
  .links > .account-nav:hover,
  .links > .account-nav:focus,
  .links > .account-nav:focus-visible{
    color:var(--orange-dark) !important;
    -webkit-text-fill-color:var(--orange-dark) !important;
    background:rgba(255,255,255,.34) !important;
  }

  /* Keep View Menu as the solid orange button. */
  .links > .nav-pill,
  .links > .nav-pill:hover,
  .links > .nav-pill:focus,
  .links > .nav-pill:focus-visible{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }

  /*
    The generic avatar rule used 11px horizontal padding after the menu's
    22px rule, pulling My account farther left than every other option.
  */
  .links > #accountButton.profile-icon-link{
    justify-content:flex-start !important;
    width:100% !important;
    min-height:52px !important;
    padding:0 22px !important;
    line-height:1 !important;
  }

  .links > #accountButton.profile-icon-link .profile-avatar-icon{
    width:23px !important;
    height:23px !important;
    margin:0 !important;
    transform:none !important;
  }

  .links > #accountButton.profile-icon-link .profile-account-label{
    display:inline-flex !important;
    align-items:center !important;
    margin:0 0 0 10px !important;
    line-height:1 !important;
  }
}

/* source: mobile-account-featured-dynamite-polish */
/* Cleaner special-offer button, without the old orange drop shadow. */
#specialOfferAdd{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:50px !important;
  padding:0 22px !important;
  border:1px solid #20272b !important;
  border-radius:14px !important;
  background:#20272b !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:none !important;
  font-weight:950 !important;
  letter-spacing:.01em;
  transition:
    transform .18s ease,
    background-color .18s ease,
    border-color .18s ease,
    color .18s ease !important;
}

#specialOfferAdd::before{
  content:"+";
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:0 0 25px;
  border-radius:50%;
  background:rgba(255,255,255,.13);
  color:#fff;
  font-size:19px;
  font-weight:900;
  line-height:1;
}

#specialOfferAdd:disabled{
  opacity:.48 !important;
  cursor:not-allowed !important;
  transform:none !important;
}

@media(hover:hover) and (pointer:fine){
  #specialOfferAdd:hover,
  #specialOfferAdd:focus-visible{
    border-color:#fff !important;
    background:#fff !important;
    color:#20272b !important;
    -webkit-text-fill-color:#20272b !important;
    box-shadow:none !important;
    transform:translateY(-2px);
  }

  #specialOfferAdd:hover::before,
  #specialOfferAdd:focus-visible::before{
    background:#20272b;
    color:#fff;
  }
}

@media(max-width:680px){
  /* My account text on the left, avatar on the right. */
  .links > #accountButton.profile-icon-link{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100% !important;
    padding:0 22px !important;
  }

  .links > #accountButton.profile-icon-link .profile-account-label{
    order:1;
    display:inline-flex !important;
    align-items:center !important;
    margin:0 !important;
    line-height:1 !important;
  }

  .links > #accountButton.profile-icon-link .profile-avatar-icon{
    order:2;
    margin-left:auto !important;
    margin-right:0 !important;
  }
}

/*
  iPhone Safari keeps :hover after tapping a featured category.
  Give it one deliberate second of orange, then restore the normal card.
*/
@media(hover:none){
  .quick-card.quick-tap-flash{
    background:#CC2A31 !important;
    border-color:#CC2A31 !important;
    color:#20272b !important;
    transform:translateY(-2px) !important;
    box-shadow:0 12px 26px rgba(204,42,49,.22) !important;
  }

  .quick-card.quick-tap-flash strong{
    color:#20272b !important;
  }

  .quick-card.quick-tap-flash .quick-photo{
    background:#20272b !important;
    box-shadow:0 9px 21px rgba(32,39,43,.25) !important;
    transform:scale(1.025) !important;
  }

  .quick-card:not(.quick-tap-flash):hover,
  .quick-card:not(.quick-tap-flash):focus,
  .quick-card:not(.quick-tap-flash):focus-visible{
    background:#20272b !important;
    border-color:#20272b !important;
    color:#fff !important;
    transform:none !important;
    box-shadow:0 5px 0 rgba(32,39,43,.16) !important;
  }

  .quick-card:not(.quick-tap-flash):hover strong,
  .quick-card:not(.quick-tap-flash):focus strong,
  .quick-card:not(.quick-tap-flash):focus-visible strong{
    color:#fff !important;
  }

  .quick-card:not(.quick-tap-flash):hover .quick-photo,
  .quick-card:not(.quick-tap-flash):focus .quick-photo,
  .quick-card:not(.quick-tap-flash):focus-visible .quick-photo{
    background:#CC2A31 !important;
    box-shadow:0 10px 24px rgba(204,42,49,.24) !important;
    transform:none !important;
  }
}

/* source: customer-experience-upgrade */
.add-toast{
  position:fixed;
  z-index:520;
  left:50%;
  bottom:max(24px,calc(18px + env(safe-area-inset-bottom)));
  display:flex;
  align-items:center;
  gap:12px;
  width:min(410px,calc(100% - 28px));
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:17px;
  background:#20272b;
  color:#fff;
  box-shadow:0 20px 48px rgba(18,24,28,.32);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translate(-50%,18px) scale(.97);
  transition:opacity .2s ease,transform .24s ease,visibility 0s linear .25s;
}
.add-toast.show{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,0) scale(1);
  transition-delay:0s;
}
.add-toast-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:50%;
  background:var(--orange);
  color:#fff;
}
.add-toast-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.add-toast-copy{
  min-width:0;
  display:grid;
  gap:3px;
}
.add-toast-copy strong{
  font-size:13px;
  line-height:1;
  color:var(--yellow);
  text-transform:uppercase;
  letter-spacing:.05em;
}
.add-toast-copy span{
  overflow:hidden;
  color:#fff;
  font-size:15px;
  font-weight:900;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.option-list .add-to-cart{
  min-height:42px !important;
  padding:0 17px !important;
  border-radius:999px !important;
  font-size:14px !important;
  line-height:1 !important;
  white-space:nowrap;
}
@media(max-width:680px){
  .links > #accountButton.profile-icon-link{
    justify-content:flex-start !important;
  }
  .links > #accountButton.profile-icon-link .profile-account-label{
    order:1 !important;
    margin:0 !important;
  }
  .links > #accountButton.profile-icon-link .profile-avatar-icon{
    order:2 !important;
    margin-left:8px !important;
    margin-right:auto !important;
  }
  .add-toast{
    bottom:max(84px,calc(76px + env(safe-area-inset-bottom)));
  }
}
@media(prefers-reduced-motion:reduce){
  .add-toast{transition:none !important}
}

/* source: dynamite-featured-image-fix */
#offer .deal-img{
  position:relative;
  aspect-ratio:1 / 1;
  background:#20272b;
}

#offer .deal-img img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  object-position:center !important;
}

/* source: language-first-paint-guard-v1 */
html.language-prepaint body{visibility:hidden!important}

/* source: language-v4-public-style */
.language-toggle{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:0;border-radius:999px;background:#CC2A31;color:#fff;font:900 13px/1 "Trebuchet MS",Arial,sans-serif;box-shadow:0 5px 14px rgba(204,42,49,.28);cursor:pointer;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.language-toggle:hover{background:#CC2A31;transform:translateY(-2px);box-shadow:0 7px 18px rgba(204,42,49,.34)}.language-toggle:focus-visible{background:#CC2A31;outline:none;box-shadow:0 0 0 3px rgba(204,42,49,.24),0 7px 18px rgba(204,42,49,.34)}
.language-toggle:active{transform:translateY(1px);box-shadow:0 3px 9px rgba(204,42,49,.24)}

.brand-language-zone,.brand-zone{display:flex;align-items:center;gap:10px;min-width:0}
@media(max-width:700px){.brand-language-zone{width:100%;justify-content:space-between}.language-toggle{min-height:40px;padding:0 12px}}

/* source: filter-centering-v4-style */
.logo-language-toggle{margin-left:2px}
.filters{min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;-ms-overflow-style:none}
.filters::-webkit-scrollbar{display:none}
@media(min-width:681px){.filters{max-width:min(64vw,820px)}}
.english-slogan,[data-english-slogan]{direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important}
html[dir="rtl"] .english-slogan,html[dir="rtl"] [data-english-slogan]{direction:ltr!important;unicode-bidi:isolate!important;text-align:left!important}

/* source: mobile-filter-tap-only-v91 */
@media(max-width:680px){
  /* Keep the rail physically still while the page is moving. */
  .filters{scroll-behavior:auto !important;}
  .filter{
    transform:none !important;
    transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease !important;
  }
  .filter.tap-flash,.filter:hover,.filter:focus,.filter:focus-visible{transform:none !important;}
}

/* source: customer-ui-speed-polish-v9 */
/* A visible, branded desktop scrollbar for the long category filter row. */
@media(min-width:681px){
  .filters{
    padding-bottom:10px !important;
    scroll-behavior:auto !important;
    scrollbar-width:thin !important;
    scrollbar-color:var(--orange) rgba(32,39,43,.16) !important;
    -ms-overflow-style:auto !important;
  }

  .filters::-webkit-scrollbar{
    display:block !important;
    height:9px;
  }

  .filters::-webkit-scrollbar-track{
    border-radius:999px;
    background:rgba(32,39,43,.13);
    box-shadow:inset 0 1px 2px rgba(32,39,43,.12);
  }

  .filters::-webkit-scrollbar-thumb{
    min-width:54px;
    border:2px solid transparent;
    border-radius:999px;
    background:
      linear-gradient(90deg,var(--orange),var(--yellow)) padding-box;
  }

  .filters::-webkit-scrollbar-thumb:hover{
    background:
      linear-gradient(90deg,#CC2A31,#CC2A31) padding-box;
  }
}

@media(max-width:680px){
  .filters{
    padding-bottom:0 !important;
    scrollbar-width:none !important;
  }

  .filters::-webkit-scrollbar{
    display:none !important;
  }
}

/* Keep every normal Add to cart control compact and consistent. */
:root{
  --menu-cart-button-width:128px;
}

.add-to-cart:not(#specialOfferAdd){
  inline-size:var(--menu-cart-button-width) !important;
  min-inline-size:var(--menu-cart-button-width) !important;
  max-inline-size:var(--menu-cart-button-width) !important;
  min-height:42px !important;
  padding:0 11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center;
  white-space:nowrap;
}

.option-list .option{
  grid-template-columns:minmax(0,1fr) auto var(--menu-cart-button-width) !important;
  align-items:center !important;
  gap:11px !important;
}

.option-list .option > span{
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.28;
}

.option-list .option > strong{
  font-size:14px !important;
  font-weight:1000 !important;
}

.option-list .add-to-cart{
  width:var(--menu-cart-button-width) !important;
  min-width:var(--menu-cart-button-width) !important;
  max-width:var(--menu-cart-button-width) !important;
  grid-column:auto !important;
  justify-self:end;
  margin:0 !important;
}

/* Dynamite offer button, using the same yellow as FRIES. */
#specialOfferAdd{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:54px !important;
  padding:0 25px !important;
  border:0 !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,var(--yellow),#CC2A31) !important;
  color:#20272b !important;
  -webkit-text-fill-color:#20272b !important;
  box-shadow:
    0 7px 0 #CC2A31,
    0 17px 30px rgba(204,42,49,.22) !important;
  font-weight:1000 !important;
  letter-spacing:.025em !important;
  text-transform:uppercase;
  transform:translateY(0);
}

#specialOfferAdd::before{
  content:"+";
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  flex:0 0 27px;
  border-radius:50%;
  background:var(--orange) !important;
  color:#fff !important;
  font-size:20px;
  font-weight:1000;
  line-height:1;
  box-shadow:0 4px 10px rgba(204,42,49,.24);
}

#specialOfferAdd::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-55%;
  left:-25%;
  width:22%;
  height:210%;
  background:rgba(255,255,255,.46);
  transform:rotate(24deg) translateX(-260%);
  transition:transform .48s ease;
}

@media(hover:hover) and (pointer:fine){
  #specialOfferAdd:hover,
  #specialOfferAdd:focus-visible{
    border:0 !important;
    background:linear-gradient(135deg,#CC2A31,#CC2A31) !important;
    color:#20272b !important;
    -webkit-text-fill-color:#20272b !important;
    box-shadow:
      0 9px 0 #CC2A31,
      0 22px 38px rgba(204,42,49,.28) !important;
    transform:translateY(-2px) !important;
  }

  #specialOfferAdd:hover::before,
  #specialOfferAdd:focus-visible::before{
    background:var(--orange-dark) !important;
    color:#fff !important;
  }

  #specialOfferAdd:hover::after,
  #specialOfferAdd:focus-visible::after{
    transform:rotate(24deg) translateX(700%);
  }
}

#specialOfferAdd:active{
  transform:translateY(4px) !important;
  box-shadow:
    0 3px 0 #CC2A31,
    0 10px 20px rgba(204,42,49,.18) !important;
}

#specialOfferAdd:disabled{
  opacity:.48 !important;
  cursor:not-allowed !important;
  transform:none !important;
  box-shadow:none !important;
}

/*
  Filter stability v52: do not use estimated off-screen category heights.
  content-visibility:auto made far-away category positions move while a
  smooth scroll was already in progress on phones. Images remain lazy.
*/
.menu-category{
  content-visibility:visible;
  contain-intrinsic-size:none;
}

.category-photo{
  background:
    radial-gradient(circle at 42% 35%,rgba(255,255,255,.22),transparent 48%),
    rgba(255,255,255,.08);
}

@media(max-width:420px){
  :root{
    --menu-cart-button-width:116px;
  }

  .option-list .option{
    gap:8px !important;
  }

  .option-list .option > span{
    font-size:14px !important;
  }

  .option-list .option > strong{
    font-size:13px !important;
  }
}

/* source: location-contact-polish-v10 */
.visit-card.dark{
  overflow:hidden;
}

.contact-intro{
  max-width:560px;
}

.contact-lines{
  display:grid;
  gap:11px;
  margin-top:22px;
}

.contact-line{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:
    "label action"
    "number action";
  align-items:center;
  gap:3px 14px;
  min-height:76px;
  padding:14px 16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:15px;
  background:rgba(255,255,255,.075);
  color:#fff;
  text-decoration:none;
  transition:
    transform .18s ease,
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.contact-line-label{
  grid-area:label;
  color:rgba(255,255,255,.66);
  font-size:12px;
  font-weight:900;
  letter-spacing:.075em;
  text-transform:uppercase;
}

.contact-number{
  grid-area:number;
  direction:ltr;
  unicode-bidi:isolate;
  justify-self:start;
  color:#fff;
  font-size:21px;
  font-weight:1000;
  letter-spacing:.035em;
}

.contact-action{
  grid-area:action;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:92px;
  min-height:38px;
  padding:0 12px;
  border-radius:999px;
  background:var(--yellow);
  color:var(--ink);
  font-size:12px;
  font-weight:1000;
  white-space:nowrap;
}

.instagram-line{
  border-color:rgba(74,213,112,.34);
  background:linear-gradient(
    135deg,
    rgba(37,167,80,.18),
    rgba(255,255,255,.07)
  );
}

.instagram-line .contact-action{
  background:#25a950;
}

@media(hover:hover) and (pointer:fine){
  .contact-line:hover,
  .contact-line:focus-visible{
    transform:translateY(-2px);
    border-color:rgba(204,42,49,.56);
    background:rgba(255,255,255,.115);
    box-shadow:0 13px 28px rgba(0,0,0,.18);
    outline:none;
  }

  .instagram-line:hover,
  .instagram-line:focus-visible{
    border-color:rgba(74,213,112,.62);
  }
}

html[dir="rtl"] .contact-number{
  justify-self:end;
}


@media(max-width:520px){
  .contact-line{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "label"
      "number"
      "action";
  }

  .contact-action{
    justify-self:start;
    margin-top:7px;
  }

  html[dir="rtl"] .contact-action{
    justify-self:end;
  }

  .contact-number{
    font-size:19px;
  }
}

/* source: google-maps-location-button-v48 */
.location-map-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:18px;
  padding:0 20px;
  border-radius:999px;
  background:var(--yellow);
  color:var(--ink);
  font-weight:1000;
  text-decoration:none;
  box-shadow:0 10px 24px rgba(204,42,49,.2);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
@media(hover:hover) and (pointer:fine){
  .location-map-button:hover,.location-map-button:focus-visible{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(204,42,49,.28);
    filter:brightness(1.03);
    outline:none;
  }
}

/* source: orange-search-cart-font-v12 */
/* Expandable menu search */
.tools{
  overflow:visible !important;
}

.filters{
  flex:1 1 auto;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
}

.search-shell{
  display:flex;
  flex:0 0 48px;
  align-items:center;
  min-width:48px;
  max-width:48px;
  position:relative;
  transition:
    flex-basis .22s ease,
    max-width .22s ease;
}

.search-toggle-button{
  appearance:none;
  -webkit-appearance:none;
  display:grid;
  place-items:center;
  flex:0 0 48px;
  width:48px;
  height:48px;
  padding:0;
  border:2px solid var(--ink);
  border-radius:50%;
  background:var(--orange);
  color:#fff;
  box-shadow:0 5px 0 rgba(32,39,43,.92);
  cursor:pointer;
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    background .16s ease;
}

.search-toggle-button svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.25;
  stroke-linecap:round;
}

.search-close-icon{
  display:none;
}

.search-shell.is-open{
  flex:0 1 390px;
  max-width:390px;
}

.search-shell.is-open .search-open-icon{
  display:none;
}

.search-shell.is-open .search-close-icon{
  display:block;
}

.search-shell .search{
  flex:0 0 0 !important;
  width:0;
  min-width:0 !important;
  max-width:0;
  margin-inline-start:0;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
  transform:translateX(-7px);
  transition:
    width .22s ease,
    max-width .22s ease,
    flex-basis .22s ease,
    margin .22s ease,
    opacity .14s ease,
    transform .22s ease;
}

html[dir="rtl"] .search-shell .search{
  transform:translateX(7px);
}

.search-shell.is-open .search{
  flex:1 1 320px !important;
  width:320px;
  min-width:170px !important;
  max-width:330px;
  margin-inline-start:9px;
  opacity:1;
  pointer-events:auto;
  transform:translateX(0);
}

.search-shell .search input{
  height:48px;
  padding-inline:18px 42px;
  border-color:var(--ink);
  box-shadow:0 5px 0 rgba(32,39,43,.10);
}

@media(hover:hover) and (pointer:fine){
  .search-toggle-button:hover,
  .search-toggle-button:focus-visible{
    background:var(--orange-dark);
    transform:translateY(-2px);
    box-shadow:0 7px 0 rgba(32,39,43,.92);
    outline:none;
  }
}

.search-toggle-button:active{
  transform:translateY(2px);
  box-shadow:0 2px 0 rgba(32,39,43,.92);
}

/* Match the Dynamite button's typography to regular Add to cart buttons. */
#specialOfferAdd{
  gap:0 !important;
  font-family:Inter,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:1000 !important;
  letter-spacing:0 !important;
  line-height:1 !important;
  text-transform:none !important;
}

#specialOfferAdd::before{
  content:none !important;
  display:none !important;
}

/*
  Use a simpler, highly readable Arabic font only for product content in the
  cart. The cart heading and other large headings keep Cairo.
*/
html[dir="rtl"] .cart-drawer .cart-list,
html[dir="rtl"] .cart-drawer .cart-item,
html[dir="rtl"] .cart-drawer .cart-item h3,
html[dir="rtl"] .cart-drawer .cart-item-option,
html[dir="rtl"] .cart-drawer .cart-item-bottom,
html[dir="rtl"] .cart-drawer .cart-item-note-wrap,
html[dir="rtl"] .cart-drawer .cart-item-note-label,
html[dir="rtl"] .cart-drawer .cart-item-note,
html[dir="rtl"] .cart-drawer .remove-item{
  font-family:Tahoma,Arial,sans-serif !important;
}

@media(max-width:680px){
  .search-shell{
    align-self:flex-start;
  }

  .search-shell.is-open{
    align-self:stretch;
    flex-basis:auto;
    width:100%;
    max-width:100%;
  }

  .search-shell.is-open .search{
    width:auto;
    max-width:none;
  }

  .filters{
    width:100%;
  }
}

/* source: full-width-search-filters-v13 */
/*
  Desktop toolbar:
  - Search occupies only its current width.
  - Filters consume every remaining pixel.
  - Opening Search reduces the filter viewport, never the button sizes.
*/
@media(min-width:681px){
  .tools{
    display:flex !important;
    width:100%;
    overflow:hidden !important;
    align-items:center;
  }

  .search-shell{
    flex:0 0 48px !important;
    width:48px;
    min-width:48px;
    max-width:48px;
  }

  .search-shell.is-open{
    flex:0 0 clamp(270px,32vw,390px) !important;
    width:clamp(270px,32vw,390px);
    min-width:270px;
    max-width:390px;
  }

  .search-shell.is-open .search{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }

  .filters{
    flex:1 1 0 !important;
    width:0 !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .filter{
    flex:0 0 auto !important;
  }
}

/* Preserve the existing stacked mobile behavior. */
@media(max-width:680px){
  .tools{
    overflow:visible !important;
  }

  .search-shell{
    width:48px;
    min-width:48px;
    max-width:48px;
  }

  .search-shell.is-open{
    width:100%;
    min-width:0;
    max-width:100%;
  }

  .filters{
    width:100% !important;
    max-width:none !important;
  }

  .filter{
    flex:0 0 auto !important;
  }
}

/* source: responsive-webp-images-v15 */
.optimized-picture{
  display:block;
  width:100%;
  height:100%;
}

.optimized-picture > img{
  display:block;
  width:100%;
  height:100%;
}

/* Keep logos at their natural fitted size instead of stretching. */
.logo .optimized-picture,
.footer-inner .optimized-picture{
  width:auto;
  height:auto;
}

.logo .optimized-picture > img,
.footer-inner .optimized-picture > img{
  width:100%;
  height:auto;
}

/* source: linked-product-options-v16 */
.product-option-overlay{position:fixed;z-index:1500;inset:0;display:grid;place-items:center;padding:18px;background:rgba(18,22,24,.72);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}
.product-option-overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.product-option-dialog{position:relative;width:min(520px,100%);max-height:min(720px,calc(100dvh - 36px));overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:linear-gradient(180deg,#fff,#f7f1e8);box-shadow:0 34px 90px rgba(0,0,0,.36);transform:translateY(10px) scale(.985);transition:transform .18s ease}
.product-option-overlay.open .product-option-dialog{transform:translateY(0) scale(1)}
.product-option-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:var(--ink);color:#fff;font:1000 23px/1 Arial,sans-serif;cursor:pointer}
.product-option-dialog h2{margin:8px 46px 7px 0;font-family:"Arial Black",Arial,sans-serif;font-size:clamp(28px,6vw,42px);line-height:.95;text-transform:uppercase}
.product-option-product{margin:0 0 20px;color:var(--muted);font-weight:850}
.product-option-list{display:grid;gap:10px}
.product-option-choice{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:13px;width:100%;min-height:68px;padding:13px 15px;border:1px solid #ded3c1;border-radius:16px;background:#fff;color:var(--ink);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}
.product-option-choice strong{display:block;font-size:16px;font-weight:1000}
.product-option-choice small{display:block;margin-top:3px;color:var(--muted);font-size:12px;font-weight:800}
.product-option-choice-price{color:var(--orange-dark);font-size:15px;font-weight:1000;white-space:nowrap}
.product-option-choice.featured{border-color:rgba(204,42,49,.46);background:linear-gradient(135deg,#fff4eb,#fff);box-shadow:0 8px 22px rgba(204,42,49,.10)}
@media(hover:hover) and (pointer:fine){.product-option-choice:hover,.product-option-choice:focus-visible{transform:translateY(-2px);border-color:var(--orange);box-shadow:0 12px 25px rgba(32,39,43,.10);outline:none}}
html[dir="rtl"] .product-option-dialog{text-align:right}
html[dir="rtl"] .product-option-close{right:auto;left:15px}
html[dir="rtl"] .product-option-dialog h2{margin:8px 0 7px 46px}
html[dir="rtl"] .product-option-choice{text-align:right;font-family:Tahoma,Arial,sans-serif}
body.product-option-open{overflow:hidden}

/* Product groups with base variants use one clean Select button.
   The actual variants live in the existing product-option modal. */
.menu-card.product-variant-picker > .option-list{display:none!important}
.menu-card.product-variant-picker .variant-price-summary{white-space:nowrap}
.menu-card.product-variant-picker > .variant-select-button{margin-top:12px}

/* source: customer-first-name-profile-v22 */
/*
  The existing customer account control already sits directly before
  View Menu. Show the customer's first name beside its existing icon.
*/
#accountButton.profile-icon-link{
  gap:8px !important;
  width:auto !important;
  max-width:190px;
}

#accountButton.profile-icon-link .profile-account-label{
  display:inline-flex !important;
  align-items:center;
  max-width:120px;
  margin:0 !important;
  overflow:hidden;
  font-weight:900;
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}

html[dir="rtl"] #accountButton.profile-icon-link .profile-account-label{
  font-family:"Cairo",Tahoma,Arial,sans-serif;
}

@media(max-width:680px){
  .links > #accountButton.profile-icon-link{
    max-width:none;
  }

  .links > #accountButton.profile-icon-link .profile-account-label{
    max-width:none;
  }
}

/* source: main-menu-filter-circle-v27 */
.filters{
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  overflow-anchor:none;
  overscroll-behavior-inline:contain;
}

/* Overlap the inner circular edge so orange cannot anti-alias through it. */
.category-photo{
  background:#20272B !important;
  isolation:isolate;
}
.category-photo > picture.optimized-picture{
  display:block !important;
  width:calc(100% + 4px) !important;
  height:calc(100% + 4px) !important;
  margin:-2px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  clip-path:circle(50% at 50% 50%);
  background:#20272B !important;
}
.category-head .category-photo > picture.optimized-picture > img{
  width:100% !important;
  height:100% !important;
  border-radius:50% !important;
  object-fit:cover !important;
  transform:scale(1.115) !important;
  transform-origin:center !important;
}
.quick-photo{
  isolation:isolate;
}
.quick-photo > picture.optimized-picture{
  width:calc(100% + 3px) !important;
  height:calc(100% + 3px) !important;
  margin:-1.5px !important;
  border-radius:50% !important;
  overflow:hidden !important;
  clip-path:circle(50% at 50% 50%);
}

/* source: main-menu-font-cart-filter-v32 */
/*
  English category typography now matches the giant TASTY BITES
  background lettering exactly: Lilita One.
*/
html:not([dir="rtl"]) .category-head h2,
html:not([dir="rtl"]) .category-head p{
  font-family:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",sans-serif !important;
  font-weight:400 !important;
}

/*
  Direct product Add-to-cart text stays matched to option-row buttons.
*/
.menu-card > .add-to-cart,
.menu-card .item-heading ~ .add-to-cart,
.menu-card.admin-added-product > .add-to-cart{
  font-family:Inter,Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:1000 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-transform:none !important;
}

/*
  Keep the v30 filter hardening intact.
*/
.filters{
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  overflow-anchor:none !important;
  overscroll-behavior-inline:contain;
}

/* source: admin-style-public-filter-smooth-cart-v38 */
/*
  Match the Admin filter's mechanical behavior: a plain horizontal
  scroller with no padding tricks, snap points or scroll anchoring.
*/
.filters{
  padding-inline-start:0 !important;
  padding-inline-end:0 !important;
  scroll-padding-inline:0 !important;
  scroll-snap-type:none !important;
  scroll-behavior:auto !important;
  overflow-anchor:none !important;
}

/*
  Fast cart removal. The cart state updates immediately; this is only
  the visual exit.
*/
.cart-item{
  transition:
    opacity .16s ease,
    transform .18s cubic-bezier(.2,.72,.25,1),
    max-height .18s ease,
    margin .18s ease,
    padding-top .18s ease,
    padding-bottom .18s ease,
    border-width .18s ease !important;
}

.cart-item.is-removing{
  opacity:0 !important;
  transform:translate3d(24px,0,0) scale(.985) !important;
  max-height:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-width:0 !important;
  pointer-events:none !important;
}

@media(prefers-reduced-motion:reduce){
  .cart-item{
    transition-duration:.01ms !important;
  }
}

/* source: arabic-menu-baloo-font-v41 */
/*
  Arabic menu typography: playful, rounded and highly legible.
  Cairo is already loaded by this page, so this changes only
  the Arabic customer menu typography without adding a new dependency.
*/
html[dir="rtl"] .menu-zone,
html[dir="rtl"] .menu-zone button,
html[dir="rtl"] .menu-zone input,
html[dir="rtl"] .menu-zone textarea,
html[dir="rtl"] .menu-zone select,
html[dir="rtl"] .menu-zone .menu-intro,
html[dir="rtl"] .menu-zone .menu-intro h1,
html[dir="rtl"] .menu-zone .menu-intro h2,
html[dir="rtl"] .menu-zone .menu-intro p,
html[dir="rtl"] .menu-zone .tools-sticky,
html[dir="rtl"] .menu-zone .filter,
html[dir="rtl"] .menu-zone .category-head,
html[dir="rtl"] .menu-zone .category-head h2,
html[dir="rtl"] .menu-zone .category-head p,
html[dir="rtl"] .menu-zone .menu-card,
html[dir="rtl"] .menu-zone .menu-card h3,
html[dir="rtl"] .menu-zone .menu-card p,
html[dir="rtl"] .menu-zone .item-price,
html[dir="rtl"] .menu-zone .option-list,
html[dir="rtl"] .menu-zone .option,
html[dir="rtl"] .menu-zone .add-to-cart,
html[dir="rtl"] .product-option-dialog,
html[dir="rtl"] .product-option-dialog h2,
html[dir="rtl"] .product-option-product,
html[dir="rtl"] .product-option-choice,
html[dir="rtl"] .product-option-choice strong,
html[dir="rtl"] .product-option-choice small,
html[dir="rtl"] .product-option-choice-price{
  font-family:"Cairo",Tahoma,Arial,sans-serif !important;
}

/*
  Regular product Add to cart was explicitly forced to Inter elsewhere.
  Override that in Arabic so it matches the option-row Add to cart exactly.
*/
html[dir="rtl"] .menu-zone .menu-card > .add-to-cart,
html[dir="rtl"] .menu-zone .menu-card .item-heading ~ .add-to-cart,
html[dir="rtl"] .menu-zone .menu-card.admin-added-product > .add-to-cart,
html[dir="rtl"] .menu-zone .option-list .add-to-cart{
  font-family:"Cairo",Tahoma,Arial,sans-serif !important;
}

/* Preserve hierarchy without changing the chosen font family. */
html[dir="rtl"] .menu-zone .category-head h2,
html[dir="rtl"] .menu-zone .menu-card h3{
  font-weight:700 !important;
}

html[dir="rtl"] .menu-zone .category-head p,
html[dir="rtl"] .menu-zone .menu-card p{
  font-weight:400 !important;
}

/* source: arabic-cart-baloo-font-v46 */
/* Match the Arabic cart typography to the playful Arabic menu font. */
html[dir="rtl"] .cart-fab,
html[dir="rtl"] .cart-fab *,
html[dir="rtl"] .cart-drawer,
html[dir="rtl"] .cart-drawer *{
  font-family:"Cairo",Tahoma,Arial,sans-serif !important;
}

/* source: admin-exact-public-filter-v58 */
/*
  Public category rail uses the Admin mechanical model. v58 also re-centers
  the current active chip once after public-only geometry changes such as
  async category reordering, translation text changes, or font loading.
*/
.menu-category{
  content-visibility:visible !important;
  contain-intrinsic-size:none !important;
}
.filters{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  scroll-behavior:auto !important;
  scroll-snap-type:none !important;
  overflow-anchor:none !important;
  touch-action:auto !important;
}
.filters::before,
.filters::after{
  content:none !important;
  display:none !important;
}
.filter{flex:0 0 auto !important}

/* source: search-button-clean-v55 */
/* v55: clean search trigger, no black outline/drop-shadow */
.search-toggle-button{
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}
.search-toggle-button:hover,
.search-toggle-button:focus,
.search-toggle-button:focus-visible,
.search-toggle-button:active{
  border:0 !important;
  box-shadow:none !important;
  outline:none !important;
}

/* source: order-mode-launch-v61 */
body.order-mode-open{overflow:hidden}
.order-mode-overlay{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px;background:rgba(20,24,27,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .24s ease}
.order-mode-overlay[hidden]{display:none!important}
.order-mode-overlay.is-visible{opacity:1}
.order-mode-dialog{position:relative;width:min(760px,100%);padding:28px;border:1px solid rgba(255,255,255,.42);border-radius:30px;background:linear-gradient(145deg,#fff 0%,#fff8ea 100%);box-shadow:0 34px 100px rgba(16,20,23,.34);overflow:hidden;opacity:0;transform:translateY(18px) scale(.965);transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1)}
.order-mode-overlay.is-visible .order-mode-dialog{opacity:1;transform:translateY(0) scale(1)}
.order-mode-dialog::before{content:"";position:absolute;inset:auto -90px -110px auto;width:260px;height:260px;border-radius:50%;background:rgba(204,42,49,.16);pointer-events:none}
.order-mode-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.order-mode-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;color:var(--orange-dark);font-weight:1000;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.order-mode-title{margin:0;font:900 clamp(30px,5vw,48px)/.95 Arial,sans-serif;letter-spacing:-.04em;text-transform:uppercase;color:var(--ink)}
.order-mode-subtitle{max-width:560px;margin:10px 0 0;color:var(--muted);font-size:15px;line-height:1.5}
.order-mode-close{width:42px;height:42px;flex:0 0 auto;border:0;border-radius:50%;background:#eef0f2;color:var(--ink);font-size:25px;line-height:1;display:grid;place-items:center}
.order-mode-close:hover,.order-mode-close:focus-visible{background:#e3e6e8;outline:none}
.order-mode-options{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;z-index:1}
.order-mode-option{min-width:0;min-height:176px;padding:18px 16px;border:1px solid #dde1e4;border-radius:22px;background:#fff;color:var(--ink);text-align:left;box-shadow:0 9px 24px rgba(32,39,43,.07);opacity:0;transform:translateY(10px);transition:opacity .24s ease,transform .24s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}
.order-mode-overlay.is-visible .order-mode-option{opacity:1;transform:translateY(0)}
.order-mode-overlay.is-visible .order-mode-option:nth-child(1){transition-delay:.045s}
.order-mode-overlay.is-visible .order-mode-option:nth-child(2){transition-delay:.085s}
.order-mode-overlay.is-visible .order-mode-option:nth-child(3){transition-delay:.125s}
html[dir="rtl"] .order-mode-option{text-align:right}
.order-mode-overlay.is-visible .order-mode-option:hover,.order-mode-overlay.is-visible .order-mode-option:focus-visible{transform:translateY(-3px);border-color:#CC2A31;box-shadow:0 15px 30px rgba(32,39,43,.11);outline:none}
.order-mode-option.is-selected{border-color:#CC2A31;background:#fff8df;box-shadow:0 0 0 2px rgba(204,42,49,.24),0 13px 28px rgba(32,39,43,.09)}
.order-mode-option:disabled{opacity:.42;cursor:not-allowed;transform:none;box-shadow:none}
.order-mode-icon{width:48px;height:48px;display:grid;place-items:center;margin-bottom:18px;border-radius:15px;background:#20272b;color:#fff}
.order-mode-option[data-order-mode="delivery"] .order-mode-icon{background:#CC2A31;color:#20272b}
.order-mode-option[data-order-mode="pickup"] .order-mode-icon{background:#CC2A31}
.order-mode-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.order-mode-option strong{display:block;font-size:18px;font-weight:1000}
.order-mode-option .order-mode-copy{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.4;font-weight:700}
.order-mode-foot{position:relative;z-index:1;margin:17px 2px 0;color:var(--muted);font-size:12px;line-height:1.5;text-align:center}
.order-mode-nav{appearance:none;-webkit-appearance:none;border:1px solid #d8ccb7;background:#fff;color:var(--ink);font-weight:900;font-size:14px;line-height:1;font-family:inherit;padding:12px 15px;border-radius:999px;white-space:nowrap;cursor:pointer}
.order-mode-nav:hover,.order-mode-nav:focus-visible{background:#fff1da;border-color:#CC2A31;outline:none}
.order-mode-nav::before{content:"●";color:#CC2A31;font-size:10px;margin-inline-end:7px}
html[dir="rtl"] .order-mode-title{font-family:"Cairo",Tahoma,Arial,sans-serif;text-transform:none;letter-spacing:0}
@media(max-width:680px){
  .order-mode-overlay{padding:12px;align-items:end}
  .order-mode-dialog{width:100%;padding:22px 16px 18px;border-radius:28px 28px 18px 18px}
  .order-mode-title{font-size:34px}
  .order-mode-subtitle{font-size:14px}
  .order-mode-options{grid-template-columns:1fr;gap:9px}
  .order-mode-option{min-height:0;display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:13px;align-items:center;padding:13px 14px;border-radius:18px}
  .order-mode-icon{grid-row:1/3;margin:0}
  .order-mode-option strong{align-self:end;font-size:17px}
  .order-mode-option .order-mode-copy{align-self:start;margin-top:3px}
  .order-mode-nav{width:100%;text-align:center}
  .order-mode-dialog{transform:translateY(34px) scale(.985)}
  .order-mode-overlay.is-visible .order-mode-dialog{transform:translateY(0) scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .order-mode-overlay,.order-mode-dialog,.order-mode-option{transition-duration:.01ms!important;transition-delay:0s!important}
}
.header-choice-zone{display:flex;align-items:center;gap:8px;min-width:0}
.order-mode-header{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;background:#CC2A31;color:#fff;box-shadow:0 5px 14px rgba(204,42,49,.28);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.order-mode-header:hover,.order-mode-header:focus-visible{background:#CC2A31;color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 7px 18px rgba(204,42,49,.34);outline:none}
.order-mode-header:active{transform:translateY(1px);box-shadow:0 3px 9px rgba(204,42,49,.24)}
.order-mode-header::before{display:none}

.order-mode-header{gap:7px;padding-top:5px;padding-bottom:5px;text-align:left}
.order-mode-header-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:0}
.order-mode-header-label{font-size:8px;line-height:1;letter-spacing:.08em;text-transform:uppercase;opacity:.78;font-weight:1000}
.order-mode-header-value{font-size:12px;line-height:1;font-weight:1000;white-space:nowrap}
.order-mode-header-chevron{display:inline-flex;align-items:center;justify-content:center;font-size:17px;line-height:1;font-weight:1000;transform:translateY(-1px);transition:transform .16s ease}
.order-mode-header[aria-expanded="true"] .order-mode-header-chevron{transform:translateY(1px) rotate(180deg)}
html[dir="rtl"] .order-mode-header{text-align:right}
html[dir="rtl"] .order-mode-header-copy{align-items:flex-start}
html[dir="rtl"] .order-mode-header-label{text-transform:none;letter-spacing:0}
@media(max-width:680px){
  .brand-zone{gap:7px}
  .header-choice-zone{gap:6px}
  .order-mode-header{width:auto;min-height:40px;padding:4px 9px;font-size:12px;gap:5px}
  .order-mode-header-label{font-size:7px}
  .order-mode-header-value{font-size:11px}
  .order-mode-header-chevron{font-size:15px}
  .order-mode-header::before{font-size:8px;margin-inline-end:5px}
}
@media(max-width:390px){
  .nav{padding-left:14px;padding-right:14px;gap:10px}
  .brand-zone{gap:5px}
  .header-choice-zone{gap:4px}
  .language-toggle{padding-left:9px!important;padding-right:9px!important;font-size:12px!important}
  .order-mode-header{padding-left:7px;padding-right:7px;font-size:11px;gap:4px}
  .order-mode-header-label{font-size:6.5px}
  .order-mode-header-value{font-size:10px}
  .order-mode-header-chevron{font-size:14px}
}

/* source: large-order-modal-style-v78 */
.large-order-overlay{position:fixed;inset:0;z-index:12000;display:flex;align-items:center;justify-content:center;padding:22px;background:rgba(20,24,27,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility .22s ease}
.large-order-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.large-order-dialog{width:min(460px,100%);padding:28px;border-radius:26px;background:#fff;color:#20272b;box-shadow:0 28px 80px rgba(0,0,0,.3);transform:translateY(14px) scale(.975);opacity:0;transition:transform .24s cubic-bezier(.22,.61,.36,1),opacity .2s ease;text-align:center}
.large-order-overlay.is-open .large-order-dialog{transform:none;opacity:1}
.large-order-mark{width:58px;height:58px;margin:0 auto 14px;display:grid;place-items:center;border-radius:18px;background:#fff1dc;color:#CC2A31;font-size:28px;font-weight:1000}
.large-order-dialog h2{margin:0 0 9px;font-size:27px;line-height:1.05}.large-order-dialog p{margin:0;color:#626b70;line-height:1.55}.large-order-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.large-order-actions a,.large-order-actions button{min-height:48px;border:0;border-radius:14px;padding:0 14px;font:inherit;font-weight:1000;text-decoration:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.large-order-primary{background:#CC2A31;color:#fff}.large-order-secondary{background:#138a55;color:#fff}.large-order-close{grid-column:1/-1;background:#eef0f2;color:#20272b}
@media(max-width:520px){.large-order-overlay{align-items:flex-end;padding:12px}.large-order-dialog{border-radius:26px 26px 18px 18px}.large-order-actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.large-order-overlay,.large-order-dialog{transition:none!important}}

/* source: tasty-bites-brand-v1 */
:root{
  --orange:#CC2A31!important;
  --orange-dark:#b80f18!important;
  --yellow:#CC2A31!important;
  --red:#CC2A31!important;
  --green:#111!important;
  --cream:#f6f6f6!important;
  --paper:#fff!important;
  --ink:#0b0b0b!important;
  --muted:#646464!important;
  --line:#dedede!important;
  --shadow:0 18px 48px rgba(0,0,0,.10)!important;
}
html,body{background:#fff!important;color:#0b0b0b!important}
.header{background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e7e7e7!important}
.logo img{width:78px!important;height:72px!important;object-fit:contain!important}
.hero{background:#090909!important;color:#fff!important}
.hero::before{background:radial-gradient(circle at 80% 20%,rgba(204,42,49,.33),transparent 28%),linear-gradient(120deg,transparent 45%,rgba(204,42,49,.08))!important}
.hero::after{content:""!important;width:420px!important;height:420px!important;border:70px solid rgba(204,42,49,.15)!important;border-radius:50%!important;right:-90px!important;top:-130px!important}
.hero h1 span{color:#CC2A31!important}
.hero-product{display:flex!important;align-items:center!important;justify-content:center!important}
.hero-brand-logo{width:min(360px,80%)!important;height:auto!important;object-fit:contain!important;filter:drop-shadow(0 22px 35px rgba(0,0,0,.35))}
.btn.white,.nav-pill,.filter.active,.cart-action.primary{background:#CC2A31!important;border-color:#CC2A31!important;color:#fff!important}
.btn.clear{border-color:#fff!important;color:#fff!important}
.quickbar,.menu-zone{background:#fff!important}
.quick-card{border-color:#dedede!important;background:#fff!important}
.tb-text-quick{min-height:84px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}
.tb-quick-mark{color:#CC2A31!important;font-size:18px}
.tools-sticky{background:rgba(255,255,255,.97)!important;border-color:#e5e5e5!important}
.filter{background:#fff!important;border-color:#d7d7d7!important;color:#111!important}
.category-head{grid-template-columns:1fr!important;background:#0a0a0a!important;color:#fff!important;border:1px solid #1f1f1f!important}
.category-head::after{border-color:rgba(204,42,49,.28)!important}
.category-head .eyebrow{color:#CC2A31!important}
.menu-card{background:#fff!important;border-color:#ddd!important}
.add-to-cart{background:#111!important}
.add-to-cart:hover{background:#CC2A31!important}
.item-price,.option strong,.food-price,.cart-line-total,.cart-total-row strong{color:#c8141c!important}
.visit{background:#f5f5f5!important}
.visit-card{background:#fff!important;border-color:#ddd!important}
.visit-card.dark{background:#0a0a0a!important;color:#fff!important}
.contact-action{background:#CC2A31!important;color:#fff!important}
.footer{background:#080808!important}
.footer img{width:92px!important;height:100px!important;object-fit:contain!important}
.footer-email{color:#CC2A31!important;text-decoration:none!important}
.cart-fab{background:#111!important}.cart-count{background:#CC2A31!important;color:#fff!important}
input:focus,select:focus,textarea:focus{border-color:#CC2A31!important;box-shadow:0 0 0 3px rgba(204,42,49,.13)!important}
::selection{background:#CC2A31;color:#fff}
@media(max-width:680px){
  .logo img{width:62px!important;height:60px!important}
  .hero-product{margin-top:12px!important}
  .hero-brand-logo{width:min(250px,70%)!important}
}

/* source: tasty-bites-dark-gray-pattern-v4 */
:root{--tb-page-dark:#2c2f34;--tb-page-darker:#24272b;--tb-hero-base:#101214}
html,body{background:var(--tb-page-dark)!important}
body{background:linear-gradient(180deg,var(--tb-page-dark) 0%,var(--tb-page-darker) 100%)!important}
.hero{position:relative!important;overflow:hidden!important;background:var(--tb-hero-base)!important;color:#fff!important}
.hero::before{background:radial-gradient(circle at 18% 18%,rgba(204,42,49,.15),transparent 24%),linear-gradient(90deg,rgba(204,42,49,.06),transparent 40%)!important}
.hero::after{content:""!important;position:absolute!important;inset:0 0 0 auto!important;width:48%!important;height:100%!important;border:0!important;border-radius:0!important;background-image:linear-gradient(90deg,rgba(16,18,20,1) 0%,rgba(16,18,20,.60) 26%,rgba(16,18,20,.08) 100%),url('/tasty-bites-pattern.png')!important;background-repeat:no-repeat,repeat!important;background-position:center,center!important;background-size:100% 100%,320px auto!important;opacity:.34!important;transform:none!important;pointer-events:none!important}
@media(max-width:900px){.hero::after{width:60%!important;background-size:100% 100%,260px auto!important;opacity:.28!important}}
@media(max-width:640px){.hero::after{width:72%!important;background-size:100% 100%,210px auto!important;opacity:.25!important}}

/* source: tasty-bites-index-dark-surface-v4 */
.quickbar,.quick,.best,.menu-zone,.menu-intro,.visit{background:transparent!important}

/* source: tasty-bites-concept-red-v5 */
:root{
  --tb-red:#CC2A31;
  --tb-red-deep:#b80f18;
  --tb-bg:#171a1d;
  --tb-bg-2:#1d2024;
  --tb-panel:#22262a;
  --tb-panel-2:#282c31;
  --tb-line:#3a4046;
  --tb-text:#f7f7f7;
  --tb-muted:#aeb4ba;
}

/* Concept-wide dark surface, using Tasty Bites red instead of orange. */
html,body{background:var(--tb-bg)!important;color:var(--tb-text)!important}
body{
  background:
    radial-gradient(circle at 12% 7%,rgba(204,42,49,.08),transparent 24%),
    linear-gradient(180deg,#181b1e 0%,#202327 48%,#17191c 100%)!important;
}
.header{
  background:rgba(18,20,23,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
.links a{color:#f5f5f5!important}
.links a:hover,.links a:focus-visible{background:rgba(255,255,255,.07)!important;color:#fff!important}
.logo img{filter:drop-shadow(0 7px 14px rgba(0,0,0,.25))}
.menu-toggle{background:#25292d!important;border:1px solid #41474d!important}
.language-toggle,.order-mode-header,.nav-pill{
  background:var(--tb-red)!important;
  color:#fff!important;
  border-color:var(--tb-red)!important;
  box-shadow:0 8px 22px rgba(204,42,49,.22)!important;
}

.hero{
  min-height:650px!important;
  background:#111315!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
}
.hero::before{
  inset:0!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(204,42,49,.16),transparent 25%),
    radial-gradient(circle at 78% 54%,rgba(204,42,49,.10),transparent 31%),
    linear-gradient(110deg,rgba(255,255,255,.025),transparent 42%)!important;
}
.hero::after{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-image:
    linear-gradient(90deg,rgba(17,19,21,.96) 0%,rgba(17,19,21,.78) 34%,rgba(17,19,21,.42) 66%,rgba(17,19,21,.78) 100%),
    url('/tasty-bites-hero-pattern-red.png?v=20260811-tastybites-v24')!important;
  background-repeat:no-repeat,repeat!important;
  background-position:center,top left!important;
  background-size:100% 100%,1050px auto!important;
  opacity:.30!important;
}

@media(max-width:900px){.hero::after{background-size:100% 100%,850px auto!important}}
@media(max-width:640px){.hero::after{background-size:100% 100%,700px auto!important}}
.hero-inner{
  min-height:650px!important;
  grid-template-columns:minmax(0,1fr) minmax(390px,.82fr)!important;
  gap:50px!important;
  padding-top:74px!important;
  padding-bottom:74px!important;
}
.hero-copy{position:relative;z-index:3;max-width:680px!important}
.hero h1{
  color:#fff!important;
  text-shadow:0 9px 30px rgba(0,0,0,.28);
}
.hero h1 span{color:var(--tb-red)!important}
.hero p{color:#c7ccd1!important;max-width:610px!important}
.btn{border-radius:14px!important;min-height:54px!important}
.btn.white{
  background:var(--tb-red)!important;
  border-color:var(--tb-red)!important;
  color:#fff!important;
  box-shadow:0 10px 26px rgba(204,42,49,.26)!important;
}
.btn.white:hover{background:#ef2630!important}
.btn.clear{background:rgba(255,255,255,.025)!important;border-color:#4a5056!important;color:#fff!important}
.btn.clear:hover{border-color:var(--tb-red)!important;background:rgba(204,42,49,.08)!important}

/* v13: larger, more organic hero photo cluster; photos stay cropped edge-to-edge. */
.hero-product{position:relative!important;min-height:440px!important;overflow:visible!important}
.hero-photo-cluster{
  position:relative;
  width:min(440px,38vw);
  aspect-ratio:1;
  margin:0 auto;
  filter:drop-shadow(0 30px 42px rgba(0,0,0,.30));
}
.hero-photo{
  position:absolute;
  border-radius:50%;
  overflow:hidden;
  background:#202428;
  border:4px solid var(--tb-red);
  box-shadow:0 14px 28px rgba(0,0,0,.24);
}
.hero-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
  border-radius:inherit;
  transform:scale(1.025);
}
.hero-photo-main{inset:4%}
.hero-photo-main img{object-position:50% 47%;transform:scale(1.05)}
.hero-photo-small{width:31%;aspect-ratio:1;z-index:2;border-width:3px}
.hero-photo-one{left:-9.3%;top:15.3%}
.hero-photo-one img{object-position:50% 48%;transform:scale(1.08)}
.hero-photo-two{left:67.5%;top:.4%}
.hero-photo-two img{object-position:50% 47%;transform:scale(1.08)}
.hero-photo-three{left:49.2%;top:79.7%}
.hero-photo-three img{object-position:50% 50%;transform:scale(1.10)}

.quickbar{background:transparent!important;border-bottom:0!important;padding:28px 0 12px}
.quick-inner{gap:12px!important}
.quick-card{
  min-height:92px!important;
  background:linear-gradient(180deg,#24282c,#202428)!important;
  border:1px solid var(--tb-line)!important;
  color:#fff!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
}
.quick-card:hover,.quick-card:focus-visible{
  transform:translateY(-3px)!important;
  border-color:rgba(204,42,49,.75)!important;
  background:#292d32!important;
}
.quick-card strong{color:#f5f5f5!important;font-size:14px!important}
.tb-quick-mark{color:var(--tb-red)!important;font-size:14px!important}

.menu-zone,.menu-intro,.menu-content,.visit{background:transparent!important}
.menu-intro{padding-top:74px!important}
.menu-intro h2{color:#fff!important;text-shadow:0 8px 28px rgba(0,0,0,.22)}
.menu-intro h2::after{
  content:"";
  display:block;
  width:84px;
  height:5px;
  margin-top:22px;
  border-radius:999px;
  background:var(--tb-red);
}
.menu-intro p{color:var(--tb-muted)!important}
.tools-sticky{
  background:rgba(25,28,31,.94)!important;
  border-block:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 13px 28px rgba(0,0,0,.10)!important;
}
.search-shell .search input,.search input{
  background:#202428!important;
  border-color:#454b52!important;
  color:#fff!important;
}
.search-shell .search input::placeholder,.search input::placeholder{color:#8f969d!important}
.search-toggle-button{
  background:var(--tb-red)!important;
  border-color:var(--tb-red)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.filter{
  background:#212529!important;
  border-color:#42484f!important;
  color:#e8eaec!important;
  box-shadow:none!important;
}
.filter:hover,.filter:focus-visible{border-color:#686f77!important;background:#292e33!important}
.filter.active{background:var(--tb-red)!important;border-color:var(--tb-red)!important;color:#fff!important}

.menu-category{margin-top:34px!important}
.category-head{
  min-height:180px!important;
  background:linear-gradient(145deg,#202428,#171a1d)!important;
  border:1px solid #3a4046!important;
  border-radius:22px!important;
  box-shadow:0 18px 42px rgba(0,0,0,.14)!important;
}
.category-head::before{
  content:"";
  position:absolute;
  left:0;
  top:24px;
  bottom:24px;
  width:5px;
  border-radius:0 999px 999px 0;
  background:var(--tb-red);
}
html[dir="rtl"] .category-head::before{left:auto;right:0;border-radius:999px 0 0 999px}
.category-head::after{border-color:rgba(204,42,49,.17)!important}
.category-head .eyebrow{color:var(--tb-red)!important}
.category-head h2{color:#fff!important}
.category-head p{color:#adb4ba!important}
.menu-grid{gap:14px!important}
.menu-card{
  background:linear-gradient(180deg,#25292e,#22262a)!important;
  border-color:#3c4248!important;
  color:#f6f6f6!important;
  box-shadow:0 10px 28px rgba(0,0,0,.12)!important;
}
.menu-card:hover{border-color:#515960!important;box-shadow:0 16px 34px rgba(0,0,0,.18)!important}
.menu-card h3{color:#fff!important}
.menu-card p,.product-options-label{color:#aeb4ba!important}
.item-price,.option strong{color:#ff4b52!important}
.option-list{border-top-color:#454b51!important}
.add-to-cart{
  background:var(--tb-red)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(204,42,49,.16)!important;
}
.add-to-cart:hover,.add-to-cart:focus-visible{background:#f02831!important}

.visit{padding-top:55px!important}
.visit-card,.visit-card.dark{
  background:linear-gradient(145deg,#24282c,#1d2024)!important;
  border:1px solid #3d4349!important;
  color:#fff!important;
  box-shadow:0 18px 44px rgba(0,0,0,.18)!important;
}
.visit-card h2,.visit-card h3{color:#fff!important}
.visit-card p,.visit-card.dark p{color:#aeb4ba!important}
.visit-card .eyebrow{color:var(--tb-red)!important}
.contact-line{
  background:#1d2024!important;
  border-color:#3d4349!important;
  color:#fff!important;
}
.contact-line:hover,.contact-line:focus-visible{border-color:var(--tb-red)!important;background:#24282d!important}
.contact-line-label{color:#9fa6ad!important}
.contact-action{background:var(--tb-red)!important;color:#fff!important}
.footer{background:#0f1113!important;border-top:1px solid rgba(255,255,255,.08)!important}
.footer-inner,.footer a{color:#d4d8dc!important}
.footer-email{color:#ff454d!important}

/* Keep the cart and order-method UI in the same visual system. */
.cart-fab{background:var(--tb-red)!important;color:#fff!important;box-shadow:0 14px 34px rgba(204,42,49,.24)!important}
.cart-count{background:#fff!important;color:#17191c!important}
.cart-drawer{background:#1c1f22!important;color:#fff!important;border-left:1px solid #3b4147!important}
.cart-head,.cart-footer{background:#171a1d!important;border-color:#383e44!important}
.cart-head h2,.cart-item h3,.cart-total-row span,.cart-item-note-label{color:#fff!important}
.cart-close{background:#2c3136!important;color:#fff!important}
.cart-item{background:#24282c!important;border-color:#3d434a!important}
.cart-item-option,.cart-empty,.cart-note{color:#a9b0b6!important}
.cart-item-note{background:#1c2023!important;border-color:#454c53!important;color:#fff!important}
.cart-action.secondary{background:#24282c!important;color:#fff!important;border-color:#4b5259!important}
.cart-action.primary{background:var(--tb-red)!important;border-color:var(--tb-red)!important;color:#fff!important}

.order-mode-dialog{
  background:linear-gradient(145deg,#24282c,#181b1e)!important;
  border-color:#474e55!important;
  color:#fff!important;
}
.order-mode-dialog::before{background:rgba(204,42,49,.12)!important}
.order-mode-title,.order-mode-option strong{color:#fff!important}
.order-mode-kicker{color:#ff4b52!important}
.order-mode-subtitle,.order-mode-option .order-mode-copy,.order-mode-foot{color:#aeb4ba!important}
.order-mode-close{background:#34393f!important;color:#fff!important}
.order-mode-option{background:#202428!important;border-color:#41474e!important;color:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.16)!important}
.order-mode-option:hover,.order-mode-option:focus-visible{border-color:var(--tb-red)!important;background:#282d32!important}
.order-mode-option.is-selected{background:rgba(204,42,49,.10)!important;border-color:var(--tb-red)!important;box-shadow:0 0 0 2px rgba(204,42,49,.15)!important}
.order-mode-icon{background:#30353a!important;color:#fff!important}
.order-mode-option[data-order-mode="delivery"] .order-mode-icon,
.order-mode-option[data-order-mode="pickup"] .order-mode-icon{background:var(--tb-red)!important;color:#fff!important}

@media(max-width:950px){
  .hero-inner{grid-template-columns:1fr!important;gap:8px!important;text-align:center!important}
  .hero-copy{margin:0 auto!important}
  .hero p{margin-left:auto!important;margin-right:auto!important}
  .actions{justify-content:center!important}
  .hero-product{min-height:390px!important;margin-top:2px!important}
  .hero-photo-cluster{width:min(350px,76vw)!important}
}
@media(max-width:680px){
  .header{background:rgba(17,19,21,.98)!important}
  .links{
    background:#191c1f!important;
    border-bottom-color:#343a40!important;
    box-shadow:0 16px 28px rgba(0,0,0,.28)!important;
  }
  .links a{color:#fff!important}
  .hero{min-height:auto!important}
  .hero-inner{min-height:auto!important;padding:42px 18px 55px!important}
  .hero h1{font-size:clamp(48px,15vw,66px)!important}
  .hero p{font-size:16px!important}
  .hero-product{min-height:330px!important;margin-top:8px!important}
  .hero-photo-cluster{width:min(292px,80vw)!important}
  .hero-photo{border-width:3px!important}
  .hero-photo-small{border-width:2px!important}
  .quickbar{padding-top:20px!important}
  .quick-inner{padding-left:18px!important;padding-right:18px!important}
  .quick-card{min-width:136px!important}
  .menu-intro{padding-top:60px!important}
  .menu-intro h2{font-size:clamp(50px,15vw,72px)!important}
  .tools{gap:10px!important}
  .category-head{min-height:155px!important;padding:24px 22px!important}
  .category-head::before{top:20px;bottom:20px}
  .visit-card{box-shadow:0 14px 32px rgba(0,0,0,.18)!important}
}

/* source: tasty-bites-location-contact-v6 */
/* v6: clean location/contact cards in the dark Tasty Bites visual system. */
.visit{background:#15181b!important;padding:64px 18px 72px!important;border-top:1px solid rgba(255,255,255,.06)}
.visit-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:18px!important}
.visit-card,.visit-card.dark{position:relative;overflow:hidden;padding:30px!important;border:1px solid #3a4046!important;border-radius:24px!important;background:linear-gradient(145deg,#24282d,#1b1e22)!important;box-shadow:0 18px 44px rgba(0,0,0,.20)!important}
.visit-card::after{content:"";position:absolute;width:210px;height:210px;border:42px solid rgba(204,42,49,.08);border-radius:50%;right:-105px;top:-105px;pointer-events:none}
html[dir="rtl"] .visit-card::after{right:auto;left:-105px}
.visit-heading{position:relative;z-index:1;display:flex;align-items:center;gap:15px;margin-bottom:18px}
.visit-symbol{width:48px;height:48px;flex:0 0 48px;border:1px solid rgba(204,42,49,.55);border-radius:15px;background:rgba(204,42,49,.10);color:#fff;display:grid;place-items:center;font-family:"Lilita One","Arial Rounded MT Bold",sans-serif;font-size:20px}
.visit-symbol-location{position:relative}
.visit-symbol-location::before{content:"";width:15px;height:15px;border:4px solid #CC2A31;border-radius:50%;box-sizing:border-box;transform:translateY(-3px)}
.visit-symbol-location::after{content:"";position:absolute;width:9px;height:9px;border-right:4px solid #CC2A31;border-bottom:4px solid #CC2A31;transform:translateY(7px) rotate(45deg);border-radius:1px}
.visit-card .eyebrow{display:block;margin:0 0 5px;color:#ff4b52!important;font-size:11px;font-weight:1000;letter-spacing:.13em;text-transform:uppercase}
.visit-card h2,.visit-card h3{margin:0!important;color:#fff!important;font-family:"Lilita One","Arial Rounded MT Bold","Trebuchet MS",sans-serif!important;font-weight:400!important;line-height:1!important;text-transform:none!important;letter-spacing:.01em!important}
.visit-card h2{font-size:clamp(34px,4.6vw,58px)!important;max-width:520px}
.visit-card h3{font-size:clamp(32px,3.4vw,46px)!important}
.visit-lead,.contact-intro{position:relative;z-index:1;margin:0 0 20px!important;color:#aeb4ba!important;font-size:15px;line-height:1.65}
.visit-address{position:relative;z-index:1;display:grid;gap:4px;padding:15px 16px;margin-bottom:13px;border:1px solid #3d4349;border-radius:16px;background:#1b1f23}
.visit-address span{color:#929aa1;font-size:11px;font-weight:1000;letter-spacing:.10em;text-transform:uppercase}
.visit-address strong{color:#fff;font-size:17px;font-weight:900}
.visit-location-link{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #CC2A31;border-radius:13px;background:#CC2A31;color:#fff!important;text-decoration:none;font-size:13px;font-weight:1000;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}
.visit-location-link:hover,.visit-location-link:focus-visible{background:#f02b33;border-color:#f02b33;transform:translateY(-2px);outline:none}
.contact-lines{position:relative;z-index:1;display:grid;gap:10px;margin-top:0!important}
.contact-line{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;grid-template-areas:none!important;align-items:center!important;gap:12px!important;min-height:72px!important;padding:12px 13px!important;border:1px solid #3d4349!important;border-radius:16px!important;background:#1b1f23!important;color:#fff!important;text-decoration:none!important}
.contact-line:hover,.contact-line:focus-visible{border-color:#CC2A31!important;background:#24292e!important;transform:translateY(-2px);outline:none}
.contact-line-icon{width:44px;height:44px;border-radius:13px;background:rgba(204,42,49,.12);color:#ff5960;display:grid;place-items:center;font-family:"Lilita One","Arial Rounded MT Bold",sans-serif;font-size:16px;font-weight:400}
.contact-line-copy{min-width:0;display:grid;gap:3px}
.contact-line-label{grid-area:auto!important;color:#929aa1!important;font-size:10px!important;font-weight:1000!important;letter-spacing:.11em!important;text-transform:uppercase!important}
.contact-number{grid-area:auto!important;justify-self:start!important;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:ltr!important;unicode-bidi:isolate;color:#fff!important;font-size:15px!important;font-weight:900!important;letter-spacing:0!important}
.contact-action{grid-area:auto!important;width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:12px!important;background:#CC2A31!important;color:#fff!important;font-size:18px!important}
.instagram-line{border-color:#3d4349!important;background:#1b1f23!important}
.instagram-line .contact-action{background:#CC2A31!important}
html[dir="rtl"] .visit-heading{text-align:right}
html[dir="rtl"] .contact-number{justify-self:end!important;text-align:right!important}
html[dir="rtl"] .contact-action{transform:scaleX(-1)}
@media(max-width:950px){.visit-grid{grid-template-columns:1fr!important}}
@media(max-width:520px){.visit{padding:48px 14px 56px!important}.visit-card,.visit-card.dark{padding:22px!important;border-radius:20px!important}.visit-heading{align-items:flex-start}.visit-symbol{width:44px;height:44px;flex-basis:44px;border-radius:13px}.visit-card h2{font-size:37px!important}.visit-card h3{font-size:34px!important}.contact-line{grid-template-columns:40px minmax(0,1fr)!important;padding:10px!important}.contact-line-icon{width:40px;height:40px;border-radius:12px}.contact-number{font-size:13px!important}}

/* source: tasty-bites-polish-v8 */
/* No decorative glow on interactive controls. Keep an outline for keyboard focus. */
button,
.btn,
.quick-card,
.filter,
.add-to-cart,
.cart-fab,
.cart-action,
.search-toggle-button,
.order-mode-option,
.order-mode-close,
.language-toggle,
.contact-line{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
button:hover,
button:focus-visible,
.btn:hover,
.btn:focus-visible,
.quick-card:hover,
.quick-card:focus-visible,
.filter:hover,
.filter:focus-visible,
.add-to-cart:hover,
.add-to-cart:focus-visible,
.cart-fab:hover,
.cart-fab:focus-visible,
.cart-action:hover,
.cart-action:focus-visible,
.search-toggle-button:hover,
.search-toggle-button:focus-visible,
.order-mode-option:hover,
.order-mode-option:focus-visible,
.order-mode-close:hover,
.order-mode-close:focus-visible,
.language-toggle:hover,
.language-toggle:focus-visible,
.contact-line:hover,
.contact-line:focus-visible{
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}
button:focus-visible,
.btn:focus-visible,
.quick-card:focus-visible,
.filter:focus-visible,
.add-to-cart:focus-visible,
.cart-fab:focus-visible,
.cart-action:focus-visible,
.search-toggle-button:focus-visible,
.order-mode-option:focus-visible,
.order-mode-close:focus-visible,
.language-toggle:focus-visible,
.contact-line:focus-visible{
  outline:2px solid var(--tb-red)!important;
  outline-offset:2px!important;
}
.contact-line-icon svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
html[dir="rtl"] #visit .eyebrow,
html[dir="rtl"] #visit .visit-card h2,
html[dir="rtl"] #visit .visit-card h3,
html[dir="rtl"] #visit .visit-lead,
html[dir="rtl"] #visit .contact-intro,
html[dir="rtl"] #visit .visit-address,
html[dir="rtl"] #visit .contact-line-label{
  font-family:"Cairo",Tahoma,Arial,sans-serif!important;
  letter-spacing:0!important;
}
html[dir="rtl"] #visit .visit-card h2,
html[dir="rtl"] #visit .visit-card h3{
  font-weight:900!important;
}

/* v9: Contact values are Latin strings even in Arabic mode. Keep them on the
   clean Latin UI font instead of inheriting any Arabic/display face. */
#visit .contact-number,
html[dir="rtl"] #visit .contact-number{
  font-family:Inter,Arial,sans-serif!important;
  font-weight:700!important;
  color:#e7eaed!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* source: tasty-bites-hero-cart-v14 */
/* v14: rotate the three satellite photos farther around the main circle while preserving their radial spacing. */
.hero-photo-one{left:-9.3%!important;top:15.3%!important}
.hero-photo-two{left:67.5%!important;top:.4%!important}
.hero-photo-three{left:49.2%!important;top:79.7%!important}

/* Remove the remaining light surfaces inside the cart so the whole drawer stays charcoal. */
.cart-count{background:#24282c!important;color:#fff!important;border:1px solid #4b5259!important}
.cart-content{background:#1c1f22!important}
.qty-control{background:#202428!important;box-shadow:inset 0 0 0 1px #454c53!important}
.qty-value{color:#fff!important}
.qty-btn:disabled,.qty-btn[aria-disabled="true"],
.qty-btn:disabled:hover,.qty-btn:disabled:focus,
.qty-btn[aria-disabled="true"]:hover,.qty-btn[aria-disabled="true"]:focus{
  background:#2b3035!important;
  color:#767e85!important;
}
.cart-availability-message{background:#252a2f!important;color:#ff8f94!important;border:1px solid #454c53!important}

/* source: tasty-bites-cart-hover-v20 */
/* v20: visible cart hover color change with a clean, borderless count badge. */
.cart-fab{
  background:#CC2A31!important;
  color:#fff!important;
  box-shadow:none!important;
  transition:background-color .18s ease,color .18s ease,transform .18s ease!important;
}
.cart-fab:hover,
.cart-fab:focus-visible{
  background:#24282c!important;
  color:#fff!important;
  transform:translateY(-2px)!important;
  box-shadow:none!important;
}
.cart-count{
  background:#24282c!important;
  color:#fff!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  overflow:hidden!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  transition:background-color .18s ease,color .18s ease!important;
}
.cart-fab:hover .cart-count,
.cart-fab:focus-visible .cart-count{
  background:#CC2A31!important;
  color:#fff!important;
  border:0!important;
  box-shadow:none!important;
}

/* source: tasty-bites-v21-ordering-notice */
.ordering-notice{
  background:#202327!important;
  border-color:#3f454b!important;
  color:#f4f5f6!important;
  box-shadow:none!important;
}
.ordering-notice.limited{
  background:#262a2f!important;
  border-color:#4b5057!important;
  color:#f4f5f6!important;
}
.ordering-notice-icon,.ordering-notice.limited .ordering-notice-icon{
  background:#CC2A31!important;
  color:#fff!important;
}
.ordering-notice p{color:#c8cdd2!important}

/* source: tasty-bites-spam-welcome-category-v26 */
/* v26: reuse the approved tb-spam pattern in category and welcome surfaces. */
.category-head{
  isolation:isolate!important;
  background:linear-gradient(145deg,#202428,#171a1d)!important;
}
.category-head::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  display:block!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:inherit!important;
  background-image:
    linear-gradient(108deg,rgba(17,19,21,.94) 0%,rgba(17,19,21,.58) 46%,rgba(17,19,21,.84) 100%),
    url('/tasty-bites-hero-pattern-red.png?v=20260811-tastybites-v26')!important;
  background-repeat:no-repeat,repeat!important;
  background-position:center,top left!important;
  background-size:100% 100%,620px auto!important;
  color:transparent!important;
  font-size:0!important;
  line-height:0!important;
  opacity:1!important;
  text-shadow:none!important;
  transform:none!important;
  pointer-events:none!important;
}
.category-head>div{position:relative!important;z-index:2!important}

/* The compact account welcome panel on the menu uses the same visual language. */
.account-intro{
  background-image:
    linear-gradient(108deg,rgba(17,19,21,.96) 0%,rgba(17,19,21,.62) 50%,rgba(17,19,21,.86) 100%),
    url('/tasty-bites-hero-pattern-red.png?v=20260811-tastybites-v26')!important;
  background-repeat:no-repeat,repeat!important;
  background-position:center,top left!important;
  background-size:100% 100%,560px auto!important;
}
.account-intro::after{content:""!important;display:none!important}

@media(max-width:680px){
  .category-head::after{background-size:100% 100%,500px auto!important}
  .account-intro{background-size:100% 100%,460px auto!important}
}

/* source: tasty-bites-v29-translucent-header */
/* Tasty Bites version of the same treatment: a slightly translucent dark
   navigation header over an identical #111315 backing layer at document top. */
body::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:260px;
  background:#111315;
  pointer-events:none;
}
.header{
  background:rgba(17,19,21,.90) !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
}

/* source: restaurant-status-warning-v1 */
.restaurant-warning-overlay{position:fixed;inset:0;z-index:14000;display:grid;place-items:center;padding:20px;background:rgba(20,24,27,.66);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .22s ease}
.restaurant-warning-overlay[hidden]{display:none!important}.restaurant-warning-overlay.is-visible{opacity:1}
.restaurant-warning-dialog{position:relative;width:min(560px,100%);padding:28px;border:1px solid rgba(255,255,255,.45);border-radius:30px;background:linear-gradient(145deg,#fff 0%,#f6f7f8 100%);color:#20272b;box-shadow:0 34px 100px rgba(16,20,23,.34);opacity:0;transform:translateY(18px) scale(.965);transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1)}
.restaurant-warning-overlay.is-visible .restaurant-warning-dialog{opacity:1;transform:none}
.restaurant-warning-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.restaurant-warning-mark{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border-radius:17px;background:var(--red);color:#fff;font:1000 27px/1 Arial,sans-serif}
.restaurant-warning-copy{flex:1}.restaurant-warning-title{margin:2px 0 0;font:900 clamp(28px,5vw,42px)/.95 Arial,sans-serif;letter-spacing:-.035em;text-transform:uppercase}.restaurant-warning-text{margin:14px 0 0;color:#5f676d;font-size:15px;line-height:1.6;font-weight:700}
.restaurant-warning-close{width:42px;height:42px;border:0;border-radius:50%;background:#e6e8ea;color:#20272b;font-size:25px;display:grid;place-items:center;cursor:pointer}.restaurant-warning-actions{display:flex;justify-content:flex-end;margin-top:22px}.restaurant-warning-ack{min-height:46px;border:0;border-radius:999px;padding:0 22px;background:var(--red);color:#fff;font:inherit;font-weight:1000;cursor:pointer}
html[dir="rtl"] .restaurant-warning-title{font-family:"Cairo","Tahoma",Arial,sans-serif;text-transform:none;letter-spacing:0;line-height:1.28}html[dir="rtl"] .restaurant-warning-text{font-family:"Cairo","Tahoma",Arial,sans-serif}
@media(max-width:680px){.restaurant-warning-overlay{padding:12px;align-items:end}.restaurant-warning-dialog{width:100%;padding:22px 18px 18px;border-radius:28px 28px 18px 18px}.restaurant-warning-title{font-size:31px}}
@media(prefers-reduced-motion:reduce){.restaurant-warning-overlay,.restaurant-warning-dialog{transition:none!important}}

/* source: tasty-bites-v31-cart-alignment-featured-text-color */
/* No-option menu buttons now use the same logical-side alignment as option-row buttons. */
.menu-card > .add-to-cart,
.menu-card .item-heading ~ .add-to-cart,
.menu-card.admin-added-product > .add-to-cart{
  align-self:flex-end !important;
  margin-inline-start:auto !important;
  margin-inline-end:0 !important;
}

/* Featured-category wording keeps its existing light color in every interaction state. */
.quick-card strong,
.quick-card:hover strong,
.quick-card:focus strong,
.quick-card:focus-visible strong,
.quick-card.quick-tap-flash strong,
.quick-card:not(.quick-tap-flash):hover strong,
.quick-card:not(.quick-tap-flash):focus strong,
.quick-card:not(.quick-tap-flash):focus-visible strong{
  color:#f5f5f5 !important;
  -webkit-text-fill-color:#f5f5f5 !important;
}

/* source: tasty-bites-cart-no-shadow-v36 */
/* Keep the floating Cart control completely shadow-free in every interaction state. */
.cart-fab,
.cart-fab:hover,
.cart-fab:focus,
.cart-fab:focus-visible,
.cart-fab:active{
  box-shadow:none !important;
}

/* source: tasty-bites-v37-sticky-filters-static-search */
/* Search stays in normal document flow; only category filters remain sticky. */
.search-static{
  position:relative !important;
  z-index:59;
  background:rgba(25,28,31,.94) !important;
  border-top:1px solid rgba(255,255,255,.09) !important;
}
.search-static .search-only-tools{
  padding-bottom:7px !important;
}
.tools-sticky{
  border-top:0 !important;
}
.tools-sticky .filter-only-tools{
  padding-top:7px !important;
}
.filter-only-tools .filters{
  flex:1 1 100% !important;
  width:100% !important;
}
@media(max-width:680px){
  .search-static .search-only-tools{padding-bottom:6px !important;}
  .tools-sticky .filter-only-tools{padding-top:6px !important;}
}

/* source: tasty-bites-v38-mobile-nav-matches-header */
/* Phone navigation dropdown uses the exact same translucent treatment as the site header. */
@media(max-width:680px){
  .links,
  .links.open{
    background:rgba(17,19,21,.90) !important;
    border-bottom-color:rgba(255,255,255,.08) !important;
    -webkit-backdrop-filter:blur(12px) !important;
    backdrop-filter:blur(12px) !important;
    box-shadow:none !important;
  }
}

/* source: tasty-bites-v40-cairo-and-menu-controls */
/*
  v40 typography: Arabic glyphs always use Cairo. Latin glyphs keep the
  same English face used by each component in English mode.
*/
@font-face{
  font-family:"TB Trebuchet Latin";
  src:local("Trebuchet MS"),local("Arial");
  font-style:normal;
  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F;
}
@font-face{
  font-family:"TB Arial Latin";
  src:local("Arial");
  font-style:normal;
  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F;
}
@font-face{
  font-family:"TB Arial Black Latin";
  src:local("Arial Black"),local("Arial");
  font-style:normal;
  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F;
}
@font-face{
  font-family:"TB Inter Latin";
  src:local("Inter"),local("Arial");
  font-style:normal;
  unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F;
}

html[dir="rtl"] body,
html[dir="rtl"] body *{
  font-family:"TB Trebuchet Latin","Cairo",Tahoma,Arial,sans-serif !important;
}

/* Preserve the English display faces while Cairo supplies Arabic glyphs. */
html[dir="rtl"] .hero h1,
html[dir="rtl"] .menu-intro h2,
html[dir="rtl"] .section-head h2,
html[dir="rtl"] .food-body h3,
html[dir="rtl"] .deal-copy h2,
html[dir="rtl"] .deal-price strong,
html[dir="rtl"] .menu-card h3,
html[dir="rtl"] .cart-head h2,
html[dir="rtl"] .cart-item h3,
html[dir="rtl"] .cart-total-row strong,
html[dir="rtl"] .product-option-dialog h2{
  font-family:"TB Arial Black Latin","Cairo",Tahoma,Arial,sans-serif !important;
}

html[dir="rtl"] .order-mode-title,
html[dir="rtl"] .restaurant-warning-title{
  font-family:"TB Arial Latin","Cairo",Tahoma,Arial,sans-serif !important;
}

html[dir="rtl"] .category-head h2,
html[dir="rtl"] .category-head p,
html[dir="rtl"] .visit-card h2,
html[dir="rtl"] .visit-card h3,
html[dir="rtl"] .visit-symbol,
html[dir="rtl"] .contact-line-icon,
html[dir="rtl"] .account-head h2,
html[dir="rtl"] .account-intro h3,
html[dir="rtl"] .account-welcome h3,
html[dir="rtl"] .account-section h3{
  font-family:"Lilita One","Cairo",Tahoma,Arial,sans-serif !important;
}

html[dir="rtl"] .account-dialog,
html[dir="rtl"] .account-dialog button,
html[dir="rtl"] .account-dialog input,
html[dir="rtl"] .account-dialog textarea{
  font-family:"Nunito","Cairo",Tahoma,Arial,sans-serif !important;
}

html[dir="rtl"] .menu-card > .add-to-cart,
html[dir="rtl"] .menu-card .item-heading ~ .add-to-cart,
html[dir="rtl"] .menu-card.admin-added-product > .add-to-cart,
html[dir="rtl"] .option-list .add-to-cart,
html[dir="rtl"] #specialOfferAdd{
  font-family:"TB Inter Latin","Cairo",Tahoma,Arial,sans-serif !important;
}

/* Underline exactly the bottom word MENU instead of a fixed 84px dash. */
.menu-intro h2::after{display:none !important;content:none !important;}
/* Force the complete TASTY BITES / MENU title to real Arial Black in both EN and AR page modes. */
.menu-intro h2,
.menu-intro h2 .tb-menu-title-last,
html[dir="rtl"] body .menu-intro h2,
html[dir="rtl"] body .menu-intro h2 .tb-menu-title-last{font-family:"Arial Black",Arial,sans-serif!important;font-weight:900!important;font-style:normal!important;color:#fff!important;-webkit-text-fill-color:#fff!important;font-synthesis:none;}
.menu-intro h2 .tb-menu-title-last{display:inline-block;position:relative;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;text-shadow:inherit!important;}
.tb-menu-title-last::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:-20px;
  height:5px;
  border-radius:999px;
  background:var(--tb-red,#CC2A31);
}

/*
  Search and filters share one visual row at the top of the menu, but Search
  remains non-sticky. The category rail alone follows the user on scroll.
*/
.search-static{
  position:relative !important;
  z-index:61 !important;
  height:0 !important;
  min-height:0 !important;
  border:0 !important;
  background:transparent !important;
  overflow:visible !important;
  pointer-events:none;
}
.search-static .search-only-tools{
  position:relative !important;
  height:0 !important;
  min-height:0 !important;
  max-width:var(--max) !important;
  margin:0 auto !important;
  padding:0 22px !important;
  overflow:visible !important;
  pointer-events:none;
}
.search-static .search-shell{
  position:absolute !important;
  inset-inline-start:22px !important;
  top:7px !important;
  z-index:4 !important;
  pointer-events:auto;
}
.tools-sticky .filter-only-tools{
  min-height:62px !important;
  padding-block:7px !important;
  padding-inline-end:22px !important;
  padding-inline-start:82px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  overflow:hidden !important;
  transition:padding-inline-start .22s ease !important;
}
.filter-only-tools .filters{
  flex:0 1 auto !important;
  width:max-content !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
.menu-zone:has(.search-shell.is-open) .tools-sticky .filter-only-tools{
  padding-inline-start:clamp(310px,34vw,424px) !important;
}

@media(max-width:680px){
  .search-static .search-only-tools{padding-inline:18px !important;}
  .search-static .search-shell{inset-inline-start:18px !important;top:7px !important;}
  .tools-sticky .filter-only-tools{
    min-height:60px !important;
    padding-block:6px !important;
    padding-inline-end:18px !important;
    padding-inline-start:78px !important;
    flex-direction:row !important;
    align-items:center !important;
  }
  .search-shell.is-open{
    width:min(72vw,320px) !important;
    min-width:0 !important;
    max-width:min(72vw,320px) !important;
  }
  .menu-zone:has(.search-shell.is-open) .tools-sticky .filter-only-tools{
    padding-inline-start:min(76vw,340px) !important;
  }
}

/* source: tasty-bites-v42-filter-search-sticky-alignment */
/* Search is beside the category rail now, so keep that whole visual pair
   together while scrolling. The older zero-height overlay layout is kept
   to preserve the approved spacing and open-search push behavior. */
.search-static{
  position:sticky !important;
  top:86px !important;
  z-index:62 !important;
}

/* Tasty Bites has fewer chips than Chicken Road. Let the rail fill the
   available lane so its first chip sits beside Search instead of floating
   at the far edge. Opening Search still reduces this lane via the existing
   inline-start padding transition. */
.filter-only-tools .filters{
  flex:1 1 100% !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
}

@media(max-width:680px){
  .search-static{top:76px !important;}
}

/* source: tasty-bites-v43-filter-hover-text-render-fix */
/* Keep filter labels crisp on hover. Moving the entire chip can force
   subpixel/GPU text rasterization on scaled displays, which creates colored
   fringes around Arabic glyphs. Preserve hover colors without translating it. */
.filter,
.filter:hover,
.filter:focus,
.filter:focus-visible,
.filter.active,
.filter.active:hover{
  transform:none !important;
}

/* source: tasty-bites-v45-mobile-nav-real-glass */
/* Avoid nesting backdrop-filter inside another backdrop-filter. The phone
   header bar and dropdown each get their own independent glass layer so the
   dropdown can actually blur page content behind it. */
@media(max-width:680px){
  .header{
    --tb-mobile-header-glass:rgba(17,19,21,.90);
    --tb-mobile-header-blur:blur(12px);
    position:sticky;
    background:transparent !important;
    border-bottom-color:transparent !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
  .header::after{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    right:0;
    height:76px;
    pointer-events:none;
    background:var(--tb-mobile-header-glass);
    border-bottom:1px solid rgba(255,255,255,.08);
    -webkit-backdrop-filter:var(--tb-mobile-header-blur);
    backdrop-filter:var(--tb-mobile-header-blur);
  }
  .header .nav{
    position:relative;
    z-index:1;
  }
  .header .links,
  .header .links.open{
    background:var(--tb-mobile-header-glass) !important;
    border-bottom-color:rgba(255,255,255,.08) !important;
    -webkit-backdrop-filter:var(--tb-mobile-header-blur) !important;
    backdrop-filter:var(--tb-mobile-header-blur) !important;
    box-shadow:none !important;
  }
}

/* source: tasty-bites-category-image-circles-v51 */
/* Featured categories now use the same real circular image slot logic as Chicken Road. */
.quick-card.tb-text-quick{min-height:142px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.quick-card.tb-text-quick .quick-photo{
  width:94px!important;height:94px!important;border-radius:50%!important;margin:0 auto 10px!important;padding:5px!important;
  background:#CC2A31!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important;
  box-shadow:none!important;flex:0 0 auto!important;
}
.quick-card.tb-text-quick .quick-photo>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;border-radius:50%!important;margin:0!important;border:0!important;box-shadow:none!important;transform:none!important;clip-path:none!important}
.quick-card.tb-text-quick:hover .quick-photo,.quick-card.tb-text-quick:focus-visible .quick-photo{background:#CC2A31!important;transform:none!important;box-shadow:none!important}
@media(max-width:680px){.quick-card.tb-text-quick{min-height:138px!important}}

/* source: tasty-bites-mobile-category-photo-layout-v52 */
/* Keep uploaded category art inside the header instead of making the whole category card grow downward. */
@media(max-width:680px){
  .category-head{
    position:relative !important;
    min-height:205px !important;
    padding:24px 22px !important;
    display:block !important;
  }
  .category-head > div:not(.category-photo){
    position:relative !important;
    z-index:2 !important;
  }
  .category-head p{
    padding-inline-end:118px !important;
  }
  .category-head .category-photo{
    position:absolute !important;
    z-index:3 !important;
    inset-inline-end:18px !important;
    bottom:18px !important;
    width:108px !important;
    height:108px !important;
    margin:0 !important;
    justify-self:auto !important;
    align-self:auto !important;
    border:7px solid #20272B !important;
    border-radius:50% !important;
    background:#20272B !important;
    overflow:hidden !important;
    box-shadow:0 12px 28px rgba(0,0,0,.26) !important;
  }
  .category-head .category-photo img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    object-position:center !important;
    margin:0 !important;
    transform:none !important;
  }
}

/* source: tasty-bites-tryorder-mobile-filter-v54 */
/*
  v54 filter rebuild. One sticky row, one horizontal rail, one vertical page
  scroller. Search grows inside the same row and naturally gives the rail less
  room instead of using a zero-height overlay + fake padding.
*/
.search-static{display:none !important;}
.tools-sticky.tb-reference-filter{
  position:sticky !important;
  top:86px !important;
  z-index:62 !important;
}
.tools-sticky.tb-reference-filter .filter-only-tools{
  min-height:62px !important;
  width:100% !important;
  max-width:var(--max) !important;
  margin:0 auto !important;
  padding:7px 22px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:10px !important;
  overflow:hidden !important;
}
.tools-sticky.tb-reference-filter .search-shell{
  position:relative !important;
  inset:auto !important;
  top:auto !important;
  z-index:2 !important;
  flex:0 0 48px !important;
  width:48px !important;
  min-width:48px !important;
  max-width:48px !important;
  align-self:center !important;
}
.tools-sticky.tb-reference-filter .search-shell.is-open{
  flex:0 1 clamp(270px,32vw,390px) !important;
  width:clamp(270px,32vw,390px) !important;
  min-width:0 !important;
  max-width:390px !important;
}
.tools-sticky.tb-reference-filter .search-shell.is-open .search{
  flex:1 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
}
.tools-sticky.tb-reference-filter .filters{
  flex:1 1 0 !important;
  width:0 !important;
  min-width:0 !important;
  max-width:none !important;
  margin:0 !important;
  scroll-padding-inline:12px;
  overscroll-behavior-inline:contain;
  touch-action:pan-x pan-y;
}
.tools-sticky.tb-reference-filter .filter{
  flex:0 0 auto !important;
}
@media(max-width:680px){
  .tools-sticky.tb-reference-filter{top:76px !important;}
  .tools-sticky.tb-reference-filter .filter-only-tools{
    min-height:60px !important;
    padding:6px 12px !important;
    gap:8px !important;
  }
  .tools-sticky.tb-reference-filter .search-shell{
    flex:0 0 46px !important;
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
  }
  .tools-sticky.tb-reference-filter .search-toggle-button{
    flex-basis:46px !important;
    width:46px !important;
    height:46px !important;
  }
  .tools-sticky.tb-reference-filter .search-shell.is-open{
    flex:0 1 min(68vw,290px) !important;
    width:min(68vw,290px) !important;
    min-width:0 !important;
    max-width:min(68vw,290px) !important;
    align-self:center !important;
  }
  .tools-sticky.tb-reference-filter .search-shell.is-open .search{
    min-width:0 !important;
  }
  .tools-sticky.tb-reference-filter .filters{
    width:0 !important;
    max-width:none !important;
  }
}

/* source: tasty-bites-v55-white-mobile-filter-compact-category-heads */
/* Keep phone filter labels readable in every interaction state. */
@media(max-width:680px){
  .tools-sticky.tb-reference-filter .filter,
  .tools-sticky.tb-reference-filter .filter:hover,
  .tools-sticky.tb-reference-filter .filter:focus,
  .tools-sticky.tb-reference-filter .filter:focus-visible,
  .tools-sticky.tb-reference-filter .filter:active,
  .tools-sticky.tb-reference-filter .filter.active{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
  }
}

/* Compact category hero proportions. Uploaded art stays contained instead of
   increasing the category banner height. Keep the Tasty visual treatment,
   but use the tighter Chicken Road-style copy + circle relationship. */
.category-head{
  min-height:230px !important;
  grid-template-columns:minmax(0,1fr) 210px !important;
  padding:28px 32px !important;
  gap:25px !important;
  align-items:center !important;
}
.category-head .category-photo{
  position:relative !important;
  inset:auto !important;
  width:210px !important;
  height:210px !important;
  margin:0 !important;
  justify-self:end !important;
  align-self:center !important;
  flex:0 0 210px !important;
}
.category-head .category-photo img{
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  object-fit:cover !important;
  object-position:center !important;
}
@media(max-width:950px){
  .category-head{
    grid-template-columns:minmax(0,1fr) 185px !important;
  }
  .category-head .category-photo{
    width:185px !important;
    height:185px !important;
    flex-basis:185px !important;
  }
}
@media(max-width:680px){
  .category-head{
    min-height:0 !important;
    grid-template-columns:1fr !important;
    padding:25px !important;
    gap:10px !important;
    display:grid !important;
  }
  .category-head p{
    padding-inline-end:0 !important;
  }
  .category-head .category-photo{
    position:relative !important;
    inset:auto !important;
    width:150px !important;
    height:150px !important;
    margin-top:-30px !important;
    justify-self:end !important;
    align-self:auto !important;
    flex-basis:150px !important;
  }
}

/* source: tasty-bites-chill-red-dark-category-circles-v57 */
/* Calm the general brand red separately from the deep category-image swatch. */
.quick-card.tb-text-quick .quick-photo{
  background:#211417 !important;
}
.quick-card.tb-text-quick:hover .quick-photo,
.quick-card.tb-text-quick:focus-visible .quick-photo{
  background:#211417 !important;
}
.category-head .category-photo{
  border:7px solid #211417 !important;
  background:#211417 !important;
  box-shadow:0 12px 28px rgba(33,20,23,.28) !important;
}

/* source: tasty-bites-red-tuning-v58 */
:root{--orange:#B52B31!important;--orange-dark:#9D2329!important;--yellow:#B52B31!important;--red:#B52B31!important;}
.quick-photo{background:#8D232B!important;box-shadow:0 8px 18px rgba(141,35,43,.28)!important;}
.quick-card img{background:#8D232B!important;}
.category-photo{background:#8D232B!important;border-color:#8D232B!important;box-shadow:0 12px 28px rgba(141,35,43,.22)!important;}
.add-to-cart,.cart-fab,.cart-action.primary,.search-toggle-button,.language-toggle{background:#B52B31!important;border-color:#B52B31!important;color:#fff!important;}
.add-to-cart:hover,.cart-fab:hover,.cart-action.primary:hover:not(:disabled),.search-toggle-button:hover,.search-toggle-button:focus-visible,.language-toggle:hover,.language-toggle:focus-visible{background:#CA3940!important;border-color:#CA3940!important;color:#fff!important;}
.cart-count{background:#CA3940!important;color:#fff!important;}
.filter.active{background:#B52B31!important;border-color:#B52B31!important;color:#fff!important;}
.auth-submit,.account-action,.auth-tab.active,.account-close,.auth-contact-option:hover,.account-action.secondary:hover{background:#B52B31!important;border-color:#B52B31!important;}
.auth-submit:hover:not(:disabled),.account-action:hover:not(:disabled),.account-close:hover,.auth-contact-option.active{background:#CA3940!important;border-color:#CA3940!important;}

/* source: tasty-bites-dark-red-buttons-no-card-hover-v59 */
/* Use the user's dark red swatch for category circles and cart/add-to-cart controls. */
.quick-photo,
.quick-card img{
  background:#690C0D !important;
}
.category-photo{
  background:#690C0D !important;
  border-color:#690C0D !important;
  box-shadow:0 12px 28px rgba(105,12,13,.24) !important;
}
.add-to-cart,
.cart-fab{
  background:#690C0D !important;
  border-color:#690C0D !important;
  color:#fff !important;
}
.add-to-cart:hover,
.add-to-cart:focus-visible,
.cart-fab:hover,
.cart-fab:focus-visible{
  background:#8C1719 !important;
  border-color:#8C1719 !important;
  color:#fff !important;
}
/* Product cards themselves should stay still; only the Add to cart button reacts. */
.food-card:hover,
.food-card:focus-within{
  transform:none !important;
  box-shadow:0 5px 0 rgba(72,23,27,.05) !important;
}
.menu-card:hover,
.menu-card:focus-within{
  transform:none !important;
  border-color:#ddd !important;
  box-shadow:0 4px 0 rgba(72,23,27,.035) !important;
}

/* source: tasty-bites-real-circle-fix-v60 */
/* Real visible circle color fix */
.quick-card.tb-text-quick .quick-photo,
.quick-photo{background:#690C0D!important;box-shadow:0 8px 18px rgba(105,12,13,.26)!important;}
.quick-card.tb-text-quick:hover .quick-photo,
.quick-card.tb-text-quick:focus-visible .quick-photo{background:#690C0D!important;box-shadow:0 8px 18px rgba(105,12,13,.26)!important;}
.quick-card img,.quick-photo img{background:#690C0D!important;}
.category-photo,
.category-head .category-photo{
  width:156px!important;height:156px!important;border-radius:50%!important;
  background:#690C0D!important;border:7px solid #690C0D!important;
  box-shadow:0 12px 28px rgba(105,12,13,.24)!important;display:grid!important;place-items:center!important;
}
.category-head .category-photo img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:50%!important;display:block!important;}
.add-to-cart,.cart-fab{background:#690C0D!important;border-color:#690C0D!important;color:#fff!important;}
.add-to-cart:hover,.add-to-cart:focus-visible,.cart-fab:hover,.cart-fab:focus-visible{background:#8C1719!important;border-color:#8C1719!important;color:#fff!important;}

/* source: tasty-bites-gray-circles-v61 */
/* Switch category and featured-category circles to the user's gray swatch. */
.quick-card.tb-text-quick .quick-photo,
.quick-photo{background:#1A1C1F!important;box-shadow:0 8px 18px rgba(26,28,31,.26)!important;}
.quick-card.tb-text-quick:hover .quick-photo,
.quick-card.tb-text-quick:focus-visible .quick-photo{background:#1A1C1F!important;box-shadow:0 8px 18px rgba(26,28,31,.26)!important;}
.quick-card img,.quick-photo img{background:#1A1C1F!important;}
.category-photo,
.category-head .category-photo{background:#1A1C1F!important;border-color:#1A1C1F!important;box-shadow:0 12px 28px rgba(26,28,31,.24)!important;}

/* source: tasty-bites-product-cards-static-v62 */
/* Product containers stay completely static on hover/focus. Only Add to cart reacts. */
.menu-card,
.menu-card:hover,
.menu-card:focus,
.menu-card:focus-within{
  transform:none !important;
  transition:none !important;
  background:linear-gradient(180deg,#25292e,#22262a) !important;
  border-color:#3c4248 !important;
  box-shadow:0 10px 28px rgba(0,0,0,.12) !important;
}
.food-card,
.food-card:hover,
.food-card:focus,
.food-card:focus-within{
  transform:none !important;
  transition:none !important;
  background:white !important;
  border-color:var(--line) !important;
  box-shadow:0 5px 0 rgba(72,23,27,.05) !important;
}
/* Keep button feedback intact and isolated to the button itself. */
.add-to-cart{
  transition:background-color .18s ease,transform .18s ease !important;
}
.add-to-cart:hover,
.add-to-cart:focus-visible{
  transform:translateY(-2px) !important;
}

/* source: tasty-bites-unified-toolbar-red-filter-tap-fix-v63 */
/* One customer-control red: exactly the same base used by the toolbar language button. */
:root{--tb-control-red:#B52B31;--tb-control-red-hover:#CA3940;}

.language-toggle,
.search-toggle-button,
.add-to-cart,
.cart-fab,
.cart-action.primary{
  background:var(--tb-control-red)!important;
  border-color:var(--tb-control-red)!important;
  color:#fff!important;
}

.language-toggle:hover,
.language-toggle:focus-visible,
.search-toggle-button:hover,
.search-toggle-button:focus-visible,
.add-to-cart:hover,
.add-to-cart:focus-visible,
.cart-fab:hover,
.cart-fab:focus-visible,
.cart-action.primary:hover:not(:disabled),
.cart-action.primary:focus-visible{
  background:var(--tb-control-red-hover)!important;
  border-color:var(--tb-control-red-hover)!important;
  color:#fff!important;
}

/* Remove the brief native white/pale flash before the filter JS state lands. */
.filter{
  -webkit-tap-highlight-color:transparent!important;
  tap-highlight-color:transparent!important;
  appearance:none!important;
  -webkit-appearance:none!important;
  outline:none!important;
}
.filter.active,
.filter.tap-flash,
.filter:active,
.filter:focus,
.filter:focus-visible{
  background:var(--tb-control-red)!important;
  border-color:var(--tb-control-red)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
@media(hover:hover) and (pointer:fine){
  .filter:hover,
  .filter.active:hover{
    background:var(--tb-control-red-hover)!important;
    border-color:var(--tb-control-red-hover)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
    box-shadow:none!important;
    transform:none!important;
  }
}
@media(hover:none){
  .filter.active,
  .filter.active:hover,
  .filter.active:focus,
  .filter.active:focus-visible,
  .filter.tap-flash,
  .filter:active,
  .filter:focus{
    background:var(--tb-control-red)!important;
    border-color:var(--tb-control-red)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

/* source: tasty-bites-temporary-dark-control-feedback-v64 */
/* Base controls stay on the toolbar red. Dark red exists only while hovering
   with a real mouse or while the control is physically pressed. */
:root{
  --tb-control-red:#B52B31;
  --tb-control-red-pressed:#851E24;
}

.search-toggle-button,
.add-to-cart,
.cart-fab,
.cart-action.primary{
  background:var(--tb-control-red)!important;
  border-color:var(--tb-control-red)!important;
  color:#fff!important;
}

/* Keyboard focus must not leave the darker click color behind. */
.search-toggle-button:focus,
.search-toggle-button:focus-visible,
.add-to-cart:focus,
.add-to-cart:focus-visible,
.cart-fab:focus,
.cart-fab:focus-visible,
.cart-action.primary:focus,
.cart-action.primary:focus-visible{
  background:var(--tb-control-red)!important;
  border-color:var(--tb-control-red)!important;
  color:#fff!important;
}

@media(hover:hover) and (pointer:fine){
  .search-toggle-button:hover,
  .add-to-cart:hover,
  .cart-fab:hover,
  .cart-action.primary:hover:not(:disabled),
  .filter:hover,
  .filter.active:hover{
    background:var(--tb-control-red-pressed)!important;
    border-color:var(--tb-control-red-pressed)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

.search-toggle-button:active,
.add-to-cart:active,
.cart-fab:active,
.cart-action.primary:active:not(:disabled),
.filter:active,
.filter.active:active{
  background:var(--tb-control-red-pressed)!important;
  border-color:var(--tb-control-red-pressed)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Selected filters return to the normal toolbar red after the press ends. */
.filter.active,
.filter.active:focus,
.filter.active:focus-visible,
.filter.tap-flash,
.filter:focus,
.filter:focus-visible{
  background:var(--tb-control-red)!important;
  border-color:var(--tb-control-red)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

/* Keep the physically pressed state darker even though :active also has focus. */
.filter:active,
.filter.active:active,
.search-toggle-button:active,
.add-to-cart:active,
.cart-fab:active,
.cart-action.primary:active:not(:disabled){
  background:var(--tb-control-red-pressed)!important;
  border-color:var(--tb-control-red-pressed)!important;
}

/* source: tasty-bites-filter-stability-v65 */
/* Keep the filter toolbar composited and visible for the full duration of
   category-tap navigation. A same-height spacer preserves page geometry. */
.tools-sticky.filter-navigation-pinned{
  position:fixed!important;
  top:var(--filter-navigation-pin-top)!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:90!important;
  transform:translateZ(0)!important;
  -webkit-transform:translateZ(0)!important;
  backface-visibility:hidden!important;
  -webkit-backface-visibility:hidden!important;
}
.filter-navigation-spacer{width:100%;pointer-events:none;}
.filter{
  -webkit-tap-highlight-color:transparent!important;
  -webkit-touch-callout:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

.filter.is-pressing{
  background:var(--tb-control-red-pressed,#851E24)!important;
  border-color:var(--tb-control-red-pressed,#851E24)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  filter:none!important;
}

/* source: tasty-bites-real-phone-filter-parity-v66 */
/* Real-device and desktop-narrow mode share one deterministic rail. */
.filters{
  scroll-behavior:auto!important;
  scroll-snap-type:none!important;
  overflow-anchor:none!important;
  overscroll-behavior-x:contain!important;
}

/* source: single-owner-phone-filter-rail-fix */
/* Programmatic phone rail corrections are immediate and never snap/smooth. */
@media(max-width:950px){
  .filters{
    scroll-behavior:auto!important;
    scroll-snap-type:none!important;
    overflow-anchor:none!important;
  }
}

/* source: tasty-bites-category-copy-photo-separation-v68 */
/* Keep category copy and artwork in separate layout tracks at every width. */
.category-head > div:not(.category-photo){
  min-width:0 !important;
  max-width:100% !important;
  position:relative !important;
  z-index:2 !important;
}
.category-head h2,
.category-head p{
  max-width:100% !important;
  overflow-wrap:break-word !important;
}
.category-head .category-photo{
  position:relative !important;
  inset:auto !important;
  margin:0 !important;
  z-index:3 !important;
  align-self:center !important;
}
@media(max-width:950px){
  .category-head{
    grid-template-columns:minmax(0,1fr) 156px !important;
    gap:18px !important;
    align-items:center !important;
  }
  .category-head .category-photo{
    width:156px !important;
    height:156px !important;
    flex-basis:156px !important;
    justify-self:end !important;
  }
}
@media(max-width:680px){
  .category-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 124px !important;
    gap:14px !important;
    min-height:155px !important;
    padding:22px !important;
    align-items:center !important;
  }
  .category-head p{
    padding-inline-end:0 !important;
    line-height:1.45 !important;
  }
  .category-head .category-photo{
    width:124px !important;
    height:124px !important;
    flex-basis:124px !important;
    margin:0 !important;
    justify-self:end !important;
  }
}
@media(max-width:420px){
  .category-head{
    grid-template-columns:minmax(0,1fr) 106px !important;
    gap:12px !important;
    padding:20px !important;
  }
  .category-head .category-photo{
    width:106px !important;
    height:106px !important;
    flex-basis:106px !important;
  }
}

/* source: tasty-bites-touch-filter-drag-no-highlight-v70 */
/* A horizontal finger swipe is rail navigation, not a filter press.
   Keep every chip in its normal visual state while the rail is being dragged. */
@media (hover:none), (pointer:coarse){
  .filter:not(.active):hover,
  .filter:not(.active):focus,
  .filter:not(.active):focus-visible,
  .filter:not(.active):active,
  .filters.is-dragging .filter:not(.active),
  .filters.is-dragging .filter:not(.active):hover,
  .filters.is-dragging .filter:not(.active):focus,
  .filters.is-dragging .filter:not(.active):focus-visible,
  .filters.is-dragging .filter:not(.active):active{
    background:#212529 !important;
    border-color:#42484f !important;
    color:#e8eaec !important;
    -webkit-text-fill-color:#e8eaec !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
  }
  .filters.is-dragging .filter.active,
  .filters.is-dragging .filter.active:hover,
  .filters.is-dragging .filter.active:focus,
  .filters.is-dragging .filter.active:focus-visible,
  .filters.is-dragging .filter.active:active{
    background:var(--tb-control-red,#B52B31) !important;
    border-color:var(--tb-control-red,#B52B31) !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
    box-shadow:none !important;
    filter:none !important;
    transform:none !important;
  }
}
.filter.is-tap-press{
  background:var(--tb-control-red-pressed,#851E24) !important;
  border-color:var(--tb-control-red-pressed,#851E24) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}

/* source: tasty-bites-touch-owned-filter-rail-v71 */
/*
  Real touch browsers must not be allowed to press/hover/focus the filter
  buttons while the customer is swiping the horizontal rail. In touch-owned
  mode the rail receives the gesture and JS resolves a genuine tap only after
  touchend. This removes Safari's sticky native button state at the source.
*/
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter{
  pointer-events:none !important;
  -webkit-tap-highlight-color:transparent !important;
  -webkit-touch-callout:none !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  transition:none !important;
  outline:none !important;
}
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter:not(.active),
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter:not(.active):hover,
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter:not(.active):focus,
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter:not(.active):focus-visible,
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter:not(.active):active{
  background:#212529 !important;
  border-color:#42484f !important;
  color:#e8eaec !important;
  -webkit-text-fill-color:#e8eaec !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter.active,
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter.active:hover,
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter.active:focus,
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter.active:focus-visible,
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter.active:active{
  background:var(--tb-control-red,#B52B31) !important;
  border-color:var(--tb-control-red,#B52B31) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:none !important;
  filter:none !important;
  transform:none !important;
}
/* A confirmed tap gets the requested brief darker-red feedback after release. */
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter.is-tap-press,
html.tb-touch-filter-owned .tools-sticky.tb-reference-filter .filter.active.is-tap-press{
  background:var(--tb-control-red-pressed,#851E24) !important;
  border-color:var(--tb-control-red-pressed,#851E24) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

/* source: combo-choice-system-style */
.combo-choice-description{margin:-8px 0 18px;color:var(--muted);font-weight:800;line-height:1.5}
.combo-choice-list .product-option-choice{display:flex;justify-content:center;text-align:center;font-weight:1000;font-size:15px}
html[dir="rtl"] .combo-choice-description{text-align:right}

/* source: combo-drink-picker-v83-style */
.combo-choice-step[hidden]{display:none!important}
.combo-drink-list{display:grid;gap:10px;margin-top:14px}
.combo-drink-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:start}
.combo-drink-choice[aria-checked="true"]{outline:3px solid rgba(255,176,0,.28);border-color:var(--yellow,#ffb000)}
.combo-drink-choice .combo-drink-check{font-weight:900;opacity:0}
.combo-drink-choice[aria-checked="true"] .combo-drink-check{opacity:1}
.combo-drink-actions{display:block;margin-top:14px}
.combo-drink-confirm{width:100%!important;min-width:0!important;max-width:none!important;inline-size:100%!important;min-inline-size:0!important;max-inline-size:none!important;margin:0!important;justify-content:center!important;text-align:center!important}
.combo-choice-dialog{scrollbar-width:none;-ms-overflow-style:none}
.combo-choice-dialog::-webkit-scrollbar{display:none;width:0;height:0}
.combo-drink-confirm[disabled],#comboChoiceWith[disabled]{opacity:.5;cursor:not-allowed;filter:grayscale(.35)}

.change-combo-drink{border:0;background:transparent;color:var(--ink)!important;-webkit-text-fill-color:var(--ink)!important;text-decoration:underline;font:inherit;font-weight:800;cursor:pointer;padding:7px 3px;-webkit-appearance:none;appearance:none}
.cart-item-combo-warning{font-weight:800}
@media(max-width:520px){.change-combo-drink{min-height:38px}}

/* source: first-order-menu-promo-v1 */
.first-order-menu-promo{max-width:var(--max);margin:0 auto 18px;padding:0 22px}
.first-order-menu-promo[hidden]{display:none!important}
.first-order-menu-promo-inner{min-height:62px;padding:12px 18px;border-radius:18px;background:rgba(25,28,31,.94);color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:none}
.first-order-menu-promo-en,.first-order-menu-promo-ar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-weight:1000;line-height:1.25;text-align:center;width:100%}
.first-order-menu-promo strong{display:block;width:100%;font-size:15px;font-weight:1000;letter-spacing:.025em;text-align:center}
.first-order-menu-promo span span{display:block;width:100%;font-size:14px;color:#e1e5e7;font-weight:1000;text-align:center}
.first-order-menu-promo .first-order-code-copy{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;margin-inline:3px;padding:5px 10px;border:0;border-radius:999px;background:#CC2A31;color:#fff;font-size:13px;font-weight:1000;letter-spacing:.08em;direction:ltr;unicode-bidi:isolate;cursor:pointer;font-family:inherit;line-height:1.1;transition:background-color .16s ease}
.first-order-menu-promo-ar{display:none}
html[lang="ar"] .first-order-menu-promo-en{display:none}
html[lang="ar"] .first-order-menu-promo-ar{display:flex}
.first-order-menu-promo .first-order-code-copy:focus-visible{outline:2px solid #fff;outline-offset:2px}.first-order-menu-promo .first-order-code-copy:hover,.first-order-menu-promo .first-order-code-copy:focus-visible,.first-order-menu-promo .first-order-code-copy:active,.first-order-menu-promo .first-order-code-copy.is-copied{background:#a92027}.first-order-menu-promo .first-order-code-copy.is-copied{transform:scale(.96)}
@media(max-width:680px){.tools-sticky.tb-reference-filter .search-shell .search input{font-size:16px!important;text-align:start!important;} }
/* v182/v93: search stays in its own flex slot and only reduces rail width. */
.menu-zone:has(.tools-sticky.tb-reference-filter .search-shell.is-open) .tools-sticky.tb-reference-filter .filter-only-tools{padding:7px 22px!important}
.tools-sticky.tb-reference-filter .search-shell,.tools-sticky.tb-reference-filter .search-shell.is-open{margin:0!important;transform:none!important}
@media(max-width:680px){.menu-zone:has(.tools-sticky.tb-reference-filter .search-shell.is-open) .tools-sticky.tb-reference-filter .filter-only-tools{padding:6px 12px!important}}
@media(max-width:680px){.first-order-menu-promo{padding:0 18px;margin-bottom:14px}.first-order-menu-promo-inner{min-height:0;padding:12px 14px;border-radius:15px}.first-order-menu-promo-en,.first-order-menu-promo-ar{gap:5px}.first-order-menu-promo strong{font-size:14px}.first-order-menu-promo span span{font-size:13px}}

/* source: quantity-button-red-motion-v3 */
.qty-control{gap:5px!important;overflow:visible!important}
.qty-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
  text-align:center!important;
  font-family:Arial,sans-serif!important;
  font-size:20px!important;
}
.qty-btn:not(:disabled):not([aria-disabled="true"]){
  border-radius:10px!important;
  background:#CC2A31!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:none!important;
  transition:transform .17s ease,background .17s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .qty-btn:not(:disabled):not([aria-disabled="true"]):hover,
  .qty-btn:not(:disabled):not([aria-disabled="true"]):focus-visible{
    background:#a92027!important;
    transform:translateY(-2px)!important;
  }
}
.qty-btn:not(:disabled):not([aria-disabled="true"]):active{
  background:#a92027!important;
  transform:translateY(0)!important;
}
.qty-btn:disabled,.qty-btn[aria-disabled="true"]{
  border-radius:10px!important;
  background:#d6dadd!important;
  color:#92999d!important;
  -webkit-text-fill-color:#92999d!important;
  box-shadow:none!important;
  transform:none!important;
}

/* source: tasty-bites-legal-footer-v98 */
.footer-legal{display:inline-flex;align-items:center;justify-content:center;margin-top:2px;color:#cbd2d5!important;font-size:12px;font-weight:900;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28);padding-bottom:2px;transition:color .18s ease,border-color .18s ease}
.footer-legal:hover,.footer-legal:focus-visible{color:#ff454d!important;border-color:#ff454d;outline:none}
.legal-label-ar{display:none}html[lang="ar"] .legal-label-en{display:none}html[lang="ar"] .legal-label-ar{display:inline}

/* source: legal-consent-v1-style */
.legal-consent-overlay{position:fixed;inset:0;z-index:16000;display:grid;place-items:center;padding:20px;background:rgba(20,24,27,.68);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);opacity:0;transition:opacity .2s ease}.legal-consent-overlay[hidden]{display:none!important}.legal-consent-overlay.is-open{opacity:1}.legal-consent-dialog{position:relative;width:min(570px,100%);padding:28px;border:1px solid rgba(255,255,255,.55);border-radius:28px;background:#fff;color:#20272b;box-shadow:0 30px 90px rgba(16,20,23,.34);opacity:0;transform:translateY(14px) scale(.975);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1)}.legal-consent-overlay.is-open .legal-consent-dialog{opacity:1;transform:none}.legal-consent-close{position:absolute;top:14px;right:14px;width:40px;height:40px;border:0;border-radius:50%;background:#eceeef;color:#20272b;font-size:24px;display:grid;place-items:center;cursor:pointer}.legal-consent-mark{width:52px;height:52px;margin-bottom:16px;border-radius:16px;display:grid;place-items:center;background:rgba(227,27,35,.10);color:var(--orange);font:1000 25px/1 Arial,sans-serif}.legal-consent-dialog h2{margin:0 48px 10px 0;font:900 clamp(29px,5vw,42px)/.98 Arial,sans-serif;text-transform:uppercase;letter-spacing:-.035em}.legal-consent-dialog p{margin:0;color:#5f676d;font-size:14px;font-weight:700;line-height:1.6}.legal-consent-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.legal-consent-links a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #d6dade;border-radius:999px;background:#f7f8f8;color:#20272b;font-size:13px;font-weight:1000;text-decoration:none}.legal-consent-links a:hover{border-color:var(--orange);color:var(--orange-dark)}.legal-consent-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:20px}.legal-consent-accept,.legal-consent-later{min-height:48px;border:0;border-radius:999px;padding:0 18px;font:inherit;font-weight:1000;cursor:pointer}.legal-consent-accept{background:var(--orange);color:#fff}.legal-consent-accept:hover{background:var(--orange-dark);transform:translateY(-1px)}.legal-consent-accept:active{transform:none}.legal-consent-accept:disabled{opacity:.55;cursor:not-allowed;transform:none}.legal-consent-later{background:#eceeef;color:#32383c}.legal-consent-message{min-height:0;margin-top:10px!important;color:#a12d2d!important;font-size:12.5px!important}.legal-consent-ar{display:none}html[lang="ar"] .legal-consent-en{display:none}html[lang="ar"] .legal-consent-ar{display:block}html[dir="rtl"] .legal-consent-close{right:auto;left:14px}html[dir="rtl"] .legal-consent-dialog h2{margin-right:0;margin-left:48px;font-family:"Cairo",Tahoma,Arial,sans-serif;text-transform:none;letter-spacing:0}body.legal-consent-open{overflow:hidden}
@media(max-width:620px){.legal-consent-overlay{padding:12px;align-items:end}.legal-consent-dialog{padding:24px 18px 18px;border-radius:27px 27px 18px 18px}.legal-consent-actions{grid-template-columns:1fr}.legal-consent-later{order:2}.legal-consent-dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.legal-consent-overlay,.legal-consent-dialog,.legal-consent-accept{transition:none!important}}

/* source: legal-consent-layout-v2 */
.legal-consent-dialog h2{margin:0 0 10px!important}
.legal-consent-links{justify-content:center!important}
.legal-consent-actions{grid-template-columns:1fr!important;gap:10px!important}
.legal-consent-accept{width:100%!important;touch-action:manipulation;position:relative;z-index:1}
.legal-consent-later{justify-self:center!important;min-width:150px}
html[dir="rtl"] .legal-consent-dialog h2{margin:0 0 10px!important}
@media(max-width:620px){.legal-consent-later{width:min(220px,100%)}}

/* source: tasty-bites-footer-email-hover-v100 */
.footer-email{color:#f4f6f7!important;text-decoration:none!important;transition:color .18s ease!important}
.footer-email:hover,.footer-email:focus-visible{color:#ff454d!important;outline:none}

/* source: special-offers-v1-style */
#special-offers[hidden]{display:none!important}.menu-card.offer-menu-card{overflow:hidden}.offer-card-image{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;margin:0 0 14px;background:#20272b}.offer-promo-overlay{position:fixed;inset:0;z-index:13950;display:grid;place-items:center;padding:20px;background:rgba(20,24,27,.68);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;transition:opacity .22s ease}.offer-promo-overlay[hidden]{display:none!important}.offer-promo-overlay.is-visible{opacity:1}.offer-promo-dialog{width:min(520px,100%);max-height:min(760px,calc(100vh - 30px));overflow:auto;border-radius:28px;background:#fff;color:#20272b;border:1px solid rgba(255,255,255,.5);box-shadow:0 34px 100px rgba(0,0,0,.34);transform:translateY(16px) scale(.97);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s ease}.offer-promo-overlay.is-visible .offer-promo-dialog{transform:none;opacity:1}.offer-promo-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#20272b}.offer-promo-body{padding:22px}.offer-promo-top{display:flex;align-items:flex-start;gap:12px}.offer-promo-copy{flex:1}.offer-promo-eyebrow{margin:0 0 6px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em;color:var(--orange)}.offer-promo-title{margin:0;font:1000 clamp(28px,6vw,42px)/1 Arial,sans-serif;letter-spacing:-.03em}.offer-promo-close{width:40px;height:40px;border:0;border-radius:50%;background:#e9ebed;color:#20272b;font-size:24px;cursor:pointer}.offer-promo-description{margin:13px 0 0;color:#5f676d;font-weight:700;line-height:1.55}.offer-promo-price{display:block;margin-top:14px;font-size:24px;font-weight:1000;color:var(--orange)}.offer-promo-more{margin:10px 0 0;font-weight:1000}.offer-promo-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.offer-promo-actions button{min-height:48px;border-radius:999px;border:0;font:inherit;font-weight:1000;cursor:pointer}.offer-promo-add{background:var(--orange);color:#fff}.offer-promo-browse{background:#e9ebed;color:#20272b}html[dir="rtl"] .offer-promo-title{font-family:"Cairo","Tahoma",Arial,sans-serif;letter-spacing:0;line-height:1.25}@media(max-width:620px){.offer-promo-overlay{padding:10px;align-items:end}.offer-promo-dialog{border-radius:26px 26px 16px 16px}.offer-promo-actions{grid-template-columns:1fr}.offer-promo-body{padding:18px}}@media(prefers-reduced-motion:reduce){.offer-promo-overlay,.offer-promo-dialog{transition:none!important}}

/* source: live-order-status-tracker-v1 */
:root{--add-toast-lift:0px}
.add-toast{
  bottom:calc(max(24px,calc(18px + env(safe-area-inset-bottom))) + var(--add-toast-lift,0px)) !important;
}
.live-order-status{
  position:fixed;
  z-index:519;
  left:50%;
  bottom:max(24px,calc(18px + env(safe-area-inset-bottom)));
  width:min(360px,calc(100% - 28px));
  padding:10px 12px 9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:17px;
  background:#20272b;
  color:#fff;
  box-shadow:0 20px 48px rgba(18,24,28,.30);
  transform:translateX(-50%);
  display:block;
  pointer-events:auto;
  cursor:pointer;
  text-decoration:none;
  transition:box-shadow .16s ease,filter .16s ease;
}
.live-order-status:hover{filter:brightness(1.05);box-shadow:0 24px 56px rgba(18,24,28,.36)}
.live-order-status:focus-visible{outline:3px solid rgba(239,123,33,.45);outline-offset:3px}
.live-order-status[hidden]{display:none!important}
.live-order-status-head{display:flex;align-items:center;gap:11px;min-width:0}
.live-order-status-icon{
  width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;
  background:var(--orange);color:#fff
}
.live-order-status-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.live-order-status-copy{display:grid;gap:3px;min-width:0;flex:1}
.live-order-status-number{font-size:11px;font-weight:1000;letter-spacing:.055em;text-transform:uppercase;color:#aeb7bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-order-status-copy strong{font-size:13.5px;line-height:1.15;color:#fff}
.live-order-status-copy span{font-size:11px;line-height:1.35;color:#d8dde0}
.live-order-status-progress{display:grid;grid-template-columns:repeat(var(--order-step-count,5),1fr);gap:4px;margin-top:8px}
.live-order-status-step{height:4px;border-radius:999px;background:#4a5258;overflow:hidden}
.live-order-status-step.done,.live-order-status-step.current{background:var(--orange)}
.live-order-status-step.current{box-shadow:0 0 0 1px rgba(255,255,255,.18)}
.live-order-status.is-review .live-order-status-icon{background:#2aa865}.live-order-status.is-cancelled .live-order-status-icon{background:#71787d}
.live-order-status.is-cancelled .live-order-status-step{background:#5b6267}
.live-order-status.status-changed{animation:liveOrderStatusPulse .5s ease}
@keyframes liveOrderStatusPulse{0%{transform:translateX(-50%) scale(1)}45%{transform:translateX(-50%) scale(1.018)}100%{transform:translateX(-50%) scale(1)}}
@media(max-width:680px){
  .live-order-status{left:12px;right:92px;bottom:max(14px,calc(10px + env(safe-area-inset-bottom)));width:auto;transform:none;padding:9px 10px 8px;border-radius:14px}
  .live-order-status-head{gap:8px}
  .live-order-status-icon{width:31px;height:31px;flex-basis:31px}
  .live-order-status-copy strong{font-size:12.5px}
  .live-order-status-copy span{font-size:10.5px}
  .live-order-status-number{font-size:9.5px}
  .live-order-status.status-changed{animation:none}
}
@media(prefers-reduced-motion:reduce){.live-order-status.status-changed{animation:none!important}}

/* source: live-order-status-wide-above-cart-v302 */
/* Restore the large status tracker, but keep it in a dedicated row above the floating cart. */
.live-order-status{
  z-index:239!important;
  left:22px!important;
  right:22px!important;
  bottom:calc(max(22px,calc(16px + env(safe-area-inset-bottom))) + 68px)!important;
  width:auto!important;
  max-width:none!important;
  transform:none!important;
  padding:15px 18px 14px!important;
  border-radius:18px!important;
}
.live-order-status-progress{grid-template-columns:repeat(4,1fr)!important;gap:7px!important;margin-top:11px!important}
.live-order-status-step{height:5px!important}
.live-order-status.status-changed{animation:liveOrderStatusPulseWide .5s ease!important}
@keyframes liveOrderStatusPulseWide{0%,100%{transform:scale(1)}45%{transform:scale(1.008)}}
@media(max-width:680px){
  .live-order-status{
    left:14px!important;
    right:14px!important;
    bottom:calc(max(14px,calc(10px + env(safe-area-inset-bottom))) + 66px)!important;
    width:auto!important;
    padding:13px 14px 12px!important;
    border-radius:16px!important;
  }
  .live-order-status-head{gap:10px!important}
  .live-order-status-icon{width:36px!important;height:36px!important;flex-basis:36px!important}
  .live-order-status-copy strong{font-size:13.5px!important}
  .live-order-status-copy span{font-size:11px!important}
  .live-order-status-number{font-size:10px!important}
  .live-order-status.status-changed{animation:none!important}
}
@media(prefers-reduced-motion:reduce){.live-order-status.status-changed{animation:none!important}}

/* source: all-product-dashed-divider-v146 */
/* Keep the familiar option-style dashed separator on every menu product. */
.menu-card::after{
  content:"";
  display:block;
  order:1;
  width:100%;
  margin:12px 0 10px;
  border-top:1px dashed #454b51;
  pointer-events:none;
}
.menu-card > .item-heading,
.menu-card > p,
.menu-card > .offer-card-image{order:0}
.menu-card > .option-list,
.menu-card > .add-to-cart{order:2}
.menu-card > .option-list{
  margin-top:0!important;
  border-top:0!important;
  padding-top:0!important;
}

/* source: selection-popup-motion-polish-v1 */
/* Consistent, restrained motion for customer choice popups. */
.product-option-overlay{transition:opacity .2s ease,visibility .2s ease}
.product-option-dialog{opacity:0;transform:translateY(17px) scale(.97);transition:opacity .2s ease,transform .28s cubic-bezier(.2,.8,.2,1)}
.product-option-overlay.open .product-option-dialog{opacity:1;transform:translateY(0) scale(1)}
.product-option-overlay.open .product-option-choice{animation:selectionChoiceIn .2s cubic-bezier(.2,.8,.2,1) backwards}
.product-option-overlay.open .product-option-choice:nth-child(2){animation-delay:.025s}
.product-option-overlay.open .product-option-choice:nth-child(3){animation-delay:.05s}
.product-option-overlay.open .product-option-choice:nth-child(4){animation-delay:.075s}
.product-option-overlay.open .product-option-choice:nth-child(5){animation-delay:.1s}
@keyframes selectionChoiceIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:620px){.product-option-dialog{transform:translateY(27px) scale(.985)}.product-option-overlay.open .product-option-dialog{transform:none}}
@media(prefers-reduced-motion:reduce){.product-option-overlay,.product-option-dialog{transition:none!important}.product-option-choice{animation:none!important}}

/* source: customer-support-account-badge-v1 */
#accountButton .account-support-badge{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d92d20;color:#fff;font:1000 10px/1 Arial,sans-serif;box-shadow:0 2px 6px rgba(130,20,15,.24);flex:0 0 auto}
#accountButton .account-support-badge[hidden]{display:none!important}

/* source: order-again-final-menu-polish-v1 */
.reorder-result-notice{display:grid;gap:4px;margin:0 0 12px;padding:11px 12px;border:1px solid rgba(44,157,89,.28);border-radius:13px;background:rgba(44,157,89,.09);color:var(--ink)}.reorder-result-notice strong{font-size:12px;font-weight:1000}.reorder-result-notice span{font-size:11px;line-height:1.45;color:var(--muted)}.reorder-result-notice.has-warning{border-color:rgba(218,148,40,.35);background:rgba(218,148,40,.10)}.cart-item h3,.cart-item-option,.cart-item-note-label{overflow-wrap:anywhere}.cart-drawer button:focus-visible,.cart-drawer textarea:focus-visible{outline:3px solid color-mix(in srgb,var(--orange) 55%,white);outline-offset:2px}
@media(max-width:620px){.cart-drawer{padding-bottom:max(18px,env(safe-area-inset-bottom))}.cart-item-note{font-size:16px}.qty-btn,.remove-item,.change-combo-drink{min-height:42px}.reorder-result-notice{margin-inline:2px}}
html[dir="rtl"] .reorder-result-notice{text-align:right}

/* source: mobile-horizontal-viewport-guard-v298 */
/* Hard containment for intermittent mobile/PWA horizontal document drift.
   Internal rails keep their own horizontal scrolling; the page itself never does. */
html,body{
  inline-size:100%!important;
  max-inline-size:100%!important;
  min-inline-size:0!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none!important;
}
@supports (overflow-x:clip){html,body{overflow-x:clip!important}}
@media(max-width:1024px){
  body{position:relative!important;min-width:0!important;max-width:100%!important}
  body>:not(script):not(style):not(link){max-inline-size:100vw;overflow-x:hidden}
  @supports (overflow-x:clip){body>:not(script):not(style):not(link){overflow-x:clip}}
  .page,.header,.nav,.hero,.quick,.section,.menu-zone,.tools-sticky,.tools,.menu-intro,.menu-content,.visit,.footer,.footer-inner{
    min-inline-size:0!important;
    max-inline-size:100%!important;
  }
  .filters,.quick-inner{overscroll-behavior-x:contain!important}
  img,video,canvas{max-inline-size:100%!important}
}

/* source: customer-live-order-update-toast-v1 */
.customer-live-update-toast{position:fixed;z-index:22000;top:max(14px,calc(10px + env(safe-area-inset-top)));left:50%;width:min(470px,calc(100% - 28px));transform:translate(-50%,-18px);display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:#20272b;color:#fff;box-shadow:0 18px 48px rgba(12,16,19,.28);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .22s ease,visibility 0s linear .22s}
.customer-live-update-toast.show{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:0s}
.customer-live-update-toast-mark{width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:17px;font-weight:1000}
.customer-live-update-toast-copy{display:grid;gap:2px;min-width:0;flex:1}.customer-live-update-toast-copy strong{font-size:13px;line-height:1.25}.customer-live-update-toast-copy span{color:#d8dde0;font-size:11.5px;line-height:1.4;overflow-wrap:anywhere}
html[dir="rtl"] .customer-live-update-toast{direction:rtl;text-align:right}
@media(max-width:620px){.customer-live-update-toast{top:max(10px,calc(8px + env(safe-area-inset-top)));width:calc(100% - 20px);padding:11px 12px;border-radius:14px}.customer-live-update-toast-mark{width:31px;height:31px;flex-basis:31px}.customer-live-update-toast-copy strong{font-size:12.5px}.customer-live-update-toast-copy span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.customer-live-update-toast{transition:none!important}}

/* source: special-offers-category-badge-v2 */
@keyframes specialOffersBadgeFlash{
  0%,100%{opacity:0}
  50%{opacity:.94}
}
@keyframes specialOffersDashedRingSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.category-head .special-offers-badge{
  width:210px!important;
  height:210px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  justify-self:end!important;
  align-self:center!important;
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  color:#fff!important;
  background:#20272B!important;
  border:8px solid #20272B!important;
  box-shadow:0 15px 35px rgba(32,39,43,.28)!important;
}
.category-head .special-offers-badge::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  border-radius:50%;
  background:#CC2A31;
  opacity:0;
  animation:specialOffersBadgeFlash 1.5s ease-in-out infinite;
  pointer-events:none;
}
.category-head .special-offers-badge::before{
  content:"";
  position:absolute;
  inset:12px;
  z-index:1;
  border-radius:50%;
  border:2px dashed rgba(255,255,255,.46);
  transform-origin:50% 50%;
  animation:specialOffersDashedRingSpin 5s linear infinite;
  pointer-events:none;
}
.category-head .special-offers-badge-icon{
  width:58%!important;
  height:58%!important;
  display:block!important;
  position:relative!important;
  z-index:2!important;
}
.category-head .special-offers-badge-icon circle,
.category-head .special-offers-badge-icon path{
  fill:none;
  stroke:currentColor;
  stroke-width:5.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media(max-width:950px){
  .category-head .special-offers-badge{width:185px!important;height:185px!important;}
}
@media(max-width:680px){
  .category-head .special-offers-badge{
    width:clamp(108px,31vw,124px)!important;
    height:clamp(108px,31vw,124px)!important;
    margin-top:8px!important;
    margin-inline-start:auto!important;
    margin-inline-end:0!important;
    border-width:6px!important;
    box-shadow:0 10px 24px rgba(32,39,43,.24)!important;
  }
  .category-head .special-offers-badge::before{
    inset:10px!important;
    border-width:1.8px!important;
  }
  .category-head .special-offers-badge-icon{
    width:54%!important;
    height:54%!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .category-head .special-offers-badge::after,
  .category-head .special-offers-badge::before{animation:none!important;}
  .category-head .special-offers-badge::after{opacity:.35;}
}

/* source: first-order-attention-pulse-v1 */
@keyframes firstOrderAttentionPulse{
  0%,100%{background-color:rgba(25,28,31,.94);box-shadow:none}
  50%{background-color:#CC2A31;box-shadow:none}
}
.first-order-menu-promo-inner{animation:firstOrderAttentionPulse 1.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.first-order-menu-promo-inner{animation:none!important}}

/* source: footer-perfect-center-v1 */
.footer-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  width:100%!important;
}
.footer-inner > :first-child{grid-column:1!important;justify-self:start!important;}
.footer-location{
  grid-column:2!important;
  justify-self:center!important;
  justify-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  text-align:center!important;
}
.footer-location > *{
  justify-self:center!important;
  text-align:center!important;
  margin-inline:auto!important;
}
.footer-inner > p:last-child{grid-column:3!important;justify-self:end!important;text-align:end!important;}
html[dir="rtl"] .footer-location,
html[dir="rtl"] .footer-location > *{text-align:center!important;justify-self:center!important;}
@media(max-width:680px){
  .footer-inner{grid-template-columns:minmax(0,1fr)!important;justify-items:center!important;text-align:center!important;}
  .footer-inner > :first-child,
  .footer-location,
  .footer-inner > p:last-child{grid-column:1!important;justify-self:center!important;text-align:center!important;}
  .footer-location{width:100%!important;max-width:100%!important;}
  .footer-inner > p:last-child{max-width:100%!important;}
}

/* source: pwa-pull-to-refresh-v1 */
.pwa-ptr-indicator{
  position:fixed;
  top:calc(env(safe-area-inset-top, 0px) + 8px);
  left:50%;
  z-index:20050;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  max-width:calc(100% - 28px);
  padding:8px 14px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:#111619;
  color:#fff;
  box-shadow:0 10px 30px rgba(0,0,0,.28);
  font:900 13px/1.2 inherit;
  white-space:nowrap;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-64px) scale(.94);
  transition:opacity .14s ease,transform .14s ease,background-color .14s ease;
}
.pwa-ptr-indicator.is-ready{background:#CC2A31;}
.pwa-ptr-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  color:#CC2A31;
  font-size:21px;
  line-height:1;
  transform:rotate(0deg);
  transition:transform .18s ease,color .14s ease;
}
.pwa-ptr-indicator.is-ready .pwa-ptr-icon{color:#fff;transform:rotate(180deg);}
.pwa-ptr-indicator.is-refreshing .pwa-ptr-icon{color:#fff;animation:pwaPtrSpin .7s linear infinite;}
@keyframes pwaPtrSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){
  .pwa-ptr-indicator,.pwa-ptr-icon{transition:none!important;}
  .pwa-ptr-indicator.is-refreshing .pwa-ptr-icon{animation:none!important;}
}

/* source: tasty-bites-open-menu-v259 */
/* Tasty Bites intentionally keeps every menu category expanded. */

/* source: footer-brand-font-lock-v1 */
.footer-brand-lock{font-family:"TB Trebuchet Latin","Trebuchet MS",Arial,sans-serif!important;direction:ltr!important;unicode-bidi:isolate!important;}


/* source: arabic-category-line-spacing */
/* Arabic-only category headings need extra leading when they wrap. */
html[dir="rtl"] .menu-zone .category-head h2{
  line-height:1.18 !important;
  letter-spacing:0 !important;
}


/* source: tasty-bites-mobile-featured-loop-v259 */
/* Phone-only featured categories: native finger scrolling plus continuous looping motion. */
@media(max-width:680px){
  .quickbar{overflow:hidden!important;}
  .quick-inner.tb-mobile-featured-loop{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:12px!important;
    padding:24px 18px!important;
    scroll-behavior:auto!important;
    scrollbar-width:none!important;
    -ms-overflow-style:none!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-x:contain!important;
    touch-action:pan-x pan-y!important;
    direction:ltr!important;
  }
  .quick-inner.tb-mobile-featured-loop::-webkit-scrollbar{display:none!important;}
  .quick-inner.tb-mobile-featured-loop > .quick-card{
    flex:0 0 136px!important;
    min-width:136px!important;
  }
}

/* source: cart-side-gap-full-height-v261 */
/* Full-height right-side cart drawer with a wider page reveal on the left. */
.cart-drawer{
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:auto!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:none!important;
  width:min(460px,calc(100vw - 32px))!important;
  max-width:calc(100vw - 32px)!important;
  border-radius:0!important;
}
@media(max-width:680px){
  .cart-drawer{
    width:calc(100vw - 32px)!important;
    max-width:calc(100vw - 32px)!important;
  }
}


/* source: tasty-bites-v264-stable-filter-toolbar */
/* Keep the category toolbar visually stationary on mobile. Opaque compositing
   avoids the WebKit sticky + backdrop-blur jitter, while scroll-spy JS no
   longer moves the horizontal rail during ordinary vertical scrolling. */
.tools-sticky.tb-reference-filter{
  background:#191c1f !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  transform:translateZ(0) !important;
  -webkit-transform:translateZ(0) !important;
  backface-visibility:hidden !important;
  -webkit-backface-visibility:hidden !important;
  isolation:isolate !important;
}
.tools-sticky.tb-reference-filter.filter-navigation-pinned{
  visibility:visible !important;
  opacity:1 !important;
  transition:none !important;
}
@media(max-width:950px){
  .tools-sticky.tb-reference-filter{
    background:#191c1f !important;
    -webkit-backdrop-filter:none !important;
    backdrop-filter:none !important;
  }
}


/* source: tasty-bites-v265-deterministic-filter-dock */
/*
  Phone/tablet filter stability: do not use CSS sticky or compositor transforms.
  JS docks the bar at one fixed coordinate and inserts an equal-height spacer,
  so entering/leaving the dock cannot move page content or change the anchor.
*/
.tools-sticky.tb-reference-filter{
  -webkit-transform:none!important;
  transform:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  will-change:auto!important;
}
.tb-filter-dock-sentinel{
  display:block!important;
  width:100%!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
.tb-filter-dock-spacer{
  display:block!important;
  width:100%!important;
  height:0;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
}
@media(max-width:950px){
  .tools-sticky.tb-reference-filter{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
  }
  .tools-sticky.tb-reference-filter.tb-filter-docked{
    position:fixed!important;
    top:var(--tb-filter-dock-top,76px)!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    max-width:none!important;
    z-index:90!important;
    visibility:visible!important;
    opacity:1!important;
    -webkit-transform:none!important;
    transform:none!important;
  }
  .tools-sticky.tb-reference-filter.filter-navigation-pinned{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    width:100%!important;
  }
  .tools-sticky.tb-reference-filter.tb-filter-docked.filter-navigation-pinned{
    position:fixed!important;
    top:var(--tb-filter-dock-top,76px)!important;
    left:0!important;
    right:0!important;
    width:100%!important;
  }
  .filter-navigation-spacer{display:none!important;}
}