/* Approved category direction A. Isolated images; circles and states stay in CSS. */
.category-showcase .category-art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible}
.category-showcase .category-art-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-width:0;min-height:236px;padding:20px 16px 24px;gap:14px;background:#fffdf9;border:1px solid #eadfd3;border-radius:14px;text-decoration:none;color:#252222;transition:border-color .2s,box-shadow .2s,background .2s;transform:none}
.category-art-visual{position:relative;display:grid;place-items:center;flex:none;width:160px;height:160px;max-width:100%;isolation:isolate}
.category-art-visual::before{content:"";position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#f8f0e6,#f1e5d6);z-index:-1}
.category-art-visual img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}
.category-art-name{font-size:17px;line-height:1.35;text-align:center;max-width:100%;font-weight:400;overflow-wrap:normal}
.category-art-arrow{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#6e2638;color:#fff;font-size:21px;line-height:1;opacity:0;transition:opacity .2s}
.category-showcase .category-art-card:hover,.category-showcase .category-art-card:focus-visible{border-color:#6e2638;background:#fffaf3;box-shadow:0 5px 15px #6e263822;transform:none}
.category-showcase .category-art-card:focus-visible{outline:2px solid #6e2638;outline-offset:3px}
.category-art-card:is(:hover,:focus-visible) .category-art-visual img{transform:translateY(-3px) rotate(-2deg)}
.category-art-card:is(:hover,:focus-visible) .category-art-arrow{opacity:1}
.category-showcase .category-art-card-wide{grid-column:span 2;flex-direction:row;align-items:center;justify-content:flex-start;min-height:164px;padding:12px 24px;gap:24px}
.category-art-card-wide .category-art-visual{width:132px;height:132px}
.category-art-card-wide .category-art-name{text-align:left;max-width:220px}
@media(min-width:761px) and (max-width:1000px){.category-art-visual{width:136px;height:136px}.category-showcase .category-art-card{min-height:216px;padding-inline:12px}.category-art-name{font-size:15px}.category-showcase .category-art-card-wide{min-height:152px}}
@media(max-width:760px){.category-showcase .section-head{flex-direction:row;align-items:center;flex-wrap:wrap;gap:12px}.category-showcase .category-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.category-showcase .category-art-card{min-height:156px;padding:10px 5px 14px;gap:8px;border-radius:11px}.category-art-visual{width:88px;height:88px}.category-art-name{font-size:12px;line-height:1.4}.category-art-arrow{width:22px;height:22px;font-size:17px;right:5px;bottom:5px}.category-showcase .category-art-card-wide{grid-column:span 2;min-height:112px;padding:10px 12px;gap:12px}.category-art-card-wide .category-art-visual{width:80px;height:80px}.category-art-card-wide .category-art-name{max-width:140px}.category-showcase .category-art-card:active{border-color:#6e2638;background:#fff7ed}.category-art-card:active .category-art-arrow{opacity:1}}
@media(max-width:359px){.category-showcase .category-art-grid{gap:7px}.category-art-visual{width:76px;height:76px}.category-art-name{font-size:11px}.category-showcase .category-art-card{min-height:148px}.category-showcase .category-art-card-wide{padding-inline:8px;gap:8px}.category-art-card-wide .category-art-visual{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){.category-showcase .category-art-card,.category-art-visual img,.category-art-arrow{transition:none}.category-art-card:is(:hover,:focus-visible) .category-art-visual img{transform:none}}