.site-header{min-height:94px;height:auto;gap:.8rem}
.official-brand{width:188px;height:82px;border:2px solid var(--gold);border-radius:8px;box-shadow:0 4px 18px rgba(23,58,42,.16);flex:0 0 auto}
.official-brand img{object-fit:cover;object-position:center 20%}
.herb-library-open{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;border:0;border-radius:999px;padding:.8rem 1.05rem;background:var(--green);color:white;font-weight:800;cursor:pointer;box-shadow:0 4px 16px rgba(23,58,42,.2)}
.herb-library-open span{display:grid;place-items:center;min-width:1.7rem;height:1.7rem;padding:0 .35rem;border-radius:50%;background:var(--gold);color:#172319;font-size:.82rem}
.herb-library-open:hover{background:var(--green2);transform:translateY(-1px)}
footer .official-brand{width:210px;height:140px}
.official-logo-panel{padding:3.25rem clamp(1rem,5vw,5rem);background:radial-gradient(ellipse at center,#254a36,#0e241a 70%)}
.official-logo-panel img{border:2px solid var(--gold);border-radius:8px;box-shadow:0 24px 70px rgba(0,0,0,.42)}
.herb-library-dialog{width:min(1180px,calc(100vw - 2rem));max-width:none;max-height:min(94dvh,980px);padding:clamp(1rem,2.5vw,2rem);border:1px solid #c7cec8;border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 28px 100px rgba(4,20,12,.4)}
.herb-library-dialog::backdrop{background:rgba(7,22,15,.72);backdrop-filter:blur(3px)}
.herb-library-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.herb-library-head h2{font-size:clamp(2rem,4vw,3.1rem);color:var(--green)}
.herb-library-intro{margin:.85rem 0 1.2rem;color:var(--muted)}
.herb-library-search{display:grid;gap:.35rem;font-weight:700;color:var(--green)}
.herb-library-search input{width:100%;min-height:48px;padding:.65rem .85rem;border:1px solid #aebbb2;border-radius:8px;background:#fff;color:var(--ink)}
.herb-library-safety{display:grid;grid-template-columns:max-content 1fr;gap:.5rem .8rem;margin:1rem 0;padding:.85rem 1rem;border-left:4px solid #c88b1a;border-radius:5px;background:#fff8e9;font-size:.9rem;line-height:1.5}
.herb-library-layout{display:grid;grid-template-columns:minmax(205px,265px) minmax(0,1fr);gap:1.1rem;min-height:300px}
.herb-library-list{display:flex;flex-direction:column;gap:.35rem;max-height:45vh;overflow:auto;padding:.2rem .4rem .2rem .1rem;border-right:1px solid var(--line)}
.herb-library-item{width:100%;text-align:left;padding:.58rem .7rem;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ink);cursor:pointer;font-weight:650}
.herb-library-item:hover{background:#f1f5f1}
.herb-library-item[aria-current="true"]{background:var(--green);color:white}
.herb-library-detail{min-width:0;max-height:45vh;overflow:auto;padding:0 .5rem .5rem .3rem}
.herb-library-detail h3{font-size:clamp(1.75rem,3vw,2.3rem);color:var(--green);margin:.1rem 0 .15rem}
.herb-library-latin{margin:.1rem 0 .9rem;color:var(--muted);font-style:italic}
.herb-library-fact{margin:.8rem 0;padding:.8rem .9rem;background:#f5f7f4;border-radius:8px}
.herb-library-fact h4{margin:0 0 .2rem;color:var(--green);font-size:1rem}
.herb-library-fact p{margin:0;line-height:1.6}
.herb-library-source{display:inline-block;margin:.5rem 0;color:var(--green2);font-weight:700;text-underline-offset:3px}
.herb-library-empty{padding:1rem;border-radius:8px;background:#f5f7f4;color:var(--muted)}
.herb-library-note{margin:1rem 0 0;padding-top:.8rem;border-top:1px solid var(--line);font-size:.88rem;color:#48534c;line-height:1.55}
.herb-library-dialog :focus-visible{outline:3px solid #c88b1a;outline-offset:2px}
@media(max-width:1120px){.site-header nav{display:none;position:absolute;top:94px;left:0;right:0;background:white;padding:1.25rem;flex-direction:column;align-items:stretch;gap:1rem;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header .menu{display:block;background:transparent;border:1px solid var(--green);padding:.45rem .7rem}}
@media(max-width:900px){.site-header{min-height:82px;gap:.45rem;padding-inline:1rem}.official-brand{width:150px;height:70px}.site-header nav{top:82px}.herb-library-open{padding:.63rem .7rem;font-size:.9rem}.herb-library-list,.herb-library-detail{max-height:38vh}}
@media(max-width:900px){.site-header{min-height:82px;gap:.45rem;padding-inline:1rem}.official-brand{width:150px;height:70px}.site-header nav{top:82px}.herb-library-open{padding:.63rem .7rem;font-size:.9rem}.herb-library-list,.herb-library-detail{max-height:38vh}}
@media(max-width:620px){.site-header{min-height:68px;gap:.2rem;padding-inline:.5rem}.official-brand{width:82px;height:48px}.official-brand img{object-position:center 19%}.herb-library-open{padding:.42rem .48rem;font-size:.72rem;gap:.25rem}.herb-library-open span{min-width:1.2rem;height:1.2rem;font-size:.68rem}.site-header .language-toggle{min-width:auto;padding:.34rem .38rem;font-size:.72rem}.site-header .cart-open{font-size:0;padding:.4rem .45rem}.site-header .cart-open span{font-size:.72rem}.herb-library-dialog{width:calc(100vw - .75rem);max-height:96dvh;padding:.9rem;border-radius:12px}.herb-library-layout{grid-template-columns:1fr;gap:.7rem}.herb-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:26vh;border:0;border-bottom:1px solid var(--line);padding-bottom:.55rem}.herb-library-item{padding:.45rem .5rem;font-size:.88rem}.herb-library-detail{max-height:36vh;padding:0}.herb-library-safety{grid-template-columns:1fr;gap:.15rem}.herb-library-note{font-size:.82rem}.official-logo-panel{padding:1rem}.official-logo-panel img{width:100%;border-width:1px}footer .official-brand{width:175px;height:115px}}
