.product-media.section { padding: 86px 0 92px; background: #f3f7fa; color: #17304b; scroll-margin-top: 72px; }
.product-media .product-media-head { display: flex; justify-content: space-between; align-items: end; gap: 36px; margin-bottom: 30px; }
.product-media .product-media-head .eyebrow,
.product-media .product-media-video-head .eyebrow { margin: 0 0 10px; color: #0871ca; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.product-media h2 { margin: 0; color: #073e78; font-size: clamp(34px, 3.5vw, 48px); line-height: 1.08; }
.product-media .product-media-head > p { max-width: 420px; margin: 0 0 3px; color: #58718a; font-size: 15px; line-height: 1.65; }
.product-media-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.product-media figure { margin: 0; overflow: hidden; background: #fff; box-shadow: 0 10px 30px rgba(7, 46, 82, .07); }
.product-media-image a { display: grid; place-items: center; height: 245px; overflow: hidden; background: #e9eff4; }
.product-media-image img { display: block; width: 100%; height: 100%; object-fit: contain; transition: transform .25s ease; }
.product-media-image a:hover img { transform: scale(1.035); }
.product-media figcaption { display: flex; align-items: baseline; gap: 13px; min-height: 58px; padding: 15px 18px; color: #294961; font-size: 13px; line-height: 1.5; }
.product-media figcaption b { flex: none; color: #0871ca; font-size: 11px; letter-spacing: .06em; }
.product-media-video-head { margin: 65px 0 22px; }
.product-media-video-head h3 { margin: 0; color: #073e78; font-size: clamp(28px, 2.8vw, 38px); line-height: 1.15; }
.product-media-videos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.product-media-video video { display: block; width: 100%; aspect-ratio: 16 / 9; background: #061a34; object-fit: contain; }
.product-media-note { max-width: 850px; margin: 24px 0 0; padding-left: 13px; border-left: 3px solid #f47720; color: #60788b; font-size: 12px; line-height: 1.65; }
@media (max-width: 980px) {
  .product-media-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .product-media .product-media-head { align-items: start; flex-direction: column; gap: 15px; }
}
@media (max-width: 620px) {
  .product-media.section { padding: 64px 0 70px; }
  .product-media-gallery { gap: 10px; }
  .product-media-image a { height: 145px; }
  .product-media figcaption { min-height: 72px; padding: 10px; font-size: 11px; }
  .product-media-videos { grid-template-columns: 1fr; gap: 14px; }
  .product-media-video-head { margin-top: 50px; }
}

.lanweiled-specs.section { padding: 82px 0 88px; background: #fff; color: #17304b; scroll-margin-top: 72px; }
.lanweiled-specs-head { max-width: 780px; margin-bottom: 28px; }
.lanweiled-specs-head .eyebrow { margin: 0 0 10px; color: #0871ca; font-size: 12px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.lanweiled-specs-head h2 { margin: 0 0 14px; color: #073e78; font-size: clamp(32px, 3.4vw, 47px); line-height: 1.12; }
.lanweiled-specs-head > p:last-child { margin: 0; color: #58718a; font-size: 15px; line-height: 1.7; }
.lanweiled-specs-scroll { overflow-x: auto; border: 1px solid #d8e4ee; border-radius: 7px; }
.lanweiled-specs table { width: 100%; min-width: 620px; border-collapse: collapse; text-align: left; font-size: 14px; }
.lanweiled-specs thead { background: #073e78; color: #fff; }
.lanweiled-specs th,.lanweiled-specs td { padding: 17px 19px; border-bottom: 1px solid #e4ebf1; white-space: nowrap; }
.lanweiled-specs thead th { font-size: 12px; letter-spacing: .03em; }
.lanweiled-specs tbody th { color: #0b4e90; font-weight: 750; }
.lanweiled-specs tbody tr:nth-child(even) { background: #f3f7fa; }
.lanweiled-specs tbody tr:last-child th,.lanweiled-specs tbody tr:last-child td { border-bottom: 0; }
.lanweiled-specs-note { max-width: 850px; margin: 22px 0; padding-left: 13px; border-left: 3px solid #f47720; color: #60788b; font-size: 13px; line-height: 1.7; }
.lanweiled-specs-cta { display: inline-flex; align-items: center; gap: 16px; color: #0b4e90; font-weight: 750; text-decoration: none; }
.lanweiled-specs-cta:hover { text-decoration: underline; }
@media (max-width: 620px) { .lanweiled-specs.section { padding: 64px 0 70px; } .lanweiled-specs table { font-size: 13px; } .lanweiled-specs th,.lanweiled-specs td { padding: 14px 15px; } }