.product-overview { max-width: 58rem; margin: clamp(1rem, 5vw, 4rem) auto; padding: clamp(1rem, 4vw, 2.5rem); color: #18312c; }
.product-overview-nav { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; font-size: .9rem; color: #60746f; }
.product-overview a { color: #176c5a; text-decoration-thickness: .08em; text-underline-offset: .18em; }
.product-overview-hero { padding: clamp(2rem, 7vw, 4.5rem) 0 2rem; }
.product-overview-kicker { color: #397f70; font-size: .75rem; font-weight: 800; letter-spacing: .14em; }
.product-overview h1 { margin: .5rem 0; font-size: clamp(2.4rem, 7vw, 4.5rem); line-height: 1.02; letter-spacing: -.045em; }
.product-overview-hero > p:last-child { max-width: 42rem; color: #536b65; font-size: 1.1rem; }
.product-overview-status { display: flex; gap: 1rem; align-items: flex-start; padding: 1.25rem; border: 1px solid #d4e4df; border-radius: 1rem; background: #f2f8f6; }
.product-overview-status-mark { display: grid; place-items: center; flex: 0 0 2rem; height: 2rem; border-radius: 50%; background: #d9eee7; color: #176c5a; font-weight: 800; }
.product-overview h2 { margin: 0 0 .45rem; font-size: 1.15rem; }
.product-overview-status p { margin: 0; color: #536b65; line-height: 1.6; }
.product-overview-links { margin: 2rem 0; }
.product-overview-links ul { display: flex; flex-wrap: wrap; gap: .75rem; padding: 0; list-style: none; }
.product-overview-links li a { display: inline-flex; padding: .65rem .9rem; border: 1px solid #dce7e3; border-radius: .7rem; background: #fff; text-decoration: none; }
.product-overview-links li a:hover, .product-overview-links li a:focus-visible { background: #edf6f3; outline: 2px solid #51a48f; outline-offset: 2px; }
.product-overview-footer { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding-top: 1.25rem; border-top: 1px solid #e2ebe8; color: #687a75; font-size: .875rem; }
@media (max-width: 600px) { .product-overview-footer { flex-direction: column; } }
