/* BarksBuds site search (nav box, /search results, running Jack loader). Loaded on every page. */
.nsrch{position:relative;flex:none;margin-left:-8px}
.nsrch summary{list-style:none;cursor:pointer;width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#141414}
.nsrch summary::-webkit-details-marker{display:none}
.nsrch summary:hover,.nsrch[open] summary{color:#C8201E;background:#fff}
.nsrch summary:focus-visible{outline:3px solid #C8201E;outline-offset:2px}
.nsrch summary svg,.mm-search svg,.sr-ico svg{width:24px;height:24px;fill:none;stroke:currentColor}
.nsrch-pop{position:absolute;right:0;top:calc(100% + 12px);z-index:1100;display:flex;gap:8px;width:min(430px,92vw);background:#fff;border:2px solid #141414;border-radius:18px;box-shadow:6px 6px 0 #FBB321;padding:10px}
.nsrch-pop input,.mm-search input{flex:1;min-width:0;font:600 1rem/1.2 Nunito,system-ui,sans-serif;color:#2a2622;border:2px solid #EADBB9;border-radius:12px;padding:10px 12px;background:#FFF8EA}
.nsrch-pop input:focus,.mm-search input:focus{outline:none;border-color:#141414;background:#fff}
.nsrch-go{flex:none;border:0;cursor:pointer;font:700 1rem/1 "Baloo 2",system-ui,sans-serif;color:#fff;background:#C8201E;border-radius:999px;padding:11px 18px 9px;box-shadow:0 3px 0 #9E1714}
.nsrch-go:hover{background:#D52623}
@media (max-width:920px){.nsrch{margin-left:auto}.nsrch+.navmsg{margin-left:0}.nsrch-pop{position:fixed;left:12px;right:12px;top:72px;width:auto}}
@media (max-width:640px){.nsrch summary{width:40px;height:40px}.nsrch-pop{top:66px}}
@media (max-width:400px){.nsrch summary{width:36px}}
.mm-search{padding:4px 4px 8px;border-bottom:1.5px solid #EADBB9;margin-bottom:6px}
.mm-search form{display:flex;gap:6px}
.mm-search button{flex:none;width:44px;border:0;border-radius:12px;background:#C8201E;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
/* results page */
.sr-head{padding-bottom:26px}
.sr-form{position:relative;display:flex;gap:10px;max-width:720px;margin-top:14px}
.sr-ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#625a50;pointer-events:none}
.sr-form input{flex:1;min-width:0;font:700 1.12rem/1.2 Nunito,system-ui,sans-serif;color:#2a2622;background:#fff;border:2px solid #141414;border-radius:999px;padding:14px 18px 14px 50px;box-shadow:4px 4px 0 #FBB321}
.sr-form input:focus{outline:none;box-shadow:4px 4px 0 #C8201E}
.sr-form input::-webkit-search-cancel-button{cursor:pointer}
.sr-sec{padding-top:26px}
.sr-count{font-weight:700;color:#625a50;margin:0 0 14px}
.sr-count b{color:#141414}
.sr-tabs a .n{display:inline-block;min-width:22px;margin-left:4px;padding:0 6px;border-radius:999px;background:#FFE7A8;color:#141414;font-size:.8rem;line-height:1.5;text-align:center}
.sr-tabs a[aria-current] .n{background:#FBB321}
.sr-grp{margin:0 0 30px}
.sr-grp h2{display:flex;align-items:center;gap:10px;font-size:1.45rem;margin:0 0 12px}
.sr-grp h2 .ico{color:#C98A0C;width:26px;height:26px}
.sr-grp h2 .n{font:800 .85rem/1.6 Nunito,system-ui,sans-serif;background:#fff;border:1.5px solid #141414;border-radius:999px;padding:0 9px}
.sr-list{list-style:none;margin:0;padding:0;background:#fff;border:2px solid #141414;border-radius:20px;box-shadow:6px 6px 0 #FBB321;overflow:hidden}
.sr-list li+li{border-top:1.5px solid #EADBB9}
.sr-row{display:flex;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;color:#2a2622}
.sr-row:hover,.sr-row:focus-visible{background:#FFF8EA}
.sr-row:hover b{color:#C8201E}
.sr-th{flex:none;width:56px;height:56px;border-radius:14px;overflow:hidden;background:#FFF8EA;border:1.5px solid #EADBB9}
.sr-th img{width:56px;height:56px;object-fit:cover}
.sr-ic{display:grid;place-items:center;color:#C98A0C}
.sr-ic .ico{width:28px;height:28px}
.sr-tx{flex:1;min-width:0;display:flex;flex-direction:column}
.sr-tx b{font:700 1.1rem/1.25 "Baloo 2",system-ui,sans-serif;color:#141414;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-tx small{color:#625a50;font-size:.92rem;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.sr-row .badge{flex:none}
.sr-go{flex:none;font:800 1.6rem/1 Nunito,sans-serif;color:#C8201E}
.sr-more{display:inline-block;margin-top:12px;font-weight:800}
.sr-empty{text-align:center;background:#fff;border:2px dashed #D9CBAA;border-radius:22px;padding:30px 22px 34px}
.sr-empty h2{margin-top:6px}
.sr-empty .muted{max-width:34em;margin:0 auto 16px}
.sr-ex{justify-content:center;margin:0}
.sr-dim{opacity:.45;transition:opacity .15s}
#sload{margin:0 0 10px}
@media (max-width:640px){.sr-form{gap:8px}.sr-form input{font-size:1.05rem;padding:12px 12px 12px 44px}.sr-ico{left:13px}.sr-form .btn{padding:0 16px;font-size:.98rem}.sr-row{padding:10px 12px;gap:12px}.sr-th{width:48px;height:48px}.sr-th img{width:48px;height:48px}.sr-row .badge{display:none}.sr-list{border-radius:16px;box-shadow:4px 4px 0 #FBB321}}
/* running Jack (Mike's original art; motion is CSS only) */
.jk{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0 auto}
.jk-track{position:relative;width:240px;max-width:80vw;height:84px;overflow:hidden}
.jk-dog{position:absolute;left:50%;bottom:8px;width:78px;height:72px;margin-left:-39px;animation:jk-cross 2.6s linear infinite}
.jk-img{width:78px;height:72px;transform-origin:50% 90%;animation:jk-trot .36s ease-in-out infinite alternate}
.jk-ground{position:absolute;left:0;right:0;bottom:6px;height:3px;background:repeating-linear-gradient(90deg,#C98A0C 0 14px,transparent 14px 26px);border-radius:3px;opacity:.75;animation:jk-ground .5s linear infinite}
.jk-puff{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#EADBB9;opacity:0;animation:jk-puff .72s ease-out infinite}
.jk-puff.p2{animation-delay:.24s;width:8px;height:8px;right:12px}
.jk-puff.p3{animation-delay:.48s;width:7px;height:7px;right:-4px}
.jk-label{margin:0;font:400 1.35rem/1.1 "Caveat Brush",cursive;color:#C8201E}
@keyframes jk-cross{0%{transform:translateX(150px);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateX(-150px);opacity:0}}
@keyframes jk-trot{0%{transform:translateY(0) rotate(-7deg)}100%{transform:translateY(-9px) rotate(2deg)}}
@keyframes jk-ground{to{background-position:26px 0}}
@keyframes jk-puff{0%{opacity:.9;transform:translate(0,0) scale(.6)}100%{opacity:0;transform:translate(26px,-12px) scale(1.7)}}
.jk-idle .jk-dog,.jk-sniff .jk-dog{animation-duration:4.2s}
.jk-over{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:1200;background:#fff;border:2px solid #141414;border-radius:22px;box-shadow:6px 6px 0 #FBB321;padding:6px 22px 12px}
.jk-over[hidden],#sload[hidden]{display:none}
@media (prefers-reduced-motion:reduce){.jk-dog,.jk-img,.jk-ground{animation:none!important}.jk-dog{opacity:1}.jk-puff{display:none}}
/* make room for the search button in the crowded desktop nav */
@media (min-width:921px) and (max-width:1360px){.nav .nav-links{gap:17px}.nav .wrap{gap:18px}.nsrch{margin-left:-6px}}
@media (min-width:921px) and (max-width:1180px){.nav .nav-links{gap:12px}.nav .nav-links a{font-size:.9rem}.nav .wrap{gap:12px}}
@media (min-width:921px) and (max-width:1040px){.nav .nav-links{gap:9px}.nav .nav-links a{font-size:.86rem}.nav .brand{font-size:1.3rem}}
@media (min-width:921px){.nav .brand{flex:none}}
@media (min-width:921px) and (max-width:980px){.nav .nav-links{gap:7px}.nav .nav-links a{font-size:.82rem}.nav .wrap{gap:9px}}
