:root{--page-title-display:none;}body.elementor-page-238{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-263d392 *//* =============================================================
   TruGlove.com — LEGAL PAGE TEMPLATE (Cookie Policy)
   • No header/footer (global Elementor Theme Builder parts)
   • No base64 / no images
   • Scoped under .tg-legal — SAME template as Privacy Policy & Terms
   ⚠ TEMPLATE ONLY — have legal counsel review and replace all
     [bracketed placeholders]; confirm the real cookie inventory
     (run a scan, e.g. via your consent-management platform).
   ============================================================= */
:root{
  --ink:#14181C;--ink-2:#2A3138;--ink-3:#41505F;
  --blue:#0E63C9;--blue-600:#0B57B4;--blue-700:#0A4CA0;--blue-900:#082F63;
  --blue-50:#EAF2FD;--blue-100:#D5E6FB;--green:#12855A;--green-50:#E7F5EE;
  --amber:#C77A08;--amber-50:#FBF1DF;
  --paper:#F5F7FA;--paper-2:#EEF2F7;--surface:#FFFFFF;
  --line:#E3E8EF;--line-2:#D2D9E3;--muted:#5B6673;--muted-2:#7A8595;
  --r-sm:10px;--r:14px;--r-lg:20px;--r-pill:100px;
  --sh-sm:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.10);
  --sh:0 8px 24px -8px rgba(16,24,40,.18),0 2px 6px rgba(16,24,40,.06);
  --sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --display:'Space Grotesk','Inter',system-ui,sans-serif;
  --wrap:1140px;--ease:cubic-bezier(.22,.61,.36,1);
}
body{margin:0;background:var(--surface)}
.preview-note{background:#0d1117;color:#c7d2df;font-family:var(--display);font-size:12.5px;text-align:center;padding:9px 16px}
.preview-note b{color:#5db0ff}

.tg-legal *{box-sizing:border-box;margin:0;padding:0}
.tg-legal{font-family:var(--sans);color:var(--ink-2);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}
.tg-legal h1,.tg-legal h2,.tg-legal h3{font-family:var(--display);line-height:1.2;letter-spacing:-.01em;font-weight:700;color:var(--ink)}
.tg-legal a{color:var(--blue);text-decoration:none}
.tg-legal a:hover{text-decoration:underline}
.tg-legal .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.tg-legal .eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.tg-legal svg{display:block}
.tg-legal :focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}

/* HERO */
.tg-legal .lhero{background:linear-gradient(180deg,#fff,#f6fafd);border-bottom:1px solid var(--line);padding:40px 0 34px}
.tg-legal .bc{font-size:13px;color:var(--muted);margin-bottom:14px}
.tg-legal .bc a{color:var(--muted)}
.tg-legal .lhero h1{font-size:clamp(30px,4vw,42px);margin-bottom:12px;color:var(--ink)}
.tg-legal .lhero p{font-size:16.5px;color:var(--ink-3);max-width:64ch}
.tg-legal .updated{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;font-weight:600;color:var(--muted);background:var(--paper-2);border:1px solid var(--line);padding:7px 14px;border-radius:100px}
.tg-legal .updated svg{width:15px;height:15px;color:var(--blue)}

/* counsel banner */
.tg-legal .counsel{max-width:var(--wrap);margin:22px auto 0;padding:0 28px}
.tg-legal .counsel .box{display:flex;gap:12px;align-items:flex-start;background:var(--amber-50);border:1px solid #F0D9A8;border-radius:14px;padding:15px 18px;font-size:13.5px;color:#7A5606}
.tg-legal .counsel .box b{color:#5E4204}
.tg-legal .counsel .box svg{width:20px;height:20px;color:#B07D12;flex-shrink:0;margin-top:2px}

/* LAYOUT */
.tg-legal .body{display:grid;grid-template-columns:250px 1fr;gap:44px;padding:44px 0 90px}
.tg-legal .toc{position:sticky;top:90px;align-self:start;max-height:calc(100vh - 110px);overflow-y:auto}
.tg-legal .toc .t{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);margin-bottom:12px}
.tg-legal .toc a{display:block;font-size:13.5px;color:var(--ink-3);padding:6px 12px;border-left:2px solid var(--line);line-height:1.4}
.tg-legal .toc a:hover{color:var(--blue);text-decoration:none;border-color:var(--blue-100)}
.tg-legal .toc a.active{color:var(--blue-700);border-color:var(--blue);font-weight:600;background:var(--blue-50)}

.tg-legal .content h2{font-size:22px;margin:0 0 12px;scroll-margin-top:90px;padding-top:6px}
.tg-legal .content section{margin-bottom:38px}
.tg-legal .content section:last-child{margin-bottom:0}
.tg-legal .content .num{color:var(--blue);font-family:var(--display);margin-right:8px}
.tg-legal .content h3{font-size:16px;margin:20px 0 8px;color:var(--ink)}
.tg-legal .content p{margin:0 0 14px}
.tg-legal .content ul{margin:0 0 14px;padding-left:22px}
.tg-legal .content li{margin-bottom:8px}
.tg-legal .content li::marker{color:var(--blue)}
.tg-legal .content strong{color:var(--ink)}
.tg-legal .ph{background:var(--blue-50);color:var(--blue-700);font-weight:600;padding:1px 6px;border-radius:5px;font-size:.94em}
.tg-legal .intro-lead{font-size:17px;color:var(--ink-2)}
.tg-legal .box-callout{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:0 0 16px}
.tg-legal .box-callout p:last-child{margin-bottom:0}
.tg-legal table{width:100%;border-collapse:collapse;margin:6px 0 16px;font-size:13.5px;border:1px solid var(--line);border-radius:10px;overflow:hidden;display:table}
.tg-legal th,.tg-legal td{text-align:left;padding:10px 13px;border-bottom:1px solid var(--line);vertical-align:top}
.tg-legal th{background:var(--paper-2);font-family:var(--display);font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;color:var(--ink-2)}
.tg-legal tr:last-child td{border-bottom:none}
.tg-legal td code{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--paper-2);padding:1px 6px;border-radius:5px;color:var(--ink-2)}
.tg-legal .tbl-scroll{overflow-x:auto}
.tg-legal .contact-card{background:var(--ink);color:#cfe0f5;border-radius:16px;padding:26px 28px;margin-top:8px}
.tg-legal .contact-card h3{color:#fff;margin-bottom:10px}
.tg-legal .contact-card a{color:#8fd0ff}
.tg-legal .contact-card p{margin-bottom:6px;font-size:14.5px}

@media(max-width:900px){
  .tg-legal .body{grid-template-columns:1fr;gap:0;padding-top:28px}
  .tg-legal .toc{position:static;max-height:none;margin-bottom:28px;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--paper)}
  .tg-legal .toc a{border-left:none;padding:5px 0}
  .tg-legal .toc a.active{background:none}
}
@media(max-width:560px){.tg-legal .wrap,.tg-legal .counsel{padding-left:18px;padding-right:18px}}/* End custom CSS */