/* JK Antennas - standalone store top navigation (jknav) v3A (mockup)
   Injected by the web server; no CubeCart files are changed.
   Every rule is scoped to #jknav so nothing clashes with the store skin. */

html.jknav-on #box-navigation{display:none!important}

#jknav,#jknav *{box-sizing:border-box}
#jknav{--jknav-navy:#0b2547;--jknav-yellow:#fcee21;
  position:sticky;top:0;z-index:900;width:100%;margin:10px 0 0;background:var(--jknav-navy);
  border-bottom:1px solid rgba(255,255,255,.06);
  font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;line-height:1.3}
#jknav .jknav-in{max-width:1000px;margin:0 auto;padding:0 15px;display:flex;align-items:center;height:58px;gap:20px}
#jknav ul{list-style:none;margin:0;padding:0}
#jknav li{margin:0;padding:0;list-style:none}
#jknav a{text-decoration:none}
#jknav .jknav-links{display:flex;height:100%;gap:2px}
#jknav .jknav-links li{display:flex}
#jknav .jknav-links a{display:flex;align-items:center;padding:0 13px;color:rgba(255,255,255,.8);font-size:15px;font-weight:600;
  border-top:3px solid transparent;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap}
#jknav .jknav-links a:hover,#jknav .jknav-links a:focus{color:#fff;border-bottom-color:rgba(255,255,255,.35)}
#jknav .jknav-links .jknav-mcall{display:none}
#jknav .jknav-r{margin-left:auto;display:flex;align-items:center;gap:18px}
#jknav .jknav-call{color:#fff;font-size:14px;line-height:1.2;white-space:nowrap}
#jknav .jknav-call small{display:block;color:rgba(255,255,255,.6);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
#jknav .jknav-call:hover{color:var(--jknav-yellow)}
#jknav .jknav-burger{display:none}
/* Store tab + dropdown */
#jknav .jknav-links li.jknav-store{position:relative}
#jknav .jknav-stab{display:flex;align-items:center;gap:7px;height:100%;margin:0;padding:0 13px;background:none;border:0;border-top:3px solid transparent;border-bottom:3px solid transparent;border-radius:0;box-shadow:none;
  color:rgba(255,255,255,.8);font-family:inherit;font-size:15px;font-weight:600;line-height:1;cursor:pointer;white-space:nowrap;text-transform:none;letter-spacing:0}
#jknav .jknav-stab:hover,#jknav .jknav-stab:focus{background:none;color:#fff;border-bottom-color:rgba(255,255,255,.35)}
#jknav .jknav-store.jknav-here .jknav-stab{color:#fff;border-bottom-color:var(--jknav-yellow)}
#jknav .jknav-stab i{display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .15s}
#jknav .jknav-store.jknav-open .jknav-stab i{transform:rotate(180deg)}
#jknav .jknav-sub{display:none;position:absolute;left:0;top:100%;min-width:210px;background:#fff;border-radius:0 0 10px 10px;padding:6px 0;z-index:5;
  box-shadow:0 14px 34px rgba(10,30,60,.22),0 2px 6px rgba(10,30,60,.1)}
#jknav .jknav-store.jknav-open .jknav-sub{display:block}
#jknav .jknav-links .jknav-sub li{display:block}
#jknav .jknav-links .jknav-sub a{display:block;height:auto;padding:10px 18px;border:0;color:#1d2533;font-size:15px;font-weight:600}
#jknav .jknav-links .jknav-sub a:hover,#jknav .jknav-links .jknav-sub a:focus{background:#eef4fb;color:#00376C;border:0}
#jknav .jknav-links .jknav-sub .jknav-cur a{color:#00376C;box-shadow:inset 3px 0 0 var(--jknav-yellow)}

@media (max-width:1000px){#jknav .jknav-links a{padding:0 10px;font-size:14.5px}#jknav .jknav-call small{display:none}#jknav .jknav-in{gap:12px}}
@media (max-width:860px){#jknav .jknav-r .jknav-call{display:none}}

/* phone */
@media (max-width:760px){
  #jknav{margin:6px 0 0}
  #jknav .jknav-in{height:54px;padding:0 15px}
  #jknav .jknav-burger{display:flex;align-items:center;gap:10px;margin:0;padding:0;background:none;border:0;color:#fff;font-family:inherit;font-weight:600;font-size:15px;line-height:1;cursor:pointer;box-shadow:none}
  #jknav .jknav-burger i{display:block;width:20px;height:2px;background:#fff;position:relative;border-radius:2px}
  #jknav .jknav-burger i:before,#jknav .jknav-burger i:after{content:"";position:absolute;left:0;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .2s}
  #jknav .jknav-burger i:before{top:-6px}#jknav .jknav-burger i:after{top:6px}
  #jknav.jknav-mopen .jknav-burger i{background:transparent}
  #jknav.jknav-mopen .jknav-burger i:before{transform:translateY(6px) rotate(45deg)}
  #jknav.jknav-mopen .jknav-burger i:after{transform:translateY(-6px) rotate(-45deg)}
  #jknav .jknav-links{display:none;position:absolute;left:0;right:0;top:100%;height:auto;flex-direction:column;gap:0;background:var(--jknav-navy);padding:6px 0 14px;box-shadow:0 14px 28px rgba(0,0,0,.25)}
  #jknav.jknav-mopen .jknav-links{display:flex}
  #jknav .jknav-links a{width:100%;padding:14px 18px;font-size:16px;border:0;border-left:3px solid transparent}
  #jknav .jknav-links a:hover{border-left-color:rgba(255,255,255,.35)}
  #jknav .jknav-links .jknav-mcall{display:flex}
  #jknav .jknav-links .jknav-mcall a{color:var(--jknav-yellow)}
  #jknav .jknav-links li.jknav-store{flex-direction:column}
  #jknav .jknav-stab{width:100%;justify-content:space-between;padding:14px 18px;font-size:16px;border:0;border-left:3px solid transparent}
  #jknav .jknav-stab:hover{border-left-color:rgba(255,255,255,.35)}
  #jknav .jknav-store.jknav-here .jknav-stab{border-left-color:var(--jknav-yellow)}
  #jknav .jknav-sub{position:static;min-width:0;box-shadow:none;border-radius:0;background:rgba(255,255,255,.06);padding:4px 0}
  #jknav .jknav-links .jknav-sub a{color:rgba(255,255,255,.85);padding:12px 18px 12px 36px;font-size:15px}
  #jknav .jknav-links .jknav-sub a:hover,#jknav .jknav-links .jknav-sub a:focus{background:rgba(255,255,255,.08);color:#fff}
  #jknav .jknav-links .jknav-sub .jknav-cur a{color:#fff;box-shadow:inset 3px 0 0 var(--jknav-yellow)}
}
@media print{#jknav{display:none!important}html.jknav-on #box-navigation{display:block!important}}

/* ---- "Ships in 1 week" badge (v4) ---- */
.jkship{display:inline-flex;align-items:center;gap:7px;background:#E85F00;color:#fff;font-family:"Open Sans",Arial,sans-serif;font-weight:700;font-size:14px;line-height:1;letter-spacing:.02em;padding:7px 13px 7px 10px;border-radius:999px;margin:2px 0 12px;white-space:nowrap;box-shadow:0 0 0 0 rgba(232,95,0,.55);animation:jkship-pulse 2.2s ease-out infinite}
.jkship i{width:8px;height:8px;border-radius:50%;background:#fff;flex:none;animation:jkship-dot 1.1s ease-in-out infinite alternate}
.jkship-pdp{font-size:15px;padding:8px 15px 8px 12px}
.jkship-card{font-size:12px;padding:5px 10px 5px 8px;margin:0 0 8px}
.jkship-card i{width:6px;height:6px}
#box-featured .jkship{margin-top:6px}
@keyframes jkship-pulse{0%{box-shadow:0 0 0 0 rgba(232,95,0,.55)}70%{box-shadow:0 0 0 10px rgba(232,95,0,0)}100%{box-shadow:0 0 0 0 rgba(232,95,0,0)}}
@keyframes jkship-dot{from{opacity:1}to{opacity:.35}}
@media (prefers-reduced-motion:reduce){.jkship,.jkship i{animation:none}}
@media print{.jkship{animation:none;box-shadow:none}}

/* ---- v4 promotion: slim strip under the menu ---- */
.jkp-strip{background:#fff4ec;border-bottom:1px solid #f6c9a8;color:#7a3300;font-family:"Open Sans",Arial,sans-serif}
.jkp-strip-in{max-width:1000px;margin:0 auto;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px;line-height:1.3;text-align:center}
.jkp-strip svg{width:22px;height:22px;color:#E85F00;flex:none;animation:jkp-drive 2.4s ease-in-out infinite}
.jkp-strip b{color:#E85F00;font-weight:800}
.jkp-strip a{color:#00376C;font-weight:700;text-decoration:underline;text-underline-offset:2px}
.jkp-strip a:hover{color:#E85F00}
@keyframes jkp-drive{0%,60%,100%{transform:translateX(0)}75%{transform:translateX(3px)}}
/* ---- v4 promotion: corner ribbon on product photos (static) ---- */
.jkp-imgwrap{position:relative;display:inline-block;overflow:hidden;line-height:0}
.jkp-corner{position:absolute;top:19px;right:-44px;width:165px;transform:rotate(45deg);background:#E85F00;color:#fff;text-align:center;font:800 10px/1 "Open Sans",Arial,sans-serif;letter-spacing:.03em;text-transform:uppercase;padding:6px 0;box-shadow:0 2px 6px rgba(0,0,0,.25);pointer-events:none}
.jkp-corner-lg{top:30px;right:-52px;width:230px;font-size:14px;padding:9px 0}
@media (max-width:760px){.jkp-strip-in{font-size:13px;padding:7px 10px}.jkp-corner-lg{top:22px;right:-46px;width:180px;font-size:11px;padding:7px 0}}
@media (prefers-reduced-motion:reduce){.jkp-strip svg{animation:none}}
@media print{.jkp-strip{display:none}}

/* ---- mini basket above the menu (v6) ----
   CubeCart's mini basket drops down position:fixed at z-index 100; the sticky
   menu above is z-index 900, so the basket slid underneath it. */
html.jknav-on #basket-detail,html.jknav-on #small-basket-detail{z-index:950}