/* WM Product Design v0.5.2 - PrestaShop 8 / ZOneTheme */
:root{--wmpd-navy:#071827;--wmpd-navy-2:#0b2e47;--wmpd-navy-3:#0b4258;--wmpd-cyan:#55dff0;--wmpd-cyan-light:#7ce9f4;--wmpd-text:#152433;--wmpd-muted:#647785;--wmpd-surface:#fff;--wmpd-soft:#f5f8fa;--wmpd-border:#dce5ec;--wmpd-shadow:0 8px 24px rgba(7,24,39,.08)}

/* Highlights: own custom hook, no DOM relocation. */
.wmpd-highlights-wrap{margin:0 0 28px;padding:22px 24px 24px;border:1px solid rgba(85,223,240,.26);border-radius:16px;background:linear-gradient(135deg,var(--wmpd-navy),var(--wmpd-navy-3));box-shadow:0 14px 34px rgba(7,24,39,.14);overflow:hidden}
.wmpd-section-head{margin:0 0 16px}.wmpd-kicker{display:block;margin:0 0 5px;color:var(--wmpd-cyan);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.wmpd-section-head h2{margin:0;color:#fff;font-size:1.55rem;line-height:1.2;font-weight:700}
.wmpd-highlight-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.wmpd-highlight-card{min-height:94px;padding:15px 14px;border:1px solid rgba(124,233,244,.22);border-radius:12px;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);display:flex;flex-direction:column;justify-content:center}.wmpd-highlight-card strong{display:block;color:#fff;font-size:1.13rem;line-height:1.22;font-weight:800;overflow-wrap:anywhere}.wmpd-highlight-card span{display:block;margin-top:5px;color:#bed6e1;font-size:.78rem;line-height:1.35}

/* Description: class is added by the tiny ZOneTheme patch. */
body.wmpd-product-design.wmpd-style-description .wmpd-description{color:var(--wmpd-text);font-size:1rem;line-height:1.72}
body.wmpd-product-design.wmpd-style-description .wmpd-description>*:first-child{margin-top:0}
body.wmpd-product-design.wmpd-style-description .wmpd-description>*:last-child{margin-bottom:0}
body.wmpd-product-design.wmpd-style-description .wmpd-description h2,body.wmpd-product-design.wmpd-style-description .wmpd-description h3,body.wmpd-product-design.wmpd-style-description .wmpd-description h4{color:var(--wmpd-navy);font-weight:750;line-height:1.25}
body.wmpd-product-design.wmpd-style-description .wmpd-description h2{font-size:1.55rem;margin:1.6em 0 .65em}body.wmpd-product-design.wmpd-style-description .wmpd-description h3{font-size:1.28rem;margin:1.45em 0 .55em}
body.wmpd-product-design.wmpd-style-description .wmpd-description p,body.wmpd-product-design.wmpd-style-description .wmpd-description ul,body.wmpd-product-design.wmpd-style-description .wmpd-description ol{max-width:980px}
body.wmpd-product-design.wmpd-style-description .wmpd-description img{max-width:100%;height:auto;border-radius:10px}body.wmpd-product-design.wmpd-style-description .wmpd-description table{width:100%;max-width:100%}
body.wmpd-product-design.wmpd-style-description .product-normal-layout .product-description-block>.block-content{padding:26px 28px;border:1px solid var(--wmpd-border);border-radius:16px;background:linear-gradient(180deg,#fff,#fbfdfe);box-shadow:var(--wmpd-shadow)}
body.wmpd-product-design.wmpd-style-description .product-tabs .product-description-block .panel-content,body.wmpd-product-design.wmpd-style-description .product-accordions .product-description-block .panel-content{padding:18px;background:#fff}

/* Native PrestaShop grouped_features, only restyled - no duplicate feature list. */
body.wmpd-product-design.wmpd-style-specs .wmpd-product-features .data-sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;margin:0;padding:0}
body.wmpd-product-design.wmpd-style-specs .wmpd-product-features .data-sheet>dt,body.wmpd-product-design.wmpd-style-specs .wmpd-product-features .data-sheet>dd{margin:0;padding:12px 0;border-bottom:1px solid #e8eef2;background:transparent}
body.wmpd-product-design.wmpd-style-specs .wmpd-product-features .data-sheet>dt{grid-column:1;color:var(--wmpd-muted);font-weight:650}body.wmpd-product-design.wmpd-style-specs .wmpd-product-features .data-sheet>dd{grid-column:2;color:var(--wmpd-text);font-weight:750;text-align:right;overflow-wrap:anywhere}
body.wmpd-product-design.wmpd-style-specs .product-normal-layout .product-features-block>.block-content{padding:24px 28px;border:1px solid var(--wmpd-border);border-radius:16px;background:#fff;box-shadow:var(--wmpd-shadow)}
body.wmpd-product-design.wmpd-style-specs .product-tabs .product-features-block .panel-content,body.wmpd-product-design.wmpd-style-specs .product-accordions .product-features-block .panel-content{padding:18px;background:#fff}

/* GPSR is detected conservatively inside existing product extraContent. Content itself is never rewritten. */
body.wmpd-product-design.wmpd-style-gpsr .wmpd-gpsr-section{border:1px solid rgba(85,223,240,.28)!important;border-radius:16px!important;background:linear-gradient(180deg,#fff,#f7fbfd)!important;box-shadow:var(--wmpd-shadow)!important;overflow:hidden}
body.wmpd-product-design.wmpd-style-gpsr .product-normal-layout .wmpd-gpsr-section>.title-block{margin:0;padding:15px 20px;background:linear-gradient(135deg,var(--wmpd-navy),var(--wmpd-navy-3));color:#fff;border-radius:0}
body.wmpd-product-design.wmpd-style-gpsr .product-normal-layout .wmpd-gpsr-section>.block-content{padding:22px!important;background:transparent!important}
body.wmpd-product-design.wmpd-style-gpsr .product-tabs .wmpd-gpsr-section .panel-content,body.wmpd-product-design.wmpd-style-gpsr .product-accordions .wmpd-gpsr-section .panel-content{padding:22px;background:linear-gradient(180deg,#fff,#f7fbfd)}
body.wmpd-product-design.wmpd-style-gpsr .wmpd-gpsr-section .extra-content{line-height:1.65;color:var(--wmpd-text)}
body.wmpd-product-design.wmpd-style-gpsr .wmpd-gpsr-section .extra-content h3,body.wmpd-product-design.wmpd-style-gpsr .wmpd-gpsr-section .extra-content h4,body.wmpd-product-design.wmpd-style-gpsr .wmpd-gpsr-section .extra-content strong{color:var(--wmpd-navy)}
body.wmpd-product-design.wmpd-style-gpsr .wmpd-gpsr-section .extra-content table{width:100%;border-collapse:separate;border-spacing:0 8px}body.wmpd-product-design.wmpd-style-gpsr .wmpd-gpsr-section .extra-content td,body.wmpd-product-design.wmpd-style-gpsr .wmpd-gpsr-section .extra-content th{padding:10px 12px;background:#fff;border-top:1px solid var(--wmpd-border);border-bottom:1px solid var(--wmpd-border)}

/* Existing WM Coil Finder remains its own module; only spacing/surface integration is adjusted. */
body.wmpd-product-design.wmpd-style-coilfinder .wmcf-product-integration{margin-top:28px!important;margin-bottom:28px!important;box-shadow:0 14px 34px rgba(7,24,39,.15)!important}body.wmpd-product-design.wmpd-style-coilfinder .wmcf-product-compact{margin-top:20px!important;margin-bottom:20px!important}

@media(max-width:1100px){.wmpd-highlight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.wmpd-highlights-wrap{margin-bottom:22px;padding:18px 16px;border-radius:15px}.wmpd-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wmpd-highlight-card{min-height:84px;padding:13px 12px}.wmpd-highlight-card strong{font-size:1.02rem}.wmpd-section-head h2{font-size:1.35rem}body.wmpd-product-design.wmpd-style-description .product-normal-layout .product-description-block>.block-content,body.wmpd-product-design.wmpd-style-specs .product-normal-layout .product-features-block>.block-content{padding:18px;border-radius:14px}body.wmpd-product-design.wmpd-style-specs .wmpd-product-features .data-sheet{grid-template-columns:minmax(105px,.85fr) minmax(0,1.15fr);gap:0 12px}body.wmpd-product-design.wmpd-style-gpsr .product-normal-layout .wmpd-gpsr-section>.block-content{padding:17px!important}}
@media(max-width:420px){.wmpd-highlight-grid{grid-template-columns:1fr 1fr}body.wmpd-product-design.wmpd-style-specs .wmpd-product-features .data-sheet{display:block}body.wmpd-product-design.wmpd-style-specs .wmpd-product-features .data-sheet>dt{padding:11px 0 2px;border-bottom:0}body.wmpd-product-design.wmpd-style-specs .wmpd-product-features .data-sheet>dd{padding:0 0 11px;text-align:left}}

/* M2 – intelligent product data / WM Device Finder */
.wmpd-highlight-card.wmpd-from-devicefinder{border-color:rgba(85,223,240,.42);background:linear-gradient(180deg,rgba(85,223,240,.10),rgba(255,255,255,.04))}
.wmpd-device-details{margin-top:14px;padding:18px;border-top:1px solid rgba(124,233,244,.22);border-radius:12px;background:rgba(255,255,255,.045)}
.wmpd-device-details-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#fff;font-weight:800}
.wmpd-device-details-head small{color:#9ecbd5;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
.wmpd-device-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0}
.wmpd-device-row{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(0,1.1fr);gap:12px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.09)}
.wmpd-device-row dt,.wmpd-device-row dd{margin:0}.wmpd-device-row dt{color:#a9c7d1;font-weight:600}.wmpd-device-row dd{color:#fff;font-weight:750;text-align:right;overflow-wrap:anywhere}
.wmpd-device-note{margin-top:12px;padding:12px 14px;border:1px solid rgba(85,223,240,.18);border-radius:10px;background:rgba(4,19,31,.28);color:#d9edf2;line-height:1.55}.wmpd-device-note strong{color:var(--wmpd-cyan)}
@media(max-width:767px){.wmpd-device-details{padding:15px}.wmpd-device-matrix{grid-template-columns:1fr}.wmpd-device-row{grid-template-columns:minmax(105px,.8fr) minmax(0,1.2fr)}}
@media(max-width:420px){.wmpd-device-row{grid-template-columns:1fr;gap:2px}.wmpd-device-row dd{text-align:left}}


/* M3 – Conversion & SEO: internal navigation only, no duplicate Product schema. */
.wmpd-conversion{margin:0 0 28px;padding:22px 24px;border:1px solid var(--wmpd-border);border-radius:16px;background:linear-gradient(180deg,#fff,#f8fbfd);box-shadow:var(--wmpd-shadow)}
.wmpd-conversion-head{margin-bottom:15px}.wmpd-conversion-head .wmpd-kicker{color:#118da0}.wmpd-conversion-head h2{margin:0;color:var(--wmpd-navy);font-size:1.42rem;line-height:1.25}
.wmpd-tool-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.wmpd-tool-link{display:flex;min-height:92px;padding:15px 16px;border:1px solid #d9e7ec;border-radius:12px;background:#fff;flex-direction:column;justify-content:center;text-decoration:none!important;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.wmpd-tool-link:hover{transform:translateY(-2px);border-color:rgba(17,141,160,.45);box-shadow:0 10px 22px rgba(7,24,39,.10)}.wmpd-tool-link span{color:var(--wmpd-muted);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.wmpd-tool-link strong{margin-top:5px;color:var(--wmpd-navy);font-size:1rem}.wmpd-tool-coilfinder strong,.wmpd-tool-devicefinder strong{color:#087b8c}
.wmpd-related{margin-top:14px;padding-top:17px;border-top:1px solid #e3edf1}.wmpd-related h3{margin:0 0 10px;color:var(--wmpd-navy);font-size:1.05rem}.wmpd-related-links{display:flex;flex-wrap:wrap;gap:8px}.wmpd-related-links a{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #d9e7ec;border-radius:999px;background:#fff;color:var(--wmpd-text);font-size:.88rem;font-weight:650;text-decoration:none!important}.wmpd-related-links a:hover{border-color:var(--wmpd-cyan);color:#087b8c}.wmpd-related-links span{color:#118da0}
@media(max-width:900px){.wmpd-tool-links{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.wmpd-conversion{padding:18px 16px;border-radius:15px}.wmpd-tool-links{grid-template-columns:1fr}.wmpd-tool-link{min-height:78px}.wmpd-related-links{display:grid;grid-template-columns:1fr}.wmpd-related-links a{border-radius:11px;justify-content:space-between}}

/* M4.1 – liquid classification foundation. No customer-facing liquid design yet. */
.wmpd-liquid-debug{margin-top:14px;padding:9px 12px;border:1px dashed rgba(85,223,240,.45);border-radius:10px;background:rgba(0,0,0,.16);color:#d9edf2;font-size:.78rem;line-height:1.45}
.wmpd-liquid-debug strong{color:var(--wmpd-cyan)}.wmpd-liquid-debug span{color:#9ecbd5}

.wmpd-liquid-debug-row{margin-top:5px;color:#b9d7de}.wmpd-liquid-debug-row b{color:#d9edf2;font-weight:700}


/* M4.3 Liquid Product Experience */
.wmpd-liquid-experience{
  margin:18px 0;
  padding:18px;
  border-radius:16px;
  background:linear-gradient(135deg,#071827 0%,#0b2e47 55%,#0b4258 100%);
  color:#fff;
  box-shadow:0 18px 42px rgba(7,24,39,.18);
  overflow:hidden;
}
.wmpd-liquid-kicker{
  color:#55dff0;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:12px;
  font-weight:800;
  margin-bottom:8px;
}
.wmpd-liquid-hero{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);
  gap:16px;
  align-items:start;
}
.wmpd-liquid-type-badge{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(85,223,240,.12);
  border:1px solid rgba(85,223,240,.35);
  color:#7ce9f4;
  font-size:12px;
  font-weight:700;
  margin-bottom:10px;
}
.wmpd-liquid-title{
  color:#fff;
  font-size:clamp(22px,2.4vw,32px);
  line-height:1.08;
  margin:0 0 6px;
}
.wmpd-liquid-notes{
  color:rgba(255,255,255,.78);
  font-size:14px;
  line-height:1.6;
  max-width:760px;
}
.wmpd-liquid-highlights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.wmpd-liquid-highlight{
  min-height:68px;
  padding:12px;
  border-radius:12px;
  border:1px solid rgba(85,223,240,.22);
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(4px);
}
.wmpd-liquid-highlight strong{
  display:block;
  color:#fff;
  font-size:18px;
  line-height:1.1;
  margin-bottom:4px;
}
.wmpd-liquid-highlight span{
  color:#7ce9f4;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.wmpd-liquid-card{
  margin-top:14px;
  padding:16px;
  border-radius:13px;
  background:#fff;
  color:#152433;
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}
.wmpd-liquid-card h3{
  margin:0 0 12px;
  color:#071827;
  font-size:17px;
}
.wmpd-liquid-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 20px;
}
.wmpd-liquid-profile-row{
  display:grid;
  grid-template-columns:105px minmax(100px,1fr) 44px;
  gap:8px;
  align-items:center;
  font-size:13px;
}
.wmpd-liquid-profile-row > span{font-weight:700;color:#334a5b}
.wmpd-liquid-profile-row > b{text-align:right;color:#0b4258}
.wmpd-liquid-meter{
  height:9px;
  overflow:hidden;
  border-radius:999px;
  background:#e7eff3;
}
.wmpd-liquid-meter i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#0b4258,#55dff0);
}
.wmpd-liquid-data-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 28px;
  margin:0;
}
.wmpd-liquid-data-list > div{
  display:grid;
  grid-template-columns:minmax(120px,.9fr) minmax(0,1.2fr);
  gap:16px;
  padding:8px 0;
  border-bottom:1px solid #e7eff3;
}
.wmpd-liquid-data-list dt{
  margin:0;
  color:#647785;
  font-weight:600;
}
.wmpd-liquid-data-list dd{
  margin:0;
  color:#152433;
  font-weight:700;
}
@media (max-width: 767px){
  .wmpd-liquid-experience{padding:14px;border-radius:14px}
  .wmpd-liquid-hero{grid-template-columns:1fr}
  .wmpd-liquid-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wmpd-liquid-profile-grid{grid-template-columns:1fr}
  .wmpd-liquid-data-list{grid-template-columns:1fr}
}
@media (max-width: 420px){
  .wmpd-liquid-highlights{grid-template-columns:1fr 1fr}
  .wmpd-liquid-profile-row{grid-template-columns:88px minmax(80px,1fr) 40px}
}