.category-card{position:relative;display:block;min-height:156px;padding:18px 20px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0a0a0a;text-decoration:none;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.category-card:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:3px;border-radius:999px 999px 0 0;background:#ff6f00;opacity:.9;transform:scaleX(.62);transform-origin:left center;transition:transform .18s ease,opacity .18s ease,background .18s ease}.category-card:focus-visible,.category-card:hover{transform:translateY(-2px);border-color:rgba(255,132,48,.36);background:#0d0d0d;box-shadow:0 16px 34px rgba(0,0,0,.34),0 0 0 1px rgba(255,132,48,.09),inset 0 1px 0 rgba(255,255,255,.05)}.category-card:focus-visible:after,.category-card:hover:after{transform:scaleX(1);opacity:1}.category-card:focus-visible{outline:3px solid rgba(255,111,0,.16);outline-offset:2px}.category-card-content{position:relative;z-index:1;display:flex;min-height:100%;flex-direction:column;gap:8px;color:#f5efe7}.category-card-content h3{margin:0;max-width:24ch;color:#ffffff;font-size:clamp(1.2rem,1rem + .8vw,1.65rem);line-height:1.08;font-weight:800;letter-spacing:-.02em}.shop-now{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:#ffb276;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.shop-now span{transition:transform .16s ease}.category-card:focus-visible .shop-now span,.category-card:hover .shop-now span{transform:translateX(4px)}.category-card--copper:after{background:#ff7a1f}.category-card--ember:after{background:#ff5f1f}.category-card--graphite:after{background:#ff914d}.category-card--obsidian:after{background:#ff6f00}@media (max-width:768px){.category-card{min-height:144px;padding:17px 18px 15px}.category-card:after{left:18px;right:18px}.category-card-content h3{max-width:none}}