/* ============================================================
   WARRANTY & RETURN POLICY PAGE — /policy/
   A longer-form "document" page. Uses clear section headers,
   readable paragraph blocks, and colour-coded bullet lists
   (covered / process / excluded) consistent with the rest of
   the site's visual language.
   ============================================================ */

.policy-hero{padding:44px 0 8px;}
.policy-hero h1{font-size:28px; font-weight:900; margin-bottom:10px;}
.policy-hero p{color:var(--gray); font-size:14.5px; max-width:640px; line-height:1.8;}

.policy-doc{max-width:820px; display:flex; flex-direction:column; gap:34px;}

.policy-section{scroll-margin-top:100px;}
.policy-section .ps-head{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.policy-section .ps-ic{
  width:38px; height:38px; border-radius:11px; flex-shrink:0;
  background:rgba(0,229,255,0.10); color:var(--cyan);
  display:flex; align-items:center; justify-content:center; font-size:17px;
}
.policy-section h2{font-size:18px; font-weight:900;}
.policy-section p{font-size:13.5px; color:var(--gray); line-height:1.85; margin-bottom:12px;}
.policy-section p:last-child{margin-bottom:0;}

.policy-list{list-style:none; padding:0; margin:12px 0 0; display:flex; flex-direction:column; gap:11px;}
.policy-list li{position:relative; padding-right:22px; font-size:13.5px; color:var(--gray); line-height:1.75;}
.policy-list.covered li::before{content:"✓"; position:absolute; right:0; top:0; color:var(--lime); font-weight:900;}
.policy-list.process li::before{content:"›"; position:absolute; right:0; top:0; color:var(--cyan); font-weight:900;}
.policy-list.excluded li::before{content:"✕"; position:absolute; right:0; top:0; color:var(--pink); font-weight:900; font-size:11px;}

.policy-note{
  margin-top:14px; padding:14px 16px;
  background:rgba(255,255,255,0.03); border-right:3px solid var(--cyan); border-radius:10px;
  font-size:13px; color:var(--gray); line-height:1.8;
}

.policy-final{
  background:var(--card); border:1.5px solid rgba(0,229,255,0.3); border-radius:var(--radius-lg);
  padding:24px 26px; font-size:13.5px; color:var(--white); font-weight:700; line-height:1.85;
  text-align:center;
}

@media(max-width:700px){
  .policy-section .ps-head{align-items:flex-start;}
}