/* ═══════════════════════════════════════════════════════════
   CHEQUES-style account modal + wishlist drawer + wishlist page
   Ported from cheques-home-v3 reference design into Moderno.
   All selectors are prefixed cq- so nothing collides with the
   theme's own c-/js- classes.
   ═══════════════════════════════════════════════════════════ */
:root{
  --cq-ink:#070707; --cq-ink-2:#1d1d1f; --cq-muted:#6e6e73; --cq-muted-2:#86868b;
  --cq-paper:#fff; --cq-paper-2:#f5f5f7; --cq-paper-3:#fafafa;
  --cq-line:#d2d2d7; --cq-line-soft:#e6e6eb;
  --cq-gold:#b8901f; --cq-live:#DA432E;
  --cq-fill:rgba(118,118,128,.12); --cq-fill-hi:rgba(118,118,128,.20);
  --cq-glass-lt:rgba(255,255,255,.82); --cq-blur:saturate(180%) blur(20px);
  --cq-r-pill:980px; --cq-r-card:16px; --cq-r-sm:11px;
  --cq-ease:cubic-bezier(.28,.11,.32,1); --cq-spring:cubic-bezier(.16,1,.3,1);
  --cq-tap:44px; --cq-z-scrim:9990; --cq-z-panel:9995; --cq-z-toast:9999;
}

/* ── scrim ── */
.cq-scrim{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;background:rgba(10,10,10,.42) !important;opacity:0;pointer-events:none;
  transition:opacity .35s var(--cq-ease);z-index:var(--cq-z-scrim) !important;margin:0 !important}
.cq-scrim.is-on{opacity:1;pointer-events:auto}
body.cq-locked{overflow:hidden}

/* ── shared drawer shell (wishlist) ── */
.cq-drawer{position:fixed !important;top:0 !important;right:0 !important;bottom:0 !important;left:auto !important;width:min(420px,100%) !important;z-index:var(--cq-z-panel) !important;
  background:var(--cq-paper) !important;display:flex !important;flex-direction:column;margin:0 !important;
  transform:translateX(101%);transition:transform .5s var(--cq-spring);
  box-shadow:-20px 0 60px rgba(0,0,0,.16) !important;font-family:inherit;pointer-events:none}
.cq-drawer.is-on{transform:none;pointer-events:auto}
.cq-drawer__hd{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;
  border-bottom:1px solid var(--cq-line-soft);flex:0 0 auto}
.cq-drawer__ttl{font-size:17px;font-weight:700;color:var(--cq-ink)}
.cq-drawer__body{flex:1 1 auto;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch}
.cq-drawer__ft{flex:0 0 auto;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));
  border-top:1px solid var(--cq-line-soft);background:var(--cq-paper-3)}

.cq-iconBtn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  color:var(--cq-muted);transition:background .2s,color .2s;background:transparent;border:none;cursor:pointer}
.cq-iconBtn:hover{background:var(--cq-fill);color:var(--cq-ink)}
.cq-iconBtn svg{width:18px;height:18px}

/* ── wishlist rows ── */
.cq-citem{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--cq-line-soft)}
.cq-citem:first-child{padding-top:0}
.cq-citem img{width:74px;height:74px;border-radius:var(--cq-r-sm);object-fit:cover;flex:0 0 auto;background:var(--cq-paper-2)}
.cq-citem__mid{flex:1 1 auto;min-width:0}
.cq-citem__nm{font-size:14px;font-weight:600;line-height:1.35;color:var(--cq-ink);display:block}
.cq-citem__pr{font-size:14px;font-weight:700;margin-top:7px;color:var(--cq-ink)}
.cq-citem__ctl{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:9px}
.cq-citem__rm{font-size:12.5px;color:var(--cq-muted-2);text-decoration:underline;min-height:36px;background:none;border:none;cursor:pointer;padding:0}
.cq-citem__rm:hover{color:var(--cq-live)}

.cq-witem__go{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;
  border-radius:var(--cq-r-pill);border:1px solid var(--cq-line);background:#fff;font-size:12.5px;
  font-weight:700;color:var(--cq-ink);transition:background .22s var(--cq-ease),border-color .22s,color .22s}
.cq-witem__go:hover{background:var(--cq-ink);border-color:var(--cq-ink);color:#fff}
.cq-witem__go svg{width:13px;height:13px}

.cq-wnote{display:flex;gap:11px;align-items:flex-start;margin-bottom:18px;padding:13px 14px;
  background:var(--cq-paper-2);border-radius:var(--cq-r-sm);font-size:12.5px;line-height:1.5;color:var(--cq-muted)}
.cq-wnote svg{width:15px;height:15px;flex:0 0 auto;margin-top:2px;color:var(--cq-ink)}
.cq-wnote b{display:block;color:var(--cq-ink);font-weight:700;margin-bottom:2px}
.cq-wnote button,.cq-wish-signin{display:inline;font-size:12.5px;font-weight:700;color:var(--cq-ink);
  text-decoration:underline;text-underline-offset:2px;background:none;border:none;cursor:pointer;padding:0}

.cq-cempty{text-align:center;padding:52px 20px;color:var(--cq-muted)}
.cq-cempty svg{width:42px;height:42px;margin:0 auto 16px;color:var(--cq-line);display:block}
.cq-cempty p{font-size:14.5px;margin-bottom:18px}

/* ── buttons ── */
.cq-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:600;
  min-height:var(--cq-tap);padding:15px 26px;border-radius:var(--cq-r-pill);background:var(--cq-ink);color:#fff;
  border:1px solid transparent;cursor:pointer;text-align:center;width:auto;
  transition:transform .3s var(--cq-spring),background .25s var(--cq-ease),box-shadow .3s var(--cq-ease),color .25s var(--cq-ease)}
.cq-btn:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.2)}
.cq-btn--glass{background:var(--cq-fill);color:var(--cq-ink);-webkit-backdrop-filter:var(--cq-blur);backdrop-filter:var(--cq-blur);
  border:1px solid rgba(0,0,0,.09)}
.cq-btn--glass:hover{background:var(--cq-fill-hi);color:var(--cq-ink)}
.cq-btn--sm{padding:11px 20px;font-size:13.5px;min-height:40px}
.cq-btn--full{width:100%}
.cq-btn.is-busy{pointer-events:none;opacity:.72}
.cq-btn__spin{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.35);
  border-top-color:#fff;animation:cq-spin .7s linear infinite;display:none}
.cq-btn.is-busy .cq-btn__spin{display:block}
@keyframes cq-spin{to{transform:rotate(360deg)}}

/* ── AUTH MODAL ── */
.cq-auth{position:fixed !important;z-index:var(--cq-z-panel) !important;background:var(--cq-paper) !important;display:flex !important;flex-direction:column;
  overflow:hidden;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;max-height:94vh !important;border-radius:22px 22px 0 0 !important;
  transform:translateY(101%);transition:transform .5s var(--cq-spring);box-shadow:0 -18px 50px rgba(0,0,0,.24) !important;
  font-family:inherit;color:var(--cq-ink-2);pointer-events:none;margin:0 !important}
.cq-auth.is-on{transform:none;pointer-events:auto}
@media(min-width:640px){
  .cq-auth{left:auto !important;right:24px !important;bottom:24px !important;top:24px !important;width:420px !important;max-height:calc(100vh - 48px) !important;
    border-radius:22px !important;transform:translateY(20px) scale(.97);opacity:0;transition:transform .4s var(--cq-spring),opacity .3s var(--cq-ease)}
  .cq-auth.is-on{transform:none;opacity:1;pointer-events:auto}
}
.cq-auth__grab{width:40px;height:4px;border-radius:4px;background:var(--cq-line);margin:10px auto 0;flex:0 0 auto}
@media(min-width:640px){.cq-auth__grab{display:none}}
.cq-auth__x{position:absolute;top:12px;right:12px;z-index:6;width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;color:var(--cq-muted);background:transparent;border:none;cursor:pointer;
  transition:background .22s var(--cq-ease),color .22s var(--cq-ease)}
.cq-auth__x:hover{background:var(--cq-fill);color:var(--cq-ink)}
.cq-auth__x svg{width:16px;height:16px}
.cq-auth__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding:22px 20px calc(26px + env(safe-area-inset-bottom))}
.cq-auth__k{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--cq-muted-2)}
.cq-auth__h{font-size:23px;font-weight:600;letter-spacing:-.012em;line-height:1.2;margin-top:8px;color:var(--cq-ink)}
.cq-auth__p{font-size:13.5px;line-height:1.55;color:var(--cq-muted);margin-top:9px;max-width:44ch}
.cq-auth__pane[hidden]{display:none}

/* ── fields ── */
.cq-field{margin-top:16px}
.cq-field__lbl{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
  font-size:12.5px;font-weight:700;color:var(--cq-ink);margin-bottom:7px}
.cq-field__wrap{position:relative;display:flex;align-items:center}
.cq-field input{width:100%;font-family:inherit;font-size:16px;font-weight:500;color:var(--cq-ink);
  background:var(--cq-paper-2);border:1px solid transparent;border-radius:var(--cq-r-sm);
  padding:13px 15px;min-height:var(--cq-tap);outline:none;box-sizing:border-box;
  transition:border-color .2s var(--cq-ease),background .2s var(--cq-ease)}
.cq-field input::placeholder{color:var(--cq-muted-2);font-weight:400}
.cq-field input:focus{background:#fff;border-color:var(--cq-ink)}
.cq-field--btn input{padding-right:54px}
.cq-field.is-bad input{border-color:var(--cq-live);background:#fff}
.cq-pwBtn{position:absolute;right:6px;width:42px;height:42px;border-radius:50%;background:transparent;border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;color:var(--cq-muted);
  transition:background .2s var(--cq-ease),color .2s var(--cq-ease)}
.cq-pwBtn:hover{background:var(--cq-fill);color:var(--cq-ink)}
.cq-pwBtn svg{width:17px;height:17px}
.cq-field__err{display:none;align-items:flex-start;gap:6px;margin-top:7px;
  font-size:12.5px;font-weight:600;color:var(--cq-live);line-height:1.4}
.cq-field.is-bad .cq-field__err{display:flex}
.cq-field__err svg{width:13px;height:13px;flex:0 0 auto;margin-top:1px}
.cq-field__link{font-size:12.5px;font-weight:600;color:var(--cq-muted);text-decoration:underline;
  text-underline-offset:2px;background:none;border:none;cursor:pointer;padding:0;transition:color .2s}
.cq-field__link:hover{color:var(--cq-ink)}

.cq-pwMeter{display:flex;gap:4px;margin-top:10px}
.cq-pwMeter span{flex:1 1 0;height:3px;border-radius:2px;background:var(--cq-line-soft);transition:background .3s var(--cq-ease)}
.cq-pwMeter.s1 span:nth-child(1){background:var(--cq-live)}
.cq-pwMeter.s2 span:nth-child(-n+2){background:#d98324}
.cq-pwMeter.s3 span:nth-child(-n+3){background:#3f8f4f}
.cq-pwMeter.s4 span{background:#2f7d3f}
.cq-pwScore{font-size:12px;font-weight:700;margin-top:7px;color:var(--cq-muted)}
.cq-pwReq{list-style:none;margin:9px 0 0;padding:0;display:grid;gap:5px}
.cq-pwReq li{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--cq-muted-2);transition:color .25s}
.cq-pwReq li svg{width:13px;height:13px;flex:0 0 auto;opacity:.4;transition:opacity .25s,color .25s}
.cq-pwReq li.ok{color:var(--cq-ink-2)}
.cq-pwReq li.ok svg{opacity:1;color:#2f7d3f}

.cq-check{display:flex;align-items:flex-start;gap:10px;margin-top:14px;cursor:pointer}
.cq-check input{flex:0 0 auto;width:19px;height:19px;margin:1px 0 0;accent-color:var(--cq-ink);cursor:pointer}
.cq-check span{font-size:12.5px;line-height:1.5;color:var(--cq-muted)}
.cq-check a{color:var(--cq-ink);text-decoration:underline;text-underline-offset:2px}
.cq-check.is-bad span{color:var(--cq-live)}

.cq-formErr{display:none;align-items:flex-start;gap:9px;margin-top:16px;padding:12px 14px;
  background:rgba(218,67,46,.07);border:1px solid rgba(218,67,46,.22);border-radius:var(--cq-r-sm);
  font-size:13px;line-height:1.5;color:var(--cq-live);font-weight:600}
.cq-formErr.is-on{display:flex}
.cq-formErr svg{width:15px;height:15px;flex:0 0 auto;margin-top:1px}

.cq-auth__submit{margin-top:20px}
.cq-auth__swap{margin-top:18px;padding-top:18px;border-top:1px solid var(--cq-line-soft);
  font-size:13.5px;color:var(--cq-muted);text-align:center}
.cq-auth__swap button{font-size:13.5px;font-weight:700;color:var(--cq-ink);text-decoration:underline;
  text-underline-offset:3px;background:none;border:none;cursor:pointer}
.cq-auth__back{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;
  min-height:var(--cq-tap);padding:0 4px;color:var(--cq-muted);background:none;border:none;cursor:pointer;transition:color .2s}
.cq-auth__back:hover{color:var(--cq-ink)}
.cq-auth__back svg{width:14px;height:14px}

/* ── signed-in pane ── */
.cq-acct__who{display:flex;align-items:center;gap:14px;margin-top:18px;padding:15px;background:var(--cq-paper-2);border-radius:var(--cq-r-card)}
.cq-acct__av{flex:0 0 auto;width:46px;height:46px;border-radius:50%;background:var(--cq-ink);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:700}
.cq-acct__nm{font-size:15px;font-weight:700;color:var(--cq-ink);line-height:1.3;display:block}
.cq-acct__em{font-size:12.5px;color:var(--cq-muted);margin-top:2px;word-break:break-all;display:block}
.cq-acct__links{margin-top:18px;border-top:1px solid var(--cq-line-soft)}
.cq-acct__link{display:flex;align-items:center;gap:12px;width:100%;text-align:left;
  padding:15px 2px;border-bottom:1px solid var(--cq-line-soft);font-size:14px;font-weight:600;color:var(--cq-ink);
  transition:padding-left .25s var(--cq-ease)}
.cq-acct__link:hover{padding-left:8px}
.cq-acct__link svg{width:17px;height:17px;color:var(--cq-muted);flex:0 0 auto}
.cq-acct__link .cq-acct__n{margin-left:auto;font-size:12px;font-weight:700;color:var(--cq-muted-2)}
.cq-acct__out{color:var(--cq-live)}
.cq-acct__out svg{color:var(--cq-live)}

/* ── toast ── */
.cq-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:var(--cq-z-toast);
  display:flex;align-items:center;gap:9px;background:var(--cq-ink);color:#fff;padding:13px 18px;
  border-radius:var(--cq-r-pill);font-size:13.5px;font-weight:600;box-shadow:0 12px 30px rgba(0,0,0,.25);
  opacity:0;pointer-events:none;transition:opacity .3s var(--cq-ease),transform .3s var(--cq-spring)}
.cq-toast.is-on{opacity:1;transform:translate(-50%,0)}
.cq-toast svg{width:16px;height:16px;flex:0 0 auto;color:#7ee08a}

/* ── header account control: filled initial when signed in ── */
.cq-acct-badge{display:none}
.c-header__button-link--account.cq-is-in{position:relative}
.c-header__button-link--account.cq-is-in i{display:none !important}
.c-header__button-link--account.cq-is-in .cq-acct-badge{display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:50%;background:var(--cq-ink);color:#fff;font-size:10px;font-weight:700}

/* ═══════════════════════════════════════════════════════════
   WISHLIST PAGE (full page, same design language as the drawer)
   ═══════════════════════════════════════════════════════════ */
.cq-wpage{max-width:1100px;margin:0 auto;padding:10px 0 60px}
.cq-wpage__hd{margin-bottom:28px}
.cq-wpage__title{font-size:clamp(24px,3vw,32px);font-weight:600;letter-spacing:-.01em;color:var(--cq-ink)}
.cq-wpage__count{color:var(--cq-muted-2);font-weight:500;font-size:.6em;margin-left:8px}
.cq-wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:22px}
.cq-wcard{position:relative;border:1px solid var(--cq-line-soft);border-radius:var(--cq-r-card);overflow:hidden;
  background:#fff;transition:box-shadow .3s var(--cq-ease),transform .3s var(--cq-ease)}
.cq-wcard:hover{box-shadow:0 14px 34px rgba(0,0,0,.09);transform:translateY(-2px)}
.cq-wcard__imgwrap{position:relative;aspect-ratio:1/1;background:var(--cq-paper-2)}
.cq-wcard__imgwrap img{width:100%;height:100%;object-fit:cover}
.cq-wcard__rm{position:absolute;top:10px;right:10px;width:34px;height:34px;border-radius:50%;
  background:var(--cq-glass-lt);-webkit-backdrop-filter:var(--cq-blur);backdrop-filter:var(--cq-blur);
  border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;
  color:var(--cq-ink);transition:background .2s,transform .2s}
.cq-wcard__rm:hover{background:#fff;transform:scale(1.06)}
.cq-wcard__rm svg{width:15px;height:15px}
.cq-wcard__body{padding:14px 16px 16px}
.cq-wcard__nm{font-size:14.5px;font-weight:600;color:var(--cq-ink);line-height:1.35;display:block;margin-bottom:6px}
.cq-wcard__pr{font-size:14.5px;font-weight:700;color:var(--cq-ink);margin-bottom:12px}
.cq-wcard__stock{font-size:12px;color:var(--cq-muted);margin-bottom:12px}
.cq-wcard .cq-btn{width:100%;padding:11px 18px;font-size:13.5px;min-height:42px}
.cq-wcard.is-removing{opacity:0;transform:scale(.94);transition:opacity .25s,transform .25s}
.cq-wpage-empty{text-align:center;padding:80px 20px;color:var(--cq-muted)}
.cq-wpage-empty svg{width:54px;height:54px;margin:0 auto 20px;color:var(--cq-line);display:block}
.cq-wpage-empty h2{font-size:20px;font-weight:600;color:var(--cq-ink);margin-bottom:10px}
.cq-wpage-empty p{font-size:14.5px;margin-bottom:22px}

@media(max-width:600px){
  .cq-wgrid{grid-template-columns:repeat(2,1fr);gap:14px}
  .cq-wcard__body{padding:11px 12px 13px}
}

/* ═══════════════════════════════════════════════════════════
   SEARCH PANEL
   Positioning/sizing is set via forced inline styles in
   cheques-search.js (same reasoning as the auth modal above) —
   these rules cover everything else: the search field, chips,
   result rows, and empty/no-results states.
   ═══════════════════════════════════════════════════════════ */
.cq-srch__bar{flex:0 0 auto;display:flex;align-items:center;gap:10px;
  padding:12px 20px;padding-top:calc(12px + env(safe-area-inset-top));
  border-bottom:1px solid var(--cq-line-soft);background:#fff}
.cq-srch__field{flex:1 1 auto;display:flex;align-items:center;gap:10px;min-width:0;
  background:var(--cq-paper-2);border-radius:var(--cq-r-pill);padding:0 16px;height:46px}
.cq-srch__field svg{width:17px;height:17px;flex:0 0 auto;color:var(--cq-muted-2)}
.cq-srch__in{flex:1 1 auto;min-width:0;border:none;background:none;outline:none;
  font-family:inherit;font-size:16px;font-weight:600;color:var(--cq-ink)}
.cq-srch__in::placeholder{color:var(--cq-muted-2);font-weight:500}
.cq-srch__clr{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:none;
  align-items:center;justify-content:center;background:var(--cq-line);color:#fff;border:none;cursor:pointer}
.cq-srch__clr.is-on{display:flex}
.cq-srch__clr svg{width:11px;height:11px;color:#fff}
.cq-srch__x{flex:0 0 auto;font-size:14px;font-weight:600;color:var(--cq-ink);
  min-height:var(--cq-tap);padding:0 4px;background:none;border:none;cursor:pointer}
.cq-srch__body{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  padding:6px 20px calc(28px + env(safe-area-inset-bottom))}
.cq-srch__lbl{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--cq-muted-2);margin:20px 0 11px}
.cq-srch__lbl:first-child{margin-top:14px}
.cq-srch__loading{padding:40px 0;text-align:center;color:var(--cq-muted-2);font-size:13px}
.cq-srch__chips{display:flex;flex-wrap:wrap;gap:8px}
.cq-srch__chip{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 15px;
  border-radius:var(--cq-r-pill);background:var(--cq-fill);color:var(--cq-ink-2);border:none;cursor:pointer;
  font-size:13px;font-weight:600;transition:background .2s var(--cq-ease),color .2s var(--cq-ease)}
.cq-srch__chip:hover{background:var(--cq-ink);color:#fff}
.cq-srch__chip svg{width:12px;height:12px;opacity:.5}

.cq-sres{display:flex;align-items:center;gap:13px;width:100%;text-align:left;
  padding:9px 10px;margin:0 -10px;border-radius:var(--cq-r-sm);
  transition:background .18s var(--cq-ease);text-decoration:none}
.cq-sres:hover{background:var(--cq-paper-2)}
.cq-sres__img{width:58px;height:58px;flex:0 0 auto;border-radius:9px;overflow:hidden;
  background:var(--cq-paper-2);display:flex;align-items:center;justify-content:center}
.cq-sres__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.28)}
.cq-sres__img--i{background:var(--cq-fill);color:var(--cq-muted)}
.cq-sres__img--i svg{width:20px;height:20px}
.cq-sres__mid{flex:1 1 auto;min-width:0}
.cq-sres__n{font-size:14px;font-weight:600;color:var(--cq-ink);line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cq-sres__n mark{background:none;color:var(--cq-ink);font-weight:800;text-decoration:underline;
  text-decoration-color:var(--cq-line);text-underline-offset:2px}
.cq-sres__m{font-size:12px;color:var(--cq-muted-2);margin-top:3px;font-weight:600}
.cq-sres__p{flex:0 0 auto;font-size:13.5px;font-weight:700;color:var(--cq-ink);white-space:nowrap}
.cq-sres__go{flex:0 0 auto;width:15px;height:15px;color:var(--cq-muted-2)}

.cq-srch__all{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;
  margin-top:18px;padding:15px 16px;border:1px solid var(--cq-line-soft);border-radius:var(--cq-r-sm);
  font-size:13.5px;font-weight:600;color:var(--cq-ink);text-decoration:none;
  transition:border-color .2s,background .2s}
.cq-srch__all:hover{border-color:var(--cq-line);background:var(--cq-paper-2)}
.cq-srch__all svg{width:14px;height:14px;flex:0 0 auto}
.cq-srch__none{padding:26px 0 4px;text-align:center}
.cq-srch__none b{display:block;font-size:16px;font-weight:600;color:var(--cq-ink);margin-bottom:7px}
.cq-srch__none p{font-size:13.5px;color:var(--cq-muted);line-height:1.55}

@media(min-width:760px){
  .cq-srch__bar{padding:12px 14px}
  .cq-srch__body{padding:6px 20px 22px}
  .cq-srch__x{display:none}
}