.sy-utility, .sy-help-nav, .sy-filter { display:flex; flex-wrap:wrap; align-items:center; gap:1.3rem; }
.sy-utility { justify-content:flex-end; padding:.2rem 6%; background:#eee9e1; color:#50483f; font-size:.78rem; }
.sy-utility a, .sy-help-nav a { padding:.45rem 0; }
.sy-utility a:hover, .sy-help-nav a:hover { text-decoration:underline; }
.sy-save { margin:.5rem 0; padding:.55rem .8rem; border:1px solid #c3b6a7; background:transparent; color:#443b33; cursor:pointer; }
.sy-save[aria-pressed=true] { background:#eee6db; }
.sy-utility [hidden], .sy-save[hidden] { display:none; }
.sy-edit { padding:clamp(36px,6vw,90px) 6%; background:#ede7dd; }
.sy-edit h2, .sy-help h2 { font:normal clamp(24px,3vw,40px)/1.3 var(--serif); margin:.6em 0; }
.sy-edit>div { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; }
.sy-edit a { display:flex; justify-content:space-between; border-block:1px solid #bbae9f; padding:1.4rem 0; font-family:var(--serif); font-size:1.25rem; }
.sy-edit a:hover { color:#755d47; }
.sy-advice details, .sy-help section { border-top:1px solid var(--line); padding:1em 0; }
.sy-advice summary { cursor:pointer; font-weight:500; }
.sy-filter { background:#eee9e2; padding:1rem; margin:1rem 0 2rem; align-items:end; }
.sy-filter label { display:grid; gap:.25rem; font-size:.8rem; }
.sy-filter input { padding:.45rem; width:8em; max-width:100%; border:1px solid #b9aea0; }
.sy-filter button { padding:.5rem 1rem; background:#37342e; color:white; border:0; cursor:pointer; }
.sy-filter a,.sy-help-nav a { text-decoration:underline; text-underline-offset:4px; }
.sy-help-nav { margin-block:18px 32px; }
@media(max-width:800px){.sy-edit>div{grid-template-columns:1fr;gap:0}.sy-edit a+a{border-top:0}.sy-utility{justify-content:center;gap:1rem;padding-inline:8px}.sy-utility a{min-height:40px;display:inline-flex;align-items:center;gap:3px}.sy-filter{gap:.7rem}.sy-filter strong{width:100%}}
.sy-quick { padding:.55rem .8rem; background:var(--ink); color:white; border:1px solid var(--ink); cursor:pointer; margin-inline-start:.3rem; }
#sy-quick-dialog { width:min(450px,94vw); max-height:90vh; padding:0; border:1px solid var(--line); background:var(--paper); }
#sy-quick-dialog::backdrop {background:#30282070}
#sy-quick-dialog>div {display:flex;align-items:center;justify-content:space-between;padding:8px 18px;border-bottom:1px solid var(--line)}
#sy-quick-dialog button {width:44px;height:44px;background:none;border:0;font-size:24px;cursor:pointer}
#sy-quick-dialog iframe {display:block;width:100%;height:min(68vh,620px);border:0}
.sy-preview {padding:20px}.sy-preview img {width:100%;height:160px;object-fit:contain}.sy-preview h1{font:24px var(--serif)}.sy-preview .variations th{text-align:start}
.sy-saved-search:not([hidden]) {display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;clear:both}
.sy-saved-search input{padding:10px;border:1px solid var(--line);background:var(--paper);max-width:100%}
ul.products li.product[hidden]{display:none!important}
