.category-card{position:relative;display:block;min-height:220px;padding:22px 22px 18px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 38%),#0a0a0a;text-decoration:none;overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.32),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:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(255,111,0,.12),transparent 30%),linear-gradient(90deg,rgba(255,111,0,.08),transparent 26%);opacity:.9;pointer-events:none}.category-card:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:4px;border-radius:999px 999px 0 0;background:#ff6f00;opacity:.9;transform:scaleX(.72);transform-origin:left center;transition:transform .18s ease,opacity .18s ease,background .18s ease}.category-card:focus-visible,.category-card:hover{transform:translateY(-5px);border-color:rgba(255,132,48,.36);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 42%),#0d0d0d;box-shadow:0 26px 52px rgba(0,0,0,.42),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:14px;color:#f5efe7}.category-card-content h3{margin:auto 0 0;max-width:10.5ch;color:#ffffff;font-size:clamp(1.72rem,1.34rem + 1.45vw,2.45rem);line-height:.94;font-weight:900;text-transform:uppercase;letter-spacing:0;text-wrap:balance}.shop-now{margin-top:auto;display:inline-flex;align-items:center;gap:8px;color:#ffb276;font-size:.82rem;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:188px;padding:18px 18px 15px}.category-card:after{left:16px;right:16px}.category-card-content h3{max-width:none}}