/* ============================================================
   SS Terms & Conditions — dark/red parity (text + photo + SVG)
   ============================================================ */

.terms-page{background:var(--ss-bg,#050505);color:var(--ss-text,#fff);}
.terms-container{max-width:1100px;margin:0 auto;padding:0 24px;}

/* ---------- HERO (photo block) ---------- */
.terms-hero{position:relative;}
.terms-hero__bg{
  position:relative;min-height:54vh;padding-top:150px;
  background-size:cover;background-position:center;
  display:flex;align-items:center;justify-content:center;text-align:center;
}
.terms-hero__overlay{
  position:absolute;inset:0;
  background:linear-gradient(rgba(5,5,5,.6),rgba(5,5,5,.9));
}
.terms-hero__inner{position:relative;z-index:2;}
.terms-eyebrow{
  display:inline-block;color:var(--ss-red,#ff2b2b);font-weight:900;
  letter-spacing:5px;font-size:14px;text-transform:uppercase;
}
.terms-hero__title{
  font-family:var(--ss-font-display,"Bebas Neue"),sans-serif;
  font-size:clamp(44px,7vw,92px);line-height:1;letter-spacing:4px;
  margin:12px 0 0;color:#fff;text-shadow:0 0 30px rgba(255,0,0,.55);
  text-transform:uppercase;
}
.terms-hero__subtitle{
  font-size:clamp(15px,1.4vw,21px);color:#dddddd;
  max-width:760px;margin:18px auto 0;line-height:1.7;
}

/* ---------- AT A GLANCE (SVG cards) ---------- */
.terms-glance{background:var(--ss-bg,#050505);}
.terms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1100px;margin:0 auto;}
.terms-card{
  background:linear-gradient(145deg,#1a1a1a,#0c0c0c);
  border:1px solid #222;border-radius:18px;padding:38px 30px;text-align:center;transition:.35s;
}
.terms-card:hover{transform:translateY(-10px);border-color:var(--ss-red,#ff0000);box-shadow:0 22px 55px rgba(255,0,0,.16);}
.terms-card__icon{
  width:74px;height:74px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
  border-radius:50%;color:var(--ss-red,#ff3b3b);
  background:radial-gradient(circle,rgba(255,0,0,.14),transparent 70%);
  border:1px solid rgba(255,0,0,.35);
}
.terms-card__icon svg{width:38px;height:38px;}
.terms-card h3{
  font-family:var(--ss-font-display,"Bebas Neue"),sans-serif;
  font-size:28px;letter-spacing:1.5px;color:var(--ss-red,#ff3b3b);margin:0 0 12px;text-transform:uppercase;
}
.terms-card p{font-size:16px;color:#cccccc;line-height:1.7;margin:0;}

/* ---------- FULL TERMS TEXT ---------- */
.terms-content{background:#070708;padding:84px 0 64px;}
.terms-content .text-lg{font-size:clamp(17px,1.4vw,20px);color:#e6e6e6;line-height:1.8;margin-bottom:10px;}
.terms-h2{
  font-family:var(--ss-font-display,"Bebas Neue"),sans-serif;
  font-size:clamp(26px,3vw,38px);letter-spacing:1.5px;color:#ffffff;
  margin:40px 0 14px;padding-bottom:10px;border-bottom:1px solid rgba(255,0,0,.25);
}
.terms-content p{font-size:16px;line-height:1.85;color:#c7c7c7;margin-bottom:16px;}
.terms-content a{color:var(--ss-red,#ff5a5a);text-decoration:none;border-bottom:1px solid rgba(255,90,90,.4);}
.terms-content a:hover{color:#ff8a8a;}

/* ---------- CTA ---------- */
.terms-cta{background:var(--ss-bg,#050505);padding:0 0 90px;text-align:center;}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .terms-grid{grid-template-columns:1fr;}
}