.pwl-menu-toggle .pwl-menu-icon-pc { display:block; }
.pwl-menu-toggle .pwl-menu-icon-mobile { display:none; }
html.pwl-nav-collapsed .pwl-menu-toggle svg { transform:none; }
.pwl-search-anchor { display:block; position:relative; flex:1; min-width:100px; max-width:460px; margin-left:4px; }
.pwl-topbar .pwl-searchbar { display:flex; align-items:center; gap:8px; width:100%; max-width:none; min-height:40px; padding:0 12px; border:1px solid var(--pwl-color-border); border-radius:9px; background:var(--pwl-color-surface); transition:border-color .16s ease,background-color .16s ease; }
.pwl-topbar .pwl-searchbar:focus-within { border-color:var(--pwl-color-brand); background:var(--pwl-color-white); }
.pwl-searchbar button { display:flex; align-items:center; justify-content:center; padding:0; width:20px; border:0; background:transparent; color:var(--pwl-color-muted); }
.pwl-topbar .pwl-searchbar input { flex:1; min-width:0; width:100%; height:38px; padding:0; border:0; outline:none; box-shadow:none; background:transparent; color:var(--pwl-color-text); font-size:14px; }
.pwl-searchbar .pwl-icon { width:18px; height:18px; }
.pwl-search-popover { width:480px; transform-origin:top left; }
.pwl-search-pophead { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px 12px; flex-shrink:0; }
.pwl-search-pophead h2 { margin:0; font-size:18px; font-weight:600; }
.pwl-search-pophead .pwl-iconbutton { width:28px; height:28px; }
.pwl-search-popbody { padding:0 20px 18px; overflow:auto; min-height:0; overscroll-behavior:contain; }
.pwl-search-sectionhead { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:18px 0 12px; }
.pwl-search-sectionhead:first-child { margin-top:8px; }
.pwl-search-sectionhead h3 { margin:0; font-size:13px; font-weight:600; }
.pwl-search-clear { border:0; padding:3px 0; background:transparent; font-size:11px; color:var(--pwl-color-muted); }
.pwl-search-clear:disabled { opacity:.5; }
.pwl-search-chips { display:flex; flex-wrap:wrap; gap:8px; }
.pwl-search-chip { max-width:100%; padding:7px 10px; border:0; border-radius:7px; background:var(--pwl-color-surface); color:var(--pwl-color-text); font-size:12px; overflow-wrap:anywhere; text-align:left; }
.pwl-search-chip:hover { background:var(--pwl-color-brand-soft); }
.pwl-search-empty { margin:0; padding:7px 0; font-size:12px; line-height:1.7; color:var(--pwl-color-muted); }
.pwl-search-result { display:flex; align-items:center; gap:12px; padding:10px 6px; border-radius:7px; }
.pwl-search-result:hover { background:var(--pwl-color-surface); }
.pwl-search-resulticon { display:flex; align-items:center; justify-content:center; flex-shrink:0; width:34px; height:34px; border-radius:9px; background:var(--pwl-color-surface); color:var(--pwl-color-muted); font-size:11px; }
.pwl-search-resulttext { min-width:0; display:flex; flex-direction:column; gap:5px; }
.pwl-search-resulttext strong { font-size:14px; font-weight:500; overflow-wrap:anywhere; }
.pwl-search-resulttext small { font-size:12px; color:var(--pwl-color-muted); overflow-wrap:anywhere; line-height:1.5; }
.pwl-search-catalog-note { margin:16px 0 0; font-size:11px; color:var(--pwl-color-muted); }
.pwl-search-popfoot { display:flex; gap:16px; justify-content:space-between; padding:15px 20px; border-top:1px solid var(--pwl-color-border); flex-shrink:0; }
.pwl-search-popfoot a { display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:500; }
.pwl-search-popfoot .pwl-icon { width:14px; height:14px; }
.pwl-search-mobileform { display:none; }
@media(max-width:1100px) { .pwl-search-anchor { max-width:360px; } .pwl-topbar { gap:14px; } }
@media(max-width:820px) { .pwl-menu-toggle .pwl-menu-icon-pc { display:none; } .pwl-menu-toggle .pwl-menu-icon-mobile { display:block; } .pwl-search-anchor { flex:0; width:0; min-width:0; margin:0; } .pwl-topbar .pwl-searchbar { display:none; } .pwl-topbar .pwl-mobilesearch { display:flex; } .pwl-search-mobileform { display:flex; align-items:center; gap:8px; margin:0 16px 14px; padding:3px 8px 3px 12px; border:1px solid var(--pwl-color-border); border-radius:7px; flex-shrink:0; } .pwl-search-mobileform input { flex:1; min-width:0; min-height:34px; border:0; background:transparent; color:var(--pwl-color-text); font-size:14px; } .pwl-search-popbody { padding-left:16px; padding-right:16px; } .pwl-search-pophead { padding:14px 16px; } .pwl-search-popfoot { padding:14px 16px; gap:8px; } }
@media(max-width:400px) { .pwl-topbar { gap:6px; padding-left:12px; padding-right:12px; } .pwl-topactions { gap:4px; } .pwl-topactions>.pwl-iconbutton { width:28px; } .pwl-search-popfoot a { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { .pwl-topbar .pwl-searchbar { transition:none; } }

.pwl-search-mobileform:focus-within { border-color:var(--pwl-color-brand); }
.pwl-search-mobileform input:focus-visible { outline:none; box-shadow:none; }
@media(max-width:400px) { .pwl-topactions .pwl-credit-top span { display:none; } .pwl-topactions .pwl-credit-top { width:32px; min-height:36px; padding:0; gap:0; } }
@media(max-width:360px) { .pwl-topactions { gap:2px; } }