/* flow.css: the buying flow (add to cart, add to quote), the utility bar, the phone dock's Cart and More, and the
   old floating widgets. Loaded after every other theme stylesheet (inc/areas/flow.php). */

/* ---------- 1. Old floating widgets: the bar and the dock take their place ---------- */
/* the side cart plugin's floating bubble */
html body.tg-theme #wcspc-count,
html body.tg-theme .wcspc-count{display:none!important}
/* Zoho chat's floating button. The window it opens is another element and is left alone. */
html body.tg-theme .zsiq_floatmain,
html body.tg-theme #zsiq_float{display:none!important}
/* the "View cart" and "View Quote" links the scripts used to drop under a button: the added card has those */
.tg-theme .tg-card a.added_to_cart,
.tg-theme .pd-buy a.added_to_cart,
.tg-theme .tg-card a.added_to_quote,
.tg-theme .pd-buy a.added_to_quote{display:none!important}
/* a card's picture can never stretch its row (a broken image did) */
.tg-theme .tg-card--grid .br-card-media{aspect-ratio:4 / 3;overflow:hidden}

/* ---------- 2. Add to Quote: small, beside Add to cart, never on a line of its own ---------- */
/* grid cards: Add to cart takes the room, Quote takes what it needs */
.tg-page .tg-card .tg-card-btns:not(.tg-card-btns--one){grid-template-columns:minmax(0,1fr) auto!important}
/* compact and row cards: the plugin's button sits inline with the add button */
.tg-page .tg-card .tg-card-extra.tg-card-extra{flex:0 0 auto!important;align-self:auto!important;min-height:0!important;padding:0!important;margin:0!important;display:inline-flex!important;flex-wrap:nowrap!important;gap:0!important}
/* the button itself: outlined, condensed caps, a document icon and the short word. The full "Add to Quote" stays in
   the element for screen readers (font-size 0); the plugin's own hidden spans stay hidden. */
.tg-page .tg-card a.afrfqbt,
.tg-page .pd-buy .afrfqbt_single_page,
.tg-page .pd-buy .afrfqbt_single_page.single_add_to_cart_button{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;gap:7px;width:auto!important;min-width:0;min-height:44px!important;margin:0!important;padding:0 12px 0 10px!important;border:2px solid #003050!important;border-radius:4px!important;background:#FFFFFF!important;color:#003050!important;font-family:'Barlow Condensed',Barlow,sans-serif!important;font-size:0!important;font-weight:700!important;line-height:1!important;letter-spacing:.06em;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;float:none!important;cursor:pointer;opacity:1;transition:background-color .14s ease-out,color .14s ease-out}
.tg-page .tg-card a.afrfqbt::before,
.tg-page .pd-buy .afrfqbt_single_page::before{content:"";flex:0 0 18px;width:18px;height:18px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E") center / contain no-repeat}
.tg-page .tg-card a.afrfqbt::after,
.tg-page .pd-buy .afrfqbt_single_page::after{content:"Quote";font-size:14px;font-weight:700;letter-spacing:.06em}
.tg-page .tg-card a.afrfqbt:hover,
.tg-page .pd-buy .afrfqbt_single_page:hover,
.tg-page .pd-buy .afrfqbt_single_page.single_add_to_cart_button:hover{background:#E9EDF1!important;color:#003050!important}
.tg-page .tg-card a.afrfqbt.loading,
.tg-page .pd-buy .afrfqbt_single_page.loading{opacity:.6}
/* on cards the button is a 44px square with the icon alone (its tooltip and hidden text still say "Add to Quote") */
.tg-page .tg-card a.afrfqbt{width:44px!important;min-width:44px;height:44px;padding:0!important;gap:0}
.tg-page .tg-card a.afrfqbt::after{content:none}
.tg-page .tg-card a.afrfqbt::before{flex-basis:20px;width:20px;height:20px}
/* row view: the square sits in the quantity and Add row and that row never wraps */
/* the actions column is 240px wide on desktop (the title column gives way), so quantity, Add to cart and the square fit */
@media (min-width:1080px){.tg-page .tg-card--row .ct-actions{flex:0 0 240px!important;max-width:240px!important}}
.tg-page .tg-card .ct-add{white-space:nowrap}
/* the wrapper for hook output holds only hidden spans here: it takes no room */
.tg-page .tg-card .ct-quote.tg-card-extra:not(:has(a,button)){display:none!important}
.tg-page .tg-card .ct-buy{flex-wrap:nowrap!important}
.tg-page .tg-card .ct-buy>a.afrfqbt,
.tg-page .tg-card .ca-xs-buy>a.afrfqbt{flex:0 0 44px;align-self:stretch}
.tg-page .tg-card--compact .ca-xs-buy>a.afrfqbt{flex-basis:36px}
.tg-page .ct-buy .ct-quote.tg-card-extra{align-self:stretch!important;margin:0!important}
.tg-page .ct-buy .ct-quote.tg-card-extra a.afrfqbt{height:auto;min-height:44px!important}
/* the quote plugin drops its link straight into the row (the theme's wrapper stays empty): give it room and the row's height */
.tg-page .tg-card .ct-buy>a.afrfqbt{margin-left:10px!important;margin-right:0!important;position:static!important;transform:none!important}
@media (max-width:699px){
  .tg-page .ct-buy .ct-quote.tg-card-extra{margin-left:8px!important}
  .tg-page .ct-buy .ct-quote.tg-card-extra a.afrfqbt,
  .tg-page .tg-card .ct-buy>a.afrfqbt{min-height:48px!important;height:48px!important;width:48px!important;min-width:48px;flex-basis:48px!important}
}
/* compact cards: the same height as their small add button */
.tg-page .tg-card--compact .tg-card-extra.tg-card-extra a.afrfqbt{width:36px!important;min-width:36px;height:36px;min-height:36px!important}
/* product page: the two buttons share one row at every width; the quantity row stays above them */
.pd-buy :is(form.cart,.woocommerce-variation-add-to-cart,.bundle_button,.composite_button):is(.tg-has-quote,:has(>.afrfqbt_single_page)){grid-template-columns:minmax(0,1fr) auto!important}
.pd-buy :is(form.cart,.woocommerce-variation-add-to-cart,.bundle_button,.composite_button):is(.tg-has-quote,:has(>.afrfqbt_single_page))>.single_add_to_cart_button:not(.afrfqbt_single_page){grid-column:1!important}
.pd-buy :is(form.cart,.woocommerce-variation-add-to-cart,.bundle_button,.composite_button)>.afrfqbt_single_page{grid-column:2!important;align-self:stretch;min-height:54px!important;padding:0 16px 0 14px!important}
.tg-page .pd-buy .afrfqbt_single_page::after{font-size:16px}
/* when the plugin hides its button (a variation that cannot be quoted), it stays hidden */
.tg-page .pd-buy .afrfqbt_single_page[style*="display: none"]{display:none!important}

/* ---------- 3. Add to cart: the button's answer, the flight to the cart, the added card ---------- */
.tg-theme .tg-busy{cursor:progress}
.tg-theme .tg-card-add.tg-added,
.tg-theme .pd-buy .single_add_to_cart_button.tg-added:not(.afrfqbt_single_page){background:#17794A!important;color:#FFFFFF!important;transition:background-color .18s ease-out,color .18s ease-out}
.tg-theme .pd-buy .single_add_to_cart_button.tg-added:not(.afrfqbt_single_page)::before{display:none}
.tg-theme .tg-added .tg-ico{flex:0 0 auto;width:20px;height:20px;stroke-width:3}
.tg-fly{position:fixed;z-index:2147483001;border-radius:50%;overflow:hidden;background:#FFFFFF;border:2px solid #FFB81C;box-shadow:0 12px 32px rgba(2,26,43,.38);pointer-events:none;will-change:transform,opacity}
.tg-fly img{display:block;width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box;background:#FFFFFF}
@keyframes tg-bump{0%{transform:scale(1)}35%{transform:scale(1.22)}100%{transform:scale(1)}}
.tg-bump{animation:tg-bump .45s cubic-bezier(.2,.9,.3,1.3)}
/* the card */
.tg-added-card{position:fixed;right:20px;bottom:calc(var(--tg-inset,0px) + 20px);z-index:2147482990;width:min(392px,calc(100vw - 32px));box-sizing:border-box;padding:14px 14px 0;background:#FFFFFF;color:#0E1B26;border:1px solid #DCE2E8;border-left:5px solid #FFB81C;border-radius:8px;box-shadow:0 18px 48px rgba(2,26,43,.28);font-family:Barlow,'Segoe UI',system-ui,sans-serif;font-size:15px;line-height:1.4;transform:translateY(18px);opacity:0;visibility:hidden;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .22s ease-out,visibility 0s linear .3s}
.tg-added-card[data-open="1"]{transform:none;opacity:1;visibility:visible;transition-delay:0s}
.tg-added-head{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding-right:36px}
.tg-added-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#17794A;color:#FFFFFF}
.tg-added-dot .tg-ico{width:14px;height:14px;stroke-width:3}
.tg-added-eyebrow{font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:700;font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#17794A}
.tg-added-card[data-kind="quote"] .tg-added-dot{background:#003050}
.tg-added-card[data-kind="quote"] .tg-added-eyebrow{color:#003050}
.tg-added-x{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:4px;background:transparent;color:#566574;cursor:pointer}
.tg-added-x:hover{background:#F4F6F8;color:#0E1B26}
.tg-added-body{display:flex;align-items:center;gap:12px;min-width:0}
.tg-added-thumb{flex:0 0 60px;width:60px;height:60px;box-sizing:border-box;border:1px solid #DCE2E8;border-radius:4px;background:#FFFFFF;object-fit:contain;padding:3px}
.tg-added-thumb[hidden]{display:none}
.tg-added-text{min-width:0;display:flex;flex-direction:column;gap:2px}
.tg-added-name{font-weight:700;font-size:15px;line-height:1.3;color:#0E1B26;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tg-added-meta{font-size:13px;color:#566574}
.tg-added-meta b{color:#003050;font-weight:700}
.tg-added-acts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:12px 0 0}
.tg-added-btn{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border-radius:4px;font:inherit;font-weight:700;font-size:15px;text-decoration:none;cursor:pointer;transition:background-color .14s ease-out}
.tg-added-btn--go{border:0;background:#FFB81C;color:#0E1B26}
.tg-added-btn--go:hover{background:#F2AB0D}
.tg-added-btn--alt{border:2px solid #003050;background:#FFFFFF;color:#003050}
.tg-added-btn--alt:hover{background:#E9EDF1}
.tg-added-bar{height:3px;margin:12px -14px 0 -14px;background:#E9EDF1;border-radius:0 0 7px 0;overflow:hidden}
.tg-added-bar i{display:block;height:100%;width:100%;background:#FFB81C;transform-origin:left center;transform:scaleX(1)}
.tg-added-card[data-open="1"] .tg-added-bar i{animation:tg-drain var(--tg-ttl,6500ms) linear forwards}
.tg-added-card:hover .tg-added-bar i,.tg-added-card:focus-within .tg-added-bar i{animation-play-state:paused}
@keyframes tg-drain{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media (max-width:699px){
  .tg-added-card{left:12px;right:12px;width:auto;bottom:calc(var(--tg-inset,0px) + 12px)}
}

/* ---------- 4. Utility bar (tablet and desktop) ---------- */
.tg-bar{display:none}
@media (min-width:700px){
  /* the footer keeps 46px of its own navy under its last line, so the bar never covers it and nothing pale shows below */
  body.tg-has-bar .tg-page>footer,body.tg-has-bar .tg-page footer.tg-ondark{padding-bottom:46px!important}
  .tg-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:2147482980;transform:translateY(100%);transition:transform .34s cubic-bezier(.2,.8,.2,1);will-change:transform;pointer-events:none;font-family:Barlow,'Segoe UI',system-ui,sans-serif}
  .tg-bar[data-shown="1"]{transform:none;pointer-events:auto}
  .tg-bar-in{height:46px;box-sizing:border-box;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 12px 0 10px;background:#021A2B;color:#FFFFFF;border-top:3px solid #FFB81C;box-shadow:0 -10px 30px rgba(2,26,43,.35)}
  .tg-bar-grp{display:flex;align-items:center;gap:2px;min-width:0}
  .tg-bar-act{box-sizing:border-box;display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 10px;border:0;border-radius:4px;background:transparent;color:#FFFFFF;font:inherit;font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:600;font-size:14px;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .14s ease-out,color .14s ease-out}
  .tg-bar-act:hover{background:rgba(255,255,255,.1);color:#FFB81C}
  .tg-bar-act:focus-visible{outline:2px solid #FFB81C;outline-offset:-2px}
  .tg-bar-act[hidden]{display:none}
  .tg-bar-act .tg-ico{flex:0 0 auto}
  .tg-bar-num{font-size:15px;letter-spacing:.03em;text-transform:none}
  .tg-bar-sep{width:1px;height:18px;margin:0 6px;background:rgba(255,255,255,.18)}
  .tg-bar-hours{display:inline-flex;align-items:center;gap:7px;padding:0 8px;color:#9FB2C3;font-size:13px;font-weight:500;letter-spacing:.02em;white-space:nowrap}
  .tg-bar-cart .tg-cart-count{margin-left:2px;min-width:22px!important;height:22px!important;font-size:13px!important}
  /* the specials ticker */
  .tg-bar-tick{position:relative;height:46px;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
  .tg-bar-track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:44px;padding-right:44px;white-space:nowrap;will-change:transform}
  .tg-bar-track[data-roll="1"]{animation:tg-tick var(--tg-tick,40s) linear infinite}
  .tg-bar-track[data-roll="0"]{position:static;justify-content:center;padding-right:0}
  .tg-bar-tick:hover .tg-bar-track,.tg-bar-tick:focus-within .tg-bar-track{animation-play-state:paused}
  @keyframes tg-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
  .tg-bar-item{display:inline-flex;align-items:center;gap:10px;color:#FFFFFF;font-size:14px;font-weight:600;text-decoration:none;line-height:1.2}
  a.tg-bar-item:hover{color:#FFB81C}
  .tg-bar-item img{width:30px;height:30px;border-radius:4px;object-fit:cover;background:#FFFFFF;flex:0 0 auto}
  .tg-bar-tag{font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#FFB81C}
  .tg-bar-item .tg-ico{color:#FFB81C;flex:0 0 auto}
}
@media (min-width:700px) and (max-width:1079px){
  .tg-bar-hours,.tg-bar-act--sub .tg-bar-lbl,.tg-bar-act--chat .tg-bar-lbl{display:none}
  .tg-bar-in{gap:8px}
}

/* ---------- 5. Phone dock: Cart with its count, and the More sheet ---------- */
.tg-dock-cart{position:relative}
.tg-dock .tg-cart-count{position:absolute;top:5px;left:calc(50% + 2px);min-width:18px!important;height:18px!important;padding:0 4px!important;font-size:11px!important;border-radius:9px!important;box-shadow:0 0 0 2px #003050}
.tg-more{position:fixed;left:0;right:0;bottom:0;top:0;z-index:2147482995;visibility:hidden;pointer-events:none;font-family:Barlow,'Segoe UI',system-ui,sans-serif}
.tg-more[data-open="1"]{visibility:visible;pointer-events:auto}
.tg-more-bg{position:absolute;inset:0;background:rgba(2,26,43,.55);opacity:0;transition:opacity .25s ease-out}
.tg-more[data-open="1"] .tg-more-bg{opacity:1}
.tg-more-sheet{position:absolute;left:0;right:0;bottom:0;box-sizing:border-box;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#FFFFFF;border-radius:14px 14px 0 0;box-shadow:0 -12px 40px rgba(2,26,43,.35);transform:translateY(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.tg-more[data-open="1"] .tg-more-sheet{transform:none}
.tg-more-handle{width:40px;height:4px;margin:4px auto 12px;border-radius:2px;background:#C5CED7}
.tg-more-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.tg-more-title{margin:0;font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:700;font-size:20px;letter-spacing:.04em;text-transform:uppercase;color:#003050}
.tg-more-x{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:4px;background:#F4F6F8;color:#003050;cursor:pointer}
.tg-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tg-more-act{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:76px;padding:8px 6px;border:1px solid #DCE2E8;border-radius:8px;background:#F4F6F8;color:#003050;font:inherit;font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:600;font-size:13px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer}
.tg-more-act:active{background:#E9EDF1}
.tg-more-act[hidden]{display:none}
.tg-more-act .tg-ico{width:24px;height:24px}
.tg-more-foot{margin:14px 0 0;font-size:13px;line-height:1.5;color:#566574;text-align:center}
.tg-more-foot a{color:#003050;font-weight:600}

/* ---------- 6. My crawler: the cross that forgets it (shown only while one is saved) ---------- */
.tg-crawler-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:36px;height:52px;padding:0;border:0;background:transparent;color:#B9CADB;cursor:pointer}
.tg-crawler-clear:hover{color:#FFB81C}
.tg-crawler-clear[hidden]{display:none!important}
.tg-crawler-clear--row{position:absolute;top:0;right:8px;width:44px;height:100%;color:#566574}
.tg-crawler-clear--row:hover{color:#003050}
.tg-crawler-row.tg-has-crawler{padding-right:56px!important}
.tg-crawler-row.tg-has-crawler>svg:last-child{visibility:hidden}

/* ---------- 6. Home tour: the chapter that is playing, and its caption over the video ---------- */
.tg-page [data-tour-seek][aria-pressed="true"]{background:#FFB81C!important;border-color:#FFB81C!important;color:#0E1B26!important}
.tg-page [data-tour]{position:relative}
.tg-tour-chapter{display:inline-flex;align-items:center;gap:10px;max-width:100%;box-sizing:border-box;margin:12px 0 0;padding:8px 12px;border-radius:4px;background:rgba(255,255,255,.08);border:1px solid #2B5676;color:#FFFFFF;font-family:Barlow,'Segoe UI',system-ui,sans-serif;font-size:14px;line-height:1.2;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background-color .2s,border-color .2s}
.tg-tour-chapter[hidden]{display:none}
.tg-tour-chapter:hover{background:rgba(255,255,255,.14);color:#FFFFFF}
.tg-tour-chapter.is-flash{border-color:#FFB81C;box-shadow:0 0 0 2px rgba(255,184,28,.45)}
.tg-tour-chapter-n{font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#FFB81C}
.tg-tour-chapter strong{font-weight:700;font-size:15px}
.tg-tour-chapter-go{padding-left:10px;border-left:1px solid rgba(255,255,255,.25);font-weight:600;text-decoration:underline;text-underline-offset:2px}
a.tg-tour-chapter:not([href]) .tg-tour-chapter-go{display:none}
@media (max-width:699px){.tg-tour-chapter{font-size:13px;gap:8px;padding:6px 10px}.tg-tour-chapter-go{padding-left:8px}}

/* ---------- 6. Home spotlight (Manhole8K) ---------- */
.hm-spot-btn:hover{filter:brightness(.96)}
.hm-spot-btn--ghost:hover{background:rgba(255,255,255,.1)!important}
.hm-spot .tg-card-add.tg-added{background:#17794A!important;color:#FFFFFF!important}
.hm-spot a.added_to_cart{display:none!important}
@media (max-width:1079px){
  .hm-spot-media{min-height:360px!important}
  .hm-spot-body{padding:40px 0 48px!important}
}
@media (max-width:699px){
  .hm-spot-grid{gap:0!important}
  .hm-spot-media{min-height:0!important;height:auto!important;margin:0 -24px}
  .hm-spot-render{position:static!important;height:auto!important;aspect-ratio:1400 / 594}
  .hm-spot-field{width:44%!important;bottom:16px!important;left:16px!important}
  .hm-spot-field figcaption{font-size:12px!important;padding:6px 8px!important}
  footer.tg-ondark nav a,footer.tg-ondark .tg-footer-oem a{min-height:40px!important}
  .hm-spot-specs{grid-template-columns:minmax(0,1fr)!important}
  .hm-spot-buy .hm-spot-btn{flex:1 1 100%}
  .hm-spot-price{flex:1 1 100%}
}

/* ---------- 6a. Product page: a long short description folds ---------- */
.tg-page .pd-short[data-clamp="1"]{position:relative;max-height:200px;overflow:hidden}
.tg-page .pd-short[data-clamp="1"]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(rgba(255,255,255,0),#FFFFFF 85%);pointer-events:none}
.tg-page .tg-readmore{display:inline-flex;align-items:center;min-height:36px;margin:2px 0 0;padding:0;border:0;background:transparent;color:#0F5C9A;font:inherit;font-weight:700;font-size:15px;text-decoration:underline;cursor:pointer}
.tg-page .tg-readmore:hover{color:#003050}

/* ---------- 6b-0. Shop by OEM menu: opening it by mouse puts focus on the menu itself, not in the find box ---------- */
#tg-oem-menu:focus,#tg-oem-menu:focus-visible{outline:none;box-shadow:none}
/* a pressed model chip says what it did */
.tg-model-note{margin:10px 0 0;padding:10px 12px;border-left:3px solid #17794A;border-radius:0 4px 4px 0;background:#E7F4EC;color:#0E1B26;font-size:14px;line-height:1.45}
.tg-model-note[hidden]{display:none}
.tg-model[aria-pressed="true"]{background:#003050!important;border-color:#003050!important;color:#FFFFFF!important}
/* nothing pale below the footer: the body behind the page is footer-coloured */
body.tg-theme{background-color:#021A2B!important}

/* ---------- 6b. My crawler: the panel under the chip ---------- */
.tg-crawler-wrap{position:relative;display:inline-flex;align-items:stretch;flex:0 0 auto}
.tg-crawler-panel{position:absolute;top:100%;right:0;z-index:35;width:372px;max-width:calc(100vw - 32px);box-sizing:border-box;background:#FFFFFF;color:#0E1B26;border:1px solid #DCE2E8;border-top:4px solid #FFB81C;border-radius:0 0 8px 8px;box-shadow:0 18px 48px rgba(2,26,43,.28);font-family:Barlow,'Segoe UI',system-ui,sans-serif;font-size:15px;line-height:1.4;text-align:left;visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .18s ease-out,transform .18s ease-out,visibility 0s linear .2s}
.tg-crawler-panel[data-open="1"]{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.tg-crawler-head{padding:14px 16px 12px;border-bottom:1px solid #E9EDF1}
.tg-crawler-head strong{display:block;font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:700;font-size:19px;letter-spacing:.04em;text-transform:uppercase;color:#003050}
.tg-crawler-head p{margin:4px 0 0;font-size:13.5px;line-height:1.45;color:#566574}
.tg-crawler-list{max-height:min(52vh,430px);overflow-y:auto;padding:6px;scrollbar-width:thin}
.tg-crawler-opt{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:0 12px;width:100%;box-sizing:border-box;padding:8px 10px;border:0;border-radius:4px;background:transparent;color:#0E1B26;font:inherit;text-align:left;cursor:pointer}
.tg-crawler-opt:hover{background:#F4F6F8}
.tg-crawler-opt:focus-visible{outline:2px solid #003050;outline-offset:-2px}
.tg-crawler-opt[aria-pressed="true"]{background:#E7F4EC}
.tg-crawler-name{grid-column:1;grid-row:1;font-weight:700;font-size:15px;line-height:1.3}
.tg-crawler-opt[aria-pressed="true"] .tg-crawler-name::after{content:" ✓";color:#17794A}
.tg-crawler-count{grid-column:2;grid-row:1 / 3;align-self:center;font-size:13px;font-weight:600;color:#003050;white-space:nowrap}
.tg-crawler-models{grid-column:1;grid-row:2;font-size:12.5px;line-height:1.35;color:#566574;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-crawler-models:empty{display:none}
.tg-crawler-foot{display:flex;gap:8px;padding:10px 12px 12px;border-top:1px solid #E9EDF1}
.tg-crawler-foot[hidden]{display:none}
.tg-crawler-shop{box-sizing:border-box;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:0 14px;border-radius:4px;background:#FFB81C;color:#0E1B26;font-weight:700;font-size:15px;text-decoration:none}
.tg-crawler-shop:hover{background:#F2AB0D;color:#0E1B26}
.tg-crawler-forget{box-sizing:border-box;flex:0 0 auto;min-height:44px;padding:0 14px;border:2px solid #003050;border-radius:4px;background:#FFFFFF;color:#003050;font:inherit;font-weight:700;font-size:15px;cursor:pointer}
.tg-crawler-forget:hover{background:#E9EDF1}
.tg-crawler-forget[hidden]{display:none}
[data-crawler-chip][aria-expanded="true"] svg:last-child{transform:rotate(180deg)}
[data-crawler-chip] svg:last-child{transition:transform .18s ease-out}

/* ---------- 6c. Side cart (WPC Fly Cart): the theme's look. The plugin's own colours arrive inline, hence the weight. ---------- */
html body.tg-theme .wcspc-overlay{background:rgba(2,26,43,.55)!important}
html body.tg-theme #wcspc-area.wcspc-area{box-sizing:border-box;display:flex!important;flex-direction:column;width:min(440px,100vw)!important;max-width:100vw;height:100%!important;max-height:none!important;top:0!important;bottom:0!important;right:0!important;left:auto!important;margin:0!important;padding:0!important;background:#FFFFFF!important;color:#0E1B26!important;font-family:Barlow,'Segoe UI',system-ui,sans-serif!important;font-size:15px;line-height:1.4;box-shadow:-18px 0 48px rgba(2,26,43,.28);transform:translateX(100%)!important;visibility:hidden;transition:transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s linear .34s!important}
html body.tg-theme #wcspc-area.wcspc-area.wcspc-area-show{transform:none!important;visibility:visible;transition-delay:0s!important}
html body.tg-theme #wcspc-area.wcspc-area::before{content:"Your cart";flex:0 0 64px;display:flex;align-items:center;box-sizing:border-box;padding:0 64px 0 20px;background:#003050;color:#FFFFFF;font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:700;font-size:22px;letter-spacing:.04em;text-transform:uppercase;border-bottom:3px solid #FFB81C;position:static;width:auto;height:auto;animation:none;opacity:1}
html body.tg-theme #wcspc-area.wcspc-area::after{content:none!important}
html body.tg-theme #wcspc-area.wcspc-area-loading .wcspc-area-top{opacity:.5;transition:opacity .15s}
html body.tg-theme #wcspc-area .wcspc-close{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;border:0!important;border-radius:4px;background:transparent!important;color:#FFFFFF!important;font-size:20px!important;line-height:1!important;cursor:pointer;opacity:1!important;z-index:2}
html body.tg-theme #wcspc-area .wcspc-close:hover{background:rgba(255,255,255,.12)!important;color:#FFB81C!important}
html body.tg-theme #wcspc-area .wcspc-close i{color:inherit!important;font-size:18px!important}
html body.tg-theme #wcspc-area .wcspc-area-top{position:static!important;flex:1 1 auto;min-height:0;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;padding:4px 20px 12px!important;margin:0!important;background:#FFFFFF!important}
html body.tg-theme #wcspc-area .ps-scrollbar-y-rail,html body.tg-theme #wcspc-area .ps-scrollbar-x-rail{display:none!important}
html body.tg-theme #wcspc-area .wcspc-item{padding:14px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #E9EDF1!important;background:transparent!important}
html body.tg-theme #wcspc-area .wcspc-item-inner{display:grid!important;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;gap:6px 12px;align-items:start;position:relative;padding:0 32px 0 0!important;margin:0!important}
html body.tg-theme #wcspc-area .wcspc-item-thumb{grid-row:1 / 3;width:64px!important;height:64px!important;margin:0!important;padding:0!important;border:1px solid #DCE2E8;border-radius:4px;background:#FFFFFF;box-sizing:border-box;overflow:hidden;float:none!important}
html body.tg-theme #wcspc-area .wcspc-item-thumb img{width:100%!important;height:100%!important;object-fit:contain;padding:3px;box-sizing:border-box;display:block}
html body.tg-theme #wcspc-area .wcspc-item-info{grid-column:2;min-width:0;width:auto!important;padding:0!important;margin:0!important;float:none!important}
html body.tg-theme #wcspc-area .wcspc-item-title,html body.tg-theme #wcspc-area .wcspc-item-title a{display:block;font-weight:700!important;font-size:15px!important;line-height:1.3!important;color:#0E1B26!important;text-decoration:none!important}
html body.tg-theme #wcspc-area .wcspc-item-title a:hover{color:#003050!important;text-decoration:underline!important}
html body.tg-theme #wcspc-area .wcspc-item-price,html body.tg-theme #wcspc-area .wcspc-item-price .amount{display:inline-block;margin-top:2px;font-weight:600!important;font-size:14px!important;color:#566574!important}
html body.tg-theme #wcspc-area .wcspc-item-qty{grid-column:2;width:auto!important;margin:0!important;padding:0!important;float:none!important}
html body.tg-theme #wcspc-area .wcspc-item-qty-inner{display:inline-flex!important;align-items:center;height:36px;border:1px solid #8796A5;border-radius:4px;overflow:hidden;background:#FFFFFF}
html body.tg-theme #wcspc-area .wcspc-item-qty-minus{order:0}
html body.tg-theme #wcspc-area .wcspc-item-qty-input{order:1}
html body.tg-theme #wcspc-area .wcspc-item-qty-plus{order:2}
html body.tg-theme #wcspc-area .wcspc-item-qty-minus,html body.tg-theme #wcspc-area .wcspc-item-qty-plus{display:flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#F4F6F8!important;color:#0E1B26!important;font-size:20px!important;line-height:1!important;cursor:pointer;float:none!important;position:static!important}
html body.tg-theme #wcspc-area .wcspc-item-qty-minus:hover,html body.tg-theme #wcspc-area .wcspc-item-qty-plus:hover{background:#E9EDF1!important}
html body.tg-theme #wcspc-area .wcspc-item-qty-input{width:44px!important;height:36px!important;margin:0!important;padding:0!important;border:0!important;border-left:1px solid #C5CED7!important;border-right:1px solid #C5CED7!important;border-radius:0!important;background:#FFFFFF!important;color:#0E1B26!important;font:inherit!important;font-weight:600!important;font-size:15px!important;text-align:center!important;float:none!important;-moz-appearance:textfield;appearance:textfield}
html body.tg-theme #wcspc-area .wcspc-item-qty-input::-webkit-outer-spin-button,html body.tg-theme #wcspc-area .wcspc-item-qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
html body.tg-theme #wcspc-area .wcspc-item-remove{position:absolute!important;top:0!important;right:0!important;left:auto!important;bottom:auto!important;width:28px!important;height:28px!important;display:flex!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;border-radius:4px;background:transparent!important;color:#8796A5!important;font-size:14px!important;line-height:1!important;cursor:pointer;opacity:1!important}
html body.tg-theme #wcspc-area .wcspc-item-remove:hover{background:#F4F6F8!important;color:#B3261E!important}
html body.tg-theme #wcspc-area .wcspc-item-remove::before{content:"×"!important;font-family:Barlow,'Segoe UI',system-ui,sans-serif!important;font-size:22px!important;font-weight:400;line-height:1!important}
html body.tg-theme #wcspc-area .wcspc-area-bot{position:static!important;flex:0 0 auto;padding:14px 20px calc(16px + env(safe-area-inset-bottom,0px))!important;margin:0!important;border:0!important;border-top:1px solid #DCE2E8!important;background:#F4F6F8!important;box-shadow:0 -8px 24px rgba(2,26,43,.06)}
html body.tg-theme #wcspc-area .wcspc-total{padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html body.tg-theme #wcspc-area .wcspc-total-inner{display:flex!important;align-items:baseline;justify-content:space-between;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html body.tg-theme #wcspc-area .wcspc-total-left{font-size:0!important;color:#566574!important;font-weight:600!important;float:none!important;width:auto!important}
html body.tg-theme #wcspc-area .wcspc-total-left::before{content:"Subtotal";font-size:15px}
html body.tg-theme #wcspc-area .wcspc-total-right,html body.tg-theme #wcspc-area .wcspc-total-right .amount{font-size:22px!important;font-weight:700!important;color:#003050!important;float:none!important;width:auto!important;text-align:right}
html body.tg-theme #wcspc-area .wcspc-total::after{content:"Shipping and tax are worked out at checkout.";display:block;margin:2px 0 12px;font-size:13px;color:#566574}
html body.tg-theme #wcspc-area .wcspc-action{padding:0!important;margin:0!important;border:0!important;background:transparent!important}
html body.tg-theme #wcspc-area .wcspc-action-inner{display:flex!important;flex-direction:column;gap:8px;padding:0!important;margin:0!important}
html body.tg-theme #wcspc-area .wcspc-action-left,html body.tg-theme #wcspc-area .wcspc-action-right{width:auto!important;float:none!important;padding:0!important;margin:0!important}
html body.tg-theme #wcspc-area .wcspc-action-right{order:0}
html body.tg-theme #wcspc-area .wcspc-action-left{order:1}
html body.tg-theme #wcspc-area .wcspc-action-inner a{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;width:100%!important;min-height:48px;margin:0!important;padding:0 16px!important;border-radius:4px!important;font:inherit!important;font-weight:700!important;font-size:16px!important;line-height:1.2!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;transition:background-color .14s ease-out}
html body.tg-theme #wcspc-area .wcspc-action-right a{border:0!important;background:#FFB81C!important;color:#0E1B26!important}
html body.tg-theme #wcspc-area .wcspc-action-right a:hover{background:#F2AB0D!important}
html body.tg-theme #wcspc-area .wcspc-action-left a{border:2px solid #003050!important;background:#FFFFFF!important;color:#003050!important;font-size:0!important}
html body.tg-theme #wcspc-area .wcspc-action-left a::before{content:"View cart";font-size:16px}
html body.tg-theme #wcspc-area .wcspc-action-left a:hover{background:#E9EDF1!important}
html body.tg-theme #wcspc-area .wcspc-continue{padding:10px 0 0!important;margin:0!important;border:0!important;text-align:center;background:transparent!important}
html body.tg-theme #wcspc-area .wcspc-continue span{display:inline-block;padding:6px 4px;border:0!important;background:transparent!important;color:#003050!important;font:inherit!important;font-weight:600!important;font-size:14px!important;text-decoration:underline!important;text-transform:none!important;cursor:pointer}
html body.tg-theme #wcspc-area .wcspc-close i::before{content:"×"!important;font-family:Barlow,'Segoe UI',system-ui,sans-serif!important;font-size:30px!important;font-weight:400;line-height:1!important}
/* a kit's child lines (Product Bundles): shown as part of the kit, with no controls of their own */
html body.tg-theme #wcspc-area .wcspc-item:has(.bundled_table_item_price){padding:10px 0 10px 14px!important;border-left:3px solid #E9EDF1!important;margin-left:2px!important}
html body.tg-theme #wcspc-area .wcspc-item:has(.bundled_table_item_price) .wcspc-item-qty,
html body.tg-theme #wcspc-area .wcspc-item:has(.bundled_table_item_price) .wcspc-item-remove{display:none!important}
html body.tg-theme #wcspc-area .wcspc-item:has(.bundled_table_item_price) .wcspc-item-inner{grid-template-columns:48px minmax(0,1fr)}
html body.tg-theme #wcspc-area .wcspc-item:has(.bundled_table_item_price) .wcspc-item-thumb{width:48px!important;height:48px!important}
html body.tg-theme #wcspc-area .wcspc-item:has(.bundled_table_item_price) .wcspc-item-title a{font-weight:600!important;font-size:14px!important;color:#36454F!important}
html body.tg-theme #wcspc-area .bundled_table_item_price::before{content:"Part of the kit · "!important;font-family:Barlow,'Segoe UI',system-ui,sans-serif!important;font-size:13px;font-weight:600;color:#566574}
html body.tg-theme #wcspc-area .wcspc-no-item,html body.tg-theme #wcspc-area .wcspc-error{padding:28px 20px!important;border:0!important;background:transparent!important;color:#36454F!important;font:inherit!important;font-size:16px!important;text-align:center}
@media (max-width:699px){
  html body.tg-theme #wcspc-area.wcspc-area{width:100%!important}
}
/* the narrowest phones (320px): the row card's quantity stepper gives way so Add to cart and Quote still fit */
@media (max-width:359px){
  .tg-page .tg-card--row .ct-step{display:none!important}
  .tg-page .tg-card--row .ct-buy input{border-radius:4px!important;border-left-color:#8796A5!important;border-right-color:#8796A5!important}
}

/* row cards: an attribute with many values (a size list) takes two lines at most */
.tg-page .tg-card--row .ct-spec dd{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}

/* ---------- 6d. Product Bundles: a kit's child lines in the cart, the checkout review and the side cart ---------- */
html body.tg-theme .bundled_table_item_price::after,
html body.tg-theme .bundled_table_item_subtotal::after{display:none!important;content:none!important}
/* the cart page: a child line follows its kit, indented, with the kit's quantity and no controls of its own */
.tg-page .cart_item.bundled_table_item{margin-left:28px!important;border-left:3px solid #E9EDF1!important;background:#FAFBFC!important}
.tg-page .cart_item.bundled_table_item [data-tg-qty] button,
.tg-page .cart_item.bundled_table_item .ct-step,
.tg-page .cart_item.bundled_table_item a.remove,
.tg-page .cart_item.bundled_table_item .ca-remove{display:none!important}
.tg-page .cart_item.bundled_table_item [data-tg-qty] input,
.tg-page .cart_item.bundled_table_item input.qty{pointer-events:none;border-color:transparent!important;background:transparent!important;font-weight:700}
.tg-page .cart_item.bundled_table_item .ca-name::before,
.tg-page .cart_item.bundled_table_item .product-name::before{content:"Part of the kit above";display:block;margin-bottom:2px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#566574}

/* ---------- 6e. Request a Quote page (Addify's form, in the theme's look) ---------- */
.tg-page .addify-quote-form{font-family:Barlow,'Segoe UI',system-ui,sans-serif;color:#0E1B26}
.tg-page .addify-quote-form .adf-quote-detail-wrap{display:flex;flex-direction:column;gap:24px}
/* the items */
.tg-page .addify-quote-form table.shop_table.cart{width:100%;margin:0!important;border:1px solid #DCE2E8!important;border-radius:6px;border-collapse:separate!important;border-spacing:0;background:#FFFFFF;overflow:hidden}
.tg-page .addify-quote-form table.shop_table.cart th,
.tg-page .addify-quote-form table.shop_table.cart td{border:0!important;border-bottom:1px solid #E9EDF1!important;padding:14px 12px!important;vertical-align:middle!important;text-align:left!important;background:transparent!important}
.tg-page .addify-quote-form table.shop_table.cart thead th{padding:12px!important;background:#F4F6F8!important;font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#566574}
.tg-page .addify-quote-form table.shop_table.cart thead th.product-thumbnail{font-size:0}
.tg-page .addify-quote-form table.shop_table.cart tbody tr:last-child td{border-bottom:0!important}
.tg-page .addify-quote-form td.product-remove{width:44px;padding-right:0!important}
.tg-page .addify-quote-form td.product-remove a.remove{display:flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;margin:0!important;border:1px solid #DCE2E8!important;border-radius:50%!important;background:#FFFFFF!important;color:#8796A5!important;font-size:20px!important;font-weight:400!important;line-height:1!important;text-decoration:none!important}
.tg-page .addify-quote-form td.product-remove a.remove:hover{border-color:#B3261E!important;background:#FBEAEA!important;color:#B3261E!important}
.tg-page .addify-quote-form td.product-thumbnail{width:88px}
.tg-page .addify-quote-form td.product-thumbnail img{display:block;width:72px!important;height:72px!important;object-fit:contain;padding:3px;box-sizing:border-box;border:1px solid #DCE2E8;border-radius:4px;background:#FFFFFF}
.tg-page .addify-quote-form td.product-name a{font-weight:700;font-size:15px;line-height:1.3;color:#003050!important;text-decoration:none}
.tg-page .addify-quote-form td.product-name a:hover{text-decoration:underline}
.tg-page .addify-quote-form td.product-name p{margin:6px 0 0!important}
.tg-page .addify-quote-form td.product-name small{display:inline-block;padding:2px 8px;border:1px solid #C5CED7;border-radius:3px;font-family:'Barlow Condensed',Barlow,sans-serif;font-size:13px;font-weight:600;letter-spacing:.06em;color:#36454F}
.tg-page .addify-quote-form td.product-name small b{font-weight:600;color:#566574}
.tg-page .addify-quote-form td.product-price,.tg-page .addify-quote-form td.product-subtotal{font-weight:600;font-size:15px;color:#0E1B26;white-space:nowrap}
.tg-page .addify-quote-form td.product-subtotal{font-weight:700;color:#003050}
.tg-page .addify-quote-form input.offered-price-input,
.tg-page .addify-quote-form td.product-quantity input{box-sizing:border-box;width:88px!important;height:44px!important;margin:0!important;padding:0 10px!important;border:1px solid #8796A5!important;border-radius:4px!important;background:#FFFFFF!important;color:#0E1B26!important;font:inherit!important;font-weight:600!important;font-size:15px!important;text-align:center;box-shadow:none!important}
.tg-page .addify-quote-form td.product-quantity input{width:72px!important}
.tg-page .addify-quote-form td.product-quantity .quantity{margin:0!important}
.tg-page .addify-quote-form input:focus-visible{outline:2px solid #003050;outline-offset:1px}
/* totals */
.tg-page .addify-quote-form .cart-collaterals{display:flex;justify-content:flex-end;margin:0!important;padding:0!important;width:100%!important}
.tg-page .addify-quote-form .cart-collaterals::before,.tg-page .addify-quote-form .cart-collaterals::after{content:none!important}
.tg-page .addify-quote-form .cart_totals{width:min(100%,440px)!important;float:none!important;margin:0!important;padding:18px 20px 8px!important;border:1px solid #DCE2E8;border-radius:6px;background:#FFFFFF;box-sizing:border-box}
.tg-page .addify-quote-form .cart_totals h2{margin:0 0 10px!important;font-family:'Barlow Condensed',Barlow,sans-serif!important;font-weight:700!important;font-size:18px!important;letter-spacing:.06em;text-transform:uppercase;color:#003050}
.tg-page .addify-quote-form .cart_totals table{width:100%;margin:0!important;border:0!important;border-collapse:collapse!important;background:transparent!important}
.tg-page .addify-quote-form .cart_totals th,.tg-page .addify-quote-form .cart_totals td{padding:10px 0!important;border:0!important;border-top:1px solid #E9EDF1!important;background:transparent!important;font-size:15px;font-weight:500!important;color:#36454F;text-align:left!important;text-transform:none!important;letter-spacing:0!important}
.tg-page .addify-quote-form .cart_totals td{text-align:right!important;font-weight:600!important;color:#0E1B26}
.tg-page .addify-quote-form .cart_totals tr:first-child th,.tg-page .addify-quote-form .cart_totals tr:first-child td{border-top:0!important}
.tg-page .addify-quote-form .cart_totals tr:last-child th,.tg-page .addify-quote-form .cart_totals tr:last-child td{border-top:2px solid #003050!important;font-weight:700!important;color:#003050;font-size:17px}
/* your details */
.tg-page .addify-quote-form .af_quote_fields{margin:28px 0 0!important;padding:22px 24px 24px!important;border:1px solid #DCE2E8;border-radius:6px;background:#FFFFFF;box-sizing:border-box}
.tg-page .addify-quote-form .af_quote_fields::before{content:"Where should we send the quote?";display:block;margin:0 0 14px;font-family:'Barlow Condensed',Barlow,sans-serif;font-weight:700;font-size:18px;letter-spacing:.06em;text-transform:uppercase;color:#003050}
.tg-page .addify-quote-form .quote-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}
.tg-page .addify-quote-form .quote-fields p.addify-option-field{margin:0!important;padding:0!important;display:flex;flex-direction:column;gap:6px;width:auto!important;float:none!important}
.tg-page .addify-quote-form .quote-fields p.addify-option-field:nth-child(n+3){grid-column:1 / -1}
.tg-page .addify-quote-form .quote-fields label{margin:0!important;font-size:14px;font-weight:600;color:#36454F}
.tg-page .addify-quote-form .quote-fields input,.tg-page .addify-quote-form .quote-fields select,.tg-page .addify-quote-form .quote-fields textarea{box-sizing:border-box;width:100%!important;min-height:48px;margin:0!important;padding:0 14px!important;border:1px solid #8796A5!important;border-left-width:1px!important;border-radius:4px!important;background:#FFFFFF!important;color:#0E1B26!important;font:inherit!important;font-size:16px!important;box-shadow:none!important}
.tg-page .addify-quote-form .quote-fields textarea{min-height:120px;padding:12px 14px!important}
.tg-page .addify-quote-form .form_row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 16px;margin:18px 0 0!important;padding:0!important}
.tg-page .addify-quote-form .form_row::before{content:"We reply within one business day.";margin-right:auto;font-size:14px;color:#566574}
.tg-page .addify-quote-form .addify_checkout_place_quote,
.tg-page .addify-quote-form button.button.alt{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;min-height:50px;min-width:200px;margin:0!important;padding:0 24px!important;border:0!important;border-radius:4px!important;background:#FFB81C!important;color:#0E1B26!important;font:inherit!important;font-weight:700!important;font-size:16px!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer}
.tg-page .addify-quote-form .addify_checkout_place_quote:hover,
.tg-page .addify-quote-form button.button.alt:hover{background:#F2AB0D!important;color:#0E1B26!important}
.tg-page .addify-quote-form .afrfq_clear_cart,
.tg-page .addify-quote-form button[name="update_cart"],
.tg-page .addify-quote-form button[name="afrfq_update_quote"]{box-sizing:border-box;display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:0 16px!important;border:2px solid #003050!important;border-radius:4px!important;background:#FFFFFF!important;color:#003050!important;font:inherit!important;font-weight:700!important;font-size:15px!important;cursor:pointer}
@media (max-width:699px){
  .tg-page .addify-quote-form table.shop_table.cart thead{display:none}
  .tg-page .addify-quote-form table.shop_table.cart tbody tr{display:grid;grid-template-columns:72px minmax(0,1fr);gap:6px 12px;padding:14px 12px;border-bottom:1px solid #E9EDF1}
  .tg-page .addify-quote-form table.shop_table.cart td{display:block;padding:0!important;border:0!important}
  .tg-page .addify-quote-form table.shop_table.cart td::before{content:attr(data-title);display:block;margin-bottom:2px;font-family:'Barlow Condensed',Barlow,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#566574}
  .tg-page .addify-quote-form td.product-thumbnail,.tg-page .addify-quote-form td.product-remove,.tg-page .addify-quote-form td.product-name{grid-column:auto}
  .tg-page .addify-quote-form td.product-thumbnail::before,.tg-page .addify-quote-form td.product-remove::before,.tg-page .addify-quote-form td.product-name::before{content:none}
  .tg-page .addify-quote-form td.product-thumbnail{grid-row:1 / 3}
  .tg-page .addify-quote-form td.product-remove{grid-column:2;justify-self:end;order:-1}
  .tg-page .addify-quote-form td.product-name{grid-column:2}
  .tg-page .addify-quote-form td.product-price,.tg-page .addify-quote-form td.product-quantity,.tg-page .addify-quote-form td.product-subtotal{grid-column:2}
  .tg-page .addify-quote-form .quote-fields{grid-template-columns:minmax(0,1fr)}
  .tg-page .addify-quote-form .form_row::before{flex:1 1 100%;margin:0}
  .tg-page .addify-quote-form .addify_checkout_place_quote{width:100%}
}

/* ---------- 6f. WooCommerce notices: the theme's colours, never the default purple top line ---------- */
.tg-page .woocommerce-message,.tg-page .woocommerce-info,.tg-page .woocommerce-error,.tg-page .woocommerce-notice,
.tg-page .wc-block-components-notice-banner{position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 20px;padding:14px 16px 14px 52px!important;border:1px solid #C9D6E2!important;border-left:4px solid #003050!important;border-radius:6px;background:#EEF3F7!important;color:#0E1B26!important;font-family:Barlow,'Segoe UI',system-ui,sans-serif;font-size:15px;line-height:1.45;list-style:none!important;word-wrap:break-word;box-shadow:none!important}
.tg-page .woocommerce-message,.tg-page .wc-block-components-notice-banner.is-success{border-left-color:#17794A!important;background:#E7F4EC!important;border-color:#BFE3CC!important}
.tg-page .woocommerce-error,.tg-page .wc-block-components-notice-banner.is-error{border-left-color:#B3261E!important;background:#FBEAEA!important;border-color:#F0C4C1!important}
.tg-page .woocommerce-message::before,.tg-page .woocommerce-info::before,.tg-page .woocommerce-error::before,.tg-page .woocommerce-notice::before{content:""!important;position:absolute;left:16px;top:50%;width:22px;height:22px;margin-top:-11px;background:#003050;font:0/0 a!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M11 12h1v4h1'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 8h.01M11 12h1v4h1'/%3E%3C/svg%3E") center / contain no-repeat}
.tg-page .woocommerce-message::before{background:#17794A;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12 3 3 5-6'/%3E%3C/svg%3E")}
.tg-page .woocommerce-error::before{background:#B3261E;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2.5 20h19z'/%3E%3Cpath d='M12 9v5M12 17h.01'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2.5 20h19z'/%3E%3Cpath d='M12 9v5M12 17h.01'/%3E%3C/svg%3E")}
.tg-page .wc-block-components-notice-banner>svg{position:absolute;left:16px;top:50%;width:22px;height:22px;margin-top:-11px;fill:#003050}
.tg-page .wc-block-components-notice-banner.is-success>svg{fill:#17794A}
.tg-page .wc-block-components-notice-banner.is-error>svg{fill:#B3261E}
.tg-page .wc-block-components-notice-banner__content{flex:1 1 auto;min-width:0}
.tg-page .woocommerce-error li{margin:0!important;padding:0!important;list-style:none!important}
.tg-page .woocommerce-error li+li{margin-top:6px!important}
.tg-page .woocommerce-message a:not(.button),.tg-page .woocommerce-info a:not(.button),.tg-page .woocommerce-error a:not(.button){color:#003050;font-weight:600;text-decoration:underline;text-underline-offset:2px}
.tg-page .woocommerce-message .button,.tg-page .woocommerce-info .button,.tg-page .woocommerce-error .button,.tg-page .wc-block-components-notice-banner .button{order:2;margin:0 0 0 auto!important;padding:0 14px!important;min-height:38px;display:inline-flex;align-items:center;border:2px solid #003050!important;border-radius:4px!important;background:#FFFFFF!important;color:#003050!important;font:inherit!important;font-weight:700!important;font-size:14px!important;text-decoration:none!important;float:none!important}
.tg-page .woocommerce-message .button:hover,.tg-page .woocommerce-info .button:hover,.tg-page .woocommerce-error .button:hover{background:#E9EDF1!important}
.tg-page .woocommerce-notices-wrapper:empty{display:none}

/* ---------- 7. Motion off ---------- */
@media (prefers-reduced-motion:reduce){
  .tg-bar,.tg-added-card,.tg-more-sheet,.tg-more-bg{transition:none}
  .tg-bar-track[data-roll="1"]{animation:none;position:static}
  .tg-bar-tick{overflow-x:auto}
  .tg-added-card[data-open="1"] .tg-added-bar i{animation:none;transform:scaleX(1)}
  .tg-bump{animation:none}
}

/* ---------- 6c. desktop band: the part-type links never run under the My crawler chip ---------- */
@media (min-width:1080px){
  .tg-band{flex-wrap:nowrap!important}
  .tg-band>nav[aria-label="Shop by part type"]{flex:1 1 auto!important;min-width:0!important;overflow-x:auto;scrollbar-width:none}
  .tg-band>nav[aria-label="Shop by part type"]::-webkit-scrollbar{display:none}
  .tg-band nav a{white-space:nowrap}
  .tg-crawler-wrap{flex:0 0 auto!important}
  [data-crawler-chip]{max-width:320px}
  [data-crawler-label]{display:inline-block;max-width:170px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
}
@media (min-width:1080px) and (max-width:1599px){
  .tg-band nav a{padding-left:11px!important;padding-right:11px!important}
}
@media (min-width:1080px) and (max-width:1599px){
  .tg-band nav a[data-short]{font-size:0!important;letter-spacing:0!important}
  .tg-band nav a[data-short]::before{content:attr(data-short);font-size:17px;letter-spacing:.05em}
  .tg-band nav a[data-short]>span{display:none}
}
@media (min-width:1080px) and (max-width:1699px){
  /* with a crawler saved, the chip shows the make alone: the target icon says whose it is */
  .tg-crawler-wrap:has(.tg-crawler-clear:not([hidden])) [data-crawler-chip]>span:first-of-type{display:none}
  [data-crawler-label]{max-width:150px}
}
@media (min-width:1080px) and (max-width:1279px){
  .tg-band nav a{font-size:16px!important;padding-left:9px!important;padding-right:9px!important}
}