
/* Product page styling. Uses the homepage's shared css/style.css plus these responsive details. */
.product-hero{background:linear-gradient(120deg,#102b4e,#1c5d91);color:#fff;padding:42px 0}
.product-hero h1{font-size:clamp(2rem,4vw,3.3rem);margin:0 0 10px;font-weight:800;line-height:1.1}
.breadcrumb{font-size:.92rem;color:#d9e8f8;margin-bottom:18px}
.breadcrumb a{color:#fff;text-decoration:none}
.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:38px;align-items:start;padding-top:48px;padding-bottom:52px}
.product-image-wrap{background:#f4f6f8;border:1px solid #e1e6eb;border-radius:12px;min-height:340px;display:flex;align-items:center;justify-content:center;padding:24px}
.product-image-wrap img{display:block;width:100%;max-height:440px;object-fit:contain}
.product-copy h2{color:#16365e;font-size:1.8rem;margin:0 0 14px}
.product-copy p{line-height:1.8;color:#4d5968}
.product-copy h3{margin:22px 0 10px;color:#16365e}
.feature-list{padding-left:20px;line-height:1.9;color:#394657}
.product-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.product-actions a{display:inline-block;padding:13px 22px;border-radius:5px;text-decoration:none;font-weight:700}
.product-actions .primary{background:#ff8a00;color:#fff}
.product-actions .secondary{border:2px solid #183a63;color:#183a63}
.product-note{background:#f5f7fa;border-left:4px solid #ff8a00;padding:16px 18px;margin-top:22px;color:#4d5968}
.product-enquiry{background:#16212f;padding:44px 0}
.product-enquiry h2{color:#fff;margin-top:0}
@media(max-width:760px){.product-detail{grid-template-columns:1fr;gap:24px;padding-top:28px;padding-bottom:34px}.product-image-wrap{min-height:240px}.product-hero{padding:30px 0}.product-actions a{width:100%;text-align:center}}
