.product-shell { min-height: 100vh; display: flex; flex-direction: column; }
.product-detail-main { width: min(1080px, calc(100% - 48px)); margin: 25px auto 80px; flex: 1; position: relative; z-index: 2; }
.product-breadcrumb { margin-bottom: 22px; display: flex; align-items: center; gap: 9px; color: #7f93aa; font-size: 13px; }
.product-breadcrumb a { color: #78dcea; text-decoration: none; }.product-breadcrumb b { color: #cdd9e6; }
.product-detail-card { min-height: 470px; padding: 34px; display: grid; grid-template-columns: .75fr 1.25fr; gap: 45px; align-items: center; border: 1px solid rgba(93, 201, 224, .5); border-radius: 20px; background: linear-gradient(135deg, rgba(19, 40, 66, .97), rgba(7, 20, 38, .98)); box-shadow: 0 25px 65px rgba(1, 7, 17, .55), inset 0 0 45px rgba(52, 210, 234, .06); }
.product-detail-visual { min-height: 345px; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; overflow: hidden; border: 1px solid rgba(113, 181, 210, .35); border-radius: 18px; background: radial-gradient(circle at 50% 40%, rgba(57, 102, 132, .5), rgba(9, 23, 42, .94) 68%); }
.product-detail-visual::after { content: ""; position: absolute; width: 230px; height: 230px; border: 1px dashed currentColor; border-radius: 50%; opacity: .18; }
.product-detail-visual > span { position: relative; z-index: 2; font: 900 155px/1 Georgia, serif; text-shadow: 0 8px 0 rgba(2, 11, 23, .7), 0 0 30px currentColor; }.product-detail-visual small { position: relative; z-index: 2; margin-top: 22px; color: currentColor; font-weight: 900; letter-spacing: 2px; }
.product-detail-copy { color: var(--text); }.product-detail-copy h1 { margin: 11px 0 18px; font-size: clamp(38px, 5vw, 58px); }.product-lead { max-width: 650px; color: #afbdd0; font-size: 17px; line-height: 2; }
.product-detail-copy ul { margin: 22px 0; padding: 0; display: grid; gap: 10px; list-style: none; }.product-detail-copy li { color: #c1cddd; }.product-detail-copy li::before { content: "✓"; margin-left: 9px; color: #54e7b2; font-weight: 900; }
.product-detail-action { margin-top: 28px; padding-top: 22px; display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(103, 153, 184, .25); }.product-detail-action > div { display: grid; }.product-detail-action small { color: #7e91a8; }.product-detail-action strong { font-size: 28px; }.product-detail-action em { color: #8da0b5; font-size: 12px; font-style: normal; }
.product-detail-action a, .product-note a { min-height: 48px; padding: 0 21px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #61e0e8; border-radius: 9px; color: white; background: linear-gradient(110deg, #168e83, #156fa0); text-decoration: none; font-weight: 900; }
.product-note { margin-top: 24px; padding: 24px 27px; border: 1px solid #28465f; border-radius: 14px; background: rgba(9, 23, 41, .94); }.product-note h2 { font-size: 23px; }.product-note p { color: #9dafc2; line-height: 1.9; }.product-note a { min-height: 42px; margin-top: 5px; font-size: 13px; }
@media (max-width: 760px) { .product-detail-main { width: calc(100% - 28px); margin-top: 10px; }.product-detail-card { padding: 20px; grid-template-columns: 1fr; gap: 25px; }.product-detail-visual { min-height: 260px; }.product-detail-visual > span { font-size: 112px; }.product-detail-copy { text-align: center; }.product-detail-copy ul { text-align: right; }.product-detail-action { flex-direction: column; }.product-detail-action a { width: 100%; justify-content: center; } }