.eop-root{position:relative;z-index:999999;font-family:var(--eop-body-font)}
.eop-trigger{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit}
.eop-burger{display:inline-flex;flex-direction:column;gap:4px}.eop-burger span{display:block;width:24px;height:2px;background:currentColor}
.eop-overlay{position:fixed;inset:0;background:var(--eop-overlay);backdrop-filter:blur(var(--eop-blur));opacity:0;visibility:hidden;transition:opacity var(--eop-speed) ease;z-index:999998}
.eop-panel{position:fixed;top:0;bottom:0;width:var(--eop-width);background:var(--eop-bg);color:var(--eop-text);box-shadow:var(--eop-shadow);z-index:999999;overflow:auto;transition:transform var(--eop-speed) ease;border-radius:var(--eop-radius)}
.eop-root[data-side="left"] .eop-panel{left:0;transform:translateX(-105%)}.eop-root[data-side="right"] .eop-panel{right:0;transform:translateX(105%)}
.eop-root.is-open .eop-overlay{opacity:1;visibility:visible}.eop-root.is-open .eop-panel{transform:translateX(0)}
.eop-panel__top{display:flex;align-items:center;justify-content:space-between;padding:var(--eop-padding);border-bottom:1px solid var(--eop-border)}
.eop-brand{font-family:var(--eop-title-font);font-size:var(--eop-title-size);font-weight:var(--eop-title-weight);text-transform:var(--eop-title-transform);line-height:1}.eop-brand img{max-width:100%;height:auto;display:block}
.eop-close{border:0;background:transparent;color:inherit;font-size:42px;line-height:1;cursor:pointer}
.eop-panel__inner{padding:var(--eop-padding)}
.eop-search{display:flex;gap:10px;margin-bottom:var(--eop-section-gap)}.eop-search input{flex:1;min-width:0;background:transparent;color:inherit;border:1px solid var(--eop-border);padding:12px}.eop-search button{background:var(--eop-accent);color:#fff;border:0;padding:12px 18px;cursor:pointer}
.eop-menu,.eop-menu ul{list-style:none;margin:0;padding:0}.eop-menu{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--eop-section-gap)}
.eop-menu>li>a{display:block;font-family:var(--eop-heading-font);font-size:var(--eop-heading-size);font-weight:var(--eop-heading-weight);text-transform:var(--eop-heading-transform);color:var(--eop-text);text-decoration:none;margin-bottom:14px}
.eop-menu ul{display:flex;flex-direction:column;gap:var(--eop-item-gap)}.eop-menu ul a{font-family:var(--eop-link-font);font-size:var(--eop-link-size);font-weight:var(--eop-link-weight);text-transform:var(--eop-link-transform);color:var(--eop-text);text-decoration:none}.eop-menu ul a:hover{color:var(--eop-accent)}
.eop-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:var(--eop-section-gap);padding-top:20px;border-top:1px solid var(--eop-border);color:var(--eop-muted)}
.eop-socials{display:flex;gap:12px}.eop-social-icon{display:inline-flex;width:26px;height:26px;color:var(--eop-text)}.eop-social-icon svg{width:100%;height:100%}
@media(max-width:640px){.eop-panel__top,.eop-panel__inner{padding:24px}.eop-menu{grid-template-columns:1fr}}