.hs-pdp-v2{--pdp2-content:1320px;--pdp2-gutter:clamp(20px,3vw,42px);--pdp2-section-gap:clamp(52px,6vw,72px);--pdp2-grid-gap:clamp(18px,2vw,24px);--pdp2-navy:#102c49;--pdp2-navy-2:#173a5e;--pdp2-blue:#4c8dc7;--pdp2-blue-strong:#007ecb;--pdp2-text:#425466;--pdp2-muted:#65778a;--pdp2-line:#d5e2ec;--pdp2-surface:#ffffff;--pdp2-soft:#f8fafc;--pdp2-soft-blue:#f2f8fc;--pdp2-dark:#0b3558;--pdp2-radius-sm:8px;--pdp2-radius:12px;--pdp2-radius-lg:16px;--pdp2-shadow:0 10px 28px rgba(16,44,73,0.08);--pdp2-button-height:48px;--pdp2-image-ratio:1 / 1;color:var(--pdp2-text);background:var(--pdp2-surface);font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.hs-pdp-v2,.hs-pdp-v2 *{box-sizing:border-box}
.hs-pdp-v2 img{display:block;max-width:100%;height:auto}
.hs-pdp-v2 a{color:var(--pdp2-blue-strong);text-decoration-thickness:1px;text-underline-offset:0.16em}
.hs-pdp-v2 a:hover{color:var(--pdp2-navy-2)}
.hs-pdp-v2 :focus-visible{outline:3px solid #ffbf47;outline-offset:3px;border-radius:4px}
.hs-pdp-v2 .pdp2-product{width:min(100%,var(--pdp2-content));margin-inline:auto;padding:0 var(--pdp2-gutter) var(--pdp2-section-gap)}
.hs-pdp-v2 .pdp2-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:48px;padding-block:16px;color:var(--pdp2-muted);font-size:14px;line-height:1.45}
.hs-pdp-v2 .pdp2-breadcrumb a{color:var(--pdp2-navy-2);text-decoration:none}
.hs-pdp-v2 .pdp2-hero{display:grid;grid-template-columns:minmax(0,0.96fr) minmax(0,1.04fr);align-items:center;gap:clamp(28px,4vw,52px);margin:0 calc(var(--pdp2-gutter) * -1);padding:clamp(44px,5vw,64px) var(--pdp2-gutter);background:linear-gradient(135deg,#f7fafc,#edf6fc 100%);border:1px solid var(--pdp2-line);border-radius:var(--pdp2-radius-lg)}
.hs-pdp-v2 .pdp2-gallery{min-width:0}
.hs-pdp-v2 .pdp2-gallery-main{margin:0;overflow:hidden;background:var(--pdp2-surface);border:1px solid var(--pdp2-line);border-radius:var(--pdp2-radius-lg);box-shadow:var(--pdp2-shadow)}
.hs-pdp-v2 .pdp2-gallery-main img{width:100%;aspect-ratio:var(--pdp2-image-ratio);background:var(--pdp2-surface);object-fit:contain}
.hs-pdp-v2 .pdp2-gallery-main figcaption{padding:10px 14px 12px;color:var(--pdp2-muted);background:var(--pdp2-surface);font-size:13px;line-height:1.45}
.hs-pdp-v2 .pdp2-gallery-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,120px));gap:12px;margin-top:14px}
.hs-pdp-v2 .pdp2-gallery-item{margin:0;overflow:hidden;background:var(--pdp2-surface);border:1px solid var(--pdp2-line);border-radius:var(--pdp2-radius-sm)}
.hs-pdp-v2 .pdp2-gallery-item img{width:100%;aspect-ratio:1;object-fit:cover}
.hs-pdp-v2 .pdp2-gallery-item figcaption{padding:8px 10px 10px;color:var(--pdp2-muted);font-size:12px;line-height:1.4}
.hs-pdp-v2 .pdp2-hero-content{min-width:0}
.hs-pdp-v2 h1,.hs-pdp-v2 h2,.hs-pdp-v2 h3,.hs-pdp-v2 h4{color:var(--pdp2-navy);font-family:"Arial Narrow","Segoe UI",Arial,sans-serif;letter-spacing:0;text-wrap:balance}
.hs-pdp-v2 h1{max-width:19ch;margin:0 0 16px;font-size:clamp(42px,4.1vw,52px);font-weight:760;line-height:1.04}
.hs-pdp-v2 h2{margin:0 0 16px;font-size:clamp(27px,3vw,36px);font-weight:740;line-height:1.16}
.hs-pdp-v2 h3{margin:0 0 12px;font-size:clamp(20px,2vw,22px);font-weight:720;line-height:1.3}
.hs-pdp-v2 h4{margin:0 0 10px;font-size:18px;line-height:1.35}
.hs-pdp-v2 p,.hs-pdp-v2 ul,.hs-pdp-v2 ol{margin-top:0;margin-bottom:16px}
.hs-pdp-v2 p:last-child,.hs-pdp-v2 ul:last-child,.hs-pdp-v2 ol:last-child{margin-bottom:0}
.hs-pdp-v2 .pdp2-lede{max-width:66ch;font-size:18px;line-height:1.65}
.hs-pdp-v2 .pdp2-sku,.hs-pdp-v2 .pdp2-project-note{margin-bottom:12px;color:var(--pdp2-muted);font-size:14px;font-weight:650;letter-spacing:0.04em;text-transform:uppercase}
.hs-pdp-v2 .pdp2-badges{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.hs-pdp-v2 .pdp2-badge{padding:6px 10px;color:var(--pdp2-navy-2);background:rgba(255,255,255,0.78);border:1px solid #cfe3f1;border-radius:999px;font-size:13px;font-weight:700;line-height:1.35}
.hs-pdp-v2 .pdp2-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hs-pdp-v2 .pdp2-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--pdp2-button-height);padding:12px 22px;border:1px solid transparent;border-radius:var(--pdp2-radius-sm);font-size:15px;font-weight:750;line-height:1.2;text-align:center;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,background-color 160ms ease}
.hs-pdp-v2 .pdp2-button:hover{transform:translateY(-1px)}
.hs-pdp-v2 .pdp2-button svg{flex:0 0 auto;width:20px;height:20px}
.hs-pdp-v2 .pdp2-button-primary{color:#fff;background:var(--pdp2-blue);box-shadow:0 8px 22px rgba(76,141,199,0.24)}
.hs-pdp-v2 .pdp2-button-primary:hover{color:#fff;background:var(--pdp2-blue-strong)}
.hs-pdp-v2 .pdp2-button-secondary{color:var(--pdp2-navy-2);background:#fff;border-color:#bbd6ec}
.hs-pdp-v2 .pdp2-button-whatsapp{color:#fff;background:#187a4d}
.hs-pdp-v2 .pdp2-product>.pdp2-section:not(.pdp2-hero):not(.pdp2-final-cta):not(.pdp2-factory){padding-block:var(--pdp2-section-gap);border-bottom:1px solid var(--pdp2-line)}
.hs-pdp-v2 .pdp2-product>.pdp2-section + .pdp2-section{margin-top:0}
.hs-pdp-v2 .pdp2-section-title{max-width:24ch;text-align:left}
.hs-pdp-v2 .pdp2-section-soft,.hs-pdp-v2 .pdp2-section-subtle-blue,.hs-pdp-v2 .pdp2-section-dark{margin-inline:calc(var(--pdp2-gutter) * -0.35);padding-inline:calc(var(--pdp2-gutter) * 0.75);border-radius:var(--pdp2-radius-lg)}
.hs-pdp-v2 .pdp2-section-soft{background:var(--pdp2-soft)}
.hs-pdp-v2 .pdp2-section-subtle-blue{background:var(--pdp2-soft-blue)}
.hs-pdp-v2 .pdp2-section-dark{color:#eaf3fa;background:var(--pdp2-dark);border-bottom:0}
.hs-pdp-v2 .pdp2-section-dark h2,.hs-pdp-v2 .pdp2-section-dark h3,.hs-pdp-v2 .pdp2-section-dark a{color:#fff}
.hs-pdp-v2 .pdp2-section-dark .pdp2-button-secondary,.hs-pdp-v2 .pdp2-section-dark .pdp2-button-secondary:hover{color:var(--pdp2-navy-2)}
.hs-pdp-v2 .pdp2-section-compact{padding-block:clamp(34px,4vw,48px)}
.hs-pdp-v2 .pdp2-section>p,.hs-pdp-v2 .pdp2-section>ul,.hs-pdp-v2 .pdp2-section>ol{max-width:76ch}
.hs-pdp-v2 .pdp2-callout{margin-block:clamp(30px,4vw,48px);padding:clamp(22px,3vw,32px);background:var(--pdp2-soft-blue);border-left:5px solid var(--pdp2-blue);border-radius:0 var(--pdp2-radius) var(--pdp2-radius) 0}
.hs-pdp-v2 .pdp2-callout-engineering{background:#f3f8fc;border-left-color:var(--pdp2-navy-2)}
.hs-pdp-v2 .pdp2-callout-logistics{background:#f8fafc;border-left-color:#7892a8}
.hs-pdp-v2 .pdp2-grid{display:grid;gap:var(--pdp2-grid-gap);margin-top:24px}
.hs-pdp-v2 .pdp2-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.hs-pdp-v2 .pdp2-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hs-pdp-v2 .pdp2-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hs-pdp-v2 .pdp2-card,.hs-pdp-v2 .pdp2-related-card,.hs-pdp-v2 .pdp2-action-card{min-width:0;padding:clamp(20px,2.2vw,26px);background:var(--pdp2-surface);border:1px solid var(--pdp2-line);border-radius:var(--pdp2-radius);box-shadow:0 1px 0 rgba(23,58,94,0.04)}
.hs-pdp-v2 .pdp2-card>:last-child,.hs-pdp-v2 .pdp2-related-card>:last-child,.hs-pdp-v2 .pdp2-action-card>:last-child{margin-bottom:0}
.hs-pdp-v2 .pdp2-card-text{color:var(--pdp2-muted)}
.hs-pdp-v2 .pdp2-card-fact{background:var(--pdp2-soft);border-color:var(--pdp2-line)}
.hs-pdp-v2 .pdp2-card-application{border-top:2px solid var(--pdp2-blue)}
.hs-pdp-v2 .pdp2-fit-guidance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdp2-grid-gap)}
.hs-pdp-v2 .pdp2-is-fit,.hs-pdp-v2 .pdp2-is-not-fit{padding:clamp(22px,3vw,32px);border-radius:var(--pdp2-radius)}
.hs-pdp-v2 .pdp2-is-fit{background:#f1faf6;border:1px solid #cde8d9}
.hs-pdp-v2 .pdp2-is-not-fit{background:#f4faf6;border:1px solid #cfe7d8}
.hs-pdp-v2 .pdp2-table-wrap{max-width:100%;min-width:0;margin-top:24px;overflow-x:auto;overscroll-behavior-inline:contain;border:1px solid var(--pdp2-line);border-radius:10px;box-shadow:0 1px 0 rgba(23,58,94,0.04);-webkit-overflow-scrolling:touch}
.hs-pdp-v2 .pdp2-table{width:100%;min-width:0;border-collapse:collapse;background:var(--pdp2-surface);border:0;font-size:15px;line-height:1.5;margin:0}
.hs-pdp-v2 .pdp2-table-wide{min-width:760px}
.hs-pdp-v2 .pdp2-table th,.hs-pdp-v2 .pdp2-table td{overflow-wrap:anywhere}
.hs-pdp-v2 .pdp2-table:not(.pdp2-table-wide) th[scope="row"]{word-break:normal;overflow-wrap:normal;hyphens:none}
.hs-pdp-v2 .pdp2-table caption{padding:14px 16px;color:var(--pdp2-navy);background:var(--pdp2-soft);border-bottom:1px solid var(--pdp2-line);font-weight:700;text-align:left}
.hs-pdp-v2 .pdp2-table th,.hs-pdp-v2 .pdp2-table td{padding:14px 16px;vertical-align:top;border:0;border-bottom:1px solid var(--pdp2-line);text-align:left}
.hs-pdp-v2 .pdp2-table th{color:var(--pdp2-navy-2);background:#edf4f9;font-weight:750}
.hs-pdp-v2 .pdp2-table tr:last-child th,.hs-pdp-v2 .pdp2-table tr:last-child td{border-bottom:0}
.hs-pdp-v2 .pdp2-process-list{display:grid;gap:14px;margin:24px 0 0;padding:0;list-style:none;counter-reset:pdp2-step}
.hs-pdp-v2 .pdp2-process-list>li{position:relative;min-height:48px;padding:10px 0 10px 60px;counter-increment:pdp2-step}
.hs-pdp-v2 .pdp2-process-list>li::before{position:absolute;top:4px;left:0;display:grid;place-items:center;width:42px;height:42px;color:#fff;background:var(--pdp2-navy-2);border-radius:999px;content:counter(pdp2-step,decimal-leading-zero);font-size:14px;font-weight:750}
.hs-pdp-v2 .pdp2-checklist{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}
.hs-pdp-v2 .pdp2-checklist>li{position:relative;padding-left:26px}
.hs-pdp-v2 .pdp2-checklist>li::before{position:absolute;top:0.72em;left:2px;width:7px;height:7px;background:var(--pdp2-blue);border-radius:999px;content:""}
.hs-pdp-v2 .pdp2-image-text{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,5vw,64px)}
.hs-pdp-v2 .pdp2-image-text-media{overflow:hidden;background:#eaf4fb;border-radius:var(--pdp2-radius-lg);box-shadow:var(--pdp2-shadow)}
.hs-pdp-v2 .pdp2-image-text-media img{width:100%;aspect-ratio:4 / 3;object-fit:cover}
.hs-pdp-v2 .pdp2-factory{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,0.8fr);align-items:center;gap:var(--pdp2-grid-gap);padding:clamp(40px,5vw,60px);color:#eaf3fa;background:var(--pdp2-dark);border:0;border-radius:var(--pdp2-radius-lg)}
.hs-pdp-v2 .pdp2-factory h2,.hs-pdp-v2 .pdp2-factory h3,.hs-pdp-v2 .pdp2-factory a{color:#fff}
.hs-pdp-v2 .pdp2-factory-content{display:block}
.hs-pdp-v2 .pdp2-factory-list,.hs-pdp-v2 .pdp2-factory-terms{margin:0}
.hs-pdp-v2 .pdp2-factory>img{width:100%;border-radius:var(--pdp2-radius)}
.hs-pdp-v2 .pdp2-tab-list{display:none}
.hs-pdp-v2 .pdp2-tab-panel{display:block;padding-block:clamp(28px,4vw,46px);border-bottom:1px solid var(--pdp2-line)}
.hs-pdp-v2 .pdp2-tab-panel:last-child{border-bottom:0}
.hs-pdp-v2 .pdp2-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pdp2-grid-gap);margin-top:24px}
.hs-pdp-v2 .pdp2-related-card{padding:0;overflow:hidden}
.hs-pdp-v2 .pdp2-related-thumb{overflow:hidden;background:#eaf4fb;aspect-ratio:4 / 3}
.hs-pdp-v2 .pdp2-related-thumb img{width:100%;height:100%;object-fit:cover}
.hs-pdp-v2 .pdp2-related-card>:not(.pdp2-related-thumb){margin-inline:22px}
.hs-pdp-v2 .pdp2-related-card>h3{margin-top:20px}
.hs-pdp-v2 .pdp2-related-card>:last-child{margin-bottom:22px}
.hs-pdp-v2 .pdp2-related-links,.hs-pdp-v2 .pdp2-related-guides{display:grid;gap:10px;margin-top:24px}
.hs-pdp-v2 .pdp2-faq{max-width:900px;margin-inline:auto}
.hs-pdp-v2 .pdp2-faq-item{background:var(--pdp2-surface);border-top:1px solid var(--pdp2-line)}
.hs-pdp-v2 .pdp2-faq-item:last-child{border-bottom:1px solid var(--pdp2-line)}
.hs-pdp-v2 .pdp2-faq-item summary{min-height:56px;padding:16px 44px 16px 16px;color:var(--pdp2-navy);cursor:pointer;font-weight:720;line-height:1.45}
.hs-pdp-v2 .pdp2-faq-item[open] summary{color:var(--pdp2-blue-strong)}
.hs-pdp-v2 .pdp2-faq-item>:not(summary){max-width:72ch;padding-right:20px;padding-bottom:16px;padding-left:16px}
.hs-pdp-v2 .pdp2-final-cta{margin-top:var(--pdp2-section-gap);padding:clamp(44px,6vw,64px) clamp(24px,5vw,64px);color:#eaf3fa;background:linear-gradient(135deg,var(--pdp2-dark),var(--pdp2-navy-2));border:1px solid rgba(255,255,255,0.12);border-radius:var(--pdp2-radius-lg);text-align:center;box-shadow:var(--pdp2-shadow)}
.hs-pdp-v2 .pdp2-final-cta h2,.hs-pdp-v2 .pdp2-final-cta h3,.hs-pdp-v2 .pdp2-final-cta a:not(.pdp2-button){color:#fff}
.hs-pdp-v2 .pdp2-final-cta>*{margin-inline:auto}
.hs-pdp-v2 .pdp2-final-cta .pdp2-actions{justify-content:center}
.hs-pdp-v2 .pdp2-sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1024px){.hs-pdp-v2{--pdp2-gutter:clamp(20px,4vw,34px);--pdp2-section-gap:clamp(48px,6vw,64px)}
.hs-pdp-v2 .pdp2-hero{grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr)}
.hs-pdp-v2 .pdp2-grid-4,.hs-pdp-v2 .pdp2-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){.hs-pdp-v2{--pdp2-gutter:clamp(18px,5vw,28px);--pdp2-section-gap:clamp(44px,7vw,56px);font-size:16px}
.hs-pdp-v2 .pdp2-hero{grid-template-columns:1fr;gap:24px;padding-block:32px}
.hs-pdp-v2 .pdp2-grid-3,.hs-pdp-v2 .pdp2-factory,.hs-pdp-v2 .pdp2-image-text{grid-template-columns:1fr}
.hs-pdp-v2 .pdp2-lede{font-size:17px}
.hs-pdp-v2 .pdp2-table th,.hs-pdp-v2 .pdp2-table td{padding:13px 15px}
}
@media (max-width:520px){.hs-pdp-v2{--pdp2-gutter:18px;--pdp2-grid-gap:14px}
.hs-pdp-v2 .pdp2-badges{gap:6px}
.hs-pdp-v2 .pdp2-badge{padding:5px 8px}
.hs-pdp-v2 h1{max-width:none;font-size:clamp(34px,9.8vw,40px)}
.hs-pdp-v2 h2{font-size:clamp(26px,7.5vw,30px)}
.hs-pdp-v2 .pdp2-actions,.hs-pdp-v2 .pdp2-grid-2,.hs-pdp-v2 .pdp2-grid-4,.hs-pdp-v2 .pdp2-related-grid,.hs-pdp-v2 .pdp2-fit-guidance{grid-template-columns:1fr}
.hs-pdp-v2 .pdp2-actions{display:grid}
.hs-pdp-v2 .pdp2-button{width:100%}
.hs-pdp-v2 .pdp2-card,.hs-pdp-v2 .pdp2-related-card,.hs-pdp-v2 .pdp2-action-card{padding:18px}
.hs-pdp-v2 .pdp2-related-card{padding:0}
.hs-pdp-v2 .pdp2-table{font-size:14px}
.hs-pdp-v2 .pdp2-table-wide{min-width:720px}
.hs-pdp-v2 .pdp2-final-cta{padding:36px 20px;border-radius:var(--pdp2-radius)}
.hs-pdp-v2 .pdp2-faq-item summary{padding:16px 36px 16px 12px}
.hs-pdp-v2 .pdp2-faq-item>:not(summary){padding-right:12px;padding-left:12px}
}
@media (prefers-reduced-motion:reduce){.hs-pdp-v2 *,.hs-pdp-v2 *::before,.hs-pdp-v2 *::after{scroll-behavior:auto;transition-duration:0.01ms;animation-duration:0.01ms;animation-iteration-count:1}
}
.hs-pdp-v2 h1,.hs-pdp-v2 h2,.hs-pdp-v2 h3,.hs-pdp-v2 h4,.hs-pdp-v2 .pdp2-breadcrumb,.hs-pdp-v2 .pdp2-sku,.hs-pdp-v2 .pdp2-project-note,.hs-pdp-v2 .pdp2-badge,.hs-pdp-v2 .pdp2-button,.hs-pdp-v2 .pdp2-card,.hs-pdp-v2 .pdp2-action-card,.hs-pdp-v2 .pdp2-related-card,.hs-pdp-v2 .pdp2-related-links a,.hs-pdp-v2 .pdp2-related-guides a{min-width:0;overflow-wrap:anywhere}
.hs-pdp-v2 .pdp2-product>.pdp2-section.pdp2-section-compact:not(.pdp2-hero):not(.pdp2-final-cta):not(.pdp2-factory){padding-block:clamp(34px,4vw,48px)}

/* HSPACK Product UI V2.2 final component upgrade */
.hs-pdp-v2 .pdp2-gallery {
  display: grid;
  gap: 14px;
  width: 100%;
  min-width: 0;
}

.hs-pdp-v2 .pdp2-gallery-main {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  margin: 0;
  overflow: hidden;
  border: 1px solid #d9e4ec;
  border-radius: 18px;
  background: linear-gradient(145deg, #ffffff 0%, #f5f9fc 100%);
  box-shadow: 0 18px 42px rgba(19, 54, 78, 0.10);
}

.hs-pdp-v2 .pdp2-gallery-main img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  transition: opacity 180ms ease, transform 180ms ease;
}

.hs-pdp-v2 .pdp2-gallery-main figcaption {
  position: absolute;
  inset-inline: 16px;
  bottom: 14px;
  width: fit-content;
  max-width: calc(100% - 32px);
  padding: 6px 10px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 999px;
  background: rgba(16, 42, 67, 0.78);
  color: #ffffff;
  font-size: 13px;
  line-height: 1.35;
  backdrop-filter: blur(8px);
}

.hs-pdp-v2 .pdp2-gallery[data-pdp2-changing="true"] .pdp2-gallery-main img {
  opacity: 0.64;
  transform: scale(0.992);
}

.hs-pdp-v2 .pdp2-gallery-strip {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(72px, 88px));
  gap: 10px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  margin-top: 0;
}

.hs-pdp-v2 .pdp2-gallery-thumb {
  position: relative;
  display: grid;
  place-items: center;
  min-width: 72px;
  min-height: 72px;
  aspect-ratio: 1;
  margin: 0;
  padding: 4px;
  overflow: hidden;
  appearance: none;
  border: 2px solid transparent;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 4px 14px rgba(19, 54, 78, 0.08);
  color: inherit;
  cursor: pointer;
  transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

.hs-pdp-v2 .pdp2-gallery-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  border-radius: 8px;
  object-fit: cover;
}

.hs-pdp-v2 .pdp2-gallery-thumb[aria-current="true"] {
  border-color: #0c88c8;
  box-shadow: 0 0 0 3px rgba(12, 136, 200, 0.18), 0 8px 20px rgba(19, 54, 78, 0.12);
}

.hs-pdp-v2 .pdp2-gallery-thumb:focus-visible {
  outline: 3px solid #f5b400;
  outline-offset: 3px;
}

.hs-pdp-v2 .pdp2-sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-faq {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: 1200px;
  margin-inline: auto;
  padding-block: clamp(52px, 6vw, 80px);
  border-bottom: 0;
  background: transparent;
}

.hs-pdp-v2 .pdp2-faq::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block: 0;
  inset-inline: 0;
  background: linear-gradient(180deg, #f4f9fd 0%, #edf6fb 100%);
  box-shadow: 0 0 0 100vmax #f4f9fd;
  clip-path: inset(0 -100vmax);
}

.hs-pdp-v2 .pdp2-faq > .pdp2-section-title {
  margin: 0 0 22px;
  color: #123b57;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.18;
  letter-spacing: -0.02em;
}

.hs-pdp-v2 .pdp2-faq > .pdp2-faq-item {
  margin: 12px 0 0;
  overflow: clip;
  border: 1px solid #d7e5ee;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(20, 55, 82, 0.06);
  transition: border-color 180ms ease, box-shadow 180ms ease;
}

.hs-pdp-v2 .pdp2-faq > .pdp2-faq-item summary {
  min-height: 56px;
  padding: 17px 20px;
  color: #173f59;
  font-weight: 700;
  line-height: 1.42;
  cursor: pointer;
}

.hs-pdp-v2 .pdp2-faq > .pdp2-faq-item[open] {
  border-color: rgba(12, 136, 200, 0.38);
  box-shadow: 0 12px 30px rgba(20, 55, 82, 0.10);
}

.hs-pdp-v2 .pdp2-faq > .pdp2-faq-item[open] summary {
  color: #173f59;
}

.hs-pdp-v2 .pdp2-faq > .pdp2-faq-item > p {
  max-width: 72ch;
  margin: 0;
  padding: 0 20px 19px;
  color: #486478;
  line-height: 1.72;
}

.hs-pdp-v2 .pdp2-faq > .pdp2-faq-item summary:focus-visible {
  outline: 3px solid #f5b400;
  outline-offset: -3px;
}

@media (hover: hover) {
  .hs-pdp-v2 .pdp2-gallery-thumb:hover {
    border-color: rgba(12, 136, 200, 0.56);
    box-shadow: 0 10px 24px rgba(19, 54, 78, 0.14);
    transform: translateY(-2px);
  }

  .hs-pdp-v2 .pdp2-faq > .pdp2-faq-item:hover {
    border-color: rgba(12, 136, 200, 0.34);
    box-shadow: 0 12px 30px rgba(20, 55, 82, 0.10);
  }
}

@media (max-width: 520px) {
  .hs-pdp-v2 .pdp2-gallery {
    gap: 10px;
  }

  .hs-pdp-v2 .pdp2-gallery-main {
    border-radius: 14px;
  }

  .hs-pdp-v2 .pdp2-gallery-main figcaption {
    inset-inline: 10px;
    bottom: 10px;
    max-width: calc(100% - 20px);
    font-size: 12px;
  }

  .hs-pdp-v2 .pdp2-gallery-strip {
    grid-template-columns: repeat(3, minmax(64px, 84px));
    gap: 8px;
  }

  .hs-pdp-v2 .pdp2-gallery-thumb {
    min-width: 64px;
    min-height: 64px;
    border-radius: 10px;
  }

  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-faq {
    padding-block: 40px;
  }

  .hs-pdp-v2 .pdp2-faq > .pdp2-section-title {
    margin-bottom: 16px;
    font-size: 28px;
  }

  .hs-pdp-v2 .pdp2-faq > .pdp2-faq-item {
    margin-top: 8px;
    border-radius: 12px;
  }

  .hs-pdp-v2 .pdp2-faq > .pdp2-faq-item summary {
    min-height: 52px;
    padding: 14px 16px;
  }

  .hs-pdp-v2 .pdp2-faq > .pdp2-faq-item > p {
    padding: 0 16px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hs-pdp-v2 .pdp2-gallery-main img,
  .hs-pdp-v2 .pdp2-gallery-thumb,
  .hs-pdp-v2 .pdp2-faq > .pdp2-faq-item {
    transition: none;
  }
}

/* HSPACK Product UI V2.3 continuous visual architecture */
.hs-pdp-v2 {
  --pdp2-zone-technical: #f5f8fa;
  --pdp2-zone-support: #f1f6fa;
  --pdp2-card-border: #d8e3eb;
  --pdp2-card-shadow: 0 6px 20px rgba(20, 55, 82, 0.055);
}

/* Zone 1: lightweight product introduction on the white page canvas. */
.hs-pdp-v2 .pdp2-breadcrumb {
  width: 100%;
  max-width: none;
  min-height: 0;
  margin: 0 0 clamp(14px, 1.6vw, 20px);
  padding: 14px 0;
  gap: 8px;
  border: 0;
  border-bottom: 1px solid #e2e9ef;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #718393;
  font-size: 14px;
  line-height: 1.42;
}

.hs-pdp-v2 .pdp2-breadcrumb a {
  color: #355b78;
  font-weight: 650;
  text-decoration: none;
  transition: color 150ms ease;
}

.hs-pdp-v2 .pdp2-breadcrumb a:hover {
  color: #007ecb;
}

.hs-pdp-v2 .pdp2-breadcrumb a:focus-visible {
  outline: 2px solid #0c88c8;
  outline-offset: 3px;
  border-radius: 3px;
}

.hs-pdp-v2 .pdp2-breadcrumb > span {
  min-width: 0;
}

.hs-pdp-v2 .pdp2-breadcrumb > span[aria-hidden="true"] {
  color: #9aabba;
  font-size: 0;
}

.hs-pdp-v2 .pdp2-breadcrumb > span[aria-hidden="true"]::after {
  content: "\203A";
  font-size: 16px;
  line-height: 1;
}

.hs-pdp-v2 .pdp2-breadcrumb > span:not([aria-hidden="true"]) {
  color: #718393;
  font-weight: 500;
}

.hs-pdp-v2 .pdp2-hero {
  margin-bottom: clamp(8px, 1.5vw, 18px);
}

.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-callout-answer {
  margin: 0;
  padding: clamp(40px, 4.8vw, 58px) 0 clamp(40px, 4.8vw, 58px) clamp(22px, 2.6vw, 34px);
  border: 0;
  border-bottom: 1px solid #e2e9ef;
  border-left: 4px solid #4c8dc7;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.hs-pdp-v2 .pdp2-card,
.hs-pdp-v2 .pdp2-related-card,
.hs-pdp-v2 .pdp2-action-card,
.hs-pdp-v2 .pdp2-table-wrap {
  border-color: var(--pdp2-card-border);
  border-radius: 14px;
  background: #ffffff;
  box-shadow: var(--pdp2-card-shadow);
}

.hs-pdp-v2 .pdp2-card-fact {
  background: #ffffff;
}

.hs-pdp-v2 .pdp2-section-title {
  max-width: 32ch;
}

/* Zone 2: one continuous technical and decision canvas. */
.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-zone-technical,
.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-zone-support {
  position: relative;
  isolation: isolate;
  width: 100%;
  max-width: none;
  margin: 0;
  padding-inline: 0;
  padding-block: clamp(32px, 3.4vw, 40px);
  border: 0;
  border-radius: 0;
  clip-path: inset(0 -100vmax);
}

.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-zone-technical {
  background: var(--pdp2-zone-technical);
  box-shadow: 0 0 0 100vmax var(--pdp2-zone-technical);
}

.hs-pdp-v2 .pdp2-product > .pdp2-section:not(.pdp2-zone-technical) + .pdp2-zone-technical {
  padding-top: clamp(80px, 7vw, 92px);
}

.hs-pdp-v2 .pdp2-zone-technical .pdp2-section-title {
  max-width: 34ch;
}

.hs-pdp-v2 .pdp2-zone-technical .pdp2-table-wrap {
  background: #ffffff;
  border-color: #d6e1e9;
  box-shadow: 0 8px 24px rgba(20, 55, 82, 0.06);
}

.hs-pdp-v2 .pdp2-zone-technical .pdp2-card {
  background: #ffffff;
}

.hs-pdp-v2 .pdp2-zone-technical .pdp2-is-fit,
.hs-pdp-v2 .pdp2-zone-technical .pdp2-is-not-fit {
  box-shadow: 0 4px 16px rgba(20, 55, 82, 0.04);
}

.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-callout-engineering,
.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-rfq-card {
  margin: 0;
  padding: clamp(58px, 5.6vw, 72px) clamp(24px, 3vw, 38px);
  border: 0;
  border-radius: 0;
  background: var(--pdp2-zone-technical);
  box-shadow: 0 0 0 100vmax var(--pdp2-zone-technical);
}

.hs-pdp-v2 .pdp2-callout-engineering::before,
.hs-pdp-v2 .pdp2-rfq-card::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: clamp(18px, 2vw, 24px) 0;
  border: 1px solid var(--pdp2-card-border);
  border-left: 4px solid #173a5e;
  border-radius: 14px;
  background: #ffffff;
  box-shadow: var(--pdp2-card-shadow);
}

.hs-pdp-v2 .pdp2-rfq-card::before {
  border-color: #cfe3f1;
  border-left-width: 1px;
  border-radius: 16px;
  background: #edf6fb;
}

.hs-pdp-v2 .pdp2-rfq-card {
  padding-bottom: clamp(72px, 6.8vw, 88px);
}

/* Zone 3: FAQ and related resources share one support canvas. */
.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-zone-support {
  background: var(--pdp2-zone-support);
  box-shadow: 0 0 0 100vmax var(--pdp2-zone-support);
}

.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-faq.pdp2-zone-support {
  padding-top: clamp(54px, 5.2vw, 68px);
}

.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-zone-support:not(.pdp2-faq) {
  padding-bottom: clamp(72px, 7vw, 88px);
}

.hs-pdp-v2 .pdp2-faq::before {
  content: none;
  background: none;
  box-shadow: none;
  clip-path: none;
}

.hs-pdp-v2 .pdp2-faq > .pdp2-faq-item {
  margin-top: 9px;
  border-color: #d7e3eb;
  border-radius: 12px;
  box-shadow: 0 4px 14px rgba(20, 55, 82, 0.045);
}

.hs-pdp-v2 .pdp2-faq > .pdp2-faq-item[open] {
  border-color: rgba(12, 126, 203, 0.48);
  box-shadow: 0 8px 22px rgba(20, 55, 82, 0.075);
}

.hs-pdp-v2 .pdp2-zone-support .pdp2-related-card {
  background: #ffffff;
}

/* Zone 4: white conversion runway before the contained dark CTA. */
.hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-final-cta {
  margin-top: clamp(52px, 6vw, 72px);
}

@media (hover: hover) {
  .hs-pdp-v2 .pdp2-card:hover,
  .hs-pdp-v2 .pdp2-related-card:hover {
    border-color: #bfd3e1;
    box-shadow: 0 10px 26px rgba(20, 55, 82, 0.075);
  }
}

@media (max-width: 768px) {
  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-zone-technical,
  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-zone-support {
    padding-block: clamp(20px, 5.8vw, 26px);
  }

  .hs-pdp-v2 .pdp2-product > .pdp2-section:not(.pdp2-zone-technical) + .pdp2-zone-technical {
    padding-top: clamp(56px, 8vw, 64px);
  }

  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-callout-engineering,
  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-rfq-card {
    padding: clamp(44px, 7.5vw, 54px) clamp(20px, 4vw, 26px);
  }

  .hs-pdp-v2 .pdp2-rfq-card {
    padding-bottom: clamp(56px, 9vw, 64px);
  }

  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-faq.pdp2-zone-support {
    padding-top: clamp(44px, 7vw, 52px);
  }

  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-final-cta {
    margin-top: clamp(48px, 8vw, 60px);
  }
}

@media (max-width: 520px) {
  .hs-pdp-v2 .pdp2-breadcrumb {
    gap: 6px;
    margin-bottom: 12px;
    padding: 12px 0;
    font-size: 13px;
    line-height: 1.35;
  }

  .hs-pdp-v2 .pdp2-breadcrumb > span[aria-hidden="true"]::after {
    font-size: 15px;
  }

  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-callout-answer {
    padding: 38px 0 38px 18px;
  }

  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-callout-engineering,
  .hs-pdp-v2 .pdp2-product > .pdp2-section.pdp2-rfq-card {
    padding-inline: 18px;
  }

  .hs-pdp-v2 .pdp2-callout-engineering::before,
  .hs-pdp-v2 .pdp2-rfq-card::before {
    inset-block: 14px;
    border-radius: 12px;
  }

  .hs-pdp-v2 .pdp2-faq > .pdp2-faq-item {
    margin-top: 8px;
    border-radius: 11px;
  }
}