/* BEGIN TV Liquidator Shared Header — 20260927-1 */

#tvl-header{
  --nh-ink:#102e49;
  --nh-blue:#0869e8;
  --nh-line:#e2e8ee;
  --nh-muted:#607084;
  position:relative;
  z-index:80;
  background:#fff;
  color:var(--nh-ink);
  font:normal 400 16px/1.4 Inter,"Segoe UI",Arial,sans-serif;
  text-align:left;
  letter-spacing:normal;
  line-height:1.4;
  border-bottom:1px solid var(--nh-line);
}
#tvl-header *{box-sizing:border-box;}
#tvl-header a{color:inherit;text-decoration:none;}
#tvl-header a:focus-visible,
#tvl-header button:focus-visible{
  outline:3px solid #0875ef;
  outline-offset:3px;
}
#tvl-header .nh-inner{
  width:calc(100% - 64px);
  max-width:1800px;
  margin-inline:auto;
}

/* Utility strip, including the customer link */
#tvl-header .nh-utility{
  background:#0d2d4d;
  color:#fff;
}
#tvl-header .nh-utility .nh-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:36px;
}
#tvl-header .nh-promise{
  display:flex;
  align-items:center;
  gap:20px;
  font-size:10px;
  font-weight:750;
  letter-spacing:.06em;
}
#tvl-header .nh-customers{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
}
#tvl-header .nh-customers::before{
  content:"✓";
  color:#b8dabf;
  font-size:13px;
}
#tvl-header .nh-company{
  display:flex;
  align-items:center;
  gap:24px;
}
#tvl-header .nh-company a{
  display:flex;
  align-items:center;
  min-height:36px;
  font-size:10px;
  font-weight:700;
  letter-spacing:.06em;
}
#tvl-header .nh-utility a:hover{
  text-decoration:underline;
  text-underline-offset:4px;
}

/* Three sections with a compact, centered product group */
#tvl-header .nh-main{
  display:grid;
  grid-template-columns:minmax(220px,1fr) minmax(0,740px) minmax(220px,1fr);
  align-items:center;
  column-gap:clamp(24px,3vw,60px);
  min-height:148px;
  padding-block:14px;
}
#tvl-header .nh-brand{
  display:block;
  width:clamp(220px,16vw,280px);
  max-width:100%;
  justify-self:start;
}
#tvl-header .nh-brand img{
  display:block;
  width:100%;
  height:auto;
}

/* Five larger product images with shorter labels */
#tvl-header .nh-products{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:6px;
  min-width:0;
}
#tvl-header .nh-products[hidden]{display:none;}
#tvl-header .nh-product{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  gap:9px;
  padding:5px 0 12px;
  text-align:center;
}
#tvl-header .nh-product img{
  display:block;
  width:100%;
  max-width:140px;
  height:auto;
  aspect-ratio:450/253;
  object-fit:contain;
  border-radius:4px;
}
#tvl-header .nh-product span{
  display:block;
  font-size:13px;
  font-weight:650;
  line-height:20px;
  white-space:nowrap;
}

/* Simple underline for the selected product */
#tvl-header .nh-product::after{
  content:"";
  position:absolute;
  bottom:0;
  left:50%;
  width:30px;
  height:2px;
  border-radius:2px;
  background:transparent;
  transform:translateX(-50%);
}
#tvl-header .nh-product:hover,
#tvl-header .nh-product[aria-current="page"]{
  color:#075cc6;
}
#tvl-header .nh-product:hover::after{
  background:#a6c8ef;
}
/* BEGIN Active Product Highlight */
#tvl-header .nh-product[aria-current="page"]::after{
  background:var(--nh-blue);
}

#tvl-header .nh-product[aria-current="page"] img{
  outline:1px solid #83b2ed;
  outline-offset:1px;
}
/* END Active Product Highlight */

/* Phone and quote */
#tvl-header .nh-contact{
  display:grid;
  justify-items:center;
  gap:9px;
  width:206px;
  max-width:100%;
  justify-self:end;
}
#tvl-header .nh-contact-info{
  display:grid;
  justify-items:center;
  gap:2px;
}
#tvl-header .nh-contact-label{
  font-size:12px;
  font-weight:700;
  color:#496177;
  letter-spacing:.06em;
  text-transform:uppercase;
  text-align:center;
  white-space:nowrap;
}
#tvl-header .nh-phone{
  font-size:27px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:-.035em;
  white-space:nowrap;
}
#tvl-header .nh-email{
  font-size:13px;
  font-weight:500;
  color:#496177;
}
#tvl-header .nh-phone:hover,
#tvl-header .nh-email:hover{
  color:var(--nh-blue);
}
#tvl-header .nh-quote{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  width:100%;
  min-height:40px;
  padding:0 12px;
  border-radius:6px;
  background:#247936;
  color:#fff;
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
}
#tvl-header .nh-quote:hover{background:#1c622b;}

/* BEGIN Responsive Header Buttons */
#tvl-header .nh-quote.nh-quote-mobile{
  display:none;
}

@media(max-width:1150px){
  #tvl-header .nh-quote.nh-quote-desktop{
    display:none;
  }

  #tvl-header .nh-quote.nh-quote-mobile{
    display:inline-flex;
  }
}
/* END Responsive Header Buttons */

/* Smaller desktop screens */
@media(min-width:1151px) and (max-width:1399px){
  #tvl-header .nh-inner{
    width:calc(100% - 48px);
  }
  #tvl-header .nh-main{
    column-gap:24px;
  }
  #tvl-header .nh-product span{
    font-size:12px;
  }
}

/* Tablet and mobile */
@media(max-width:1150px){
  #tvl-header .nh-inner{
    width:calc(100% - 32px);
  }
  #tvl-header .nh-utility .nh-inner{
    gap:12px;
  }
  #tvl-header .nh-promise{
    gap:14px;
  }
  #tvl-header .nh-company a{
    min-height:40px;
  }
  #tvl-header .nh-main{
    grid-template-columns:minmax(0,1fr) auto;
    gap:10px 16px;
    min-height:0;
    padding-block:16px 0;
  }
  #tvl-header .nh-brand{
    grid-column:1;
    grid-row:1;
    width:250px;
  }
  #tvl-header .nh-contact{
    display:contents;
  }
  #tvl-header .nh-contact-info{
    grid-column:1/-1;
    grid-row:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-top:1px solid var(--nh-line);
    padding-top:4px;
  }
  #tvl-header .nh-contact-label{
    display:none;
  }
  #tvl-header .nh-contact-info a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
  }
  #tvl-header .nh-phone{
    font-size:21px;
  }
  #tvl-header .nh-email{
    font-size:12px;
  }
  #tvl-header .nh-quote{
    grid-column:2;
    grid-row:1;
    min-height:44px;
    width:auto;
  }
  #tvl-header .nh-quote span{
    display:none;
  }

  /* Expanded product menu */
  #tvl-header .nh-products{
    grid-column:1/-1;
    grid-row:4;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:12px;
    padding-block:4px 18px;
  }
  #tvl-header .nh-product{
    gap:8px;
    padding:8px 0 12px;
  }
  #tvl-header .nh-product img{
    max-width:160px;
  }
  #tvl-header .nh-product span{
    font-size:12px;
    white-space:normal;
  }
}

@media(max-width:720px){
  #tvl-header .nh-promise>span{
    display:none;
  }
  #tvl-header .nh-products{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:540px){
  #tvl-header .nh-promise{
    font-size:9px;
    letter-spacing:0;
  }
  #tvl-header .nh-customers{
    gap:4px;
  }
  #tvl-header .nh-company{
    gap:12px;
  }
  #tvl-header .nh-company a{
    font-size:9px;
    letter-spacing:0;
  }
  #tvl-header .nh-main{
    gap:8px 10px;
  }
  #tvl-header .nh-brand{
    width:210px;
  }
  #tvl-header .nh-quote{
    padding-inline:14px;
    font-size:12px;
  }
  #tvl-header .nh-phone{
    font-size:20px;
  }
  #tvl-header .nh-email{
    font-size:11px;
  }
  #tvl-header .nh-products{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px 10px;
  }
  #tvl-header .nh-product:last-child{
    grid-column:1/-1;
    width:calc((100% - 10px)/2);
    justify-self:center;
  }
}

@media(max-width:360px){
  #tvl-header .nh-brand{
    width:172px;
  }
  #tvl-header .nh-quote{
    padding-inline:11px;
  }
  #tvl-header .nh-phone{
    font-size:18px;
  }
  #tvl-header .nh-company{
    gap:8px;
  }
}

/* Always-visible mobile product navigation */
#tvl-header .nh-product picture{
  display:block;
  width:100%;
  max-width:140px;
}

#tvl-header .nh-product .nh-label-mobile{
  display:none;
}

@media(min-width:1151px) and (max-width:1399px){
  #tvl-header .nh-product .nh-label-desktop{
    max-width:100%;
    white-space:normal;
    line-height:1.3;
    min-height:32px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
}

@media(max-width:1150px){
  #tvl-header .nh-products{
    display:grid;
    grid-column:1/-1;
    grid-row:3;
    grid-template-columns:1.4fr 1.1fr 1.1fr .85fr .85fr;
    gap:3px;
    padding:12px 0 14px;
    border-top:1px solid var(--nh-line);
  }

  #tvl-header .nh-product,
  #tvl-header .nh-product:last-child{
    grid-column:auto;
    width:100%;
    justify-self:stretch;
    min-height:88px;
    gap:5px;
    padding:0 0 10px;
  }

  #tvl-header .nh-product picture{
    width:100%;
    max-width:96px;
    height:clamp(58px,16vw,96px);
  }

  #tvl-header .nh-product img{
    width:100%;
    height:100%;
    max-width:none;
    aspect-ratio:1;
    object-fit:contain;
    border-radius:0;
  }

  #tvl-header .nh-product .nh-label-desktop{
    display:none;
  }

  #tvl-header .nh-product .nh-label-mobile{
    display:block;
    font-size:clamp(9px,2.45vw,12px);
    font-weight:700;
    line-height:1.35;
    white-space:nowrap;
  }

  #tvl-header .nh-product::after{
    width:32px;
    max-width:70%;
  }
}

/* END TV Liquidator Shared Header */

/* BEGIN Product Page Section Bar */
#tvl-product-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  margin: 0;
  background: rgba(13, 45, 77, 0.96);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  font: normal 400 16px/1.55 Inter, "Segoe UI", Arial, sans-serif;
  text-align: left;
}
#tvl-product-nav * { box-sizing: border-box; }
#tvl-product-nav .tvl-subnav-inner {
  width: min(1280px, calc(100% - 28px));
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 58px;
}
#tvl-product-nav .tvl-subnav-brand {
  color: #fff;
  font-weight: 900;
  letter-spacing: 0.01em;
  white-space: nowrap;
}
#tvl-product-nav .tvl-subnav-links {
  display: flex;
  gap: 22px;
  align-items: center;
  overflow: auto;
}
#tvl-product-nav .tvl-subnav-links a {
  color: #d9e8f7;
  text-decoration: none;
  font-size: 14.72px;
  font-weight: 700;
  white-space: nowrap;
  padding-block: 12px;
}
#tvl-product-nav .tvl-subnav-links a:hover { color: #fff; }
#tvl-product-nav .tvl-subnav-links a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -2px;
}
/* Keep section headings below the sticky bar when following anchor links. */
#tvl-product-nav ~ main [id] { scroll-margin-top: 74px; }
@media (min-width: 761px) and (max-width: 1000px) {
  #tvl-product-nav .tvl-subnav-brand { white-space: normal; }
  #tvl-product-nav .tvl-subnav-inner { gap: 16px; }
  #tvl-product-nav .tvl-subnav-links { flex-shrink: 0; gap: 16px; }
}
/* Match the local design: product images remain visible; section bar hides on phones. */
@media (max-width: 760px) {
  #tvl-product-nav { display: none; }
  #tvl-product-nav ~ main [id] { scroll-margin-top: 16px; }
}
/* END Product Page Section Bar */

/* BEGIN Protected Header and Section Bar Link States — 20260927-6
   Scoped !important declarations protect these components from legacy
   page-wide link rules. Layout, sizing and click handlers are unchanged.
   :active means pressed; aria-current identifies the current page.
*/
#tvl-header a {
  color: #102e49 !important;
  text-decoration: none !important;
}
#tvl-header .nh-utility a {
  color: #fff !important;
}
#tvl-header .nh-utility a:is(:hover, :focus-visible, :active) {
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}
#tvl-header .nh-company a[aria-current="page"] {
  text-decoration: underline !important;
  text-decoration-color: #fff !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 5px !important;
}
#tvl-header .nh-product:is(:hover, :focus-visible, :active),
#tvl-header .nh-product[aria-current="page"] {
  color: #075cc6 !important;
}
#tvl-header .nh-product:is(:hover, :focus-visible, :active)::after {
  background: #a6c8ef !important;
}
#tvl-header .nh-product[aria-current="page"]::after {
  background: #0869e8 !important;
}
#tvl-header .nh-product[aria-current="page"] img {
  outline: 1px solid #83b2ed !important;
  outline-offset: 1px !important;
}
#tvl-header .nh-email {
  color: #496177 !important;
}
#tvl-header .nh-phone:is(:hover, :focus-visible, :active),
#tvl-header .nh-email:is(:hover, :focus-visible, :active) {
  color: #0869e8 !important;
}
#tvl-header a.nh-quote {
  color: #fff !important;
  background: #247936 !important;
  text-decoration: none !important;
}
#tvl-header a.nh-quote:is(:hover, :focus-visible, :active) {
  background: #1c622b !important;
}
#tvl-header a:focus-visible,
#tvl-header button:focus-visible {
  outline: 3px solid #0875ef !important;
  outline-offset: 3px !important;
}
#tvl-product-nav .tvl-subnav-links a {
  color: #d9e8f7 !important;
  text-decoration: none !important;
}
#tvl-product-nav .tvl-subnav-links a:is(:hover, :focus-visible, :active),
#tvl-product-nav .tvl-subnav-links a[aria-current="location"] {
  color: #fff !important;
}
#tvl-product-nav .tvl-subnav-links a:focus-visible {
  outline: 2px solid #fff !important;
  outline-offset: -2px !important;
}
/* END Protected Header and Section Bar Link States */