/* Real product stickers: consistent silhouettes, distinct category atmospheres. */
#screen-1 .cards-grid-4{gap:18px;align-items:stretch}
#screen-1 .select-card{--category-rgb:119,139,255;position:relative;isolation:isolate;overflow:hidden;padding:16px 22px 22px;background:linear-gradient(155deg,rgba(var(--category-rgb),.07),transparent 65%),var(--bg-surface);border-color:var(--border-subtle);box-shadow:0 8px 28px #0000000d}
#screen-1 .category-fashion{--category-rgb:224,148,171}
#screen-1 .category-tech{--category-rgb:98,186,224}
#screen-1 .category-food{--category-rgb:235,171,92}
.category-art{position:relative;display:grid;place-items:center;width:100%;height:190px;margin:0 0 16px;flex-shrink:0}
.category-halo{position:absolute;width:154px;height:154px;border-radius:50%;background:radial-gradient(circle,rgba(var(--category-rgb),.21),rgba(var(--category-rgb),.04) 65%,transparent 72%);z-index:-1;transition:transform .35s,opacity .35s}
.category-art:after{content:'';position:absolute;bottom:5px;width:95px;height:10px;border-radius:50%;background:rgba(var(--category-rgb),.14);filter:blur(8px);z-index:-1}
.category-art img{display:block;width:100%;height:100%;max-width:208px;object-fit:contain;filter:drop-shadow(0 12px 10px #00000025);transform:rotate(-3deg);transition:transform .35s cubic-bezier(.22,1,.36,1);pointer-events:none}
.category-fashion .category-art img{transform:rotate(3deg)}
.category-food .category-art img{transform:rotate(2deg)}
#screen-1 .select-card h3{font-size:1.05rem;line-height:1.65;margin:0 0 8px;color:var(--text-primary)}
#screen-1 .select-card p{font-size:.79rem;line-height:1.8;margin-bottom:22px;color:var(--text-secondary)}
#screen-1 .sc-action{border-top:1px solid rgba(var(--category-rgb),.15);padding-top:14px;width:100%;justify-content:space-between;font-size:.78rem}
#screen-1 .select-card:hover,#screen-1 .select-card:focus-visible{border-color:rgba(var(--category-rgb),.8);transform:translateY(-5px);box-shadow:0 18px 38px #00000020}
#screen-1 .select-card:focus-visible{outline:2px solid #a4b2ff;outline-offset:4px}
#screen-1 .select-card:hover .category-art img,#screen-1 .select-card:focus-visible .category-art img{transform:translateY(-4px) rotate(0) scale(1.045)}
#screen-1 .select-card:hover .category-halo{transform:scale(1.12)}
html[data-theme="light"] #screen-1 .select-card{background:linear-gradient(155deg,rgba(var(--category-rgb),.085),transparent 70%),#fff}
html[data-theme="light"] .category-halo{opacity:.8}
@media(max-width:1000px){#screen-1 .cards-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}.category-art{height:185px}}
@media(max-width:600px){
  #screen-1 .cards-grid-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  #screen-1 .select-card{padding:10px 13px 15px;border-radius:20px}
  .category-art{height:140px;margin-bottom:10px}.category-art img{max-width:150px}.category-halo{width:125px;height:125px}
  #screen-1 .select-card h3{font-size:.88rem;line-height:1.6;margin-bottom:7px}
  #screen-1 .select-card p{display:none}
  #screen-1 .sc-action{font-size:.66rem;padding-top:11px;gap:5px}
  #screen-1 .sc-action svg{width:14px;height:14px}
  #screen-1 .step-header p{font-size:.82rem;line-height:1.85}
}
@media(max-width:360px){.category-art{height:118px}#screen-1 .select-card{padding-inline:10px}#screen-1 .select-card h3{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){#screen-1 .select-card,#screen-1 .category-art img{transition:none!important}#screen-1 .select-card:hover,#screen-1 .select-card:hover .category-art img{transform:none}}
