.sp-wrapper{background:linear-gradient(#fafafa,#fff);padding:60px 20px}.sp-header{text-align:center;margin-bottom:35px}.sp-header h2{letter-spacing:1px;font-size:32px;font-weight:800}.sp-header p{color:#666;margin-top:6px;font-size:14px}.sp-grid{grid-template-columns:repeat(6,1fr);gap:20px;display:grid}.sp-card{cursor:pointer;background:#fff;border-radius:18px;transition:all .35s;overflow:hidden;box-shadow:0 8px 20px #0000000f}.sp-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px #0000001f}.sp-imgBox{aspect-ratio:3/4;background:#f5f5f5;width:100%;height:240px;position:relative;overflow:hidden}.sp-img{object-fit:cover;object-position:center;object-position:top;transition:transform .5s}.sp-card:hover .sp-img{transform:scale(1.08)}.sp-overlay{background:linear-gradient(#0000000d,#0000008c);position:absolute;inset:0}.sp-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#111;background:#ffffffe6;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.sp-content{text-align:center;padding:14px}.sp-content h3{margin-bottom:10px;font-size:15px;font-weight:700}.sp-content button{color:#fff;cursor:pointer;background:#111;border:none;border-radius:25px;padding:8px 14px;font-size:12px;transition:all .3s}.sp-content button:hover{background:#7c3aed;transform:scale(1.05)}@media (max-width:1100px){.sp-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.sp-grid{grid-template-columns:repeat(2,1fr)}.sp-imgBox{height:180px}.sp-header h2{font-size:24px}}@media (max-width:480px){.sp-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sp-imgBox{height:150px}.sp-content h3{font-size:13px}}