.sp-hero{--sp-accent:#F26B1D;position:relative;display:grid;gap:1.5rem;align-items:center;padding:1.5rem;border-radius:32px;background:radial-gradient(circle at 90% 10%,#FFE7B8 0,transparent 45%),#FFFBF2;border:1.5px solid #f6e3bf;overflow:hidden}.sp-hero[data-set=pair-up]{--sp-accent:#E2513A}.sp-hero[data-set=sunshine-set]{--sp-accent:#F08A00}@media (min-width:860px){.sp-hero{grid-template-columns:1fr 1.05fr;padding:2.25rem 2.5rem}}.sp-text{display:grid;gap:.5rem;justify-items:start}.sp-brand{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.05em;color:var(--c-muted)}.sp-badge{font-size:.9rem;font-weight:700;padding:.15rem 1rem;border-radius:999px;background:var(--c-secondary);color:var(--c-on-secondary)}.sp-name{margin:0;font-family:var(--font-heading);font-size:clamp(2.4rem,7vw,3.8rem);line-height:1.3;color:var(--c-primary)}.sp-contents{margin:0;padding:.25rem 1rem;border-radius:999px;background:#FFE3CC;font-weight:700;color:#7A3410}.sp-price{margin:.25rem 0 0;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.sp-price strong{font-family:var(--font-heading);font-size:clamp(4rem,12vw,6rem);line-height:1;color:var(--sp-accent);text-shadow:3px 3px 0 #fff,5px 5px 0 rgba(242,107,29,.18)}.sp-price span{padding:.35rem 1rem;border-radius:999px;background:var(--c-primary);color:#fff;font-weight:700;white-space:nowrap}.sp-box{margin:0;display:flex;gap:.4rem;align-items:center;font-weight:600;color:var(--c-primary)}.sp-desc{margin:0;color:var(--c-muted);max-width:34rem}.sp-facts{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.sp-facts li{font-size:.82rem;padding:.15rem .7rem;border-radius:999px;background:#fff;border:1px solid #f6e3bf;color:var(--c-muted)}.sp-art{position:relative}.sp-art img{width:100%;height:auto;border-radius:26px;background:#fff;box-shadow:0 16px 36px rgba(242,107,29,.14);animation:sp-pop .5s cubic-bezier(.3,1.4,.5,1) both}.sp-sticker{position:absolute;top:-.5rem;right:-.25rem;width:5.2rem;height:5.2rem;border-radius:50%;display:grid;place-items:center;background:var(--sp-accent);color:#fff;font-family:var(--font-heading);font-size:1.6rem;transform:rotate(10deg);box-shadow:0 0 0 5px #fff,0 8px 18px rgba(0,0,0,.12);animation:sp-wobble 3.5s ease-in-out infinite}@media (min-width:860px){.sp-sticker{width:6rem;height:6rem;font-size:1.9rem}}@keyframes sp-pop{0%{opacity:0;transform:scale(.94)}}@keyframes sp-wobble{50%{transform:rotate(-4deg) scale(1.04)}}@media (prefers-reduced-motion:reduce){.sp-art img,.sp-sticker{animation:none}}