/* Flint & Flicker — shop hub and section pages */
.ff-cat-group{margin-top:52px}
.ff-cat-group>header{text-align:center;margin-bottom:28px}
.ff-cat-group>header .eyebrow{margin-bottom:6px}
.ff-cat-group>header h2{margin:0 0 8px;font-size:clamp(2.2rem,3.6vw,3.6rem) !important}
.ff-cat-group>header p{max-width:52ch;margin:0 auto;font-size:20px;color:#5a4c3f}
.ff-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:26px}
.ff-cat{display:block;text-decoration:none !important;color:#2b201a;background:#fffdf8;border:1px solid #e6dcc6;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px rgba(43,32,26,.08);transition:transform .25s ease,box-shadow .25s ease}
.ff-cat:hover,.ff-cat:focus-visible{transform:translateY(-4px);box-shadow:0 18px 40px rgba(43,32,26,.16)}
.ff-cat:focus-visible{outline:2px solid #b08d57;outline-offset:3px}
.ff-cat-img{position:relative;display:block;aspect-ratio:1/1;background:#fff;overflow:hidden;border-bottom:1px solid #efe6d2}
.ff-cat-img img{position:absolute;inset:16px;width:calc(100% - 32px);height:calc(100% - 32px);object-fit:contain;transition:transform .4s ease}
.ff-cat:hover .ff-cat-img img{transform:scale(1.05)}
.ff-cat-name{display:block;padding:18px 18px 4px;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.6rem;font-weight:600;line-height:1.15;text-align:center;color:#2b201a}
.ff-cat-count{display:block;padding:2px 18px 20px;text-align:center;font:600 11px/1.4 Inter,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#b08d57}
.ff-more{margin-top:64px;padding-top:36px;border-top:1px solid #e6dcc6;text-align:center}
.ff-more h2{font-size:1.9rem !important;margin:0 0 16px}
.ff-more .ff-chips{justify-content:center;margin:0 0 26px}
.ff-product:target{outline:3px solid #b08d57;outline-offset:4px;border-radius:22px}
@media(max-width:560px){.ff-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ff-cat-name{font-size:1.2rem;padding:12px 10px 2px}.ff-cat-count{padding:2px 10px 14px;font-size:10px}.ff-cat-img img{inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}}