/* The Good Health Shop — site search (added 2026-08-05) */
.nav-search{background:none;border:0;cursor:pointer;color:var(--teal-d);display:inline-flex;align-items:center;
  justify-content:center;padding:8px;margin-left:2px;border-radius:50%;transition:background .2s,color .2s;}
.nav-search:hover{background:var(--gold-soft);color:var(--gold-d);}
.nav-search svg{width:19px;height:19px;}
.gs-overlay{position:fixed;inset:0;z-index:9999;display:none;padding:clamp(14px,7vh,90px) 16px 16px;
  background:rgba(44,52,36,0.42);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);overflow-y:auto;}
.gs-overlay.open{display:block;}
.gs-panel{max-width:720px;margin:0 auto;background:var(--paper);border:1px solid var(--border);
  border-radius:var(--radius-xl);box-shadow:0 40px 90px -30px rgba(40,60,40,0.5);overflow:hidden;}
.gs-top{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border);
  background:linear-gradient(120deg,rgba(224,165,22,0.10),rgba(78,140,99,0.10));}
.gs-top svg{width:20px;height:20px;color:var(--gold-d);flex:none;}
#gs-input{flex:1;border:0;background:none;outline:none;font-family:inherit;font-size:1.06rem;color:var(--charcoal);min-width:0;}
#gs-input::placeholder{color:var(--muted);}
.gs-close{background:none;border:0;cursor:pointer;color:var(--muted);font-size:.78rem;letter-spacing:.1em;
  text-transform:uppercase;font-weight:700;padding:6px 8px;border-radius:var(--radius);}
.gs-close:hover{color:var(--charcoal);background:var(--soft);}
.gs-hint{padding:22px 22px 26px;color:var(--ink-soft);font-size:.94rem;line-height:1.7;}
.gs-hint b{color:var(--charcoal);}
.gs-results{list-style:none;margin:0;padding:0;max-height:min(60vh,520px);overflow-y:auto;}
.gs-results li{border-bottom:1px solid var(--border);}
.gs-results li:last-child{border-bottom:0;}
.gs-results a{display:block;padding:15px 22px;text-decoration:none;color:inherit;transition:background .15s;}
.gs-results a:hover,.gs-results li.sel a{background:var(--mint);}
.gs-r-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.gs-r-title{font-family:'Fraunces',Georgia,serif;font-size:1.02rem;color:var(--charcoal);line-height:1.35;}
.gs-r-date{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-d);font-weight:700;}
.gs-r-ex{font-size:.86rem;color:var(--ink-soft);line-height:1.6;margin-top:4px;}
.gs-r-ex mark,.gs-r-title mark{background:var(--gold-soft);color:inherit;padding:0 2px;border-radius:3px;}
.gs-foot{padding:12px 22px;font-size:.76rem;color:var(--muted);border-top:1px solid var(--border);background:var(--soft);}
.blog-search{display:flex;align-items:center;gap:11px;max-width:520px;margin:0 0 30px;padding:13px 18px;
  border:1px solid var(--border);border-radius:999px;background:var(--paper);cursor:pointer;
  box-shadow:var(--shadow-sm);transition:border-color .2s,box-shadow .2s;color:var(--muted);}
.blog-search:hover{border-color:var(--gold);box-shadow:0 6px 20px -8px rgba(224,165,22,0.5);}
.blog-search svg{width:18px;height:18px;color:var(--gold-d);flex:none;}
@media(max-width:680px){.gs-panel{border-radius:var(--radius-lg);} .gs-hint{padding:18px;}}
