.drone-show { --orange: #ff6a00; }
.drone-show .product-hero-media { aspect-ratio: 4 / 5; min-height: 0; padding: 0; align-self: center; background: #101010; }
.drone-show .product-hero-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.drone-show .video-frame { aspect-ratio: 9 / 16; max-width: 430px; margin-inline: auto; }
.drone-show .video-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
.drone-show .drone-guide { scroll-margin-top: 30px; }
.drone-guide h2 { margin: 14px 0 28px; font-size: clamp(28px, 4vw, 42px); line-height: 1.15; }
.drone-guide-grid { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; }
.drone-guide li, .drone-guide p { color: #bbc1cb; line-height: 1.8; }
.drone-guide li { padding-left: 8px; margin-bottom: 16px; }
.drone-guide ol { padding-left: 22px; }
.drone-guide pre { overflow-x: auto; padding: 24px; margin: 18px 0; border: 1px solid #33363c; background: #111318; border-radius: 8px; line-height: 1.75; }
.drone-guide code { font-size: .88em; color: #f2c7a7; overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .drone-show .site-header, .drone-show .site-header nav { flex-wrap: wrap; gap: 12px; }
  .drone-guide-grid { grid-template-columns: 1fr; gap: 20px; }
  .drone-show .product-hero-copy h1 { font-size: clamp(38px, 8vw, 64px); }
}