/* Szolgáltatások - design_handoff_szolgaltatasok, 2026-10. Csak a saját elemek (.st-sz-); a kártyák, részletező szekciók és a zárás az st-base.css-ben. */
.st-sz .st-sz-live{background:#d946ef}
.st-sz .st-two .st-card{min-height:460px}
.st-sz .st-sz-vip-bar{background:linear-gradient(90deg,#f7b733,#ff2ea6,#8b5cf6);animation:none}

/* Prioritási mátrix */
.st-sz .st-sz-matrix{width:100%;background:#fff;border:1px solid rgba(150,121,28,.15);border-radius:14px;box-shadow:0 22px 50px rgba(20,20,20,.1);padding:18px;display:flex;flex-direction:column;gap:10px;animation:stFloat 5s ease-in-out infinite}
.st-sz .st-sz-matrix-h{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:#7a7a7a}
.st-sz .st-sz-row{display:flex;align-items:center;gap:10px}
.st-sz .st-sz-n{width:22px;height:22px;border-radius:7px;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
.st-sz .st-sz-bar{flex:1;height:9px;border-radius:5px}

.st-sz .st-sz-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.st-sz .st-sz-foot .st-btn{align-self:center}
.st-sz .st-sz-price{font-size:26px;font-weight:700;letter-spacing:-.03em;color:#1a1a1a}
.st-sz .st-sz-price-light{color:#f4f1e9}

/* Részletek */
.st-sz .st-sz-grid{align-items:center}
.st-sz .st-sz-photo{position:relative;aspect-ratio:1/1;border-radius:28px;overflow:hidden;box-shadow:0 30px 60px rgba(20,20,20,.12);background:#FAFAF7}
.st-sz .st-sz-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.st-sz .st-sz-list{border-radius:20px;background:#fff;border:1px solid rgba(150,121,28,.15);padding:22px 24px;display:flex;flex-direction:column;gap:11px;font-size:15.5px;color:#3d3d3d}
.st-sz .st-sz-list-soft{background:#FAFAF7}
.st-sz .st-sz-list-k{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;font-weight:700;color:#96791c}
.st-sz .st-sz-list-k-mk{color:#a21caf}
.st-sz .st-sz-li{display:flex;gap:10px;line-height:1.5}
.st-sz .st-sz-li>span:first-child{color:#d946ef;font-weight:700}
.st-sz .st-sz-li strong{color:#1a1a1a}
.st-sz .st-sz-buy{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:4px}
.st-sz .st-sz-buy-p{display:flex;flex-direction:column;line-height:1.3}
.st-sz .st-sz-buy-p span{font-size:22px;font-weight:700;letter-spacing:-.02em;color:#1a1a1a}
.st-sz .st-sz-buy-p em{font-style:normal;font-size:13.5px;color:#5c5a52}

/* Zárás (sötét lila) */
.st-sz .st-sz-close-box{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(150deg,#2a0f4a,#12121e 75%);padding:clamp(28px,4vw,44px);display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;color:#fff}
.st-sz .st-sz-close-glow{position:absolute;left:-100px;bottom:-140px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,46,166,.3),transparent 70%)}
.st-sz .st-sz-close-t{color:#fff;font-size:clamp(22px,2.4vw,30px)}
.st-sz .st-sz-close-d{color:#c9bfe6}
.st-sz .st-sz-close-btn{background:#fff;color:#12121e}
.st-sz .st-sz-close-btn:hover{color:#12121e}

@media (max-width:1007px){
	.st-sz .st-sz-photo-2{order:-1}
}
@media (max-width:600px){
	.st-sz .st-sz-list{padding:20px}
}