/* site-chrome.css — same header + footer as the store homepage, for secondary pages
   (policies, sign-in, product, track order). Used with /pk/js/site-chrome.js */
:root{--navy:#073b83;--blue:#0968d8;--sky:#e9f5ff;--pale:#f5faff;--ink:#10284b;--muted:#6b7b91;--line:#d9e7f6;--red:#ed3434;--white:#fff}
#jb-header,#jb-footer{font:14px/1.45 Inter,Poppins,Arial,sans-serif;color:var(--ink)}
#jb-header *,#jb-footer *{box-sizing:border-box}
#jb-header{position:sticky;top:0;z-index:1000}
#jb-header a{color:inherit;text-decoration:none}
#jb-header button,#jb-header input{font:inherit}
#jb-header button{cursor:pointer;border:0}
.jbh-sticky{background:#fff;box-shadow:0 2px 12px rgba(7,59,131,.08)}
.jbh-head{max-width:1180px;margin:auto;padding:8px 16px;display:flex;align-items:center;gap:18px}
.jbh-logo{display:flex;align-items:center;flex:0 0 auto}
.jbh-logo img{height:60px;width:auto;object-fit:contain;display:block}
.jbh-search{position:relative;flex:1;max-width:560px}
.jbh-search form{display:flex;border:1px solid #c8d9ee;border-radius:7px;overflow:hidden;height:40px}
.jbh-search input{min-width:0;flex:1;border:0;outline:0;padding:0 13px;background:#fbfdff}
.jbh-search button{background:var(--blue);color:#fff;padding:0 17px;font-size:18px}
.jbh-actions{margin-left:auto;display:flex;gap:17px}
.jbh-actions a{background:none;color:var(--navy);font-size:12px;display:flex;align-items:center;gap:5px;flex-direction:column;line-height:1.2}
.jbh-actions a .ico{font-size:18px}
.jbh-nav{background:var(--navy);color:#fff;display:flex;align-items:center;gap:30px;padding:0 16px;height:44px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}
.jbh-nav::-webkit-scrollbar{display:none}
.jbh-nav a{color:#fff;font-weight:500;font-size:14px;white-space:nowrap;display:flex;align-items:center;height:44px}
.jbh-nav a:hover{color:#ffd166}
.jbh-nav .all{background:#052a5c;border-radius:12px 12px 0 0;padding:0 18px;gap:10px;font-weight:700}
.jbh-nav .flash{color:#ffd166;font-weight:800}
.jbf{margin-top:24px;background:#052d67;color:#fff;padding:14px max(16px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;flex-wrap:wrap}
.jbf a{color:inherit}
.jbf-brand{display:flex;align-items:center;gap:12px}
.jbf-brand img{height:44px;width:auto;object-fit:contain}
.jbf-soc{display:flex;gap:8px}
.jbf-soc a{width:32px;height:32px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;text-decoration:none}
.jbf-nl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.jbf-nl input{padding:8px 12px;border:1px solid #c8d9ee;border-radius:8px;font-size:13px;min-width:180px;color:#123764}
.jbf-nl button{padding:8px 16px;background:var(--blue);color:#fff;border:0;border-radius:8px;font-weight:700;cursor:pointer;font-size:13px}
.jbf-links{display:flex;flex-direction:column;gap:4px;font-size:12px}
.jbf-links span{display:flex;gap:12px;flex-wrap:wrap}
.jbf-links a{text-decoration:underline}
.jb-wa{position:fixed;right:18px;bottom:22px;z-index:15000;width:56px;height:56px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2)}
.jb-wa svg{width:30px;height:30px}
.jb-toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#073b83;color:#fff;padding:12px 18px;border-radius:9px;box-shadow:0 8px 25px #0002;z-index:20000;display:none;font:14px Arial,sans-serif}
@media(max-width:800px){
  .jbh-head{gap:9px;flex-wrap:wrap}
  .jbh-logo img{height:40px}
  .jbh-search{order:3;max-width:none;flex-basis:100%}
  .jbh-actions{gap:10px}
  .jbh-nav{gap:18px}
  .jbf{flex-direction:column;align-items:flex-start}
}
@media(max-width:520px){
  .jbh-head{padding:9px 12px}
  .jbh-actions a{font-size:10px}
  .jbh-nav{height:38px;font-size:12px}
  .jbh-nav a{height:38px;font-size:12px}
  .jb-wa{bottom:16px;right:12px;width:50px;height:50px}
}
/* 2026-10-18: bigger clear logos, same bar heights, footer always at page bottom */
html,body{min-height:100%}
body{display:flex;flex-direction:column;min-height:100vh;margin:0}
body > #jb-footer{margin-top:auto}
.jbh-head{gap:28px;padding:5px 16px}
.jbh-logo img{height:66px;width:auto}
.jbh-search{margin-left:10px}
.jbf{padding:6px max(16px,calc((100% - 1180px)/2))}
.jbf-brand img{height:58px}
.jbf-links{margin-left:24px}
.jb-chat{position:fixed;right:18px;bottom:88px;z-index:15000;width:56px;height:56px;border-radius:50%;background:#0968d8;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.2);color:#fff;font-size:26px;text-decoration:none}
@media(max-width:800px){.jbh-head{gap:10px;padding:6px 12px}.jbh-logo img{height:44px}.jbh-search{margin-left:0}.jbf-links{margin-left:0}.jbf-brand img{height:48px}}
@media(max-width:520px){.jb-chat{bottom:76px;right:12px;width:50px;height:50px}}
body > .wrap, body > main, body > .hdr, body > section, body > #jb-header, body > #jb-footer{width:100%;box-sizing:border-box;flex-shrink:0}
#jb-header{max-width:100vw}.jbh-nav{max-width:100%}