/* BLINK v5 – "smart guided blink" (Krishna t436u, 25 Oct 2026, TEST COPY). Replaces the t421u–t433u endless strobe.
   Krishna: "use some technical analysis while blinking so the customer won't get confused" + "why is the whole box blinking? only the
   sub-category should blink". So: NO CSS keyframe animation here at all. bkguide.js is a small state machine that picks exactly ONE
   target at a time (category chips wave -> first Add -> cart bar 'Order Form →' + Cart icon -> cart page order button -> final send;
   homepage: Order Form, then Login for guests) and toggles .bkf (flash ON) on it in short bursts (3-4 flashes), then rests and only
   repeats after ~9 s without touch/scroll/typing. Pure colour flash (class toggle, no movement, no scaling) so it also runs with
   iOS Reduce Motion (store.css kills animations/transitions, not classes). Text is readable in both phases: brand blue + white
   (rest) / bright yellow + dark navy (flash). The strip box and its label never flash – calm and static, pinned at the top. */

/* calm strip: static, no flashing frame, readable label (t433u: never red on blue) */
html .hvpf .hvsb,html #view .utabs,html #view .hv2chips{animation:none!important;box-shadow:none}
html .hvpf .hvsb{border-bottom:1px solid #d7e3fb}
html[data-theme=dark] .hvpf .hvsb{border-bottom-color:#1d3a73}
.hvpf .hvlbl{display:inline-block;padding:4px 10px;border-radius:8px;font-size:13px;font-weight:900}
html[data-theme] .hvpf .hvlbl,html .hvpf .hvlbl,html[data-theme] #view .utabs .uth,html #view .utabs .uth{color:#fff;background:#1e5bd8;text-shadow:none;animation:none!important}
html[data-theme] #view .utabs .uth small{color:inherit}
.hvpf .hvsb .hvc{font-weight:900}
.hvpf .hvsb .hvc:not(.on){border-color:#1e5bd8}
#view .utabs{padding:6px 10px 8px;border-radius:12px;background:#f0f5fb}
#view .utabs .uth{display:inline-block;padding:3px 10px;border-radius:8px;font-weight:900}
#view .utabs .uth small{color:inherit}
#view .utabs .utab{font-weight:900;border:2px solid #1e5bd8}
#view .utabs .utab:not(.on) small{color:#33415e}
.hvsb.stuck .hvlbl,.hvsb.hvfx .hvlbl{display:inline-block;margin:4px 0 2px;font-size:11.5px;padding:2px 8px}
html .bnav a[data-nav=shop] .bnl2,html .hdr .nav a[data-nav=shop]{font-weight:800}

/* older one-off attention effects on the same targets would compete with the guide (one thing at a time) – off */
html .hvatt .hvc,html .hvpulse,html .hsdash.out a.hslg.lgpulse,html.appx .bnav a[data-nav=shop] .ico,html .hsbig .hsb.hsof{animation:none!important}
html .hvatt .hvc::after,html .hsbig .hsb.hsof::after{display:none!important}

/* guest Login when it is NOT the target (e.g. cart has items): calm, soft static highlight; bottom-nav Cart: count badge only */
html .hsdash.out a.hslg:not(.bkf){box-shadow:0 0 0 2px rgba(255,176,0,.55);animation:none!important}
html .bnav a[data-nav=cart]:not(.bkf){animation:none!important}

/* the flash itself – only ever on the element bkguide.js points at, only during a burst */
html .bkf,html[data-theme] .bkf,html.appx .bkf{background:#ffc400!important;color:#0a1630!important;border-color:#ff8a00!important;
  box-shadow:0 0 0 3px #ff8a00,0 0 16px 5px rgba(255,170,0,.7)!important;transition:none!important;animation:none!important;text-shadow:none!important}
html .bkf *{color:#0a1630!important}
html .bkf small,html .hvc.bkf span{background:rgba(10,22,48,.12)!important}
html .bnav a.bkf{border-radius:12px}

/* sticky strip (t422u/t423u). html.hvst is set by store.js hvStick() on every page with a strip (#hvSB or .utabs).
   overflow-x:clip instead of hidden so html/body are no scroll box and plain position:sticky works. If sticky still fails (old iOS / in-app
   web views) hvStick() detects it while scrolling and switches the strip to position:fixed + a spacer (.hvfx). */
html.hvst,html.hvst body{overflow-x:clip}
html.hvst .hvpf .hvsb,html.hvst #view .utabs.hvpin{position:-webkit-sticky;position:sticky;top:var(--hvtop,0px);z-index:25}
html.hvst .hvpf .hvsb.stuck{position:-webkit-sticky;position:sticky}
html.hvst .hvsb.hvfx,html.hvst #view .utabs.hvfx{position:fixed!important;margin:0!important;z-index:40;box-sizing:border-box;border-radius:0}
/* WebKit (iPhone Safari / WhatsApp in-app browser): dozens of blurred glass cards (.g backdrop-filter) under a sticky bar make WebKit stall /
   drop layers while scrolling – the bar 'disappears'. Strip pages get solid cards + a solid strip instead (same colours, no blur). */
html.hvst #view .g,html.hvst .hvpf .hvsb,html.hvst #view .utabs{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
/* t426u: also on pages WITHOUT a strip (search results): 45+ blurred glass cards stop iPhone WebKit from scrolling the page */
html #view .g{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.hvst .hvpf .hvsb{background:#06122c}
html.hvst[data-theme=light] .hvpf .hvsb,html.hvst:not([data-theme]) .hvpf .hvsb{background:#f0f5fb}
html[data-theme=dark] #view .utabs{background:#06122c}