/* Shared illustrated shelf controls used by the home and catalog navigation. */
.explore-board{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px}
.explore-tabs{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}
.explore-tabs [role=tab]{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:18px;background:transparent;border:2px solid #b9883470;border-radius:10px 13px 9px 11px;font-family:var(--hand-ui-font);font-size:26px;line-height:1.3}
.explore-tabs [role=tab][aria-selected=true]{background:#f1b535;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.explore-tab-index{font:12px 'DM Sans',sans-serif;align-self:start;opacity:.65}
.explore-window{min-width:0;border:2px solid var(--ink);border-radius:23px;background:var(--brand-orange);padding:8px}
.explore-window [role=tabpanel]{background:var(--paper);border:2px solid var(--ink);border-radius:14px;overflow:auto;max-height:330px;min-height:290px;scrollbar-color:var(--brand-orange) var(--paper);scrollbar-width:thin}
.explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:290px}
.explore-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:8px 12px 12px;text-align:center;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);gap:3px;min-width:0;transition:background .18s}
.explore-tile:nth-child(4n){border-right:0}
.explore-tile:nth-child(n+5){border-bottom:0}
.explore-tile:hover,.explore-tile:focus-visible{background:#fbe6ad;outline-offset:-4px}
.explore-tile b{font-family:var(--hand-ui-font);font-weight:var(--hand-ui-weight);font-size:19px;line-height:1.3}
.explore-tile small{font-size:12px;color:var(--muted);line-height:1.4}
.explore-art{display:block;width:96px;height:96px;background-image:url('assets/category-badges-v1.webp');background-size:400% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;clip-path:circle(46%);flex-shrink:0}
.explore-art-0{background-position:0 0}.explore-art-1{background-position:33.333% 0}.explore-art-2{background-position:66.667% 0}.explore-art-3{background-position:100% 0}.explore-art-4{background-position:0 100%}.explore-art-5{background-position:33.333% 100%}.explore-art-6{background-position:66.667% 100%}.explore-art-7{background-position:100% 100%}
.material-photo{height:90px;width:100px;overflow:hidden;display:grid;place-items:center;background:#fff;border-radius:50%;margin:8px 0}
.material-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.material-tile:nth-child(2) img{transform:scale(1.6)}
.material-tile{min-height:165px}
.explore-box-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.box-tile{align-items:start;text-align:left;padding:22px;gap:12px;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.box-tile b{font-size:23px}.box-tile>span{font-size:14px}.box-tile>strong{font-size:24px}
.box-tile .box-saving{font-family:var(--hand-ui-font);background:var(--yellow);padding:3px 9px;border:1px solid var(--ink);border-radius:5px;transform:rotate(-3deg);font-size:18px}
.explore-empty{padding:32px;font-size:16px;grid-column:1/-1}
#explore-dialog{position:fixed;inset:var(--explore-top,78px) 0 auto;margin:0;max-width:none;width:100%;max-height:calc(100dvh - var(--explore-top,78px));padding:15px 3% 30px;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:var(--yellow);overflow:auto}
#explore-dialog::backdrop{background:#181512ad;backdrop-filter:none}
.explore-dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-family:var(--hand-ui-font);font-size:22px}
.explore-dialog-top button{border:2px solid var(--ink);border-radius:50%;width:40px;height:40px;font:26px sans-serif}