/* Policies (tabs) — Chill Sip. Mirrors "Chill Sip Policies.dc.html". */

/* ---------- Hero ---------- */
.cs-policies__hero{padding:56px 0 44px;background:linear-gradient(135deg,var(--cs-tint) 0%,#fdf0f8 55%,#fff6ee 100%);border-bottom:1px solid var(--cs-ink-12)}
.cs-scope .cs-policies__crumb{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:normal;color:var(--cs-ink-66);margin-bottom:16px}
.cs-scope .cs-policies__crumb a{color:var(--cs-ink-66)}
.cs-scope .cs-policies__crumb a:hover{color:var(--cs-link)}
.cs-scope .cs-policies__title{font-size:40px;font-weight:800;letter-spacing:-1.5px;line-height:1;color:var(--cs-ink)}
.cs-scope .cs-policies__meta{font-size:16px;font-weight:500;line-height:normal;color:var(--cs-ink-66);margin-top:12px}
.cs-scope .cs-policies__meta a{font-weight:700;color:var(--cs-action)}
.cs-scope .cs-policies__meta a:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- Layout ---------- */
.cs-policies__body{padding:48px 0 96px}
.cs-policies__grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start}
.cs-policies__side{position:sticky;top:96px;display:flex;flex-direction:column;gap:8px}
.admin-bar .cs-policies__side{top:128px}

/* ---------- Tabs ---------- */
.cs-policies__tabs{display:flex;flex-direction:column;gap:8px}
.cs-scope .cs-policies__tab{display:flex;align-items:center;min-height:44px;text-align:left;padding:14px 18px;border-radius:var(--cs-radius-card-action);border:1.5px solid var(--cs-hairline);background:#fff;color:var(--cs-ink-72);font-size:14px;font-weight:700;line-height:normal;cursor:pointer;transition:border-color 200ms var(--cs-ease),background-color 200ms var(--cs-ease),color 200ms var(--cs-ease),transform 140ms var(--cs-ease)}
.cs-scope .cs-policies__tab:hover{color:var(--cs-ink);border-color:rgba(108,43,255,.35)}
.cs-scope .cs-policies__tab:active{transform:scale(.98)}
.cs-scope .cs-policies__tab[aria-selected="true"]{border-color:var(--cs-action);background:rgba(108,43,255,.08);color:var(--cs-action)}
.cs-scope .cs-policies__tab:focus-visible{border-radius:var(--cs-radius-card-action)}

/* ---------- Help card ---------- */
.cs-policies__help{margin-top:16px;border:1.5px solid var(--cs-hairline);border-radius:14px;padding:20px;background:#fff}
.cs-scope .cs-policies__help-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.6px;line-height:normal;color:var(--cs-link);margin-bottom:10px}
.cs-scope .cs-policies__help-text{font-size:13px;font-weight:500;line-height:1.65;color:var(--cs-ink-66);margin-bottom:14px}
.cs-scope .cs-policies__help-link{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;line-height:normal;color:var(--cs-action);border-bottom:2px solid rgba(108,43,255,.3);padding-bottom:2px;transition:border-color 200ms var(--cs-ease)}
.cs-scope .cs-policies__help-link:hover{border-bottom-color:var(--cs-action)}

/* ---------- Panels + cards ---------- */
.cs-policies__panels{min-width:0}
.cs-policies__panel{scroll-margin-top:120px}
.cs-policies__panel + .cs-policies__panel{margin-top:40px}
.cs-scope .cs-policies__ptitle{font-size:28px;font-weight:800;letter-spacing:-1px;line-height:1.2;color:var(--cs-ink);margin-bottom:16px}
.cs-policies__card{border:1.5px solid var(--cs-hairline);border-radius:var(--cs-radius-card);padding:32px 30px;margin-bottom:16px;background:#fff}
.cs-scope .cs-policies__card-title{font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1.2;color:var(--cs-ink);margin-bottom:14px}
.cs-policies__prose{font-size:14px;font-weight:500;color:var(--cs-ink-66)}
.cs-scope .cs-policies__prose p{line-height:1.8;margin-bottom:14px}
.cs-scope .cs-policies__prose h3,.cs-scope .cs-policies__prose h4{font-size:16px;font-weight:800;line-height:1.3;color:var(--cs-ink);margin:18px 0 10px}
.cs-scope .cs-policies__prose ul,.cs-scope .cs-policies__prose ol{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.cs-policies__prose li{position:relative;padding-left:19px;line-height:1.75}
.cs-policies__prose ul > li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--cs-action)}
.cs-policies__prose ol{counter-reset:cs-pol}
.cs-policies__prose ol > li{counter-increment:cs-pol}
.cs-policies__prose ol > li::before{content:counter(cs-pol) ".";position:absolute;left:0;top:0;font-weight:700;color:var(--cs-action)}
.cs-scope .cs-policies__prose a{font-weight:700;color:var(--cs-action)}
.cs-scope .cs-policies__prose a:hover{text-decoration:underline;text-underline-offset:4px}
.cs-policies__prose strong{font-weight:700;color:var(--cs-ink-72)}

/* ---------- Enhanced (JS) state: one panel at a time ---------- */
.cs-policies.has-js .cs-policies__ptitle{display:none}
.cs-policies.has-js .cs-policies__panel + .cs-policies__panel{margin-top:0}
.cs-policies.has-js .cs-policies__panel[hidden]{display:none}
/* before script.js runs, the inline boot snippet sets data-active from the hash */
.cs-policies[data-active="returns"] [data-cs-pol-panel]:not([data-cs-pol-panel="returns"]),
.cs-policies[data-active="shipping"] [data-cs-pol-panel]:not([data-cs-pol-panel="shipping"]),
.cs-policies[data-active="privacy"] [data-cs-pol-panel]:not([data-cs-pol-panel="privacy"]),
.cs-policies[data-active="terms"] [data-cs-pol-panel]:not([data-cs-pol-panel="terms"]){display:none}
.cs-scope.cs-policies[data-active="returns"] [data-cs-pol-tab="returns"],
.cs-scope.cs-policies[data-active="shipping"] [data-cs-pol-tab="shipping"],
.cs-scope.cs-policies[data-active="privacy"] [data-cs-pol-tab="privacy"],
.cs-scope.cs-policies[data-active="terms"] [data-cs-pol-tab="terms"]{border-color:var(--cs-action);background:rgba(108,43,255,.08);color:var(--cs-action)}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .cs-policies__grid{grid-template-columns:1fr;gap:24px}
  .cs-policies__side{position:static}
}

@media (prefers-reduced-motion:reduce){
  .cs-scope .cs-policies__tab,.cs-scope .cs-policies__help-link{transition:none}
  .cs-scope .cs-policies__tab:active{transform:none}
}