:root{
  --frx-blue:#0b2f6b;
  --frx-blue-dark:#081f49;
  --frx-red:#e30613;
  --frx-red-dark:#b8050f;
}
body{ font-family:'Poppins', sans-serif; font-weight:400; color:#1c2b3a; background:#fafbfd; }

.page-wrap{ padding:1.75rem 0 3rem; }
.crumb{ font-size:.78rem; color:#8492a3; margin-bottom:1.25rem; }
.crumb a{ color:var(--frx-blue); text-decoration:none; font-weight:600; }

.pdp{
  background:#fff; border:1px solid #e8eef5; border-radius:10px; overflow:hidden;
}
.pdp-img{
  background:#fff; min-height:380px; display:flex;
  align-items:center; justify-content:center;
  padding:1.5rem; border-right:1px solid #eef1f5;
}
.pdp-img img{ max-width:100%; max-height:420px; object-fit:contain; }
.pdp-body{ padding:1.75rem 1.6rem; }
.pdp-cat{
  display:inline-block; background:#f1f4fb; color:var(--frx-blue);
  font-size:.7rem; font-weight:600; letter-spacing:.4px;
  text-transform:uppercase; padding:.3rem .55rem;
  border-radius:4px; margin-bottom:.75rem;
}
.pdp-title{
  font-size:1.45rem; font-weight:600; color:var(--frx-blue);
  margin:0 0 .35rem; line-height:1.25;
}
.pdp-sku{ font-size:.75rem; color:#8492a3; margin-bottom:1rem; }
.pdp-price{
  font-size:1.6rem; font-weight:600; color:var(--frx-blue);
  margin-bottom:.35rem;
}
.pdp-price span{
  font-size:.75rem; font-weight:600; color:#8492a3; margin-left:.25rem;
}
.pdp-short{ font-size:.9rem; color:#4c5a6e; margin-bottom:1.1rem; }
.pdp-features{ list-style:none; padding:0; margin:0 0 1.25rem; }
.pdp-features li{
  display:flex; gap:.45rem; align-items:center;
  font-size:.82rem; color:#3d4f66; padding:.28rem 0;
}
.pdp-features i{ color:var(--frx-red); }
.qty-box{
  display:inline-flex; border:1px solid #d7dee7; border-radius:6px;
  overflow:hidden; margin-right:.75rem;
}
.qty-box button{
  width:36px; height:38px; border:none; background:#f7f9fc;
  font-weight:500; color:var(--frx-blue); cursor:pointer;
}
.qty-box span{
  min-width:2.2em; text-align:center; line-height:38px;
  font-weight:600; font-size:.9rem;
}
.pdp-actions{
  display:flex; flex-wrap:wrap; gap:.65rem;
  align-items:center; margin-bottom:1rem;
}
.pdp-desc h3{
  font-size:.95rem; font-weight:600; color:var(--frx-blue);
  margin:1.25rem 0 .55rem;
}
.pdp-desc p{
  font-size:.88rem; color:#4c5a6e; line-height:1.6; margin:0;
}

.related h3{
  font-size:1.05rem; font-weight:600; color:var(--frx-blue);
  margin:2rem 0 1rem;
}
.related-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(160px, 220px));
  gap:1rem;
  justify-content:start;
}
.product-card{
  border:1px solid #e8eef5; border-radius:8px; overflow:hidden;
  height:100%; background:#fff; text-decoration:none; color:inherit;
  display:block; transition:transform .18s ease, box-shadow .18s ease;
}
.product-card:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(11,47,107,.12);
  color:inherit;
}
.product-card .img-wrap{ height:150px; }
.product-card .img-wrap img{ width:100%; height:100%; object-fit:cover; }
.product-card .body{ padding:.8rem; }
.product-card .pname{ font-size:.82rem; font-weight:500; min-height:2.3em; }
.product-card .price{ font-weight:600; color:var(--frx-blue); }

@media(max-width:991.98px){
  .pdp-img{
    border-right:none; border-bottom:1px solid #eef1f5;
    min-height:260px;
  }
}