.spcf{padding:100px 24px;background:#0f0f23}.spcf__inner{max-width:1400px;margin:0 auto}.spcf__header{text-align:center;margin-bottom:60px}.spcf__label{display:inline-block;font-size:13px;font-weight:700;color:#4ecdc4;text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}.spcf__title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#fff;margin:0 0 12px}.spcf__desc{font-size:1.1rem;color:#ffffff80;margin:0}.spcf__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.spcf__card{position:relative;border-radius:20px;overflow:hidden;min-height:280px;display:flex;align-items:flex-end;text-decoration:none;color:#fff;transition:transform .4s ease}.spcf__card--large{min-height:380px}.spcf__card:hover{transform:scale(1.02)}.spcf__card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#1a1a2e}.spcf__card-bg img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.spcf__card:hover .spcf__card-bg img{transform:scale(1.1)}.spcf__card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000f2,#000000b3 40%,#0000004d,#00000026)}.spcf__card-content{position:relative;z-index:2;padding:36px;width:100%;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%)}.spcf__card-count{display:inline-block;font-size:12px;font-weight:700;color:#4ecdc4;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;background:#00000080;padding:5px 14px;border-radius:4px}.spcf__card-title{font-size:1.6rem;font-weight:800;color:#fff;margin:0 0 10px;text-shadow:0 2px 10px rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.5)}.spcf__card-tagline{font-size:.95rem;color:#ffffffe6;line-height:1.5;margin:0 0 18px;text-shadow:0 1px 8px rgba(0,0,0,.8)}.spcf__card-btn{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#4ecdc4;background:#00000080;padding:10px 22px;border-radius:8px;transition:all .3s;border:1px solid rgba(78,205,196,.3)}.spcf__card:hover .spcf__card-btn{background:#4ecdc4;color:#0a0a1a;gap:14px;border-color:#4ecdc4}.spcf__card-btn svg{stroke:#4ecdc4}@media(max-width:768px){.spcf__grid{grid-template-columns:1fr}.spcf__card--large{min-height:280px}.spcf{padding:60px 16px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/sp-collections-featured.css.map */