/* EthnicHaat – shared policy page styles (privacy, shipping, terms, account deletion) */
html{scroll-behavior:smooth}
.rp section[id],.rp .rp-block{scroll-margin-top:140px}

/* hero */
.rp-hero{padding:52px 0 120px;color:#fff;text-align:center;background:
  linear-gradient(100deg,rgba(94,4,25,.94) 0%,rgba(125,9,38,.87) 50%,rgba(94,4,25,.94) 100%),
  url('/assets/images/footer/mandala-half.svg') left -120px center / auto 150% no-repeat,
  url('/assets/images/footer/mandala-half.svg') right -120px center / auto 150% no-repeat,
  #6f061f}
.rp-crumbs{display:flex;justify-content:center;gap:8px;margin:0 0 16px;color:#f4d9d6;font:400 14px/1 var(--ui)}
.rp-crumbs a{color:#f3d58f;text-decoration:none}
.rp-hero .eh-eyebrow{color:#f3d58f}
.rp-hero h1{margin:6px 0 12px;font:600 clamp(36px,4.4vw,58px)/1.06 var(--head)}
.rp-hero h1 em{color:#f3d58f;font-style:italic;font-weight:500}
.rp-hero p{max-width:620px;margin:0 auto;color:#f4d9d6;font-size:18px;line-height:1.6}
.rp-updated{display:inline-flex;align-items:center;gap:8px;margin-top:18px;padding:8px 14px;color:#fbe3c4;background:rgba(255,255,255,.1);border:1px solid rgba(243,213,143,.4);border-radius:999px;font:500 13.5px/1 var(--ui)}

/* summary cards */
.rp-summary{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:-72px}
.rp-sum{padding:24px 22px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 18px 40px rgba(60,20,10,.10)}
.rp-sum i{width:50px;height:50px;display:grid;place-items:center;margin-bottom:14px;color:#fff;background:linear-gradient(145deg,#a3143b,#5e0419);border-radius:14px;font-size:19px}
.rp-sum small{display:block;color:var(--muted);font:500 12.5px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase}
.rp-sum strong{display:block;margin:6px 0 4px;color:var(--maroon);font:600 26px/1.1 var(--head)}
.rp-sum span{color:var(--text);font-size:15px;line-height:1.5}

/* steps */
.rp-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.rp-step{position:relative;padding:24px 22px;background:#fff;border:1px solid var(--line);border-radius:18px}
.rp-step::before{counter-increment:s;content:counter(s,decimal-leading-zero);display:block;margin-bottom:8px;color:var(--gold-soft);font:600 40px/1 var(--head)}
.rp-step h3{margin:0 0 6px;color:var(--maroon);font:600 22px/1.2 var(--head)}
.rp-step p{margin:0;color:var(--text);font-size:15.5px;line-height:1.6}

/* policy body */
.rp-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:36px;align-items:start}
.rp-toc{position:sticky;top:calc(var(--ksHeaderH,120px) + 20px);padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px}
.rp-toc h3{margin:0 0 12px;color:var(--maroon);font:600 22px/1.2 var(--head)}
.rp-toc ol{margin:0;padding:0;list-style:none;display:grid;gap:2px}
.rp-toc a{display:block;padding:8px 10px;color:var(--text);border-left:2px solid var(--line);font:400 15px/1.35 var(--ui);text-decoration:none;transition:color .2s,border-color .2s,background .2s}
.rp-toc a:hover,.rp-toc a.is-active{color:var(--maroon);border-color:var(--maroon);background:#fffaf2}
.rp-body{display:grid;gap:18px}
.rp-block{padding:28px 30px;background:#fff;border:1px solid var(--line);border-radius:18px}
.rp-block h2{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:var(--ink);font:600 28px/1.2 var(--head)}
.rp-block h2 b{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;color:#fff;background:var(--maroon);border-radius:10px;font:600 15px/1 var(--ui)}
.rp-block p{margin:0 0 12px;color:var(--text);font-size:17px;line-height:1.75}
.rp-block p:last-child{margin-bottom:0}
.rp-block strong{color:var(--ink)}
.rp-block a{color:var(--maroon)}
.rp-block ul{display:grid;gap:10px;margin:4px 0 14px;padding:0;list-style:none}
.rp-block li{display:flex;gap:12px;color:var(--text);font-size:16.5px;line-height:1.6}
.rp-block li i{flex:0 0 24px;width:24px;height:24px;display:grid;place-items:center;margin-top:2px;color:#b42318;background:#fef3f2;border-radius:50%;font-size:11px}
.rp-block li i.is-ok{color:#1e6b43;background:#ecf8f1}
.rp-note{display:flex;gap:12px;align-items:flex-start;margin-top:14px;padding:14px 16px;color:#8a5a12;background:#fff6e5;border:1px solid #f1d49a;border-radius:12px;font:500 15.5px/1.5 var(--ui)}
.rp-note i{margin-top:3px}

/* help */
.rp-help{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:center;padding:34px 36px;color:#fff;border-radius:22px;background:
  url('/assets/images/footer/mandala-half.svg') right -60px center / auto 170% no-repeat,
  linear-gradient(100deg,#5e0419,#8a0c2c 60%,#6f061f)}
.rp-help h2{margin:0 0 8px;font:600 34px/1.15 var(--head)}
.rp-help p{margin:0;color:#f4d9d6;font-size:16.5px;line-height:1.6}
.rp-help-list{display:grid;gap:12px}
.rp-help-list a,.rp-help-list div{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:500 16px/1.4 var(--ui)}
.rp-help-list i{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;color:var(--maroon-deep);background:#f3d58f;border-radius:12px}

@media (max-width:1100px){
  .rp-summary,.rp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rp-layout{grid-template-columns:minmax(0,1fr)}
  .rp-toc{position:static}
  .rp-toc ol{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .rp-hero{padding:34px 0 100px}
  .rp-hero p{font-size:16.5px}
  .rp-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:-64px}
  .rp-sum{padding:18px 14px}
  .rp-sum strong{font-size:22px}
  .rp-sum span{font-size:14px}
  .rp-steps{grid-template-columns:minmax(0,1fr)}
  .rp-toc ol{grid-template-columns:minmax(0,1fr)}
  .rp-block{padding:22px 18px}
  .rp-block h2{font-size:24px}
  .rp-block p{font-size:16.5px}
  .rp-help{grid-template-columns:minmax(0,1fr);padding:26px 20px}
  .rp-help h2{font-size:28px}
}

/* 3-step variant + action buttons (account deletion) */
.rp-steps.rp-steps-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.rp-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}
@media (max-width:1100px){.rp-steps.rp-steps-3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
  .rp-steps.rp-steps-3{grid-template-columns:minmax(0,1fr)}
  .rp-actions .eh-btn{width:100%;justify-content:center}
}