.bouncy{
 animation:bouncy 5s infinite linear;
 position:relative;
}
@keyframes bouncy {
 0%{top:0em}
 40%{top:0em}
 43%{top:-0.9em}
 46%{top:0em}
 48%{top:-0.4em}
 50%{top:0em}
 100%{top:0em;}
}
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }

.btn2 {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn2:hover {
  background: #002c77;
  background-image: -webkit-linear-gradient(top, #002c77, #3498db);
  background-image: -moz-linear-gradient(top, #002c77, #3498db);
  background-image: -ms-linear-gradient(top, #002c77, #3498db);
  background-image: -o-linear-gradient(top, #002c77, #3498db);
  background-image: linear-gradient(to bottom, #002c77, #3498db);
  text-decoration: none;
}
.btn {
  display: inline-block;
  transition: all 0.2s ease-in;
  position: relative;
  overflow: hidden;
  z-index: 1;
  color: #090909;
  padding: 0.7em 1.7em;
  cursor: pointer;
  font-size: 18px;
  border-radius: 0.5em;
  background: #e8e8e8;
  border: 1px solid #e8e8e8;
  box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
}

.btn:active {
  color: #666;
  box-shadow: inset 4px 4px 12px #c5c5c5, inset -4px -4px 12px #ffffff;
}

.btn:before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scaleY(1) scaleX(1.25);
  top: 100%;
  width: 140%;
  height: 180%;
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.btn:after {
  content: "";
  position: absolute;
  left: 55%;
  transform: translateX(-50%) scaleY(1) scaleX(1.45);
  top: 180%;
  width: 160%;
  height: 190%;
  background-color: #3498db;
  border-radius: 50%;
  display: block;
  transition: all 0.5s 0.1s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: -1;
}

.btn:hover {
  color: #ffffff;
  border: 1px solid #009087;
}

.btn:hover:before {
  top: -35%;
  background-color: #3498db;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

.btn:hover:after {
  top: -45%;
  background-color: #3498db;
  transform: translateX(-50%) scaleY(1.3) scaleX(0.8);
}

#pix-fe .cp-67acad27db323899001791 ul.zoey-nav-primary .menu-item.level1 > .menu-item-inner .menu-item-link.has-thumb .img-container .image {
    display: none !important;
}

ul.zoey-nav-primary .menu-item.level1 > .menu-item-inner .menu-item-link.has-thumb{
    --category-min-height: 5px;
    --category-spacing: 0px;
    --category-padding: 0px;
    --category-border-radius: 2px 2px 2px 2px;
    --category-border-width: 0px;
    --category-border-color: rgba(0, 0, 0, 0);
    --category-background-color: rgba(0, 0, 0, 0);
    --category-inactive-overlay-color: rgba(0, 0, 0, 0);
    --category-active-overlay-color: rgba(0, 0, 0, 0);
    --category-underline-height: var(--underline-height);
    --category-underline-spacing: calc(var(--underline-spacing) + var(--underline-height));
    --category-underline-color: var(--underline-color);
    --category-text-family: var(--text-family);
    --category-text-spacing: var(--text-spacing);
    --category-line-height: var(--text-line-height);
    --category-text-color: var(--item-color);
    --category-text-size: var(--text-size);
    --category-text-style: var(--text-style);
    --category-text-weight: var(--text-weight);
    --category-text-transform: var(--text-transform);
    --category-text-align: var(--text-align);
}

#pix-fe .cp-67acad27db323899001791 ul.zoey-nav-primary .menu-item.level1 > .menu-item-inner .menu-item-link.has-thumb .img-container .category-name{
    padding-bottom: calc(var(--category-underline-spacing) + var(--underline-height) * 2) !important;
    line-height: var(--category-line-height) !important;
    
}

#pix-fe .cp-67acad27db323899001791 ul.zoey-nav-primary .menu-item.level1 > .menu-item-inner .menu-item-link.has-thumb:hover > .img-container .category-name::after, 
#pix-fe .cp-67acad27db323899001791 ul.zoey-nav-primary .menu-item.level1 > .menu-item-inner .menu-item-link.has-thumb:focus-visible > .img-container .category-name::after{
    --category-underline-color: #027F96;
}




/* TRUCK SCALE HOTSPOT STYLES */
.wt-hotspot {
  position: relative;
  display: block;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial;
}

/* two-column layout on desktop */
.wt-hotspot[data-layout="side"] {
  display: flex;
  align-items: flex-start;
}
.wt-hotspot[data-layout="side"] .media {
  position: relative;
  flex: 1 1 auto;
  margin-right: 18px;
}
.wt-hotspot[data-layout="side"] .panel {
  flex: 0 0 380px;
}

/* stacked layout on small screens */
.wt-hotspot[data-layout="stack"] .media {
  margin-bottom: 18px;
}

.wt-hotspot .media img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 12px;
}

/* pins */
/* FORCE circular hotspot pins, ignore theme .btn rules */
.wt-hotspot .media .pin,
.wt-hotspot button.pin {
  position: absolute;
  transform: translate(-50%, -50%);
  display: block;                 /* not inline */
  width: 14px;
  height: 14px;
  padding: 0 !important;
  margin: 0 !important;
  background-image: none !important;
  background-color: #ff4d00 !important;
  border: 2px solid #ffffff !important;
  border-radius: 9999px !important;     /* force circle */
  box-sizing: content-box !important;
  cursor: pointer;
  overflow: visible !important;

  /* target rings */
  box-shadow:
    0 0 0 5px rgba(255,77,0,0.16),
    0 0 0 10px rgba(255,77,0,0.07);
}

.wt-hotspot .media .pin.active,
.wt-hotspot button.pin.active {
  background-color: #073A58 !important;
}

.wt-hotspot .media .pin:focus,
.wt-hotspot button.pin:focus {
  outline: 3px solid rgba(0,0,0,0.25);
  outline-offset: 3px;
}

/*----------- CTA-----------*/
/* Top hero block */
.wt-hero-cta {
  max-width: 900px;
  margin: 0 auto 32px;
  text-align: center;
}
.wt-hero-cta h1 {
  font-size: 28px;
  margin-bottom: 8px;
}
.wt-hero-cta p {
  margin: 4px 0 0;
}

/* Generic CTA groups */
.wt-cta-group {
  margin-top: 16px;
}

.wt-cta-btn {
  display: inline-block !important;
  padding: 10px 22px;
  margin: 4px 6px;
  background-color: #073A58;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  white-space: nowrap;
}
.wt-cta-btn:hover {
  background-color: #0d4c72;
}

.wt-cta-secondary {
  background-color: #ff6b00;
}
.wt-cta-secondary:hover {
  background-color: #e25a00;
}

/* Under-hotspot CTA */
.wt-cta-under-hotspot {
  text-align: center;
  margin: 20px 0 32px;
}

/* Bottom kit callout */
.wt-kit-callout {
  max-width: 900px;
  margin: 40px auto;
  text-align: center;
}
.wt-kit-callout h3 {
  margin-bottom: 4px;
}
.wt-kit-callout p {
  margin: 6px 0;
}

/* Small note text */
.wt-hero-note {
  font-size: 14px;
  color: #374151;
}

/*-------------------------------*/


/* side panel */
.wt-hotspot .panel {
  position: relative;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
  padding: 20px 18px;
  min-height: 140px;
}
.wt-hotspot .panel h3 {
  margin: 0 0 6px;
  font-size: 18px;
}
.wt-hotspot .panel .body {
  font-size: 14px;
  line-height: 1.5;
  color: #222;
}
.wt-hotspot .panel .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
}

/* accordion */
.wt-accordion {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}
.wt-accordion .row {
  border-top: 1px solid #f1f5f9;
}
.wt-accordion .row:first-child {
  border-top: 0;
}
.wt-accordion button.h {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 14px 16px;
  background: #fff;
  border: 0;
  cursor: pointer;
}
.wt-accordion .h .t {
  font-weight: 600;
}
.wt-accordion .h .ic {
  transition: transform .2s;
}
.wt-accordion .row[aria-expanded="true"] .ic {
  transform: rotate(90deg);
}
.wt-accordion .c {
  display: block;
  height: 0;
  overflow: hidden;
  transition: height .25s ease;
}
.wt-accordion .row[aria-expanded="true"] .c {
  height: auto;
}
.wt-accordion .inner {
  padding: 0 16px 14px;
}

/* responsive */
@media (max-width: 900px) {
  .wt-hotspot[data-layout="side"] {
    display: block;
  }
  .wt-hotspot[data-layout="side"] .media {
    margin-right: 0;
    margin-bottom: 18px;
  }
  .wt-hotspot[data-layout="side"] .panel {
    display: none;
  }
  .wt-hotspot .accordion-wrap {
    display: block;
  }
}
@media (min-width: 901px) {
  .wt-hotspot .accordion-wrap {
    display: none;
  }
}
/* Emphasize the first summary line and tune for mobile */
.wt-accordion .inner p.summary {
  font-weight: 600;
  margin: 0 0 4px;
}

.wt-accordion .inner p {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 6px;
}

.wt-accordion .inner ul {
  margin: 0 0 6px 16px;
  padding: 0;
}

.wt-accordion .inner li {
  font-size: 14px;
  line-height: 1.4;
}

/* Mobile: slightly smaller, tighter text so accordion feels lighter */
@media (max-width: 600px) {
  .wt-accordion .inner p,
  .wt-accordion .inner li {
    font-size: 13px;
    line-height: 1.4;
  }
  .wt-accordion .inner p.summary {
    font-size: 13px;
  }
}



/* WeightechUSA product-page templates — spec 2026-10-08. Light only. Mobile first. */
.wt-pdp,.wt-pdp-ready{--pdp-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Inter,"Segoe UI",Roboto,Arial,sans-serif;--pdp-navy:#1A2B3C;--pdp-navy-2:#0F1B2D;--pdp-red:#C8102E;--pdp-bg:#F4F4F2;--pdp-line:#E4E4E0;--pdp-muted:#5F5E5A;--pdp-stage:radial-gradient(circle at 50% 55%,#fff 0%,#EEF1F4 55%,#E2E7EC 100%)}
.wt-pdp,.wt-pdp *{box-sizing:border-box}
.wt-pdp{font-family:var(--pdp-font);color:var(--pdp-navy);-webkit-font-smoothing:antialiased}
.wt-pdp-ready .wt-product,.wt-pdp-ready .wt3000-product,.wt-pdp-ready .std{font-family:var(--pdp-font)!important}
.wt-pdp .wt-mono{font-family:'Courier New',Courier,monospace;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pdp-muted)}

/* anchor bar */
.wt-pdp .wt-tabs{position:relative;z-index:40;display:flex;overflow:hidden;white-space:nowrap;background:#fff;border-bottom:1px solid var(--pdp-line);padding:0 6px;font-size:clamp(12px,3.2vw,13px)}
.wt-pdp .wt-tab{flex:1 1 0;min-width:0;text-align:center;overflow:hidden;text-overflow:ellipsis;color:var(--pdp-muted)!important;text-decoration:none!important;padding:15px 2px 13px;border-bottom:2px solid transparent}
.wt-pdp .wt-tab.is-active{color:var(--pdp-navy)!important;font-weight:700;border-bottom-color:var(--pdp-red)}
.wt-pdp .wt-tabs__probe{position:absolute;visibility:hidden;font-size:clamp(12px,3.2vw,13px);font-weight:700;white-space:nowrap}
.wt-pdp-ready [data-tab]{scroll-margin-top:48px}
.wt-pdp .wt-tabs.is-fixed{position:fixed;top:0;left:0;right:0;z-index:40}
@media (max-width:899px){.wt-pdp{display:flex;flex-direction:column}.wt-pdp>.wt-tabs__sentinel{order:-2}.wt-pdp>.wt-tabs{order:-1}}

/* hero */
.wt-pdp .wt-hero{padding:14px 16px 8px}
.wt-pdp .wt-hero__eyebrow{margin-bottom:4px;font-size:11px}
.wt-pdp .wt-hero__title{font-family:var(--pdp-font)!important;font-size:24px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.02em!important;text-transform:none!important;margin:0!important;color:var(--pdp-navy)!important}
.wt-pdp .wt-hero__tagline{font-size:14px;color:var(--pdp-muted);margin:6px 0 0}
.wt-pdp .wt-hero__stage{margin:12px -2px 0;height:200px;border-radius:16px;background:var(--pdp-stage);border:1px solid var(--pdp-line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.wt-pdp .wt-hero__stage img{max-width:100%;max-height:190px;object-fit:contain;mix-blend-mode:multiply}
.wt-pdp .wt-hero--compact .wt-hero__row{display:flex;gap:12px;align-items:center}
.wt-pdp .wt-hero__stage--sm{flex:0 0 120px;height:96px;margin:0}
.wt-pdp .wt-hero__stage--sm img{max-height:88px}
.wt-pdp .wt-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.wt-pdp .wt-chip{font-size:11px;border:1px solid var(--pdp-line);background:var(--pdp-bg);border-radius:999px;padding:5px 10px;white-space:nowrap}
.wt-pdp .wt-hero__price{margin-top:10px;font-size:21px}
.wt-pdp .wt-hero__links{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:6px;font-size:13px}
.wt-pdp .wt-hero__links a{display:inline-flex;align-items:center;min-height:44px;color:var(--pdp-navy)!important;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wt-pdp .wt-stat-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.wt-pdp .wt-stat-tile{background:#fff;border:1px solid var(--pdp-line);border-radius:16px;padding:14px}
.wt-pdp .wt-stat-tile__num{display:block;font-size:28px;letter-spacing:-.02em}
.wt-pdp .wt-stat-tile__num i{font-style:normal;color:var(--pdp-red);font-size:15px;margin-left:2px}
.wt-pdp .wt-stat-tile__label{display:block;margin-top:4px;font-family:'Courier New',monospace;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pdp-muted)}

/* picker */
.wt-pdp .wt-picker{margin-top:14px}
.wt-pdp .wt-picker__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.wt-pdp .wt-picker--static .wt-picker__head{margin-bottom:0}
.wt-pdp .wt-picker__head .wt-mono{text-transform:none;letter-spacing:.04em;font-size:.74rem}  /* sentence case (not uppercase) */
.wt-pdp .wt-picker__value{font-weight:700;font-size:13px}
.wt-pdp .wt-unit,.wt-pdp .wt-seg{display:flex;border:1px solid var(--pdp-line);border-radius:999px;padding:3px}
.wt-pdp .wt-unit{width:132px}
.wt-pdp .wt-unit__btn,.wt-pdp .wt-seg__btn{flex:1;border:0;background:none;border-radius:999px;padding:0;min-height:44px;font:inherit;font-size:12px;color:var(--pdp-muted);cursor:pointer}
.wt-pdp .wt-seg__btn:hover:not(:disabled):not(.is-on){background:var(--pdp-bg);color:var(--pdp-navy)}
.wt-pdp .wt-seg__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}
.wt-pdp .wt-seg__btn.is-on .wt-tile__price{color:#fff}
.wt-pdp .wt-unit__btn.is-on,.wt-pdp .wt-seg__btn.is-on{background:var(--pdp-navy);color:#fff;font-weight:700}
.wt-pdp .wt-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.wt-pdp .wt-tile:not(.wt-seg__btn){border:1px solid var(--pdp-line);border-radius:12px;background:#fff;padding:9px 4px;text-align:center;font:inherit;font-size:12.5px;font-weight:700;color:var(--pdp-navy);cursor:pointer}
.wt-pdp .wt-tile:not(.wt-seg__btn).is-on{border:2px solid var(--pdp-red);padding:8px 3px}
.wt-pdp .wt-tile:disabled{opacity:.4;cursor:not-allowed}
.wt-pdp .wt-tile__label{display:block}
.wt-pdp .wt-tile__price{display:block;font-weight:400;font-size:12px;color:var(--pdp-muted);margin-top:2px}
.wt-pdp .wt-tile>span,.wt-pdp .wt-tile>small{display:block}
.wt-pdp .wt-tile[hidden]{display:none!important}

/* sticky buy bar (mobile) */
.wt-pdp .wt-buybar{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:10px;align-items:center;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--pdp-line);box-shadow:0 -6px 18px rgba(15,27,45,.08)}
.wt-pdp .wt-buybar:empty{display:none}
.wt-pdp .wt-buybar__info{min-width:110px;display:flex;flex-direction:column}
.wt-pdp .wt-buybar__label{font-family:'Courier New',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--pdp-muted)}
.wt-pdp .wt-buybar__price{font-size:16px}
.wt-pdp .wt-buybar__btn{flex:1;border:0;border-radius:999px;background:var(--pdp-red);color:#fff;font:inherit;font-weight:700;font-size:14px;padding:12px;cursor:pointer}
.wt-pdp .wt-buybar__btn:disabled{background:#5F6B78;color:#fff;cursor:not-allowed}
@media (max-width:899px){.wt-pdp-ready:not(.wt-pdp-nobuy) body{padding-bottom:72px}}  /* room for the fixed buy bar (phones only) */

/* native essentials: hidden only once our UI is live (kept visible when there is no buy bar,
   or revealed when a native field we do not mirror reports an error) */
.wt-pdp-ready:not(.wt-pdp-nobuy):not(.wt-pdp-show-native) .wt-pdp-native,.wt-pdp-ready:not(.wt-pdp-nobuy):not(.wt-pdp-show-native) .zoey-core-product-essentials,.wt-pdp-ready .zoey-core-product-media{position:absolute!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}

/* description re-skin (existing wt-* classes), light only */
.wt-pdp-ready .wt-section{padding:30px 16px 22px!important}
.wt-pdp-ready .wt-section.is-dark{background:linear-gradient(180deg,#EEF1F4,#fff)!important;color:var(--pdp-navy)!important}
.wt-pdp-ready .wt-section.is-dark .wt-lead-copy,.wt-pdp-ready .wt-section.is-dark .wt-feat-list li{color:#3d4a57!important}
.wt-pdp-ready .wt-section.is-dark .wt-h2.is-dark{color:var(--pdp-navy)!important}
.wt-pdp-ready .wt-section.is-dark .wt-eyebrow.is-dark{color:var(--pdp-muted)!important}
/* closing CTA stays a navy block: keep its text readable (navy-on-navy fix) */
.wt-pdp-ready .wt-cta .wt-h2,.wt-pdp-ready .wt-cta .wt-h2.is-dark{color:#fff!important}
.wt-pdp-ready .wt-cta .wt-h2>span{color:#FF4D63!important}
.wt-pdp-ready .wt-cta .wt-eyebrow,.wt-pdp-ready .wt-cta .wt-eyebrow.is-dark{color:#B0BAC9!important}
.wt-pdp-ready .wt-h2{font-family:var(--pdp-font)!important;font-size:22px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.015em!important}
.wt-pdp-ready .wt-stats{display:grid!important;grid-template-columns:1fr 1fr;gap:16px!important;border:0!important}
.wt-pdp-ready .wt-stat-num{font-size:clamp(1.5rem,5.5vw,2.25rem)!important;text-wrap:balance;overflow-wrap:anywhere}
.wt-pdp-ready .wt-stat-unit{white-space:nowrap}
.wt-pdp-ready .wt-card-idx,.wt-pdp-ready .wt-card-fit,.wt-pdp-ready .wt-card-tag{font-size:12.5px!important}
.wt-pdp-ready .wt-card.is-accent{border:1px solid #E8C9CF!important;background:#FBF3F4!important}
.wt-pdp-ready .wt-note{border:1px solid #E8C9CF!important;border-radius:12px;background:#FBF3F4!important}
.wt-pdp-ready .wt-idx{display:none!important}
.wt-pdp-ready .wt-sku-table a{display:inline-block;padding:12px 4px}
.wt-pdp-ready [data-tab=Dimensions] img{max-width:960px;margin-left:auto;margin-right:auto}
.wt-pdp-ready .wt-stat{background:#fff;border:1px solid var(--pdp-line)!important;border-radius:16px;padding:14px!important}
.wt-pdp-ready .wt-spec-table.is-collapsed .wt-row-more,.wt-pdp-ready .wt-sku-table.is-collapsed .wt-row-more{display:none}
.wt-pdp-ready .wt-showall{display:block;width:100%;margin-top:10px;border:1px solid var(--pdp-line);background:#fff;border-radius:999px;padding:9px;min-height:44px;font:inherit;font-size:12px;font-weight:700;color:var(--pdp-navy);cursor:pointer}
.wt-pdp-ready .wt-faq-item>:not(.wt-h3):not(h3){display:none}
.wt-pdp-ready .wt-faq-item.is-open>:not(.wt-h3):not(h3){display:block}
.wt-pdp-ready .wt-faq-item>.wt-h3,.wt-pdp-ready .wt-faq-item>h3{cursor:pointer;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--pdp-line);padding:11px 0;margin:0!important;font-size:14px!important}
.wt-pdp-ready .wt-faq-item>.wt-h3::after,.wt-pdp-ready .wt-faq-item>h3::after{content:"＋";color:var(--pdp-red)}
.wt-pdp-ready .wt-faq-item.is-open>.wt-h3::after,.wt-pdp-ready .wt-faq-item.is-open>h3::after{content:"−"}
@media (max-width:699px){
  .wt-pdp-ready .wt-grid:has(> div > .wt-card){display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px!important;padding:4px 16px 8px;-webkit-mask-image:linear-gradient(90deg,#000 92%,transparent);mask-image:linear-gradient(90deg,#000 92%,transparent)}
  .wt-pdp-ready .wt-grid:has(> div > .wt-card)>div{flex:0 0 78%!important;scroll-snap-align:start}
  .wt-pdp-ready .wt-grid:has(> div > .wt-card) .wt-card{height:100%;border-radius:18px}
  /* wide data tables in the description scroll inside their section instead of widening the page */
  .wt-pdp-ready .wt-section table:not(.wt-spec-table):not(.wt-sku-table){display:block;max-width:100%;overflow-x:auto}
}

/* short description: desktop right column (today's layout); compact on phones */
.wt-pdp .wt-hero__sd .short-description{font-size:14px;line-height:1.6;color:#4a5560}
.wt-pdp .wt-hero__sd .short-description ul{padding-left:18px;margin:8px 0 0}
.wt-pdp .wt-hero__sd .short-description a,.wt-pdp .wt-hero__sd .short-description a:visited{color:var(--pdp-navy);text-decoration:underline;text-underline-offset:3px}
.wt-pdp .wt-hero__sd .short-description b[style*="227, 108, 9"]{color:var(--pdp-red)!important}
.wt-pdp .wt-hero__sd .short-description a.wt-doc-src{display:none}  /* the one PDF shown as the hero Datasheet/Manual link (marked by JS) */
@media (max-width:899px){.wt-pdp .wt-hero__sd{display:none}}

/* native specs (Zoey "Additional information") as its own section */
.wt-pdp-ready .wt-native-specs{max-width:1240px;margin:0 auto;padding:30px 16px}
.wt-pdp-ready .wt-native-specs{font-family:var(--pdp-font)!important;color:var(--pdp-navy)}
.wt-pdp-ready .wt-native-specs .wt-showall{font-family:inherit}
.wt-pdp-ready .wt-native-specs>.wt-h2{margin:0 0 12px}
.wt-pdp-ready .wt-native-specs>.wt-h2>span{color:var(--pdp-red)}
.wt-pdp-ready .wt-h2:has(>span:last-child)::after{content:none!important}
.wt-pdp-ready #product-attribute-specs-table{width:100%;border-collapse:collapse;font-size:14px}
.wt-pdp-ready #product-attribute-specs-table th,.wt-pdp-ready #product-attribute-specs-table td{padding:9px 0;border-bottom:1px solid var(--pdp-line);text-align:left;font-weight:400;background:none}
.wt-pdp-ready #product-attribute-specs-table th{color:var(--pdp-muted);width:46%}
.wt-pdp .wt-hero__sku{font-size:12px;color:var(--pdp-muted);margin-top:4px}
.wt-pdp .wt-buybar__qty{display:none}

/* tablet / desktop: today's structure (gallery left, info + buy right), no bottom bar */
@media (min-width:900px){
  .wt-pdp .wt-hero{display:grid;grid-template-columns:1fr 1fr;gap:8px 48px;max-width:1240px;margin:0 auto;padding:40px 20px 24px}
  .wt-pdp .wt-hero__stage{grid-column:1;grid-row:1 / span 6;height:430px;background:none;border:0}
  .wt-pdp .wt-hero__stage img{max-height:420px}
  .wt-pdp .wt-hero__text,.wt-pdp .wt-chips,.wt-pdp .wt-hero__buy,.wt-pdp .wt-hero__price,.wt-pdp .wt-hero__sd,.wt-pdp .wt-hero__links,.wt-pdp [data-wt-picker]{grid-column:2}
  .wt-pdp .wt-hero__title{font-size:36px!important;letter-spacing:-.025em!important}
  .wt-pdp .wt-hero__price{font-size:32px;font-weight:800}
  .wt-pdp .wt-hero--compact .wt-hero__row{display:contents}
  .wt-pdp .wt-hero__stage--sm{flex:none;height:430px}
  .wt-pdp .wt-stat-tiles{grid-column:1 / -1;grid-template-columns:repeat(4,1fr)}
  .wt-pdp .wt-tiles{grid-template-columns:repeat(5,1fr)}
  .wt-pdp .wt-seg{max-width:360px}
  .wt-pdp-ready .wt-native-specs #product-attribute-specs-table,.wt-pdp-ready .wt-native-specs>.wt-showall{max-width:820px}
  .wt-pdp .wt-tabs{max-width:none;justify-content:flex-start;gap:34px;padding:0 max(20px,calc((100% - 1240px)/2 + 20px))}
  .wt-pdp .wt-tab{flex:0 0 auto;padding:15px 0}
  .wt-pdp .wt-buybar{position:static;box-shadow:none;border:0;background:none;padding:18px 0 0;max-width:none;margin:0;grid-column:2}
  .wt-pdp .wt-buybar__info{display:none}
  .wt-pdp .wt-buybar__qty{display:block;width:70px;height:46px;border:1px solid var(--pdp-line);border-radius:10px;text-align:center;font:inherit}
  .wt-pdp .wt-buybar__btn{flex:0 0 auto;padding:14px 40px}
  .wt-pdp-ready .wt-stats{grid-template-columns:repeat(4,1fr)}
}

/* Native Zoey Tabs block, flattened by wt-pdp.js: all panels stacked, tab headers hidden (template pages only) */
.wt-pdp-ready .zoey-core-tabs ul.tabs{display:none!important}
.wt-pdp-ready .zoey-core-tabs ul.tab-content>li{display:block!important;list-style:none}
.wt-pdp-ready .zoey-core-tabs ul.tab-content{padding:0;margin:0}

/* ===== Theme-proofing: the Zoey theme stylesheet loads after this one and wins ties, so every
   control we own is re-declared with !important, always scoped under .wt-pdp / .wt-pdp-ready.
   The theme also ships `#pix-fe ... !important` rules (#pix-fe = <body id> on every page, e.g.
   the theme's `#pix-fe button:disabled` rule with !important), so each selector here carries id weight via
   :is(#pix-fe,html) / :is(#pix-fe,body): (1,x,y) specificity, still matching pages/fixtures without the id. ===== */
:is(#pix-fe,html) .wt-pdp button,:is(#pix-fe,html) .wt-pdp a,:is(#pix-fe,html) .wt-pdp input,:is(#pix-fe,html) .wt-pdp .wt-mono{text-transform:none!important;letter-spacing:normal!important;font-family:var(--pdp-font)!important;text-shadow:none!important;text-indent:0!important;-webkit-appearance:none;appearance:none}
:is(#pix-fe,html) .wt-pdp .wt-mono,:is(#pix-fe,html) .wt-pdp .wt-stat-tile__label,:is(#pix-fe,html) .wt-pdp .wt-buybar__label{font-family:'Courier New',Courier,monospace!important}
:is(#pix-fe,html) .wt-pdp .wt-mono{text-transform:uppercase!important;letter-spacing:.16em!important;font-size:.62rem!important;line-height:1.3!important;color:var(--pdp-muted)!important}
:is(#pix-fe,html) .wt-pdp .wt-hero__eyebrow{font-size:11px!important}
:is(#pix-fe,html) .wt-pdp .wt-picker__head .wt-mono{text-transform:none!important;letter-spacing:.04em!important;font-size:.74rem!important}
:is(#pix-fe,html) .wt-pdp .wt-stat-tile__label{text-transform:uppercase!important;letter-spacing:.14em!important;font-size:.6rem!important}
:is(#pix-fe,html) .wt-pdp .wt-buybar__label{text-transform:uppercase!important;letter-spacing:.1em!important;font-size:11px!important}

/* anchor bar */
:is(#pix-fe,html) .wt-pdp .wt-tabs{display:flex!important;overflow:hidden!important;white-space:nowrap!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--pdp-line)!important;padding:0 6px!important;margin:0!important;font-family:var(--pdp-font)!important;font-size:clamp(12px,3.2vw,13px)!important;line-height:1.2!important;width:auto!important;height:auto!important;min-height:0!important;box-shadow:none!important;border-radius:0!important}
:is(#pix-fe,html) .wt-pdp .wt-tab{display:block!important;flex:1 1 0!important;min-width:0!important;width:auto!important;height:auto!important;min-height:44px!important;text-align:center!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:var(--pdp-muted)!important;background:none!important;text-decoration:none!important;padding:15px 2px 13px!important;margin:0!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;box-shadow:none!important;font-family:var(--pdp-font)!important;font-size:inherit!important;font-weight:500!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important}
:is(#pix-fe,html) .wt-pdp .wt-tab.is-active{color:var(--pdp-navy)!important;font-weight:700!important;border-bottom:2px solid var(--pdp-red)!important}
@media (min-width:900px){:is(#pix-fe,html) .wt-pdp .wt-tabs{overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-ms-overflow-style:none!important;justify-content:flex-start!important;gap:34px!important;padding:0 max(20px,calc((100% - 1240px)/2 + 20px))!important}:is(#pix-fe,html) .wt-pdp .wt-tab{flex:0 0 auto!important;padding:15px 0 13px!important}:is(#pix-fe,html) .wt-pdp .wt-tabs::-webkit-scrollbar{display:none!important}}

/* hero links, price, sku */
:is(#pix-fe,html) .wt-pdp .wt-hero__links a{display:inline-flex!important;align-items:center!important;min-height:44px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--pdp-navy)!important;font-size:13px!important;font-weight:600!important;line-height:1.3!important;text-decoration:underline!important;text-underline-offset:3px}
:is(#pix-fe,html) .wt-pdp .wt-hero__price{font-family:var(--pdp-font)!important;font-size:21px!important;font-weight:700!important;color:var(--pdp-navy)!important;line-height:1.2!important}
:is(#pix-fe,html) .wt-pdp .wt-hero__sku{font-family:var(--pdp-font)!important;font-size:12px!important;color:var(--pdp-muted)!important;text-transform:none!important}
:is(#pix-fe,html) .wt-pdp .wt-hero__tagline{font-size:14px!important;color:var(--pdp-muted)!important;text-transform:none!important}
:is(#pix-fe,html) .wt-pdp .wt-chip{font-family:var(--pdp-font)!important;font-size:11px!important;text-transform:none!important;letter-spacing:normal!important;color:var(--pdp-navy)!important;line-height:1.3!important}
@media (min-width:900px){:is(#pix-fe,html) .wt-pdp .wt-hero__price{font-size:32px!important;font-weight:800!important}:is(#pix-fe,html) .wt-pdp .wt-hero__title{font-size:36px!important;letter-spacing:-.025em!important}}

/* unit toggle + option tiles */
:is(#pix-fe,html) .wt-pdp .wt-unit,:is(#pix-fe,html) .wt-pdp .wt-seg{background:none!important;box-shadow:none!important}
:is(#pix-fe,html) .wt-pdp .wt-unit__btn,:is(#pix-fe,html) .wt-pdp .wt-seg__btn{flex:1 1 0!important;width:auto!important;height:auto!important;min-height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:999px!important;background:none!important;box-shadow:none!important;font-family:var(--pdp-font)!important;font-size:12px!important;font-weight:400!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important;color:var(--pdp-muted)!important;cursor:pointer}
:is(#pix-fe,html) .wt-pdp .wt-unit__btn.is-on,:is(#pix-fe,html) .wt-pdp .wt-seg__btn.is-on{background:var(--pdp-navy)!important;color:#fff!important;font-weight:700!important}
:is(#pix-fe,html) .wt-pdp .wt-seg__btn.is-on .wt-tile__price{color:#fff!important}
:is(#pix-fe,html) .wt-pdp .wt-seg__btn:hover:not(:disabled):not(.is-on){background:var(--pdp-bg)!important;color:var(--pdp-navy)!important}
:is(#pix-fe,html) .wt-pdp .wt-tile:not(.wt-seg__btn){display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:9px 4px!important;border:1px solid var(--pdp-line)!important;border-radius:12px!important;background:#fff!important;box-shadow:none!important;text-align:center!important;font-family:var(--pdp-font)!important;font-size:12.5px!important;font-weight:700!important;line-height:1.25!important;text-transform:none!important;letter-spacing:normal!important;color:var(--pdp-navy)!important;cursor:pointer}
:is(#pix-fe,html) .wt-pdp .wt-tile:not(.wt-seg__btn).is-on{border:2px solid var(--pdp-red)!important;padding:8px 3px!important}
:is(#pix-fe,html) .wt-pdp .wt-tile .wt-tile__label{display:block!important;font-size:inherit!important;font-weight:inherit!important;text-transform:none!important;letter-spacing:normal!important;color:inherit!important}
:is(#pix-fe,html) .wt-pdp .wt-tile .wt-tile__price{display:block!important;font-size:12px!important;font-weight:400!important;margin-top:2px!important;color:var(--pdp-muted)!important;text-transform:none!important;letter-spacing:normal!important}
:is(#pix-fe,html) .wt-pdp .wt-seg__btn.is-on .wt-tile__price{color:#fff!important}
:is(#pix-fe,html) .wt-pdp .wt-tile:disabled{opacity:.4!important;cursor:not-allowed}
:is(#pix-fe,html) .wt-pdp .wt-picker__value{font-size:13px!important;font-weight:700!important;color:var(--pdp-navy)!important;text-transform:none!important}

/* buy bar */
:is(#pix-fe,html) .wt-pdp .wt-buybar__btn{display:block!important;flex:1 1 0!important;width:auto!important;height:auto!important;min-height:44px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:999px!important;background:var(--pdp-red)!important;box-shadow:none!important;color:#fff!important;font-family:var(--pdp-font)!important;font-size:14px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer}
:is(#pix-fe,html) .wt-pdp .wt-buybar__btn:disabled{background:#5F6B78!important;color:#fff!important;cursor:not-allowed}
:is(#pix-fe,html) .wt-pdp .wt-buybar__price{font-size:16px!important;font-weight:700!important;color:var(--pdp-navy)!important;text-transform:none!important}
:is(#pix-fe,html) .wt-pdp .wt-buybar__qty{display:none!important}
@media (min-width:900px){
  :is(#pix-fe,html) .wt-pdp .wt-buybar__qty{display:block!important;width:70px!important;height:46px!important;min-height:0!important;padding:0 4px!important;border:1px solid var(--pdp-line)!important;border-radius:10px!important;background:#fff!important;box-shadow:none!important;text-align:center!important;font-size:15px!important;color:var(--pdp-navy)!important}
  :is(#pix-fe,html) .wt-pdp .wt-buybar__btn{flex:0 0 auto!important;padding:14px 40px!important}
}

/* description / native specs controls outside .wt-pdp */
.wt-pdp-ready :is(#pix-fe,body) .wt-showall{display:block!important;width:100%!important;height:auto!important;min-height:44px!important;margin:10px 0 0!important;padding:9px!important;border:1px solid var(--pdp-line)!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;font-family:var(--pdp-font)!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important;color:var(--pdp-navy)!important;cursor:pointer}
.wt-pdp-ready :is(#pix-fe,body) .wt-section .wt-h2,.wt-pdp-ready :is(#pix-fe,body) .wt-native-specs .wt-h2{text-transform:none!important}
.wt-pdp-ready :is(#pix-fe,body) .wt-faq-item>.wt-h3,.wt-pdp-ready :is(#pix-fe,body) .wt-faq-item>h3{text-transform:none!important;font-family:var(--pdp-font)!important;font-weight:700!important;color:var(--pdp-navy)!important}

/* Native Zoey Tabs block: on template pages every panel shows, stacked, with NO headers.
   Zoey's own tab script re-hides panels / re-orders them after ours, so this is pure CSS (script-order proof).
   Mobile accordion headers are li::before (content: attr(data-title)). */
.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tabs,.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content>li::before,.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content>li::after{display:none!important;content:none!important}
.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content{display:flex!important;flex-direction:column!important}
.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content>li,.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content>li.hidden{display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;overflow:visible!important;opacity:1!important}
.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content>li .zoey-core-tabs-tab{display:block!important;visibility:visible!important;height:auto!important;max-height:none!important;opacity:1!important}
.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content.wt-tabs-lean>li.wt-tab-specs{order:-1}

/* desktop layout hardening (theme wins ties on layout properties too) */
@media (min-width:900px){
  :is(#pix-fe,html) .wt-pdp .wt-hero{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 48px!important;max-width:1240px!important;margin:0 auto!important;padding:40px 20px 24px!important;width:auto!important;float:none!important}
  :is(#pix-fe,html) .wt-pdp .wt-hero--compact .wt-hero__row{display:contents!important}
  :is(#pix-fe,html) .wt-pdp .wt-hero__stage{grid-column:1!important;grid-row:1 / span 6!important;height:430px!important;margin:0!important;background:none!important;border:0!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;float:none!important}
  :is(#pix-fe,html) .wt-pdp .wt-hero__stage img{max-height:420px!important;max-width:100%!important;width:auto!important;height:auto!important}
  :is(#pix-fe,html) .wt-pdp .wt-hero__text,:is(#pix-fe,html) .wt-pdp .wt-chips,:is(#pix-fe,html) .wt-pdp .wt-hero__buy,:is(#pix-fe,html) .wt-pdp .wt-hero__price,:is(#pix-fe,html) .wt-pdp .wt-hero__sd,:is(#pix-fe,html) .wt-pdp .wt-hero__links,:is(#pix-fe,html) .wt-pdp [data-wt-picker]{grid-column:2!important;float:none!important;width:auto!important;margin-left:0!important;margin-right:0!important}
  :is(#pix-fe,html) .wt-pdp .wt-buybar{position:static!important;grid-column:2!important;display:flex!important;background:none!important;border:0!important;box-shadow:none!important;padding:18px 0 0!important;margin:0!important;max-width:none!important;width:auto!important}
  :is(#pix-fe,html) .wt-pdp .wt-buybar__info{display:none!important}
  :is(#pix-fe,html) .wt-pdp .wt-tiles{grid-template-columns:repeat(5,1fr)!important}
  :is(#pix-fe,html) .wt-pdp .wt-hero__sd .short-description li{margin:0 0 3px!important;padding:0!important;line-height:1.5!important}
  :is(#pix-fe,html) .wt-pdp .wt-hero__sd .short-description p{margin:0 0 6px!important}
}
:is(#pix-fe,html) .wt-pdp .wt-hero__sd .short-description,:is(#pix-fe,html) .wt-pdp .wt-hero__sd .short-description *{text-transform:none!important}
:is(#pix-fe,html) .wt-pdp .wt-hero__sd .short-description ul{list-style:disc!important;padding-left:18px!important;margin:8px 0 0!important}

/* native specs table: theme uppercases th and squeezes td */
.wt-pdp-ready :is(#pix-fe,body) .wt-native-specs>.wt-h2,.wt-pdp-ready :is(#pix-fe,body) .wt-native-specs>.wt-h2 *:not(span){color:var(--pdp-navy)!important}
.wt-pdp-ready :is(#pix-fe,body) #product-attribute-specs-table{table-layout:auto!important;width:100%!important}
.wt-pdp-ready :is(#pix-fe,body) #product-attribute-specs-table th,.wt-pdp-ready :is(#pix-fe,body) #product-attribute-specs-table td{padding:9px 6px 9px 0!important;border:0!important;border-bottom:1px solid var(--pdp-line)!important;background:none!important;text-align:left!important;font-family:var(--pdp-font)!important;font-size:14px!important;line-height:1.4!important;text-transform:none!important;letter-spacing:normal!important;font-weight:400!important;color:var(--pdp-navy)!important;vertical-align:top!important}
.wt-pdp-ready :is(#pix-fe,body) #product-attribute-specs-table th{color:var(--pdp-muted)!important;width:42%!important;font-weight:500!important}
:is(#pix-fe,html) .wt-pdp .wt-hero__stage img{object-fit:contain!important;max-width:100%!important}
@media (min-width:900px){:is(#pix-fe,html) .wt-pdp .wt-hero__stage img{width:100%!important;max-height:420px!important}}
:is(#pix-fe,html) .wt-pdp .wt-buybar__btn:disabled{opacity:1!important}
:is(#pix-fe,html) .wt-pdp [hidden],:is(#pix-fe,html) .wt-pdp .wt-tile[hidden]:not(.x):not(.y){display:none!important}

/* fix wave (final review): body portal for fixed bars, keyboard focus, native-error line, floating-widget clearance */
:is(#pix-fe,html) .wt-pdp.wt-pdp-portal{display:block;margin:0;padding:0}
:is(#pix-fe,html) .wt-pdp .wt-tabs.is-fixed{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:auto!important;z-index:40!important}
:is(#pix-fe,html) .wt-pdp :focus-visible{outline:2px solid var(--pdp-red)!important;outline-offset:2px!important}
:is(#pix-fe,html) .wt-pdp .wt-tab:focus-visible{outline-offset:-3px!important}  /* the bar clips overflow: draw inside */
.wt-pdp-ready :is(#pix-fe,body) .wt-showall:focus-visible,.wt-pdp-ready :is(#pix-fe,body) .wt-faq-item>.wt-h3:focus-visible,.wt-pdp-ready :is(#pix-fe,body) .wt-faq-item>h3:focus-visible{outline:2px solid var(--pdp-red)!important;outline-offset:2px!important}
:is(#pix-fe,html) .wt-pdp .wt-buybar{flex-wrap:wrap!important}
:is(#pix-fe,html) .wt-pdp .wt-buybar__msg{display:block!important;flex:1 0 100%!important;order:-1!important;margin:0!important;padding:0!important;color:var(--pdp-red)!important;font-family:var(--pdp-font)!important;font-size:13px!important;font-weight:600!important;line-height:1.35!important;text-transform:none!important;letter-spacing:normal!important}
:is(#pix-fe,html) .wt-pdp .wt-buybar__msg:empty{display:none!important}
:is(#pix-fe,html) .wt-pdp [data-wt-picker].is-attention{outline:2px solid var(--pdp-red)!important;outline-offset:6px!important;border-radius:12px!important}
@media (max-width:899px){
  /* full-width fixed bar in the body portal; 84px right padding keeps the button clear of a 64px bottom-right
     chat bubble at 16px (live Smartsupp: 56px at 12px) */
  :is(#pix-fe,html) .wt-pdp .wt-buybar{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:auto!important;margin:0!important;padding-right:calc(84px + env(safe-area-inset-right))!important}
}

/* Desktop: the native Tabs block sits below the hero group with an editor-computed inline margin-top (~364px, from the
   absolute layout) that leaves a blank band under the anchor bar, and its tab-content renders as a bordered, padded box.
   Template pages only: drop the margin and the box so panels read as plain stacked sections on the hero's 1240px column
   (the block is 1260px wide, so 10px side padding up to 1280px viewports, 30px beyond). Mobile keeps Zoey's own layout. */
@media (min-width:900px){
  .wt-pdp-ready :is(#pix-fe,body) .zoeydev-component-tabs01.zoey-core-tabs{margin-top:0!important}
  .wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content{border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;margin:0!important;padding:0 10px!important}
  .wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content>li>.zoey-core-tabs-tab>.component-content>.group-background-image-container,.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content>li>.zoey-core-tabs-tab>.group-background-image-container{padding:18px 0 0!important}
}
@media (min-width:1280px){.wt-pdp-ready :is(#pix-fe,body) .zoey-core-tabs ul.tab-content{padding-left:30px!important;padding-right:30px!important}}

/* ===== EDITOR BLUEPRINT (Zoey Design Center only) =====
   Every rule is scoped to body.pixdesigncenter-editor-edit-layout and off when html.wt-pdp-ready, so the live store is untouched.
   wt-pdp.js does not run in the editor; this draws a labelled wireframe of what the JS rebuilds. */
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp{display:block!important;position:relative!important;z-index:20!important;background:#fff!important;outline:2px dashed #8A97A6!important;outline-offset:-2px!important;margin:8px auto!important;padding:10px 12px 8px!important;color:#1A2B3C!important;font:13px/1.4 -apple-system,"Segoe UI",Arial,sans-serif!important;min-height:0!important;height:auto!important;max-width:min(1044px,calc(100vw - 140px))!important;width:auto!important;box-sizing:border-box!important;overflow:visible!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp *{position:static!important;float:none!important;transform:none!important;display:block!important;grid-template-columns:none!important;grid-column:auto!important;grid-row:auto!important;width:auto!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;opacity:1!important;overflow:visible!important;text-align:left!important;color:#1A2B3C!important;font-size:13px!important;line-height:1.4!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important;white-space:normal!important;text-decoration:none!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp>header.wt-hero{border:1px solid #C9D1DA!important;border-radius:6px!important;padding:8px 10px!important;background:#FAFBFC!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__row,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__text,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__buy,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__links{border:0!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__title>span,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__price>b,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__title,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__stage,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-short-desc],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-picker],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-buybar],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tabs],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-doc],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tel],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-chips],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-stats],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tagline],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__sku,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__eyebrow,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__price{margin-top:6px!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__title>span{margin-top:0!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__title{font-weight:700!important}:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__title>span:first-child{font-size:18px!important;font-weight:700!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-name],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-name][hidden],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-doc][hidden]{display:block!important;color:#6B7785!important;font-size:12px!important;font-style:italic}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-picker],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-buybar],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tabs],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-short-desc],:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__stage{border:1px dashed #B8C2CD!important;border-radius:4px!important;padding:4px 8px!important;background:#F3F5F8!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__stage{background:#E3E6EA!important;min-height:44px!important}:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp img{display:none!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-doc]::after{content:"→ "attr(data-url)"  |  "attr(data-label);color:#6B7785!important;font-size:12px!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp>.wt-tabs__sentinel{display:none!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__stage::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__eyebrow::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__title::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-name]::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__sku::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tagline]::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-chips]::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-stats]::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__price::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-short-desc]::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-doc]::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tel]::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-picker]::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-buybar]::before, :is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tabs]::before{display:block!important;font:600 10px/1.3 ui-monospace,Consolas,monospace!important;letter-spacing:.04em!important;text-transform:uppercase!important;color:#4A6FA5!important;margin:0 0 2px!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero::before{content:"Hero section · anchor id #"attr(id)" · tab: "attr(data-tab)!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__stage::before{content:"Image · product image (grey box here)"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__eyebrow::before{content:"Eyebrow · manufacturer + product type"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__title::before{content:"Short name · wt_short_name"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-name]::before{content:"Full product name · hidden on the live page, fallback only"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__sku::before{content:"SKU · filled by Zoey"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tagline]::before{content:"Tagline · wt_tagline"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-chips]::before{content:"Chips · wt_hero_chips (; separated)"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-stats]::before{content:"Stats · wt_hero_stats (value|unit|label; …)"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp .wt-hero__price::before{content:"Price · live price (updates with the option picked)"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-short-desc]::before{content:"Short description (moved in from the buy box)"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-doc]::before{content:"Doc link · wt_datasheet_url + wt_doc_label"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tel]::before{content:"Phone link (fixed text)"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-picker]::before{content:"Option picker (built from the buy box)"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-buybar]::before{content:"Buy bar (built by wt-pdp.js, submits the native Add to cart)"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp [data-wt-tabs]::before{content:"Anchor bar (built from description sections' data-tab)"!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp::before{content:"WT hero — template: "attr(data-wt-template)" · rebuilt on the live page by wt-pdp.js";display:block!important;font:700 11px/1.3 ui-monospace,Consolas,monospace!important;text-transform:uppercase;letter-spacing:.04em;color:#fff!important;background:#1A2B3C!important;margin:-10px -12px 8px!important;padding:5px 12px!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp::after{content:"Editing guide: docs/weightech-product-templates-guide.md";display:block!important;margin-top:8px!important;font:italic 11px/1.3 ui-monospace,Consolas,monospace!important;color:#6B7785!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .zoey-core-product-essentials{outline:2px dashed #D9822B!important;outline-offset:-2px!important;background:#fff!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .zoey-core-product-essentials::before{content:"Native buy box — hidden on the live page; feeds option tiles, price and Add to cart. Do not delete."!important;display:block!important;position:relative;z-index:30;padding:6px 10px;background:#FFF4E5;color:#7A3E00;font:700 11px/1.35 ui-monospace,Consolas,monospace;border-bottom:1px dashed #D9822B}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .zoey-core-tabs{outline:2px dashed #D9822B!important;outline-offset:-2px!important;background:#fff!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .zoey-core-tabs::before{content:"Description + Specs — shown on the live page as stacked sections with the anchor bar. Section tabs come from data-tab in the product description."!important;display:block!important;position:relative;z-index:30;padding:6px 10px;background:#FFF4E5;color:#7A3E00;font:700 11px/1.35 ui-monospace,Consolas,monospace;border-bottom:1px dashed #D9822B}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .zoey-core-product-related{outline:2px dashed #D9822B!important;outline-offset:-2px!important;background:#fff!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .zoey-core-product-related::before{content:"Related products (unchanged)"!important;display:block!important;position:relative;z-index:30;padding:6px 10px;background:#FFF4E5;color:#7A3E00;font:700 11px/1.35 ui-monospace,Consolas,monospace;border-bottom:1px dashed #D9822B}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .zoey-core-product-essentials>.component-content{opacity:.4!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .zoey-core-product-related{outline-color:#9AA5B1!important}:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .zoey-core-product-related::before{background:#F3F5F8!important;color:#4A5663!important;border-bottom-color:#9AA5B1!important}

/* column layout: fields in the left ~48%, right side left free for the editor-positioned native buy box */
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp>header.wt-hero,:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp>.wt-tabs{width:48%!important;max-width:500px!important;box-sizing:border-box!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp>header.wt-hero{position:relative!important}
:is(#pix-fe,html):not(.wt-pdp-ready) body.pixdesigncenter-editor-edit-layout .wt-pdp>header.wt-hero::after{content:"→ native buy box sits here in the editor (hidden on live)";display:block!important;position:absolute!important;left:calc(100% + 24px)!important;top:40px!important;width:260px!important;font:italic 11px/1.4 ui-monospace,Consolas,monospace!important;color:#9AA5B1!important}
/* ===== /EDITOR BLUEPRINT ===== */

/* hero gallery (multi-image products; images come from the template's off-screen Product Media block).
   Buttons need the #pix-fe prefix + !important: the theme styles every <button> (square, teal). */
:is(#pix-fe,html) .wt-pdp .wt-hero__stage.wt-gallery{position:relative!important;touch-action:pan-y}
:is(#pix-fe,html) .wt-pdp .wt-gal__arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;z-index:2!important;width:34px!important;height:34px!important;min-width:0!important;margin:0!important;border-radius:50%!important;border:1px solid var(--pdp-line)!important;background:rgba(255,255,255,.92)!important;color:var(--pdp-navy)!important;font:400 24px/1 var(--pdp-font)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;padding:0 0 3px!important;box-shadow:0 1px 3px rgba(15,27,45,.12)!important;text-shadow:none!important}
:is(#pix-fe,html) .wt-pdp .wt-gal__arrow--prev{left:8px!important;right:auto!important}
:is(#pix-fe,html) .wt-pdp .wt-gal__arrow--next{right:8px!important;left:auto!important}
:is(#pix-fe,html) .wt-pdp .wt-gal__nav{position:absolute!important;left:0!important;right:0!important;bottom:8px!important;z-index:2!important;display:flex!important;justify-content:center!important;gap:6px!important;margin:0!important}
:is(#pix-fe,html) .wt-pdp .wt-gal__thumb{width:8px!important;height:8px!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;border-radius:50%!important;background:#B8C2CD!important;cursor:pointer!important;box-shadow:none!important;line-height:0!important}
:is(#pix-fe,html) .wt-pdp .wt-gal__thumb.is-active{background:var(--pdp-navy)!important}
:is(#pix-fe,html) .wt-pdp .wt-gal__thumb img{display:none!important}
@media (max-width:899px){  /* small side-by-side stage (load cells, accessories): swipe + dots only */
  :is(#pix-fe,html) .wt-pdp .wt-hero__stage--sm .wt-gal__arrow{display:none!important}
  :is(#pix-fe,html) .wt-pdp .wt-hero__stage--sm .wt-gal__nav{bottom:3px!important;gap:4px!important}
  :is(#pix-fe,html) .wt-pdp .wt-hero__stage--sm .wt-gal__thumb{width:6px!important;height:6px!important}
}
@media (min-width:900px){
  :is(#pix-fe,html) .wt-pdp .wt-hero__stage.wt-gallery{flex-direction:column!important}
  :is(#pix-fe,html) .wt-pdp .wt-hero__stage.wt-gallery>img{max-height:350px!important}
  :is(#pix-fe,html) .wt-pdp .wt-gal__nav{position:static!important;flex-wrap:wrap!important;gap:8px!important;margin-top:12px!important}
  :is(#pix-fe,html) .wt-pdp .wt-gal__thumb{width:58px!important;height:58px!important;border-radius:8px!important;background:#fff!important;border:1px solid var(--pdp-line)!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:4px!important}
  :is(#pix-fe,html) .wt-pdp .wt-gal__thumb.is-active{border:2px solid var(--pdp-navy)!important;background:#fff!important}
  :is(#pix-fe,html) .wt-pdp .wt-gal__thumb img{display:block!important;max-width:100%!important;max-height:100%!important;width:auto!important;height:auto!important;object-fit:contain!important;mix-blend-mode:multiply}
  :is(#pix-fe,html) .wt-pdp .wt-gal__arrow{top:175px!important}
}


/* WT cookie notice (2026-10-14). Design Center > Manage Assets > Add Asset (CSS, used in Auxi v2). */
.wt-cookie-notice {
  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2147483000;
  max-width: 960px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
  background: #ffffff !important;
  color: #1b2a41 !important;
  border: 1px solid #d5dbe3;
  border-radius: 10px;
  box-shadow: 0 6px 24px rgba(16, 32, 56, 0.18);
  font-size: 14px;
  line-height: 1.45;
}
.wt-cookie-notice p {
  margin: 0 !important;
  flex: 1 1 auto;
  color: #1b2a41 !important;
}
.wt-cookie-notice a {
  color: #0b7a85 !important;
  text-decoration: underline;
}
.wt-cookie-notice__btn {
  flex: 0 0 auto;
  padding: 9px 22px;
  border: 0;
  border-radius: 6px;
  background: #1b2a41 !important;
  color: #ffffff !important;
  font-weight: 600;
  cursor: pointer;
}
.wt-cookie-notice__btn:hover,
.wt-cookie-notice__btn:focus-visible {
  background: #0b7a85 !important;
  outline: none;
}
@media (max-width: 600px) {
  .wt-cookie-notice {
    bottom: 88px; /* clear the Smartsupp chat button */
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }
}
