/* HASKARI HAUSA — coordinated attention surfaces + mobile chrome v3 */
:root{--food-attention-gap:16px}

/* On phones the bottom navigation already owns Cart; keep the top bar focused. */
@media(max-width:767.98px){
  .site-actions>a[data-cart-toggle]{display:none!important}
  .site-actions{gap:.4rem!important}
  .site-nav-shell{padding-left:.7rem!important;padding-right:.7rem!important}
  .site-brand{gap:.5rem!important;min-width:0}
  .site-brand .brand-wordmark{white-space:nowrap}
}
@media(max-width:360px){
  .site-nav-shell{padding-left:.45rem!important;padding-right:.45rem!important}
  .site-brand img{width:39px!important;height:39px!important}
  .site-brand .brand-wordmark{font-size:.9rem!important}
  [data-language-trigger]{padding-left:.55rem!important;padding-right:.55rem!important}
}

/* Cookie + rating surfaces reuse HASKARI's navy/gold/glass interaction language. */
.food-attention-card{position:fixed;z-index:9997;right:20px;bottom:24px;width:min(410px,calc(100vw - 40px));padding:20px;border:1px solid rgba(245,180,0,.42);border-radius:26px;background:radial-gradient(circle at 8% 0%,rgba(245,180,0,.18),transparent 31%),radial-gradient(circle at 100% 100%,rgba(37,99,235,.15),transparent 34%),linear-gradient(145deg,rgba(6,13,25,.985),rgba(15,29,52,.975));color:#f8fafc;box-shadow:0 28px 78px rgba(3,8,18,.46),0 0 0 1px rgba(37,99,235,.08),0 0 42px rgba(245,180,0,.1),inset 0 1px rgba(255,255,255,.075);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,24px,0) scale(.965);transform-origin:90% 100%;transition:opacity .34s ease,transform .58s cubic-bezier(.16,1,.3,1),visibility 0s linear .58s;overflow:hidden}
.food-attention-card::before{content:"";position:absolute;inset:-80px auto auto -80px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(245,180,0,.18),transparent 68%);pointer-events:none}
.food-attention-card::after{content:"";position:absolute;z-index:0;inset:0;border-radius:inherit;background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.09) 38%,transparent 58%);opacity:0;transform:translateX(-115%);pointer-events:none}
.food-attention-card.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate3d(0,0,0) scale(1);transition-delay:0s}
.food-attention-card.is-visible::after{animation:foodAttentionSheen 1.1s .18s ease-out both}
.food-attention-card>*:not(.food-attention-aura){position:relative;z-index:2}
.food-attention-aura{position:absolute;z-index:1;inset:0;pointer-events:none}.food-attention-aura i{position:absolute;width:5px;height:5px;border-radius:50%;background:#F5B400;box-shadow:0 0 14px rgba(245,180,0,.9);opacity:.65;animation:foodAttentionParticle 4.8s ease-in-out infinite}.food-attention-aura i:nth-child(1){top:18px;left:48%;animation-delay:-1.2s}.food-attention-aura i:nth-child(2){right:34px;bottom:34px;width:4px;height:4px;background:#2563EB;box-shadow:0 0 12px rgba(37,99,235,.9);animation-delay:-2.7s}.food-attention-aura i:nth-child(3){left:23px;bottom:27px;width:3px;height:3px;animation-delay:-3.8s}
.food-attention-close{position:absolute!important;z-index:4!important;top:12px;right:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.045);color:#94a3b8;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.food-attention-close:hover,.food-attention-close:focus-visible{background:rgba(255,255,255,.1);color:#fff;transform:rotate(4deg)}.food-attention-close svg{width:15px;height:15px}
.food-attention-badge{display:inline-flex;align-items:center;gap:6px;margin:0 42px 13px 0;padding:5px 9px;border:1px solid rgba(245,180,0,.22);border-radius:999px;background:rgba(245,180,0,.075);color:#FACC15;font-size:.64rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.food-attention-badge svg{width:13px;height:13px}
.food-attention-head{position:relative;display:flex;gap:12px;align-items:flex-start}
.food-attention-icon{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,rgba(245,180,0,.17),rgba(37,99,235,.09));border:1px solid rgba(245,180,0,.32);color:#F5B400;box-shadow:0 12px 28px rgba(245,180,0,.11),inset 0 1px rgba(255,255,255,.075)}
.food-attention-icon svg{width:22px;height:22px}
.food-attention-icon-ring{position:absolute;inset:-5px;border:1px solid rgba(245,180,0,.2);border-radius:21px;animation:foodAttentionRing 2.8s ease-in-out infinite}
.food-attention-copy{min-width:0}.food-attention-copy strong{display:block;font-size:1rem;font-weight:950;letter-spacing:-.01em}.food-attention-copy p{margin:.35rem 0 0;color:#cbd5e1;font-size:.78rem;line-height:1.55}
.food-attention-actions{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.food-attention-primary,.food-attention-secondary{min-height:42px;border-radius:14px;padding:.65rem .9rem;font-size:.78rem;font-weight:900;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.food-attention-primary{border:1px solid #F5B400;background:#F5B400;color:#07111f;box-shadow:0 8px 22px rgba(245,180,0,.2)}
.food-attention-secondary{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055);color:#e2e8f0}
.food-attention-primary:hover,.food-attention-primary:focus-visible,.food-attention-secondary:hover,.food-attention-secondary:focus-visible{transform:translateY(-2px)}
.food-attention-primary:focus-visible,.food-attention-secondary:focus-visible,.food-rating-star:focus-visible{outline:2px solid #FACC15;outline-offset:2px}
.food-attention-note{margin:.7rem 0 0;color:#94a3b8;font-size:.66rem;line-height:1.45}
.food-rating-stars{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:18px;padding:11px;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:rgba(2,6,23,.24)}
.food-rating-star{display:grid;place-items:center;width:45px;height:45px;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045);color:#64748b;cursor:pointer;opacity:0;transform:translateY(8px) scale(.92);transition:color .2s ease,background .2s ease,transform .25s cubic-bezier(.16,1,.3,1),border-color .2s ease,opacity .25s ease,box-shadow .25s ease}
.food-attention-card.is-visible .food-rating-star{opacity:1;transform:none}.food-attention-card.is-visible .food-rating-star:nth-child(2){transition-delay:.04s}.food-attention-card.is-visible .food-rating-star:nth-child(3){transition-delay:.08s}.food-attention-card.is-visible .food-rating-star:nth-child(4){transition-delay:.12s}.food-attention-card.is-visible .food-rating-star:nth-child(5){transition-delay:.16s}
.food-rating-star svg{width:22px;height:22px}.food-rating-star.is-selected,.food-rating-star:hover{color:#F5B400;background:linear-gradient(145deg,rgba(245,180,0,.18),rgba(37,99,235,.07));border-color:rgba(245,180,0,.42);transform:translateY(-3px) scale(1.04)!important;box-shadow:0 9px 24px rgba(245,180,0,.13)}.food-attention-card.is-success .food-rating-star.is-selected{animation:foodRatingThanks .65s cubic-bezier(.16,1,.3,1) both}
.food-rating-status{min-height:18px;margin-top:8px;color:#cbd5e1;font-size:.7rem;font-weight:700}

/* The existing push card participates in the same visual motion system. */
.push-soft-prompt{grid-template-columns:58px minmax(0,1fr)!important;width:min(410px,calc(100vw - 40px))!important;gap:.75rem .95rem!important;padding:17px 18px 16px!important;border:1px solid rgba(245,180,0,.42)!important;border-radius:25px!important;background:radial-gradient(circle at 10% 0%,rgba(245,180,0,.19),transparent 33%),radial-gradient(circle at 100% 100%,rgba(37,99,235,.15),transparent 35%),linear-gradient(145deg,rgba(6,13,25,.985),rgba(15,29,52,.975))!important;color:#f8fafc!important;box-shadow:0 28px 78px rgba(3,8,18,.45),0 0 0 1px rgba(37,99,235,.08),0 0 42px rgba(245,180,0,.1),inset 0 1px rgba(255,255,255,.075)!important;backdrop-filter:blur(22px) saturate(135%)!important;-webkit-backdrop-filter:blur(22px) saturate(135%)!important;transition:opacity .34s ease,transform .56s cubic-bezier(.16,1,.3,1),bottom .52s cubic-bezier(.16,1,.3,1)!important}
.push-soft-prompt::before{background:linear-gradient(112deg,transparent 18%,rgba(255,255,255,.1) 38%,transparent 58%)!important;opacity:.5!important;animation-duration:6s!important}
.push-soft-prompt-glow{inset:auto -12% -34% 26%!important;height:120px!important;background:linear-gradient(90deg,rgba(245,180,0,.23),rgba(37,99,235,.15))!important;filter:blur(34px)!important}
.push-soft-prompt-close{position:absolute;z-index:4;top:11px;right:11px;display:grid;place-items:center;width:33px;height:33px;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.045);color:#94a3b8;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}.push-soft-prompt-close:hover,.push-soft-prompt-close:focus-visible{background:rgba(255,255,255,.1);color:#fff;transform:rotate(4deg)}.push-soft-prompt-close svg{width:15px;height:15px}
.push-soft-prompt-icon{width:58px!important;height:58px!important;border:1px solid rgba(245,180,0,.32)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(245,180,0,.19),rgba(37,99,235,.1))!important;color:#F5B400!important;box-shadow:0 14px 30px rgba(245,180,0,.13),inset 0 1px rgba(255,255,255,.075)!important;animation:none!important}.push-soft-prompt-icon>svg{position:relative;z-index:3;width:24px!important;height:24px!important;animation:foodPushBell 3.2s ease-in-out infinite}
.push-soft-prompt-ring{position:absolute;inset:-5px;border:1px solid rgba(245,180,0,.2);border-radius:23px;animation:foodAttentionRing 2.8s ease-in-out infinite}.push-soft-prompt-orbit{position:absolute;inset:-8px;border:1px dashed rgba(37,99,235,.22);border-radius:25px;animation:foodPushOrbit 9s linear infinite}.push-soft-prompt-orbit i{position:absolute;width:4px;height:4px;border-radius:50%;background:#F5B400;box-shadow:0 0 10px rgba(245,180,0,.9)}.push-soft-prompt-orbit i:nth-child(1){top:-2px;left:50%}.push-soft-prompt-orbit i:nth-child(2){right:-2px;bottom:12px;background:#2563EB;box-shadow:0 0 10px rgba(37,99,235,.9)}.push-soft-prompt-orbit i:nth-child(3){left:2px;bottom:4px;width:3px;height:3px}
.push-soft-prompt-copy{padding-right:32px!important}.push-soft-prompt-badge{display:block;margin-bottom:4px;color:#FACC15;font-size:.58rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.push-soft-prompt strong{color:#f8fafc!important;font-size:1rem!important;letter-spacing:-.01em}.push-soft-prompt p{max-width:31ch!important;color:#cbd5e1!important;font-size:.78rem!important;font-weight:650!important}
.push-soft-prompt-actions{justify-content:flex-start!important;margin-top:2px!important}.push-mini-primary{background:linear-gradient(135deg,#F5B400,#FACC15)!important;color:#07111f!important;box-shadow:0 11px 28px rgba(245,180,0,.22)!important}.push-mini-secondary{border-color:rgba(37,99,235,.3)!important;background:rgba(37,99,235,.09)!important;color:#dbeafe!important}.push-mini-primary:focus-visible,.push-mini-secondary:focus-visible,.push-soft-prompt-close:focus-visible{outline:2px solid #FACC15!important;outline-offset:3px!important}
.push-soft-prompt[data-push-variant="success"]{border-color:rgba(34,197,94,.48)!important}.push-soft-prompt[data-push-variant="success"] .push-soft-prompt-icon{color:#86efac!important;background:rgba(34,197,94,.13)!important}.push-soft-prompt[data-push-variant="denied"]{border-color:rgba(239,68,68,.42)!important}.push-soft-prompt[data-push-variant="denied"] .push-soft-prompt-icon{color:#fca5a5!important;background:rgba(239,68,68,.12)!important}
body.food-attention-active .push-soft-prompt{will-change:transform,bottom}

/* Gold carries the action; Food blue provides the secondary structure. */
.scroll-top-btn{border:1px solid rgba(30,58,138,.48)!important;background:linear-gradient(145deg,#FACC15 0%,#F5B400 72%,#2563EB 100%)!important;color:#07111f!important;box-shadow:0 14px 34px rgba(245,180,0,.28),0 0 0 4px rgba(30,58,138,.07)!important}

@keyframes foodAttentionSheen{0%{opacity:0;transform:translateX(-115%)}35%{opacity:.75}100%{opacity:0;transform:translateX(115%)}}
@keyframes foodAttentionParticle{0%,100%{opacity:.25;transform:translate3d(0,5px,0) scale(.8)}50%{opacity:.95;transform:translate3d(3px,-5px,0) scale(1.2)}}
@keyframes foodAttentionRing{0%,100%{opacity:.28;transform:scale(.94)}50%{opacity:.75;transform:scale(1.04)}}
@keyframes foodRatingThanks{0%{transform:scale(1)}45%{transform:translateY(-4px) scale(1.16);filter:drop-shadow(0 0 8px rgba(245,180,0,.8))}100%{transform:scale(1)}}
@keyframes foodPushBell{0%,78%,100%{transform:rotate(0)}82%{transform:rotate(10deg)}87%{transform:rotate(-9deg)}92%{transform:rotate(5deg)}}
@keyframes foodPushOrbit{to{transform:rotate(360deg)}}

@media(max-width:767.98px){
  .food-attention-card{right:12px;bottom:calc(5.5rem + env(safe-area-inset-bottom));left:12px;width:auto;border-radius:22px;padding:16px}
  .push-soft-prompt{right:12px!important;left:12px!important;width:auto!important;border-radius:22px!important;padding:15px 16px!important}
  html.hk-chrome-hidden .food-attention-card{bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:380px){.food-attention-card{right:8px;left:8px;padding:14px}.food-attention-icon{width:42px;height:42px;flex-basis:42px}.food-rating-star{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){.food-attention-card,.food-attention-card::after,.food-attention-aura i,.food-attention-icon-ring,.push-soft-prompt,.push-soft-prompt::before,.push-soft-prompt-ring,.push-soft-prompt-orbit,.push-soft-prompt-icon>svg,.food-attention-primary,.food-attention-secondary,.food-rating-star{transition-duration:.01ms!important;animation:none!important}}

/* Dedicated HASKARI AI ordering surface. */
.food-agent-page{position:relative;isolation:isolate;min-height:calc(100dvh - 82px);display:grid;grid-template-columns:minmax(260px,.72fr) minmax(420px,1.28fr);gap:clamp(24px,4vw,72px);align-items:center;overflow:hidden;padding:clamp(28px,5vw,76px) max(20px,calc((100vw - 1440px)/2));background:radial-gradient(circle at 8% 18%,rgba(245,180,0,.18),transparent 28%),radial-gradient(circle at 92% 78%,rgba(37,99,235,.2),transparent 31%),linear-gradient(145deg,#07111f,#0b1830 48%,#060c17);color:#f8fafc}
.food-agent-page__glow{position:absolute;z-index:-1;inset:0;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.035) 48%,transparent 68%);animation:foodAgentSweep 11s linear infinite;pointer-events:none}
.food-agent-page__intro{max-width:620px}.food-agent-page__eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;color:#FACC15;font-size:.74rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}.food-agent-page__eyebrow svg{width:18px;height:18px;filter:drop-shadow(0 0 10px rgba(245,180,0,.55))}
.food-agent-page h1{margin:0;color:#fff;font-size:clamp(2.3rem,5vw,5.4rem);font-weight:950;letter-spacing:-.055em;line-height:.95}.food-agent-page h1 span{color:#F5B400;text-shadow:0 0 30px rgba(245,180,0,.18)}.food-agent-page__intro>p{max-width:48ch;margin:24px 0 0;color:#bfcee2;font-size:clamp(.95rem,1.2vw,1.13rem);font-weight:650;line-height:1.65}
.food-agent-page__trust{display:grid;gap:10px;margin-top:28px}.food-agent-page__trust span{display:flex;align-items:center;gap:9px;color:#dbeafe;font-size:.76rem;font-weight:760}.food-agent-page__trust svg{width:17px;height:17px;color:#F5B400}
.food-agent-page__stage{position:relative;min-height:min(780px,calc(100dvh - 128px));width:100%}
body.haskari-agent-page .site-footer,body.haskari-agent-page .mobile-bottom-nav{display:none}body.haskari-agent-page main{padding-bottom:0!important}
@keyframes foodAgentSweep{0%{transform:translateX(-28%)}100%{transform:translateX(28%)}}
@media(max-width:960px){.food-agent-page{grid-template-columns:1fr;align-items:start;padding-top:34px}.food-agent-page__intro{text-align:center;margin-inline:auto}.food-agent-page__trust{justify-items:center}.food-agent-page__stage{min-height:720px}}
@media(max-width:640px){.food-agent-page{padding:24px 10px 14px}.food-agent-page__intro{padding-inline:12px}.food-agent-page__intro>p{margin-top:15px}.food-agent-page__trust{display:none}.food-agent-page__stage{min-height:calc(100dvh - 260px)}}
@media(prefers-reduced-motion:reduce){.food-agent-page__glow{animation:none}}