/* Legal pages: terms, privacy, contact. Shares the checkout header and the site footer. */
.legal-page{background:var(--bg)}
.legal-main{width:min(100% - 48px,860px);margin:0 auto;padding:64px 0 96px}
.legal-head{margin-bottom:36px}
.legal-kicker{display:inline-flex;align-items:center;gap:10px;color:#ff5a6e;font-size:10px;font-weight:650;letter-spacing:2.2px;text-transform:uppercase;margin-bottom:18px}
.legal-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff4f61;box-shadow:0 0 14px #f72e5477}
.legal-head h1{font-size:clamp(34px,4.4vw,52px);letter-spacing:-2px;line-height:1.06;font-weight:750;margin-bottom:16px}
.legal-head>p{color:#a9a9b2;font-size:15px;line-height:1.75;max-width:620px;margin:0}
.legal-card{position:relative;padding:40px 44px;border:1px solid #2a2b30;border-radius:18px;background:linear-gradient(180deg,#121316,#0d0e11);box-shadow:inset 0 1px 0 #ffffff0d}
.legal-card::before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,#ff547266,transparent)}
.legal-card h2{font-size:17px;font-weight:700;letter-spacing:-.3px;margin:34px 0 12px;color:#f6f5f2}
.legal-card h2:first-child{margin-top:0}
.legal-card h3{font-size:15px;font-weight:700;margin:24px 0 8px;color:#f6f5f2}.legal-card h3:first-child{margin-top:0}
.legal-card p,.legal-card li{color:#b9bac1;font-size:14px;line-height:1.8}
.legal-card p{margin:0 0 12px}
.legal-card ul{margin:0 0 12px;padding-left:20px}.legal-card li{margin-bottom:6px}
.legal-card a{color:#ff7d89;text-decoration:underline;text-decoration-color:#ff7d8955;text-underline-offset:3px}
.legal-card a:hover{color:#ffb3b9}
.legal-date{margin-top:28px!important;padding-top:20px;border-top:1px solid #26272b;color:#7c7c85!important;font-size:12px!important;letter-spacing:.4px}
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:6px 0 20px}
.contact-box{display:flex;flex-direction:column;gap:6px;padding:18px 20px;border:1px solid #2a2b30;border-radius:12px;background:#0b0c0f}
.contact-box strong{font-size:10px;font-weight:650;letter-spacing:1.6px;text-transform:uppercase;color:#9d9ea5}
.contact-box span{font-size:14px;font-weight:600}
.legal-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.legal-nav a{padding:8px 14px;border:1px solid #2a2b30;border-radius:999px;color:#a9a9b2;font-size:12px;font-weight:600;transition:color .2s,border-color .2s}
.legal-nav a:hover{color:#fff;border-color:#4a4b52}
.legal-nav a[aria-current="page"]{color:#2a0d12;background:#ff9ea6;border-color:#ff9ea6}
@media(max-width:600px){.legal-main{padding:40px 0 72px}.legal-card{padding:26px 20px;border-radius:14px}.contact-grid{grid-template-columns:1fr}}