/* Everyday Atlas Co. — shop / catalog styles (generated sites copy this to assets/shop.css) */
.shoppill{font-size:13px;font-weight:900;background:#0f766e;color:#fff;border:2px solid #0f766e;padding:8px 14px;border-radius:999px;white-space:nowrap;text-decoration:none}
.shoppill:hover{background:#115e59}
.shophero{padding-bottom:6px}.shophero h1{font-size:44px}
.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:14px}
.search{flex:1 1 320px;display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #99f6e4;border-radius:999px;padding:4px 16px}
.search:focus-within{border-color:#0f766e;box-shadow:0 0 0 3px #ccfbf1}
.search input{border:0;outline:0;font:inherit;font-size:15px;padding:8px 0;width:100%;background:transparent;color:#102a2e}
.sort{font-size:13px;font-weight:700;display:flex;align-items:center;gap:6px}
.sort select{font:inherit;font-size:14px;padding:9px 12px;border-radius:999px;border:2px solid #ccfbf1;background:#fff;color:#102a2e}
.rcount{font-size:13px;color:#475569;font-weight:700;margin-left:auto}
.facet{display:flex;gap:10px;align-items:flex-start;margin:8px 0}
.flabel{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#64748b;padding-top:9px;min-width:62px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{background:#fff;border:2px solid #ccfbf1;padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap}
.chip b{color:#0f766e;font-size:12px;margin-left:2px}.chip:hover{border-color:#0f766e}
.chip.on{background:#0f766e;border-color:#0f766e;color:#fff}.chip.on b{color:#ccfbf1}
.sgrid{margin-top:18px}
.scard{text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.scard:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(16,42,46,.13)}
.scard:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.simg{aspect-ratio:1/1;background:#f1f5f9;position:relative;overflow:hidden}
.simg img{width:100%;height:100%;object-fit:cover;display:block}
.simg .noimg{display:grid;place-items:center;height:100%;font-size:13px;font-weight:700;color:#64748b;background:repeating-linear-gradient(45deg,#f1f5f9 0 12px,#e2e8f0 12px 24px)}
.badge.sold{background:#e2e8f0;color:#334155;z-index:1}.badge.new{z-index:1}
.scard h3{font-size:15px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.scard .pname{font-size:12px;color:#64748b;line-height:1.4;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pfoot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:6px;flex-wrap:wrap}
.pfoot .price{font-size:16px}.pfoot .price small{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase}
.view{font-size:12px;font-weight:900;color:#0f766e}
.empty{background:#fff;border-radius:14px;padding:22px;margin-top:16px;text-align:center}
.buynote{background:#fff;border-left:6px solid #0f766e;border-radius:10px;padding:14px 18px;margin-top:26px;font-size:13px;color:#475569}
.buynote a{color:#0f766e}
.featured .head p{margin-bottom:0}
@media(max-width:850px){.shophero h1{font-size:34px}.rcount{margin-left:0;width:100%}.facet{flex-direction:column;gap:4px}.flabel{padding-top:0}
 .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;width:100%}}
@media(max-width:480px){.sgrid{grid-template-columns:repeat(2,1fr);gap:10px}.sgrid .pbody{padding:10px}.scard h3{font-size:13px}.scard .pname{display:none}.view{display:none}.pfoot .price{font-size:14px}
 .nav{gap:10px}.navlinks{gap:12px;font-size:13px}.shoppill{font-size:12px;padding:6px 11px}}
/* mobile fixes: footer grid (site-wide 5-col rule overrode the mobile rule), chip rows, compact header */
.facet,.chips{min-width:0;max-width:100%}
@media(max-width:850px){.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}
@media(max-width:600px){.shoppill{display:none}.nav{padding:10px 0;gap:6px}.navlinks{gap:4px 14px;font-size:13px}.logo .wm small{display:none}}
/* .hero / .nav padding rules were overriding .wrap's side padding (content touched the screen edge on phones) */
.wrap.hero,.wrap.nav{padding-left:20px;padding-right:20px}