:root{--page-title-display:none;}body.elementor-page-1400{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-263d392 *//* =============================================================
   TruGlove.com — PRODUCT CATALOG (BODY / CONTENT ONLY)
   • No header/footer (global Elementor Theme Builder parts)
   • No base64 — images referenced by URL
   • Scoped under .tg-catalog
   • Catalog (not store): browse + filter + inquire. No cart/checkout.
   ============================================================= */
:root{
  --ink:#14181C;--ink-2:#2A3138;--ink-3:#41505F;
  --blue:#0E63C9;--blue-600:#0B57B4;--blue-700:#0A4CA0;--blue-900:#082F63;
  --sky:#1E88E5;--blue-50:#EAF2FD;--blue-100:#D5E6FB;
  --green:#12855A;--green-50:#E7F5EE;--amber:#C77A08;--amber-50:#FBF1DF;--star:#F5A623;
  --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-xl:26px;--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);
  --sh-lg:0 24px 60px -18px rgba(16,24,40,.28);
  --sh-blue:0 14px 34px -12px rgba(14,99,201,.55);
  --sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  --display:'Space Grotesk','Inter',system-ui,sans-serif;
  --wrap:1240px;--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-catalog *{box-sizing:border-box;margin:0;padding:0}
.tg-catalog{font-family:var(--sans);color:var(--ink);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
.tg-catalog h1,.tg-catalog h2,.tg-catalog h3,.tg-catalog h4{font-family:var(--display);line-height:1.14;letter-spacing:-.02em;font-weight:700}
.tg-catalog a{color:inherit;text-decoration:none}
.tg-catalog ul{list-style:none}
.tg-catalog img{max-width:100%;display:block}
.tg-catalog button{font-family:inherit;cursor:pointer;border:none;background:none}
.tg-catalog .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.tg-catalog .eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.tg-catalog svg{display:block}
.tg-catalog :focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){.tg-catalog *{transition-duration:.001ms!important}}

.tg-catalog .btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:15px;padding:14px 26px;border-radius:12px;transition:transform .18s var(--ease),box-shadow .18s,background .18s;white-space:nowrap;line-height:1}
.tg-catalog .btn svg{width:18px;height:18px}
.tg-catalog .btn-primary{background:var(--blue);color:#fff;box-shadow:var(--sh-blue)}
.tg-catalog .btn-primary:hover{background:var(--blue-600);transform:translateY(-2px)}
.tg-catalog .btn-dark{background:var(--ink);color:#fff}.tg-catalog .btn-dark:hover{background:#000;transform:translateY(-2px)}
.tg-catalog .btn-ghost{background:#fff;color:var(--blue);border:1.5px solid var(--line-2)}
.tg-catalog .btn-ghost:hover{border-color:var(--blue);background:var(--blue-50);transform:translateY(-2px)}
.tg-catalog .btn-white{background:#fff;color:var(--blue)}.tg-catalog .btn-white:hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}
.tg-catalog .btn-outline-w{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}.tg-catalog .btn-outline-w:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.tg-catalog .btn-lg{padding:16px 30px;font-size:16px}
.tg-catalog .reveal{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.tg-catalog .reveal.in{opacity:1;transform:none}

/* ===== INTRO ===== */
.tg-catalog .intro{position:relative;background:radial-gradient(900px 420px at 85% -10%,var(--blue-50),transparent 60%),linear-gradient(180deg,#fff,#f6fafd);
  padding:46px 0 40px;overflow:hidden;border-bottom:1px solid var(--line)}
.tg-catalog .intro:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(14,99,201,.06) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(180deg,#000,transparent 78%);pointer-events:none}
.tg-catalog .bc{font-size:13px;color:var(--muted);margin-bottom:16px;position:relative}
.tg-catalog .bc a:hover{color:var(--blue)}
.tg-catalog .intro-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:34px;align-items:end;position:relative}
.tg-catalog .intro h1{font-size:clamp(32px,4.4vw,46px);margin-bottom:14px}
.tg-catalog .intro h1 em{font-style:normal;color:var(--blue)}
.tg-catalog .intro p{font-size:18px;color:var(--ink-3);max-width:56ch}
.tg-catalog .intro .cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.tg-catalog .kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.tg-catalog .kpi{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--sh-sm)}
.tg-catalog .kpi .n{font-family:var(--display);font-size:26px;font-weight:700;color:var(--blue)}
.tg-catalog .kpi .l{font-size:12.5px;color:var(--muted);font-weight:600}

/* ===== TOOLBAR / FILTERS ===== */
.tg-catalog .toolbar{padding:26px 0 8px;background:#fff}
.tg-catalog .filters{display:flex;flex-direction:column;gap:14px}
.tg-catalog .frow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tg-catalog .frow .flabel{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);margin-right:2px;min-width:74px}
.tg-catalog .chip{border:1.5px solid var(--line-2);background:#fff;color:var(--ink-2);font-weight:600;font-size:13.5px;padding:9px 16px;border-radius:100px;transition:.15s;display:inline-flex;align-items:center;gap:7px}
.tg-catalog .chip:hover{border-color:var(--blue);color:var(--blue)}
.tg-catalog .chip.on{background:var(--blue);border-color:var(--blue);color:#fff}
.tg-catalog .chip .sw{width:14px;height:14px;border-radius:4px}
.tg-catalog .chip.on .sw{outline:2px solid rgba(255,255,255,.6)}
.tg-catalog .achip{border:1.5px solid var(--line-2);background:#fff;color:var(--ink-2);font-weight:600;font-size:13px;padding:8px 14px;border-radius:100px;transition:.15s}
.tg-catalog .achip:hover{border-color:var(--blue)}
.tg-catalog .achip.on{background:var(--blue-50);border-color:var(--blue);color:var(--blue-700)}
.tg-catalog .achip.on:before{content:"✓ ";font-weight:800}
.tg-catalog .toolbar-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  margin-top:16px;padding:14px 0;border-top:1px solid var(--line)}
.tg-catalog .result-count{font-size:14px;color:var(--muted)}
.tg-catalog .result-count b{color:var(--ink);font-family:var(--display)}
.tg-catalog .toolbar-foot .right{display:flex;align-items:center;gap:12px}
.tg-catalog .clearbtn{font-size:13px;font-weight:700;color:var(--blue)}
.tg-catalog .sortsel{border:1.5px solid var(--line-2);border-radius:10px;padding:9px 34px 9px 12px;font-size:13.5px;font-family:inherit;font-weight:600;color:var(--ink-2);appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235B6673' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 10px center;cursor:pointer}

/* ===== PRODUCT GRID ===== */
.tg-catalog .catalog{padding:24px 0 80px}
.tg-catalog .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tg-catalog .pc{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--sh-sm);
  display:flex;flex-direction:column;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.tg-catalog .pc:hover{transform:translateY(-5px);box-shadow:var(--sh-lg)}
.tg-catalog .pc .im{height:200px;background:linear-gradient(180deg,#f7fafd,#eef3f9);display:flex;align-items:center;justify-content:center;position:relative;padding:16px}
.tg-catalog .pc .im img{max-height:100%;width:auto}
.tg-catalog .pc .im img.img-missing{visibility:hidden}
.tg-catalog .pc .badges{position:absolute;top:12px;left:12px;display:flex;gap:6px;flex-wrap:wrap;max-width:80%}
.tg-catalog .pc .badge{font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#fff;padding:4px 9px;border-radius:100px}
.tg-catalog .pc .badge.med{background:var(--blue)}.tg-catalog .pc .badge.ind{background:var(--ink)}.tg-catalog .pc .badge.food{background:var(--green)}
.tg-catalog .pc .mattag{position:absolute;top:12px;right:12px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  background:#fff;border:1px solid var(--line);color:var(--ink-2);padding:4px 9px;border-radius:100px}
.tg-catalog .pc .info{padding:18px;flex:1;display:flex;flex-direction:column}
.tg-catalog .pc h3{font-family:var(--sans);font-size:15.5px;font-weight:700;line-height:1.3;margin-bottom:4px}
.tg-catalog .pc .sku{font-size:12px;color:var(--muted-2);font-weight:600;margin-bottom:12px}
.tg-catalog .pc .specs{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:12px}
.tg-catalog .pc .specs .s{font-size:12px;color:var(--muted)}
.tg-catalog .pc .specs .s b{display:block;color:var(--ink);font-weight:700;font-size:13px;font-family:var(--display)}
.tg-catalog .pc .attrs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}
.tg-catalog .pc .attrs span{font-size:10.5px;font-weight:600;background:var(--paper);border:1px solid var(--line);color:var(--ink-2);padding:3px 9px;border-radius:100px}
.tg-catalog .pc .attrs span.g{background:var(--green-50);border-color:#C9E8D8;color:var(--green)}
.tg-catalog .pc .foot{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.tg-catalog .pc .foot .row{display:flex;gap:8px}
.tg-catalog .pc .foot .view{flex:1;background:var(--ink);color:#fff;border-radius:10px;padding:11px;font-weight:700;font-size:13.5px;text-align:center;transition:background .2s}
.tg-catalog .pc .foot .view:hover{background:var(--blue)}
.tg-catalog .pc .foot .quote{flex:1;background:#fff;color:var(--blue);border:1.5px solid var(--line-2);border-radius:10px;padding:11px;font-weight:700;font-size:13.5px;text-align:center;transition:.2s}
.tg-catalog .pc .foot .quote:hover{border-color:var(--blue);background:var(--blue-50)}
.tg-catalog .pc .foot .sheet{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12.5px;font-weight:600;color:var(--muted);padding:3px}
.tg-catalog .pc .foot .sheet:hover{color:var(--blue)}
.tg-catalog .pc .foot .sheet svg{width:15px;height:15px}
.tg-catalog .pc.hide{display:none}

/* UPC by size + revised foot */
.tg-catalog .upc-banner{display:flex;gap:11px;align-items:flex-start;background:var(--amber-50);border:1px solid #F0D9A8;border-radius:12px;padding:13px 16px;margin-bottom:24px;font-size:13px;color:#7A5606}
.tg-catalog .upc-banner b{color:#5E4204}
.tg-catalog .upc-banner svg{color:#B07D12}
.tg-catalog .upc{margin-bottom:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.tg-catalog .upc-h{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);background:var(--paper);padding:8px 12px;border-bottom:1px solid var(--line)}
.tg-catalog .upc-t{width:100%;border-collapse:collapse}
.tg-catalog .upc-t td{padding:6px 12px;font-size:12.5px;border-bottom:1px solid var(--line)}
.tg-catalog .upc-t tr:last-child td{border-bottom:none}
.tg-catalog .upc-t .sz{font-weight:700;color:var(--ink);width:56px;font-family:var(--display)}
.tg-catalog .upc-t .code{font-family:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--ink-2);letter-spacing:.03em;text-align:right}
.tg-catalog .upc-t .code.ph{color:var(--muted-2)}
.tg-catalog .pc .foot{margin-top:auto}
.tg-catalog .pc .foot .quote{display:block;width:100%;text-align:center;background:var(--blue);color:#fff;border:none;border-radius:10px;padding:12px;font-weight:700;font-size:13.5px;transition:background .2s}
.tg-catalog .pc .foot .quote:hover{background:var(--blue-600)}


.tg-catalog .noresults{display:none;text-align:center;padding:60px 20px;color:var(--muted)}
.tg-catalog .noresults.show{display:block}
.tg-catalog .noresults h3{font-size:20px;color:var(--ink);margin-bottom:8px}

/* ===== RESOURCES STRIP ===== */
.tg-catalog .res{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tg-catalog .rescard{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--sh-sm);transition:.2s}
.tg-catalog .rescard:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.tg-catalog .rescard .ic{width:46px;height:46px;border-radius:12px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tg-catalog .rescard .ic svg{width:23px;height:23px;color:var(--blue)}
.tg-catalog .rescard h4{font-family:var(--display);font-size:16px;margin-bottom:4px}
.tg-catalog .rescard p{font-size:13px;color:var(--muted);margin-bottom:8px}
.tg-catalog .rescard .lnk{font-size:13px;font-weight:700;color:var(--blue);display:inline-flex;align-items:center;gap:6px}

/* ===== CUSTOM / CTA ===== */
.tg-catalog .cta-band{background:linear-gradient(120deg,var(--blue-900),var(--blue) 130%);border-radius:24px;padding:44px;color:#fff;
  display:grid;grid-template-columns:1.4fr 1fr;gap:26px;align-items:center;position:relative;overflow:hidden}
.tg-catalog .cta-band:before{content:"";position:absolute;right:-50px;top:-50px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.07)}
.tg-catalog .cta-band h2{font-size:clamp(24px,3.2vw,32px);color:#fff;margin-bottom:12px;position:relative}
.tg-catalog .cta-band p{color:#dce8f7;font-size:16px;position:relative;max-width:52ch}
.tg-catalog .cta-band .act{position:relative;display:flex;flex-direction:column;gap:12px}

@media(max-width:1000px){.tg-catalog .grid{grid-template-columns:repeat(2,1fr)}.tg-catalog .res{grid-template-columns:1fr}.tg-catalog .intro-grid{grid-template-columns:1fr}}
@media(max-width:820px){.tg-catalog .cta-band{grid-template-columns:1fr;padding:32px}.tg-catalog .cta-band .act{flex-direction:row;flex-wrap:wrap}}
@media(max-width:600px){.tg-catalog .wrap{padding:0 18px}.tg-catalog .grid{grid-template-columns:1fr}.tg-catalog .frow .flabel{min-width:100%}}/* End custom CSS */