/* ============================================
   HVLS FANS DETAILS — Phileo PM
   Simple product-detail layout (template-grade).
   Shared .pd-* pattern lives in components.css.
   ============================================ */

.pd-hero {
    min-height: 420px;
    padding-top: 160px;
}
.pd-hero__bg {
    background-image: url('../../images/projects/project_s15_img3.jpg');
}

/* Overview = 2-col: description + spec-snapshot card */
.pd-overview {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 56px;
    align-items: start;
}
.pd-overview__body p {
    color: var(--color-text-light);
    line-height: 1.85;
    font-size: 1.02rem;
    margin-bottom: 16px;
}
@media (max-width: 991px) {
    .pd-overview { grid-template-columns: 1fr; gap: 36px; }
}