/* The site search (0.27.0): the box in the header, the list under it, the full-width search below 1200 px, and the
   results page (/find/). Loaded on the Showroom's pages and, by the theme, on WordPress's, so nothing here leans
   on the page's own stylesheet. */
.ss{position:relative;margin:0 4px 0 0;flex:none}
.ss-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ss-mag{position:absolute;left:12px;top:10px;color:#4A5463;pointer-events:none}
.ss-in{box-sizing:border-box;width:210px;height:38px;margin:0;border:1px solid #CFCAC1;border-radius:19px;padding:0 14px 0 37px;font:15px/1.2 "Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#1B2532;background:#FFFFFF;-webkit-appearance:none;appearance:none;transition:width .15s ease}
.ss-in::placeholder{color:#6B7480;opacity:1}
.ss-in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.ss-in:focus{outline:none;border-color:#1B2532;box-shadow:0 0 0 3px rgba(45,95,134,.2)}
.ss .ss-in:focus{width:300px}
.ss-open{display:none!important}
@media (prefers-reduced-motion:reduce){.ss-in{transition:none}}
@media (max-width:1199px){
  .ss{display:none!important}
  .ss-open{display:inline-grid!important;place-items:center}
}

/* the list */
.ss-panel{position:absolute;right:0;top:46px;z-index:60;box-sizing:border-box;width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 90px);overflow-y:auto;overscroll-behavior:contain;
  background:#FFFFFF;border:1px solid #E3DFD8;border-radius:10px;box-shadow:0 18px 44px rgba(20,28,38,.20);text-align:left;
  font-family:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#1B2532;line-height:1.4}
.ss-panel[hidden]{display:none}
.ss-grp{padding:4px 0}
.ss-grp+.ss-grp{border-top:1px solid #EEECE8}
.ss-h{margin:0;padding:10px 16px 6px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#6B7480}
.ss-row{display:flex;align-items:center;gap:12px;padding:8px 16px;text-decoration:none;color:#1B2532;cursor:pointer}
.ss-row:hover,.ss-row[aria-selected=true]{background:#F3F4F6;color:#1B2532}
.ss-page{padding-top:10px;padding-bottom:10px}
.ss-tile{width:44px;height:44px;border-radius:8px;background:#1B2532;color:#DCC690;display:grid;place-items:center;flex:none}
.ss-cv{width:40px;height:56px;flex:none;display:flex;align-items:center;justify-content:center;background:#F3F4F6}
.ss-cv img{display:block;max-width:40px;max-height:56px;width:auto;height:auto}
.ss-tx{display:block;min-width:0;flex:1}
.ss-t{display:block;font-size:15px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-page .ss-t{font-size:16px}
.ss-d,.ss-m{display:block;margin-top:2px;font-size:13px;color:#4A5463;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ss-out{display:block;font-size:12.5px;color:#A23A48}
.ss-pr{flex:none;padding-left:8px;font-size:14px;font-weight:700;white-space:nowrap}
.ss-panel mark,.ssr mark{background:none;color:inherit;font-weight:800;box-shadow:inset 0 -2px 0 #DCC690}
.ss-more{display:block;padding:6px 16px 10px;font-size:13.5px;font-weight:700;color:#2D5F86;text-decoration:none}
.ss-more:hover,.ss-more[aria-selected=true]{text-decoration:underline}
.ss-all{display:flex;justify-content:space-between;gap:12px;padding:13px 16px;border-top:1px solid #E3DFD8;background:#F7F8FA;font-size:14.5px;font-weight:700;color:#2D5F86;text-decoration:none}
.ss-all:hover,.ss-all[aria-selected=true]{background:#EDF1F5}
.ss-fix{margin:0;padding:12px 16px 0;font-size:13.5px;color:#4A5463}
.ss-fix b{color:#1B2532}
.ss-none{padding:16px}
.ss-none p{margin:0;font-size:15px}
.ss-none .ss-tip{margin-top:6px;font-size:14px;color:#4A5463}
.ss-none a{color:#2D5F86}
.ss-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* the full-width search (below 1200 px, opened by the magnifier) */
/* (on body, not html: the page's own overflow-x:hidden on body must keep reaching the viewport, or a phone's page widens) */
html.ss-sheet-on body{overflow:hidden}
.ss-sheet{position:fixed;inset:0;z-index:2147483000}
.ss-sheet[hidden]{display:none}
.ss-dim{position:absolute;inset:0;background:rgba(20,28,38,.40)}
.ss-card{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;height:100%;background:#FFFFFF;font-family:"Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;color:#1B2532}
.ss-sform{display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;border-bottom:1px solid #E3DFD8}
.ss-sform .ss-in{flex:1;width:auto;min-width:0;height:44px;border-color:#1B2532;border-radius:22px;padding:0 16px;font-size:16px}
.ss-cancel{flex:none;height:44px;padding:0 8px;border:0;background:none;font:700 15px "Nunito Sans",system-ui,sans-serif;color:#2D5F86;cursor:pointer}
.ss-sbody{position:relative;flex:1;overflow-y:auto;overscroll-behavior:contain}
.ss-sheet .ss-panel{position:static;width:auto;max-width:none;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none}
.ss-sheet .ss-row{min-height:52px;box-sizing:border-box}
.ss-sheet .ss-t{font-size:16px}
@media (min-width:700px){
  .ss-card{width:min(720px,calc(100% - 32px));height:auto;max-height:calc(100% - 32px);margin:16px auto 0;border-radius:12px;overflow:hidden;box-shadow:0 18px 44px rgba(20,28,38,.25)}
}

/* WordPress's header: the box is the last item of the menu, the magnifier sits beside the menu button on phones */
.site-navigation-list--desktop>li.ss-li{margin-top:0}
.site-navigation--mobile__container .ss-open{width:44px;height:44px;margin-left:auto;margin-right:4px;color:#1B2532}

/* the results page (/find/) */
.ssr{padding-block:40px 80px}
.ssr-form{display:flex;gap:10px;max-width:640px;margin:22px 0 0}
.ssr-form input{flex:1;min-width:0;box-sizing:border-box;height:46px;border:1px solid #1B2532;border-radius:23px;padding:0 18px;font:16px "Nunito Sans",system-ui,sans-serif;color:#1B2532;background:#FFFFFF}
.ssr-form button{height:46px;padding:0 22px;border:0;border-radius:23px;background:#1B2532;color:#FFFFFF;font:700 15px "Nunito Sans",system-ui,sans-serif;cursor:pointer}
.ssr-count,.ssr-fix{margin:12px 0 0;font-size:15px;color:#4A5463}
.ssr h2{margin:42px 0 14px;font-size:21px}
.ssr h2 small{font:600 15px "Nunito Sans",system-ui,sans-serif;color:#6B7480;margin-left:6px}
.ssr-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ssr-page{display:block;border:1px solid #E3DFD8;border-radius:10px;padding:18px 20px;text-decoration:none;color:#1B2532;background:#FFFFFF}
.ssr-page:hover{border-color:#1B2532}
.ssr-page b{display:block;font-size:18px;font-weight:800}
.ssr-page span{display:block;margin-top:6px;font-size:14.5px;line-height:1.5;color:#4A5463}
.ssr-prods{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}
.ssr-prod{display:block;text-decoration:none;color:#1B2532}
.ssr-cv{display:flex;align-items:center;justify-content:center;height:156px;background:#F3F4F6;border-radius:6px}
.ssr-cv img{display:block;max-width:76%;max-height:126px;width:auto;height:auto;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.ssr-prod b{display:block;margin-top:10px;font-size:15px;font-weight:800;line-height:1.3}
.ssr-prod .ssr-sub{display:block;margin-top:2px;font-size:13.5px;line-height:1.35;color:#4A5463}
.ssr-prod .ssr-m{display:block;margin-top:4px;font-size:12.5px;line-height:1.4;color:#6B7480}
.ssr-prod .ssr-pr{display:block;margin-top:6px;font-size:15px;font-weight:800}
.ssr-prod .ssr-out{display:block;font-size:13px;color:#A23A48}
.ssr-posts{border-top:1px solid #E3DFD8}
.ssr-post{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #E3DFD8;text-decoration:none;color:#1B2532}
.ssr-post b{font-size:16px;font-weight:600}
.ssr-post span{flex:none;font-size:14px;color:#6B7480}
.ssr-morep{margin:16px 0 0;font-weight:700}
.ssr-none{margin:28px 0 0;font-size:16px}
@media (max-width:960px){.ssr-pages{grid-template-columns:repeat(2,minmax(0,1fr))}.ssr-prods{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){.ssr-pages{grid-template-columns:1fr}.ssr-prods{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.ssr-post{flex-direction:column;gap:2px}}