:root{--page-title-display:none;}body.elementor-page-164{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-263d392 *//* =============================================================
   TruGlove.com — REQUEST A QUOTE (BODY / CONTENT ONLY)
   • No header/footer (global Elementor Theme Builder parts)
   • No base64 (this page uses no raster images)
   • Scoped under .tg-quote
   • Form = Fluent Forms shortcode container (styled demo shown as
     the design target). Auto-fills Product from a ?sku= URL param.
   ============================================================= */
: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;--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:1180px;--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-quote *{box-sizing:border-box;margin:0;padding:0}
.tg-quote{font-family:var(--sans);color:var(--ink);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}
.tg-quote h1,.tg-quote h2,.tg-quote h3,.tg-quote h4{font-family:var(--display);line-height:1.14;letter-spacing:-.02em;font-weight:700}
.tg-quote a{color:var(--blue);text-decoration:none}
.tg-quote ul{list-style:none}
.tg-quote button{font-family:inherit;cursor:pointer;border:none;background:none}
.tg-quote .wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
.tg-quote .eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue)}
.tg-quote svg{display:block}
.tg-quote :focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:4px}
@media (prefers-reduced-motion:reduce){.tg-quote .reveal{opacity:1!important;transform:none!important}}

.tg-quote .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-quote .btn svg{width:18px;height:18px}
.tg-quote .btn-primary{background:var(--blue);color:#fff;box-shadow:var(--sh-blue)}
.tg-quote .btn-primary:hover{background:var(--blue-600);transform:translateY(-2px)}
.tg-quote .btn-ghost{background:#fff;color:var(--blue);border:1.5px solid var(--line-2)}
.tg-quote .btn-ghost:hover{border-color:var(--blue);background:var(--blue-50);transform:translateY(-2px)}
.tg-quote .btn-white{background:#fff;color:var(--blue)}.tg-quote .btn-white:hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}
.tg-quote .btn-outline-w{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5)}.tg-quote .btn-outline-w:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.tg-quote .btn-lg{padding:16px 30px;font-size:16px}
.tg-quote .reveal{opacity:0;transform:translateY(20px);transition:opacity .55s var(--ease),transform .55s var(--ease)}
.tg-quote .reveal.in{opacity:1;transform:none}

/* ===== INTRO ===== */
.tg-quote .intro{position:relative;background:radial-gradient(900px 420px at 85% -10%,var(--blue-50),transparent 60%),linear-gradient(180deg,#fff,#f6fafd);padding:44px 0 40px;overflow:hidden;border-bottom:1px solid var(--line)}
.tg-quote .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-quote .bc{font-size:13px;color:var(--muted);margin-bottom:16px;position:relative}
.tg-quote .bc a{color:var(--muted)}.tg-quote .bc a:hover{color:var(--blue)}
.tg-quote .intro .live{display:inline-flex;align-items:center;gap:8px;background:var(--green-50);color:var(--green);font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:100px;margin-bottom:18px;position:relative}
.tg-quote .intro .live .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(18,133,90,.2);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px rgba(18,133,90,.2)}50%{box-shadow:0 0 0 6px rgba(18,133,90,0)}}
.tg-quote .intro h1{font-size:clamp(32px,4.6vw,48px);margin-bottom:14px;position:relative}
.tg-quote .intro h1 em{font-style:normal;color:var(--blue)}
.tg-quote .intro p{font-size:18px;color:var(--ink-3);max-width:60ch;position:relative}
.tg-quote .intro .chips{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;position:relative}
.tg-quote .intro .chips span{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink-2)}
.tg-quote .intro .chips svg{width:18px;height:18px;color:var(--green)}

/* ===== MAIN GRID ===== */
.tg-quote .section{padding:52px 0}
.tg-quote .main-grid{display:grid;grid-template-columns:1.35fr .8fr;gap:34px;align-items:start}

/* form card */
.tg-quote .form-card{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh);padding:32px}
.tg-quote .form-card>h2{font-size:25px;margin-bottom:6px}
.tg-quote .form-card>.sub{color:var(--muted);font-size:15px;margin-bottom:6px}
.tg-quote .skuflag{display:none;align-items:center;gap:9px;background:var(--blue-50);border:1px solid var(--blue-100);color:var(--blue-700);border-radius:10px;padding:10px 14px;margin:14px 0 2px;font-size:13.5px;font-weight:600}
.tg-quote .skuflag.show{display:flex}
.tg-quote .skuflag svg{width:17px;height:17px}
.tg-quote .skuflag b{font-family:'JetBrains Mono',ui-monospace,monospace}
.tg-quote .ff-note{display:flex;gap:11px;align-items:flex-start;background:#0d1117;color:#c7d2df;border-radius:12px;padding:13px 15px;margin:16px 0 22px;font-size:12.5px;line-height:1.5}
.tg-quote .ff-note .b{font-family:'JetBrains Mono',ui-monospace,monospace;background:rgba(93,176,255,.16);color:#8fd0ff;padding:2px 7px;border-radius:5px}
.tg-quote .ff-note svg{width:18px;height:18px;color:#5db0ff;flex-shrink:0;margin-top:1px}

.tg-quote form.ff{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tg-quote form.ff .full{grid-column:1/-1}
.tg-quote .fld label{display:block;font-size:13px;font-weight:600;color:var(--ink-2);margin-bottom:6px}
.tg-quote .fld label .req{color:#e11d48}
.tg-quote .fld input,.tg-quote .fld select,.tg-quote .fld textarea{width:100%;border:1.5px solid var(--line-2);border-radius:11px;padding:13px 15px;font-size:15px;font-family:inherit;color:var(--ink);background:#fff;outline:none;transition:border .15s,box-shadow .15s}
.tg-quote .fld input:focus,.tg-quote .fld select:focus,.tg-quote .fld textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(14,99,201,.1)}
.tg-quote .fld textarea{resize:vertical;min-height:110px}
.tg-quote .fld select{appearance:none;background-image: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");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}
.tg-quote .qtygrp{display:grid;grid-template-columns:1fr 130px;gap:10px}
.tg-quote .sizes{display:flex;flex-wrap:wrap;gap:8px}
.tg-quote .sizes label{display:inline-flex;align-items:center;gap:7px;border:1.5px solid var(--line-2);border-radius:10px;padding:9px 13px;font-size:13.5px;font-weight:600;cursor:pointer;transition:.15s;margin:0}
.tg-quote .sizes label:hover{border-color:var(--blue)}
.tg-quote .sizes input{width:16px;height:16px;accent-color:var(--blue)}
.tg-quote .sizes input:checked+span{color:var(--blue-700)}
.tg-quote .radios{display:flex;gap:10px}
.tg-quote .radios label{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line-2);border-radius:10px;padding:11px 16px;font-size:14px;font-weight:600;cursor:pointer;margin:0;flex:1;justify-content:center}
.tg-quote .radios input{accent-color:var(--blue)}
.tg-quote .consent{grid-column:1/-1;display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted)}
.tg-quote .consent input{width:18px;height:18px;margin-top:2px;accent-color:var(--blue);flex-shrink:0}
.tg-quote .ff-submit{grid-column:1/-1;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.tg-quote .ff-msg{font-size:13.5px;font-weight:600;min-height:20px}
.tg-quote .ff-msg.ok{color:var(--green)}.tg-quote .ff-msg.err{color:#e11d48}

/* aside */
.tg-quote .aside .card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--sh-sm);margin-bottom:18px}
.tg-quote .aside h3{font-size:15px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-2);font-family:var(--display);margin-bottom:16px}
.tg-quote .steps{position:relative}
.tg-quote .step{display:flex;gap:14px;padding-bottom:20px;position:relative}
.tg-quote .step:last-child{padding-bottom:0}
.tg-quote .step:not(:last-child):before{content:"";position:absolute;left:17px;top:38px;bottom:2px;width:2px;background:var(--line)}
.tg-quote .step .num{width:36px;height:36px;border-radius:50%;background:var(--blue);color:#fff;font-family:var(--display);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;z-index:1}
.tg-quote .step b{font-family:var(--display);font-size:15px;display:block;margin-bottom:2px}
.tg-quote .step p{font-size:13px;color:var(--muted);margin:0}
.tg-quote .perk{display:flex;gap:11px;align-items:flex-start;padding:9px 0}
.tg-quote .perk svg{width:20px;height:20px;color:var(--green);flex-shrink:0;margin-top:1px}
.tg-quote .perk b{font-size:14px;display:block}
.tg-quote .perk span{font-size:12.5px;color:var(--muted)}
.tg-quote .contact-alt a{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink)}
.tg-quote .contact-alt a:last-child{border-bottom:none}
.tg-quote .contact-alt a:hover b{color:var(--blue)}
.tg-quote .contact-alt .ci{width:40px;height:40px;border-radius:11px;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.tg-quote .contact-alt .ci svg{width:19px;height:19px;color:var(--blue)}
.tg-quote .contact-alt b{font-family:var(--display);font-size:14.5px;display:block}
.tg-quote .contact-alt span{font-size:12.5px;color:var(--muted)}
.tg-quote .badgecard{background:var(--ink);color:#cfe0f5;border-radius:18px;padding:22px;text-align:center}
.tg-quote .badgecard .stars{color:var(--star);font-size:17px;letter-spacing:2px;margin-bottom:8px}
.tg-quote .badgecard b{color:#fff;font-family:var(--display);font-size:16px}
.tg-quote .badgecard p{font-size:12.5px;margin-top:4px;color:#9fb3c8}

/* FAQ */
.tg-quote .faq-head{text-align:center;max-width:600px;margin:0 auto 30px}
.tg-quote .faq-head h2{font-size:clamp(24px,3vw,32px);margin-bottom:8px}
.tg-quote .faq-head p{color:var(--muted)}
.tg-quote .faq{max-width:820px;margin:0 auto}
.tg-quote .qa{border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;background:#fff;box-shadow:var(--sh-sm)}
.tg-quote .qa summary{cursor:pointer;list-style:none;padding:18px 20px;font-family:var(--display);font-weight:600;font-size:16px;display:flex;align-items:center;gap:12px}
.tg-quote .qa summary::-webkit-details-marker{display:none}
.tg-quote .qa summary .pl{margin-left:auto;color:var(--blue);transition:transform .2s;flex-shrink:0}
.tg-quote .qa[open] summary .pl{transform:rotate(45deg)}
.tg-quote .qa summary:hover{background:var(--paper)}
.tg-quote .qa .a{padding:0 20px 18px;color:var(--ink-3);font-size:14.5px}

/* distributor CTA */
.tg-quote .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-quote .cta-band:before{content:"";position:absolute;right:-50px;top:-50px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.07)}
.tg-quote .cta-band h2{font-size:clamp(24px,3.2vw,32px);color:#fff;margin-bottom:12px;position:relative}
.tg-quote .cta-band p{color:#dce8f7;font-size:16px;position:relative;max-width:52ch}
.tg-quote .cta-band .act{position:relative;display:flex;flex-direction:column;gap:12px}

@media(max-width:940px){
  .tg-quote .main-grid{grid-template-columns:1fr;gap:26px}
  .tg-quote .cta-band{grid-template-columns:1fr;padding:32px}
  .tg-quote .cta-band .act{flex-direction:row;flex-wrap:wrap}
}
@media(max-width:560px){
  .tg-quote .wrap{padding:0 18px}
  .tg-quote form.ff{grid-template-columns:1fr}
  .tg-quote .qtygrp{grid-template-columns:1fr}
  .tg-quote .form-card{padding:22px}
}/* End custom CSS */