.product-hero { position: relative; height: 89vh; min-height: 560px; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #fff; background: #121212; }
.product-hero img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1.1); filter: brightness(.55); transition: transform 1.2s ease-out; }
.product-hero:hover img { transform: scale(1.06); }
.product-hero__content { position: relative; z-index: 1; width: min(920px, calc(100% - 40px)); padding: 72px 0 56px; text-align: center; text-shadow: 0 3px 12px rgba(0, 0, 0, .5); }
.product-hero h1 { margin: 0; font-size: clamp(2rem, 5vw, 3.5rem); line-height: 1.08; }
.product-hero p { max-width: 760px; margin: 18px auto 0; font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.65; }
.product-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 26px; padding: 12px 20px; border-radius: 8px; background: #bd1212; color: #fff; font-weight: 700; text-decoration: none; }
.product-cta:hover { background: #941010; color: #fff; }
.product-main { width: min(var(--page-max), calc(100% - 40px)); margin: 0 auto; padding: 34px 0 72px; }
.breadcrumb { margin-bottom: 28px; color: #5b5b5b; font-size: .92rem; }
.breadcrumb a { color: #5b5b5b; }
.product-intro { max-width: 860px; margin: 0 auto 48px; font-size: 1.08rem; line-height: 1.8; color: #303030; }
.product-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.product-card { display: flex; flex-direction: column; min-height: 210px; padding: 25px; border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .05); }
.product-card h2 { margin: 0 0 12px; color: #171717; font-size: 1.25rem; line-height: 1.3; }
.product-card p { margin: 0; color: #4b4b4b; line-height: 1.65; }
.product-card a { margin-top: auto; padding-top: 18px; color: #a10d0d; font-weight: 700; text-decoration: none; }
.product-detail { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 28px; margin: 58px 0; }
.product-detail h2, .product-faq h2 { margin-top: 0; font-size: clamp(1.5rem, 3vw, 2rem); color: #171717; }
.product-detail p, .product-detail li { color: #303030; line-height: 1.75; }
.product-detail ul { padding-left: 20px; }
.product-note { padding: 25px; border-left: 4px solid #bd1212; border-radius: 0 10px 10px 0; background: #f8f8f8; }
.product-note strong { display: block; margin-bottom: 8px; }
.product-faq { max-width: 860px; margin: 0 auto; }
.product-faq details { padding: 18px 0; border-bottom: 1px solid #dedede; }
.product-faq summary { cursor: pointer; color: #161616; font-weight: 700; }
.product-faq p { margin: 12px 0 0; color: #3c3c3c; line-height: 1.7; }
.product-bottom-cta { margin-top: 48px; padding: 36px; border-radius: 14px; background: #101010; color: #fff; text-align: center; }
.product-bottom-cta h2 { margin: 0; color: #fff; }
.product-bottom-cta p { margin: 12px auto 0; max-width: 680px; line-height: 1.7; }
@media (max-width: 820px) { .product-hero { height: 70vh; min-height: 480px; } .product-hero img { transform: scale(1.05); } .product-grid { grid-template-columns: 1fr; } .product-detail { grid-template-columns: 1fr; } .product-main { width: min(100% - 32px, var(--page-max)); } }