/* One public-site header across reading, shop, account and information pages. */
.front-header{position:relative;z-index:20;box-sizing:border-box;width:100%;border-bottom:1px solid #dce3d5;background:#f7f8f2;color:#223022;font-family:Arial,Helvetica,sans-serif;text-align:left}
.front-header *{box-sizing:border-box}
.front-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1220px,calc(100% - 48px));min-height:82px;margin-inline:auto;padding:0}
.front-header .front-brand{flex:none;color:#223022;text-decoration:none;font:800 25px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-1.4px;white-space:nowrap}
.front-header .front-brand span{font-weight:400}.front-header .front-brand b{color:#8da56a}
.front-header nav,.front-header .front-account{display:flex;align-items:center;gap:24px}
.front-header nav{min-width:0}
.front-header nav>a,.front-header .front-account>a:first-child,.front-header nav .read-menu summary{display:inline-flex;align-items:center;padding:0;border:0;color:#53614d;text-decoration:none;font:600 13px/1.4 Arial,Helvetica,sans-serif;white-space:nowrap}
.front-header nav a:hover,.front-header nav a[aria-current="page"],.front-header .front-account>a:first-child:hover,.front-header .front-account>a:first-child[aria-current="page"],.front-header nav .read-menu summary:hover{color:#203b26}
.front-header .front-account{flex:none;gap:18px}
.front-header .front-account .front-register{display:inline-flex;align-items:center;gap:18px;padding:12px 16px;border-radius:8px;background:#304b31;color:#fff;text-decoration:none;font:700 12px/1.4 Arial,Helvetica,sans-serif;white-space:nowrap}
.front-header .front-account .front-register:hover{background:#486c41}
.front-header .read-menu{position:relative;flex:none}.front-header .read-menu summary{display:inline-flex;align-items:center;gap:5px;list-style:none;cursor:pointer}.front-header .read-menu summary::-webkit-details-marker{display:none}
.front-header .read-menu summary span{font-size:.9em;transition:transform .18s}.front-header .read-menu[open] summary span{transform:rotate(180deg)}
.front-header .read-menu-options{position:absolute;top:calc(100% + 13px);left:0;z-index:30;display:grid;min-width:150px;padding:7px;border:1px solid #d7e1d1;border-radius:10px;background:#fffefb;box-shadow:0 15px 35px #172b1d25}
.front-header .read-menu-options a{display:block;padding:10px 12px;border:0;border-radius:6px;color:#304734;text-decoration:none;font:600 13px/1.4 Arial,Helvetica,sans-serif;white-space:nowrap}
.front-header .read-menu-options a:hover,.front-header .read-menu-options a[aria-current="page"]{background:#edf3e9;color:#1e3925}
.front-header :is(a,summary):focus-visible{outline:2px solid #789a70;outline-offset:4px}
@media(max-width:1100px){.front-header-inner{flex-wrap:wrap;gap:12px;padding-block:14px}.front-header nav{order:3;width:100%;flex-wrap:wrap;justify-content:center;gap:12px 22px;padding:3px 0 6px}.front-header .front-account{margin-left:auto}}
@media(max-width:580px){.front-header-inner{width:calc(100% - 36px)}.front-header .front-brand{font-size:22px}.front-header .front-account{gap:10px}.front-header .front-account>a:first-child{font-size:12px}.front-header .front-account .front-register{gap:6px;padding:10px;font-size:11px}.front-header nav{justify-content:center;gap:10px 16px}.front-header .read-menu-options{left:50%;transform:translateX(-50%)}}
