@charset "UTF-8";

/* source: inline-style */
/* Gray background: #c6c9cc */
:root{--orange:#f36b21;--orange-dark:#d94f0d;--yellow:#ffb000;--cream:#c6c9cc;--paper:#c6c9cc;--ink:#20272b;--red:#e91e32;--muted:#6c6c68;--line:#eadfca;--shadow:0 18px 50px rgba(76,43,15,.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:#ffe3c7}.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(120,36,0,.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(91,28,0,.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(123,37,0,.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(6,1fr);gap:14px}.quick-card{background:#F76F22;border:1px solid rgba(145,59,13,.42);border-radius:22px;padding:14px;text-align:center;transition:.2s;box-shadow:0 5px 0 rgba(145,59,13,.16)}.quick-card:hover{transform:translateY(-5px);background:#FF7926;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(64,48,24,.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(100,40,0,.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(80,25,0,.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(68,46,19,.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 #d5c7ae;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}
.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:#2b3439;color:white}.visit-card.dark p{color:#dfe4e6}
.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}.footer-legal{display:inline-flex;align-items:center;justify-content:center;margin-top:2px;color:#cbd2d5;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:var(--yellow);border-color:var(--yellow);outline:none}.legal-label-ar{display:none}html[lang="ar"] .legal-label-en{display:none}html[lang="ar"] .legal-label-ar{display:inline}
@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:0;transform:translateX(-6%)}.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(243,107,33,.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(243,107,33,.16)}
.checkout-payment{margin:16px 0 0;background:#fff3d8;border:1px solid #ecd19a;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:#ffe3c7}.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(243,107,33,.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 Chicken Road 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:url("/assets/site/image-c7bfd607b5479607.svg") center/contain no-repeat;
  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:#e8cd7b;color:#5d4810}.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:#9a7410}.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 Chicken Road lettering behind all hero content */
.hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.hero::after{
  content:"CHICKEN\A ROAD" !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:#FF7926 !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(145,42,0,.10),0 26px 60px rgba(115,28,0,.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: extended-hero-featured-background-v117 */
/* v117 trial: make the original hero treatment continue behind Featured Categories. */
.hero-extended-zone{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--orange);
}
.hero-extended-zone::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(circle at 80% 20%,rgba(255,255,255,.22),transparent 25%),
    linear-gradient(130deg,transparent 55%,rgba(120,36,0,.13));
  pointer-events:none;
}
.hero-extended-zone::after{
  content:"CHICKEN\A ROAD";
  position:absolute;
  z-index:0;
  top:-156px;
  left:-8%;
  right:-8%;
  height:949px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  color:#FF7926;
  font-family:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif;
  font-size:clamp(280px,34vw,660px);
  font-weight:900;
  line-height:.66;
  letter-spacing:-.025em;
  text-align:center;
  white-space:pre;
  text-transform:uppercase;
  opacity:.34;
  text-shadow:0 10px 0 rgba(145,42,0,.10),0 26px 60px rgba(115,28,0,.10);
  transform:rotate(-7deg) scale(1.18);
  transform-origin:center center;
  pointer-events:none;
  user-select:none;
}
.hero-extended-zone .hero{
  position:relative;
  z-index:1;
  background:transparent !important;
  overflow:visible;
  isolation:auto;
}
.hero-extended-zone .hero::before,
.hero-extended-zone .hero::after{
  content:none !important;
  display:none !important;
}
.hero-extended-zone .hero-inner,
.hero-extended-zone .quickbar,
.hero-extended-zone .quick-inner{
  position:relative;
  z-index:2;
}
.hero-extended-zone .quickbar{
  background:transparent !important;
  border-bottom:0 !important;
}
@media (max-width:900px){
  .hero-extended-zone::after{
    top:-110px;
    left:-34%;
    right:-34%;
    height:760px;
    font-size:clamp(210px,44vw,430px);
    line-height:.68;
    opacity:.30;
    transform:rotate(-7deg) scale(1.12);
  }
}
@media (max-width:560px){
  .hero-extended-zone::after{
    top:-46px;
    left:-48%;
    right:-48%;
    height:620px;
    font-size:clamp(170px,58vw,300px);
    line-height:.72;
    opacity:.24;
    transform:rotate(-8deg) scale(1.07);
    text-shadow:
      0 10px 0 rgba(145,42,0,.10),
      0 26px 60px rgba(115,28,0,.10),
      -270px 210px 0 rgba(255,121,38,.22),
      -270px 220px 0 rgba(145,42,0,.07),
      255px -205px 0 rgba(255,121,38,.20),
      255px -195px 0 rgba(145,42,0,.06);
  }
}

/* source: chicken-road-hero-gradient-depth-v140 */
/* Layered light and shadow across the shared hero + featured zone.
   Keeps the original upper-right shine, then adds a second glow and deeper orange pockets. */
.hero-extended-zone::before{
  background:
    radial-gradient(circle at 80% 20%,
      rgba(255,255,255,.27) 0%,
      rgba(255,255,255,.16) 13%,
      rgba(255,255,255,.07) 24%,
      transparent 38%),
    radial-gradient(circle at 23% 72%,
      rgba(255,255,255,.16) 0%,
      rgba(255,255,255,.08) 17%,
      transparent 36%),
    radial-gradient(ellipse at 46% 39%,
      rgba(103,27,0,.22) 0%,
      rgba(103,27,0,.12) 24%,
      transparent 51%),
    radial-gradient(ellipse at 91% 80%,
      rgba(92,24,0,.17) 0%,
      rgba(92,24,0,.08) 22%,
      transparent 43%),
    linear-gradient(132deg,
      transparent 46%,
      rgba(120,36,0,.10) 72%,
      transparent 100%);
}
@media (max-width:900px){
  .hero-extended-zone::before{
    background:
      radial-gradient(circle at 78% 17%,rgba(255,255,255,.25) 0%,rgba(255,255,255,.13) 15%,transparent 36%),
      radial-gradient(circle at 18% 70%,rgba(255,255,255,.14) 0%,rgba(255,255,255,.06) 18%,transparent 36%),
      radial-gradient(ellipse at 47% 40%,rgba(103,27,0,.19) 0%,rgba(103,27,0,.10) 25%,transparent 51%),
      radial-gradient(ellipse at 90% 82%,rgba(92,24,0,.15) 0%,rgba(92,24,0,.07) 22%,transparent 42%),
      linear-gradient(132deg,transparent 46%,rgba(120,36,0,.09) 72%,transparent 100%);
  }
}

/* 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:#FF7926;
  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:#FF7926 !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:#FF7926 !important;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(255,121,38,.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:#FF7926 !important;
  color:#fff !important;
  transform:translateY(-3px);
  box-shadow:0 18px 44px rgba(255,121,38,.30);
}
.cart-count{
  background:#FF7926 !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 add giant hero-style branding behind it */
.category-head{
  isolation:isolate;
}
.category-head::after{
  content:"CHICKEN\A ROAD" !important;
  position:absolute !important;
  z-index:0 !important;
  inset:-44% -8% -46% -10% !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:#FF7926 !important;
  font-family:"Lilita One", "Arial Rounded MT Bold", "Trebuchet MS", sans-serif !important;
  font-size:clamp(150px,18vw,310px) !important;
  font-weight:400 !important;
  line-height:.67 !important;
  letter-spacing:-.035em !important;
  text-align:center !important;
  white-space:pre !important;
  text-transform:uppercase !important;
  opacity:.42 !important;
  text-shadow:0 8px 0 rgba(145,59,13,.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:-32% -22% -35% -22% !important;
    font-size:clamp(135px,25vw,250px) !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:-18% -40% -20% -38% !important;
    font-size:clamp(115px,38vw,205px) !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:#FF7926;
  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:#FF7926 !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 .quick-photo,
.quick-card:focus-visible .quick-photo{
  background:#FF7926 !important;
  box-shadow:0 10px 24px rgba(255,121,38,.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:#FF7926;
}
.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:#FF7926 !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:#FF7926;
}
.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:#F76F22 !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:#FF7926 !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:#FF7926 !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:#F76F22 !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:#FF7926 !important;
  border-color:#FF7926 !important;
  box-shadow:0 9px 20px rgba(255,121,38,.22);
}
.cart-action.primary:hover:not(:disabled){
  background:#F76F22 !important;
  border-color:#F76F22 !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:#FF7926 !important;
  border-color:#FF7926 !important;
  color:#fff !important;
  outline:none;
  box-shadow:0 9px 20px rgba(255,121,38,.24);
}
.filter.active{
  background:#FF7926 !important;
  border-color:#FF7926 !important;
  color:#fff !important;
}
.filter.active:focus-visible{
  background:#F76F22 !important;
  border-color:#F76F22 !important;
}
@media(hover:hover) and (pointer:fine){
  .filter:hover{
    background:#FF7926 !important;
    border-color:#FF7926 !important;
    color:#fff !important;
    transform:translateY(-2px);
    box-shadow:0 9px 20px rgba(255,121,38,.24);
  }
  .filter.active:hover{
    background:#F76F22 !important;
    border-color:#F76F22 !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:#F76F22;
}

/* 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:#FF7926 !important;
  font-weight:900 !important;
  transition:color .28s ease, opacity .28s ease !important;
}
.remove-item:hover,
.remove-item:focus-visible{
  color:#F76F22 !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(255,121,38,.28),
    0 10px 28px rgba(255,121,38,.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:#F76F22 !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:#FF7926 !important;
}
.links a:not(.nav-pill):hover,
.links a:not(.nav-pill):focus-visible,
.links .account-nav:hover,
.links .account-nav:focus-visible{
  color:#F05F13 !important;
}
.links a:not(.nav-pill)::after,
.links .account-nav::after{
  background:#FF7926 !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:#FF7926 !important;
  box-shadow:0 10px 24px rgba(255,121,38,.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:#FF7926 !important;
  border-color:#FF7926 !important;
  color:#20272B !important;
  transform:translateY(-6px);
  box-shadow:0 16px 34px rgba(255,121,38,.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:#FF7926}.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:#FF7926!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:"CR";position:absolute;right:-13px;bottom:-36px;color:#FF7926;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:#FF7926;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:#FF7926}.auth-tab.active{background:#FF7926!important;color:#fff!important;box-shadow:0 7px 17px rgba(255,121,38,.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:#FF7926!important;background:#fff!important;box-shadow:0 0 0 4px rgba(255,121,38,.13)!important}.auth-submit,.account-action{min-height:52px!important;border-radius:14px!important;background:#FF7926!important;box-shadow:0 9px 22px rgba(255,121,38,.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:#F05F13!important;transform:translateY(-2px);box-shadow:0 12px 25px rgba(240,95,19,.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:#FF7926}.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:#7a4b2e!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:#FF7926!important;background:transparent!important;color:#FF7926!important}.account-action.secondary:hover{background:#FF7926!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:#FF7926 !important;
  border-color:#FF7926 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  box-shadow:0 9px 20px rgba(255,121,38,.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:#FF7926 !important;
    border-color:#FF7926 !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 Chicken Road 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 #d88b00 !important;
  border-radius:14px !important;
  background:var(--yellow) !important;
  color:#20272b !important;
  -webkit-text-fill-color:#20272b !important;
  box-shadow:none !important;
  font-weight:950 !important;
  letter-spacing:.01em;
  transition:
    transform .18s ease,
    box-shadow .18s ease !important;
}

#specialOfferAdd::before{
  content:"+";
  display:grid;
  place-items:center;
  width:25px;
  height:25px;
  flex:0 0 25px;
  border-radius:50%;
  background:#20272b !important;
  color:var(--yellow) !important;
  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:#d88b00 !important;
    background:var(--yellow) !important;
    color:#20272b !important;
    -webkit-text-fill-color:#20272b !important;
    box-shadow:0 10px 22px rgba(255,176,0,.22) !important;
    transform:translateY(-2px);
  }

  #specialOfferAdd:hover::before,
  #specialOfferAdd:focus-visible::before{
    background:#20272b !important;
    color:var(--yellow) !important;
  }
}

@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:#ff7926 !important;
    border-color:#ff7926 !important;
    color:#20272b !important;
    transform:translateY(-2px) !important;
    box-shadow:0 12px 26px rgba(255,121,38,.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:#ff7926 !important;
    box-shadow:0 10px 24px rgba(255,121,38,.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:#f36b21;color:#fff;font:900 13px/1 "Trebuchet MS",Arial,sans-serif;box-shadow:0 5px 14px rgba(243,107,33,.28);cursor:pointer;white-space:nowrap;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.language-toggle:hover{background:#ff7b2d;transform:translateY(-2px);box-shadow:0 7px 18px rgba(243,107,33,.34)}.language-toggle:focus-visible{background:#ff7b2d;outline:none;box-shadow:0 0 0 3px rgba(243,107,33,.24),0 7px 18px rgba(243,107,33,.34)}
.language-toggle:active{transform:translateY(1px);box-shadow:0 3px 9px rgba(243,107,33,.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,#ff7b2d,#ffc329) 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 exact same yellow as FRIES. */
#specialOfferAdd{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  min-height:54px !important;
  padding:0 25px !important;
  border:1px solid #d88b00 !important;
  border-radius:999px !important;
  background:var(--yellow) !important;
  color:#20272b !important;
  -webkit-text-fill-color:#20272b !important;
  box-shadow:0 7px 0 #d88b00, 0 17px 30px rgba(255,176,0,.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:#20272b !important;
  color:var(--yellow) !important;
  font-size:20px;
  font-weight:1000;
  line-height:1;
  box-shadow:0 4px 10px rgba(32,39,43,.18);
}

#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-color:#d88b00 !important;
    background:var(--yellow) !important;
    color:#20272b !important;
    -webkit-text-fill-color:#20272b !important;
    box-shadow:0 9px 0 #d88b00, 0 22px 38px rgba(255,176,0,.28) !important;
    transform:translateY(-2px) !important;
  }

  #specialOfferAdd:hover::before,
  #specialOfferAdd:focus-visible::before{
    background:#20272b !important;
    color:var(--yellow) !important;
  }

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

#specialOfferAdd:active{
  transform:translateY(4px) !important;
  box-shadow:0 3px 0 #d88b00, 0 10px 20px rgba(255,176,0,.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,.13);
  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,.72);
  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;
}

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

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

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

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

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

html[dir="rtl"] .visit-card.dark .eyebrow,
html[dir="rtl"] .visit-card.dark h3,
html[dir="rtl"] .visit-card.dark .contact-intro,
html[dir="rtl"] .visit-card.dark .contact-line-label,
html[dir="rtl"] .visit-card.dark .contact-action{
  font-family:"Cairo",Tahoma,Arial,sans-serif !important;
}

html[dir="rtl"] .visit-card.dark h3{
  font-size:clamp(46px,7vw,82px);
  line-height:.92;
  letter-spacing:0;
  text-transform:none;
}

html[dir="rtl"] .visit-card.dark .eyebrow{
  font-size:15px;
  letter-spacing:0;
}

@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(255,176,0,.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(255,176,0,.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(243,107,33,.46);background:linear-gradient(135deg,#fff4eb,#fff);box-shadow:0 8px 22px rgba(243,107,33,.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 CHICKEN ROAD
  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(255,176,0,.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:#ffb000;box-shadow:0 15px 30px rgba(32,39,43,.11);outline:none}
.order-mode-option.is-selected{border-color:#ffb000;background:#fff8df;box-shadow:0 0 0 2px rgba(255,176,0,.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:#ffb000;color:#20272b}
.order-mode-option[data-order-mode="pickup"] .order-mode-icon{background:#f36b21}
.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:#ffb000;outline:none}
.order-mode-nav::before{content:"●";color:#f36b21;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:#f36b21;color:#fff;box-shadow:0 5px 14px rgba(243,107,33,.28);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.order-mode-header:hover,.order-mode-header:focus-visible{background:#ff7b2d;color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 7px 18px rgba(243,107,33,.34);outline:none}
.order-mode-header:active{transform:translateY(1px);box-shadow:0 3px 9px rgba(243,107,33,.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:#f36b21;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-call{background:#f36b21;color:#fff}.large-order-whatsapp{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: chicken-road-v96-selected-fixes */
/* Keep the normal menu Add to cart controls orange with the original gray hover.
   Do not override the special Dynamite offer button here. */
.add-to-cart:not(#specialOfferAdd){
  background:var(--orange)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:var(--orange)!important;
  box-shadow:none!important;
}
.add-to-cart:not(#specialOfferAdd):hover,
.add-to-cart:not(#specialOfferAdd):focus-visible{
  background:#20272b!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#20272b!important;
  box-shadow:none!important;
}
/* Prevent static/non-live categories flashing before the first catalog sync. */
html:not(.cr-menu-ready) .menu-content{visibility:hidden!important}

/* source: chicken-road-script-aware-arabic-v113 */
/* v113: Arabic glyphs use the same Cairo/Tahoma stack as Tasty Bites, while
   Latin letters and 0-9 keep Chicken Road's original English typography. */
@font-face{
  font-family:"CR 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:"CR 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:"CR 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:not(#cr-script-font-lock):not(#cr-script-font-lock-2),
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2) *{
  font-family:"CR Trebuchet Latin","Cairo",Tahoma,Arial,sans-serif !important;
}
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2) h1,
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2) h2,
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2) h3{
  font-family:"CR Arial Black Latin","Cairo",Tahoma,Arial,sans-serif !important;
}
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2) .add-to-cart,
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2) #specialOfferAdd{
  font-family:"CR Inter Latin","Cairo",Tahoma,Arial,sans-serif !important;
}
/* v114: location is a touch narrower and contact is a touch wider. */
@media(min-width:951px){
  .visit-grid{grid-template-columns:.9fr 1.1fr !important;}
}

/* Localized location heading: Arabic words stay Arabic, B3 stays Latin and remains last. */
.location-title-ar{display:none;}
html[lang="ar"] .location-title-en{display:none;}
html[lang="ar"] .location-title-ar{
  display:block;
  direction:rtl;
  unicode-bidi:plaintext;
  white-space:nowrap;
  font-size:clamp(34px,4vw,54px);
  line-height:1.06;
}
html[lang="ar"] .location-title-ar .location-b3{
  display:inline-block;
  direction:ltr;
  unicode-bidi:isolate;
  white-space:nowrap;
  font-family:"CR Arial Black Latin","Arial Black",Arial,sans-serif !important;
}

/* Keep the full Arabic contact headline visible on one line, including the final د in رود. */
html[dir="rtl"] .contact-card h3{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  font-size:clamp(34px,3.6vw,50px) !important;
  line-height:1.16 !important;
  white-space:nowrap;
  overflow:visible;
  letter-spacing:0 !important;
  padding-inline:1px;
}
@media(max-width:950px){
  html[dir="rtl"] .contact-card h3{font-size:clamp(30px,6.2vw,42px) !important;}
  html[lang="ar"] .location-title-ar{font-size:clamp(32px,7.2vw,46px);}
}
@media(max-width:420px){
  html[dir="rtl"] .contact-card h3{font-size:clamp(27px,7vw,31px) !important;}
  html[lang="ar"] .location-title-ar{font-size:clamp(29px,7.4vw,34px);}
}

/* source: chicken-road-arabic-english-heading-font-consistency-v115 */
/* v115: In Arabic mode, inline elements inside headings must inherit the
   heading's script-aware display stack. v113's broad RTL * rule otherwise
   makes nested Latin spans use the body face, producing mixed English fonts
   (for example "and made fresh." and "Fries."). */
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2) h1 *,
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2) h2 *,
html[dir="rtl"] body:not(#cr-script-font-lock):not(#cr-script-font-lock-2) h3 *{
  font-family:inherit !important;
}

/* source: chicken-road-v120-dark-header-flat-dynamite */
/* v120: use the exact Chicken Road ink gray from the supplied reference for the top navigation. */
.header{
  background:#20272b !important;
  border-bottom-color:#20272b !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}

/* The mobile navigation is part of the same top bar, so keep it the exact same solid gray too. */
@media(max-width:680px){
  .links,
  .links.open{
    background:#20272b !important;
    border-bottom-color:#20272b !important;
    box-shadow:none !important;
  }
}

/* Dynamite offer: exact FRIES yellow, flat and clean. No shadow, glow or shine animation. */
#specialOfferAdd,
#specialOfferAdd:hover,
#specialOfferAdd:focus,
#specialOfferAdd:focus-visible,
#specialOfferAdd:active{
  background:var(--yellow) !important;
  color:#20272b !important;
  -webkit-text-fill-color:#20272b !important;
  border-color:#d88b00 !important;
  box-shadow:none !important;
}
#specialOfferAdd::before,
#specialOfferAdd:hover::before,
#specialOfferAdd:focus::before,
#specialOfferAdd:focus-visible::before{
  background:#20272b !important;
  color:var(--yellow) !important;
  box-shadow:none !important;
}
#specialOfferAdd::after{
  display:none !important;
}
#specialOfferAdd:hover,
#specialOfferAdd:focus-visible{
  transform:none !important;
}
#specialOfferAdd:active{
  transform:none !important;
}

/* v121: neutral gray ordering-closed notice instead of the old reddish warning treatment. */
.ordering-notice:not(.limited){
  background:#e0e2e4 !important;
  border-color:#c7cbce !important;
  color:#3f474c !important;
  box-shadow:none !important;
}
.ordering-notice:not(.limited) .ordering-notice-icon{
  background:#737a7f !important;
  color:#fff !important;
}

/* v121: keep the Dynamite button flat, but restore subtle physical feedback. */
#specialOfferAdd{
  transition:transform .16s ease !important;
}
@media(hover:hover) and (pointer:fine){
  #specialOfferAdd:hover,
  #specialOfferAdd:focus-visible{
    transform:translateY(-2px) !important;
  }
}
#specialOfferAdd:active{
  transform:translateY(2px) scale(.985) !important;
}
#specialOfferAdd:disabled{
  transform:none !important;
}

/* source: chicken-road-v122-translucent-header */
/* Slightly translucent navigation header. The document-top backing layer is
   the exact same #20272b, so the header still reads as one clean dark-gray
   bar at the top; transparency becomes subtly visible only as content scrolls underneath. */
body::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:260px;
  background:#20272b;
  pointer-events:none;
}
.header{
  background:rgba(32,39,43,.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(--yellow);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(--yellow);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: v124-cart-alignment-gray-category-shine */
/* No-option menu buttons now sit on the exact same logical side 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 categories stay Chicken Road gray. Hover adds only a sheen and a small lift. */
.quick-card{
  position:relative !important;
  overflow:hidden !important;
  background:#20272B !important;
  border-color:#20272B !important;
  color:#fff !important;
  transition:
    transform .28s cubic-bezier(.22,.61,.36,1),
    box-shadow .28s ease !important;
}
.quick-card strong{
  position:relative;
  z-index:2;
  color:#fff !important;
}
.quick-card .quick-photo{
  position:relative;
  z-index:2;
  background:#FF7926 !important;
}
.quick-card::after{
  content:"";
  position:absolute;
  z-index:1;
  top:-45%;
  bottom:-45%;
  left:-48%;
  width:34%;
  pointer-events:none;
  background:linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.04) 28%,
    rgba(255,255,255,.28) 50%,
    rgba(255,255,255,.04) 72%,
    rgba(255,255,255,0) 100%
  );
  transform:skewX(-18deg) translateX(-260%);
  transition:transform .62s cubic-bezier(.2,.7,.2,1);
}
.quick-card:hover,
.quick-card:focus-visible{
  background:#20272B !important;
  border-color:#20272B !important;
  color:#fff !important;
  transform:translateY(-3px) !important;
  box-shadow:0 11px 24px rgba(32,39,43,.18) !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:#FF7926 !important;
  transform:scale(1.02) !important;
  box-shadow:0 10px 24px rgba(255,121,38,.24) !important;
}
.quick-card:hover::after,
.quick-card:focus-visible::after{
  transform:skewX(-18deg) translateX(610%);
}

/* Touch feedback follows the same gray design instead of flashing orange. */
@media(hover:none){
  .quick-card.quick-tap-flash,
  .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;
  }
  .quick-card.quick-tap-flash{
    transform:translateY(-2px) !important;
    box-shadow:0 9px 20px rgba(32,39,43,.16) !important;
  }
  .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:#fff !important;
  }
  .quick-card.quick-tap-flash .quick-photo,
  .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:#FF7926 !important;
  }
  .quick-card.quick-tap-flash::after{
    transform:skewX(-18deg) translateX(610%);
  }
}

@media(prefers-reduced-motion:reduce){
  .quick-card,
  .quick-card::after,
  .quick-card .quick-photo{
    transition:none !important;
  }
  .quick-card:hover,
  .quick-card:focus-visible,
  .quick-card.quick-tap-flash{
    transform:none !important;
  }
}

/* source: chicken-road-orange-warning-controls-v129 */
/* v129: Match the Tasty Bites warning-control treatment using Chicken Road orange. */
.restaurant-warning-mark{
  background:var(--orange) !important;
  color:#fff !important;
}
.restaurant-warning-ack{
  background:var(--orange) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  border:0 !important;
  outline:2px solid var(--orange) !important;
  outline-offset:3px !important;
  box-shadow:none !important;
}
.restaurant-warning-ack:hover,
.restaurant-warning-ack:focus,
.restaurant-warning-ack:focus-visible,
.restaurant-warning-ack:active{
  background:var(--orange) !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  outline:2px solid var(--orange) !important;
  outline-offset:3px !important;
  box-shadow:none !important;
}

/* source: chicken-road-cart-no-shadow-v131 */
/* 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: chicken-road-v132-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(198,201,204,.96) !important;
  border-top:1px solid var(--line) !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: chicken-road-v133-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(32,39,43,.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: chicken-road-v134-inline-search-filter-layout */
/*
  Search shares the category row visually but stays in normal document flow.
  Only the category rail remains sticky after the user scrolls past it.
*/
.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: chicken-road-v136-sticky-search-with-filters */
/* 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;
}

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

/* source: chicken-road-v138-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: chicken-road-v144-mobile-nav-real-glass */
/* The dropdown is a descendant of the header. A backdrop-filter on the header
   creates a backdrop root, which can prevent the nested dropdown from blurring
   the page behind it. Keep the header element itself transparent on phones and
   give the 76px bar and the dropdown their own independent glass layers. */
@media(max-width:680px){
  .header{
    --cr-mobile-header-glass:rgba(32,39,43,.90);
    --cr-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(--cr-mobile-header-glass);
    border-bottom:1px solid rgba(255,255,255,.08);
    -webkit-backdrop-filter:var(--cr-mobile-header-blur);
    backdrop-filter:var(--cr-mobile-header-blur);
  }
  .header .nav{
    position:relative;
    z-index:1;
  }
  .header .links,
  .header .links.open{
    background:var(--cr-mobile-header-glass) !important;
    border-bottom-color:rgba(255,255,255,.08) !important;
    -webkit-backdrop-filter:var(--cr-mobile-header-blur) !important;
    backdrop-filter:var(--cr-mobile-header-blur) !important;
    box-shadow:none !important;
  }
}

/* source: chicken-road-v255-mobile-header-compact */
/* v255: tighter Chicken Road phone header with less space beneath the burger. Desktop and Tasty Bites are unchanged. */
@media(max-width:680px){
  .header .nav{height:60px !important;}
  .header .logo img{width:86px !important;height:52px !important;}
  .header::after{height:60px !important;}
  .header .links,.header .links.open{top:60px !important;}
  .search-static{top:60px !important;}
  .tools-sticky,.tools-sticky.cr-reference-filter{top:60px !important;}
}

/* source: chicken-road-v256-mobile-header-extra-compact */
/* v256: reduce the remaining vertical gap around the phone burger without touching desktop. */
@media(max-width:680px){
  .header .nav{height:52px !important;}
  .header .logo img{width:82px !important;height:46px !important;}
  .header .menu-toggle{height:44px !important;}
  .header::after{height:52px !important;}
  .header .links,.header .links.open{top:52px !important;}
  .search-static{top:52px !important;}
  .tools-sticky,.tools-sticky.cr-reference-filter{top:52px !important;}
}

/* source: chicken-road-featured-direct-image-paint-v148 */
/* Featured thumbnails use direct image elements so Chromium does not defer/repaint
   nested picture + clip-path layers only after hover. */
.quick-photo{
  isolation:auto !important;
  overflow:hidden !important;
}
.quick-photo > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  border:0 !important;
  border-radius:50% !important;
  object-fit:cover !important;
  object-position:center !important;
  opacity:1 !important;
  visibility:visible !important;
  clip-path:none !important;
  transform:none !important;
}

/* source: chicken-road-v156-tasty-filter-behavior */
/* Same clean filter structure/behavior as the approved Tasty Bites v54 rail. */
.search-static{display:none !important;}
.tools-sticky.cr-reference-filter{
  position:sticky !important;
  top:86px !important;
  z-index:62 !important;
}
.tools-sticky.cr-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.cr-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.cr-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.cr-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.cr-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.cr-reference-filter .filter{flex:0 0 auto !important;}
@media(max-width:680px){
  .tools-sticky.cr-reference-filter{top:76px !important;}
  .tools-sticky.cr-reference-filter .filter-only-tools{
    min-height:60px !important;
    padding:6px 12px !important;
    gap:8px !important;
  }
  .tools-sticky.cr-reference-filter .search-shell{
    flex:0 0 46px !important;
    width:46px !important;
    min-width:46px !important;
    max-width:46px !important;
  }
  .tools-sticky.cr-reference-filter .search-toggle-button{
    flex-basis:46px !important;
    width:46px !important;
    height:46px !important;
  }
  .tools-sticky.cr-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.cr-reference-filter .search-shell.is-open .search{min-width:0 !important;}
  .tools-sticky.cr-reference-filter .filters{width:0 !important;max-width:none !important;}
}

/* source: chicken-road-filter-stability-v157 */
.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(--orange,#FF7926)!important;border-color:var(--orange,#FF7926)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;filter:none!important;}

/* source: chicken-road-real-phone-filter-parity-v158 */
/* 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: chicken-road-category-photo-no-overlap-v210 */
/* Keep category copy vertically centered like Tasty Bites while preserving safe text/photo separation. */
.category-head{align-items:center !important;}
.category-head > div:first-child{min-width:0 !important;align-self:center !important;}
.category-head h2,.category-head p{max-width:none !important;overflow-wrap:anywhere !important;word-break:normal !important;}
.category-head .category-photo{align-self:center !important;justify-self:end !important;flex-shrink:0 !important;}
@media (max-width: 980px){
  .category-head{
    grid-template-columns:minmax(0,1fr) clamp(132px,24vw,180px) !important;
    gap:16px !important;
    min-height:auto !important;
    padding:24px 26px !important;
    align-items:center !important;
  }
  .category-head > div:first-child{grid-column:1 !important;grid-row:1 !important;align-self:center !important;}
  .category-head .category-photo{
    grid-column:2 !important;
    grid-row:1 !important;
    width:clamp(132px,24vw,180px) !important;
    height:clamp(132px,24vw,180px) !important;
    margin:0 !important;
    align-self:center !important;
  }
  .category-head .category-photo img{transform:scale(1.08) !important;}
}
@media (max-width: 680px){
  .category-head{
    grid-template-columns:minmax(0,1fr) clamp(112px,29vw,140px) !important;
    gap:14px !important;
    padding:22px !important;
    align-items:center !important;
  }
  .category-head .category-photo,
  .category-head img{
    width:clamp(112px,29vw,140px) !important;
    height:clamp(112px,29vw,140px) !important;
    margin:0 !important;
    align-self:center !important;
    justify-self:end !important;
  }
  .category-head h2{margin-top:0 !important;}
}
@media (max-width: 430px){
  .category-head{
    grid-template-columns:minmax(0,1fr) 112px !important;
    gap:12px !important;
  }
  .category-head .category-photo,
  .category-head img{width:112px !important;height:112px !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-v173-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:#20272B;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:var(--yellow);color:var(--ink);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:#e39d00}.first-order-menu-promo .first-order-code-copy.is-copied{transform:scale(.96)}
@media(max-width:680px){.tools-sticky.cr-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.cr-reference-filter .search-shell.is-open) .tools-sticky.cr-reference-filter .filter-only-tools{padding:7px 22px!important}
.tools-sticky.cr-reference-filter .search-shell,.tools-sticky.cr-reference-filter .search-shell.is-open{margin:0!important;transform:none!important}
@media(max-width:680px){.menu-zone:has(.tools-sticky.cr-reference-filter .search-shell.is-open) .tools-sticky.cr-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-orange-motion-v2 */
.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:#f36b21!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:#d94f0d!important;
    transform:translateY(-2px)!important;
  }
}
.qty-btn:not(:disabled):not([aria-disabled="true"]):active{
  background:#d94f0d!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: 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(243,107,33,.12);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: 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-v231 */
/* 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 #d5c7ae;
  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: chicken-road-menu-title-mobile-hero-v270 */
/* Match Tasty Bites' two-line menu title treatment, using Chicken Road orange. */
.menu-intro h2::after{display:none!important;content:none!important}
.menu-intro h2 .cr-menu-title-last{
  display:inline-block;
  position:relative;
  font-family:"Arial Black",Arial,sans-serif!important;
  font-weight:900!important;
  font-style:normal!important;
  font-size:inherit!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
}
.cr-menu-title-last::after{
  content:"";
  position:absolute;
  inset-inline:0;
  bottom:-20px;
  height:5px;
  border-radius:999px;
  background:var(--orange,#f36b21);
}
/* Phone only: remove the redundant space below the transparent burger artwork. */
@media(max-width:680px){
  .hero-inner{padding-bottom:8px!important}
  .hero-product{margin-top:4px!important}
  .hero-product img{margin-bottom:-34px!important}
}
@media(max-width:420px){
  .hero-inner{padding-bottom:5px!important}
  .hero-product img{margin-bottom:-30px!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:#f36b21;
  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:#20272B;box-shadow:none}
  50%{background-color:#f36b21;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: footer-arabic-copy-v291 */
.footer-address-ar{display:none}
html[lang="ar"] .footer-address-en{display:none}
html[lang="ar"] .footer-address-ar{display:inline}

/* 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:#FF7926;}
.pwa-ptr-icon{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  color:#FF7926;
  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: menu-category-accordion-v6-grid-row */
/* Chicken Road accordion: a single layout animation owns the motion.
   The product cards themselves never translate, scale, or stagger. */
.menu-content,
.menu-category,
.menu-category > .menu-grid-collapse{
  overflow-anchor:none!important;
}
.menu-category{
  margin-bottom:18px!important;
}
.menu-category > .category-head{
  cursor:pointer!important;
  -webkit-tap-highlight-color:transparent;
  user-select:none;
  -webkit-user-select:none;
  transition:box-shadow .18s ease,filter .18s ease!important;
}
.menu-category > .category-head:focus-visible{
  outline:3px solid var(--orange,#FF7926)!important;
  outline-offset:4px!important;
}
@media(hover:hover) and (pointer:fine){
  .menu-category > .category-head:hover{filter:brightness(1.025)}
}
.menu-category > .category-head h2{
  position:relative!important;
  padding-inline-end:0!important;
}
.menu-category > .menu-grid-collapse{
  display:grid!important;
  grid-template-rows:0fr;
  overflow:hidden;
  pointer-events:none;
  transition:grid-template-rows .62s cubic-bezier(.22,.61,.36,1)!important;
}
.menu-category.is-open > .menu-grid-collapse{
  grid-template-rows:1fr;
  pointer-events:auto;
}
.menu-category > .menu-grid-collapse > .menu-grid-collapse-inner{
  min-height:0!important;
  overflow:hidden!important;
}
.menu-category > .menu-grid-collapse > .menu-grid-collapse-inner > .menu-grid{
  display:grid!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
}
@media(max-width:680px){
  .menu-category{margin-top:18px!important;margin-bottom:14px!important}
  .menu-category > .category-head h2{padding-inline-end:0!important}
}
@media(prefers-reduced-motion:reduce){
  .menu-category > .menu-grid-collapse{transition:none!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: chicken-menu-category-descriptions-only-hidden-v345 */
/* Chicken Road hides category descriptions only. Product descriptions remain visible. */
#menu .menu-content .category-head > div:first-child > p{
  display:none!important;
}

/* source: chicken-cart-full-width-mobile-v347 */
/* Chicken Road keeps the full-height right drawer and uses the full phone width. */
.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,100%)!important;
  max-width:100%!important;
  border-radius:0!important;
}
@media(max-width:680px){
  .cart-drawer{
    width:100vw!important;
    max-width:100vw!important;
  }
}


/* source: chicken-category-accordion-no-browser-anchor-v355 */
/* During the short exclusive accordion transition, never let the browser's
   automatic scroll anchoring adjust the customer's viewport. */
html.cr-category-accordion-active,
html.cr-category-accordion-active body{
  overflow-anchor:none!important;
}
/* The page normally uses smooth scrolling. Accordion compensation must be
   immediate, otherwise a stream of tiny corrective scrolls becomes visible
   as a drag on browsers that honor the document scroll-behavior. */
html.cr-category-accordion-active{
  scroll-behavior:auto!important;
}

/* source: chicken-category-anchored-crossflow-v364 */
/* One continuous handoff: the old product layer exits downward while its
   layout shell closes, and the new layer reveals below its anchored header at
   the same time. Overflow remains clipped at every stage, so neighbouring
   category headers never get covered by product cards. */
.menu-category.cr-anchor-target > .category-head{
  position:relative!important;
  z-index:4!important;
}
.menu-category.cr-closing-flow > .menu-grid-collapse{
  pointer-events:none!important;
  transition-duration:.40s!important;
  transition-timing-function:cubic-bezier(.32,.72,0,1)!important;
}
.menu-category.cr-opening-flow > .menu-grid-collapse{
  transition-duration:.47s!important;
  transition-timing-function:cubic-bezier(.16,1,.3,1)!important;
}
.menu-category.cr-closing-flow > .menu-grid-collapse > .menu-grid-collapse-inner,
.menu-category.cr-opening-flow > .menu-grid-collapse > .menu-grid-collapse-inner{
  overflow:hidden!important;
  transform-origin:top center!important;
  will-change:clip-path,opacity,transform!important;
}
/* Keep the header calm while the content moves. A very small brightness
   response gives the newly opened category a settled/active feel without
   bouncing or translating the customer's visual anchor. */
.menu-category.cr-opening-flow > .category-head{
  filter:brightness(1.018)!important;
}
@media(prefers-reduced-motion:reduce){
  .menu-category.cr-anchor-target > .category-head{z-index:auto!important;}
  .menu-category.cr-closing-flow > .menu-grid-collapse,
  .menu-category.cr-opening-flow > .menu-grid-collapse{transition:none!important;}
  .menu-category.cr-closing-flow > .menu-grid-collapse > .menu-grid-collapse-inner,
  .menu-category.cr-opening-flow > .menu-grid-collapse > .menu-grid-collapse-inner{
    clip-path:none!important;
    opacity:1!important;
    transform:none!important;
    will-change:auto!important;
  }
}


/* source: chicken-category-layout-delta-anchor-v365 */
/* Viewport anchoring is driven by the collapsing shell's measured height delta,
   never by the target header's viewport coordinates. This prevents accordion
   compensation from fighting touch momentum, browser viewport adjustments, or
   unrelated page scrolling. */

/* source: chicken-road-v366-cart-intake-motion */
/* The add confirmation stays readable for a beat, then folds into the actual
   floating Cart control. JS supplies the live screen-space destination so the
   motion stays accurate on phones, desktop, RTL and safe-area layouts. */
.add-toast.cart-flight{
  visibility:visible !important;
  pointer-events:none !important;
  animation:crAddToastIntoCart .62s cubic-bezier(.32,.02,.52,.98) forwards !important;
  will-change:transform,opacity,border-radius;
}
.add-toast.cart-flight .add-toast-copy{
  animation:crAddToastCopyFold .48s cubic-bezier(.4,0,.7,1) forwards;
}
.add-toast.cart-flight .add-toast-icon{
  animation:crAddToastIconFold .58s cubic-bezier(.3,0,.55,1) forwards;
}
@keyframes crAddToastIntoCart{
  0%{
    opacity:1;
    border-radius:17px;
    transform:translate(-50%,0) scale(1);
  }
  45%{
    opacity:.98;
    border-radius:22px;
    transform:translate(calc(-50% + var(--cart-intake-mid-x,0px)),var(--cart-intake-mid-y,0px)) scale(.76) rotate(-1.5deg);
  }
  78%{opacity:.9}
  100%{
    opacity:0;
    border-radius:999px;
    transform:translate(calc(-50% + var(--cart-intake-x,0px)),var(--cart-intake-y,0px)) scale(.12) rotate(3deg);
  }
}
@keyframes crAddToastCopyFold{
  0%,22%{opacity:1;transform:translateX(0) scale(1)}
  100%{opacity:0;transform:translateX(8px) scale(.72)}
}
@keyframes crAddToastIconFold{
  0%{transform:scale(1) rotate(0deg)}
  72%{transform:scale(.9) rotate(-8deg)}
  100%{transform:scale(.58) rotate(8deg)}
}
.cart-fab{isolation:isolate}
.cart-fab.cart-intake-ready{
  animation:crCartReadyToReceive .62s cubic-bezier(.22,.61,.36,1);
}
.cart-fab.cart-intake-ready::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-6px;
  border:2px solid rgba(255,121,38,.72);
  border-radius:inherit;
  pointer-events:none;
  animation:crCartIntakeHalo .62s ease forwards;
}
.cart-fab.cart-received{
  animation:crCartSwallow .38s cubic-bezier(.34,1.56,.64,1);
}
.cart-count.cart-count-received{
  animation:crCartCountReceive .42s cubic-bezier(.34,1.56,.64,1);
}
@keyframes crCartReadyToReceive{
  0%,30%{transform:translateY(0) scale(1)}
  58%{transform:translateY(0) scaleX(1.055) scaleY(.94)}
  82%{transform:translateY(0) scaleX(.985) scaleY(1.035)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes crCartIntakeHalo{
  0%{opacity:0;transform:scale(.88)}
  32%{opacity:1;transform:scale(1)}
  100%{opacity:0;transform:scale(1.16)}
}
@keyframes crCartSwallow{
  0%{transform:translateY(0) scale(1)}
  38%{transform:translateY(1px) scale(.91)}
  72%{transform:translateY(-2px) scale(1.075)}
  100%{transform:translateY(0) scale(1)}
}
@keyframes crCartCountReceive{
  0%{transform:scale(1)}
  42%{transform:scale(.72)}
  72%{transform:scale(1.3)}
  100%{transform:scale(1)}
}
@media(prefers-reduced-motion:reduce){
  .add-toast.cart-flight,
  .add-toast.cart-flight .add-toast-copy,
  .add-toast.cart-flight .add-toast-icon,
  .cart-fab.cart-intake-ready,
  .cart-fab.cart-intake-ready::after,
  .cart-fab.cart-received,
  .cart-count.cart-count-received{
    animation:none !important;
  }
}