:root{--pdx-blue:#0c53a5;--pdx-navy:#022041;--pdx-text:#5f6b7a;--pdx-soft:#f5f8fc;--pdx-border:#dce7f2}
.pdx-wrap{width:100%;padding-inline:clamp(20px,4vw,72px);box-sizing:border-box}
.pdx-hero{background:linear-gradient(135deg,#022041,#0c53a5);color:#fff;padding:92px 0}
.pdx-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.pdx-kicker{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);color:#fff;font-weight:900;font-size:13px}
.pdx-hero h1{margin:18px 0 8px;font-size:clamp(36px,5vw,68px);line-height:1.3;color:#fff}
.pdx-hero h2{margin:0 0 16px;font-size:clamp(20px,2.2vw,30px);line-height:1.6;color:#dcecff}
.pdx-hero p{margin:0;color:rgba(255,255,255,.82);line-height:2.25;font-size:16px}
.pdx-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.pdx-actions a,.pdx-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:14px;text-decoration:none;font-weight:900}
.pdx-actions a:first-child,.pdx-cta a:first-child{background:#fff;color:var(--pdx-blue)}
.pdx-actions a:last-child,.pdx-cta a:not(:first-child){border:1px solid rgba(255,255,255,.3);color:#fff}
.pdx-hero__media{display:flex;justify-content:center}
.pdx-hero__media img{max-width:560px;width:100%;max-height:390px;object-fit:contain;filter:drop-shadow(0 24px 48px rgba(0,0,0,.32))}
.pdx-section{padding:74px 0;background:#fff}
.pdx-section--soft{background:var(--pdx-soft)}
.pdx-head{text-align:center;max-width:780px;margin:0 auto 34px}
.pdx-head--right{text-align:right;margin:0 0 24px}
.pdx-head span,.pdx-quality span{color:var(--pdx-blue);font-size:13px;font-weight:900}
.pdx-head h2,.pdx-specs h2,.pdx-quality h2{margin:8px 0 0;color:var(--pdx-navy);font-size:clamp(26px,3vw,42px);line-height:1.55}
.pdx-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.pdx-feature-grid div{display:flex;align-items:center;gap:10px;min-height:78px;padding:16px;border:1px solid var(--pdx-border);border-radius:18px;background:#fff;color:var(--pdx-navy);font-weight:900}
.pdx-feature-grid i{color:var(--pdx-blue)}
.pdx-specs{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:start}
.pdx-specs p{color:var(--pdx-text);line-height:2.1}
.pdx-table{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--pdx-border);border-radius:22px;overflow:hidden;background:#fff}
.pdx-table div{padding:16px;border-bottom:1px solid var(--pdx-border);border-left:1px solid var(--pdx-border)}
.pdx-table strong{display:block;color:var(--pdx-navy);margin-bottom:6px}
.pdx-table span{color:var(--pdx-text);font-size:13px}
.pdx-two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pdx-list{display:grid;gap:10px}
.pdx-list div{padding:15px 18px;border-radius:16px;background:var(--pdx-soft);border:1px solid var(--pdx-border);color:var(--pdx-navy);font-weight:900}
.pdx-list--blue div{background:#eef5fd;color:var(--pdx-blue)}
.pdx-quality{background:linear-gradient(135deg,#022041,#0b315d);padding:78px 0;color:#fff}
.pdx-quality__box{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.pdx-quality h2{color:#fff}
.pdx-quality p{color:rgba(255,255,255,.78);line-height:2.15}
.pdx-standards{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.pdx-standards strong{display:inline-flex;align-items:center;justify-content:center;width:78px;height:58px;border-radius:16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff}
.pdx-cta{background:#fff;text-align:center;padding:76px 0}
.pdx-cta h2{margin:0 0 12px;color:var(--pdx-navy);font-size:clamp(28px,3vw,46px);line-height:1.55}
.pdx-cta p{margin:0 auto 24px;max-width:760px;color:var(--pdx-text);line-height:2}
.pdx-cta div{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.pdx-cta a:first-child{background:var(--pdx-blue);color:#fff}
.pdx-cta a:not(:first-child){border:1px solid var(--pdx-border);color:var(--pdx-blue)}
@media(max-width:980px){.pdx-hero__grid,.pdx-specs,.pdx-two,.pdx-quality__box{grid-template-columns:1fr}.pdx-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.pdx-hero{padding:64px 0}.pdx-feature-grid,.pdx-table{grid-template-columns:1fr}.pdx-section{padding:56px 0}}

/* Product Detail Visual Polish */
.pdx-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.16), transparent 28%),
    linear-gradient(135deg,#022041 0%,#0c53a5 58%,#1565c0 100%);
}

.pdx-hero::after{
  content:"";
  position:absolute;
  inset:auto -120px -160px auto;
  width:420px;
  height:420px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}

.pdx-hero__grid{
  position:relative;
  z-index:2;
}

.pdx-hero__media{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  border-radius:32px;
  padding:28px;
  backdrop-filter:blur(8px);
}

.pdx-hero__media img{
  max-height:340px;
  transition:.35s ease;
}

.pdx-hero__media:hover img{
  transform:scale(1.04);
}

.pdx-actions a{
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}

.pdx-feature-grid div{
  background:linear-gradient(180deg,#fff,#f8fbff);
  transition:.25s ease;
}

.pdx-feature-grid div:hover{
  transform:translateY(-4px);
  border-color:#b9d7f3;
  box-shadow:0 14px 34px rgba(12,83,165,.12);
}

.pdx-table{
  box-shadow:0 14px 38px rgba(2,32,65,.07);
}

.pdx-table div{
  transition:.2s ease;
}

.pdx-table div:hover{
  background:#eef5fd;
}

.pdx-list div{
  position:relative;
  overflow:hidden;
}

.pdx-list div::before{
  content:"";
  width:6px;
  height:100%;
  position:absolute;
  right:0;
  top:0;
  background:#0c53a5;
  opacity:.85;
}

.pdx-quality{
  background:
    radial-gradient(circle at 90% 12%, rgba(46,168,255,.18), transparent 30%),
    linear-gradient(135deg,#022041,#0b315d 65%,#0c53a5);
}

.pdx-quality__box{
  padding:38px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:32px;
  background:rgba(255,255,255,.055);
  backdrop-filter:blur(10px);
}

.pdx-standards strong{
  transition:.25s ease;
}

.pdx-standards strong:hover{
  background:#fff;
  color:#0c53a5;
  transform:translateY(-3px);
}

.pdx-cta{
  background:linear-gradient(180deg,#fff 0%,#f5f8fc 100%);
}

.pdx-cta a{
  transition:.25s ease;
}

.pdx-cta a:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 34px rgba(12,83,165,.18);
}