.goph-surprise-card{position:relative;overflow:hidden;border:1px solid #f4cfd3;border-radius:var(--goph-radius-xl);background:linear-gradient(135deg,#fff8f8,#fff)}.goph-surprise-card:after{content:"♥";position:absolute;right:22px;bottom:-32px;font-size:150px;color:#fde7e9;z-index:0}.goph-surprise-content{position:relative;z-index:1}.goph-surprise-card img{border-radius:var(--goph-radius-lg)}.goph-surprise-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.goph-surprise-product{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid #e6d9dc;border-radius:var(--goph-radius-lg);background:#fff;padding:10px;cursor:pointer;transition:.18s ease}.goph-surprise-product:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(80,20,40,.08)}.goph-surprise-product:has(input:checked){border-color:#d92d5b;box-shadow:0 0 0 3px rgba(217,45,91,.10);background:#fff8fa}.goph-surprise-product img{width:100%;height:100px;object-fit:cover;border-radius:11px}.goph-surprise-product input{position:absolute;opacity:0}.goph-surprise-product strong{margin-top:8px;font-size:13px;color:var(--goph-navy)}.goph-surprise-product small{margin-top:2px;font-size:11px;color:#64748b}@media(max-width:900px){.goph-surprise-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.goph-surprise-products{grid-template-columns:1fr}}