@charset "utf-8";
.drone-motors {padding-bottom: 60px; color: #333;}
.drone-motors .motor-section {width: 1200px; max-width: 100%; margin: 0 auto; padding: 35px 0;}
.drone-motors h1 {font-size: 42px; line-height: 1.2; color: #000; margin: 0 0 24px;}
.drone-motors h2 {font-size: 30px; line-height: 1.3; color: #000; margin: 0 0 20px;}
.drone-motors p {line-height: 1.8; margin-bottom: 20px;}
.motor-hero {background: #fff;}
.drone-motors .motor-hero-inner {padding-top: 50px; padding-bottom: 50px;}
.drone-motors .motor-hero-inner p {max-width: 960px;}
.motor-category-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px;}
.motor-category-grid--four {grid-template-columns: repeat(2, minmax(0, 1fr));}
.motor-category-card {background: #fff; padding: 28px; display: flex; flex-direction: column;}
.drone-motors .motor-category-card h3 {padding: 0; margin: 0 0 16px; font-size: 23px; line-height: 1.3; border: 0;}
.drone-motors .motor-category-card p {font-size: 14px;}
.motor-category-card .motor-link {margin-top: auto;}
.motor-link {color: #333; border-bottom: 1px solid #333; align-self: flex-start; line-height: 1.5;}
.motor-link:hover, .motor-link:focus {color: #44a8f2; border-color: #44a8f2;}
.motor-catalog-group {margin-top: 36px;}
.drone-motors .motor-catalog-group h3 {padding: 0 0 12px; margin: 0 0 24px; font-size: 28px; line-height: 1.4; border-bottom: 1px solid #ddd;}
.motor-series {margin-top: 28px;}
.motor-series-heading {display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 16px;}
.motor-series-heading h4 {font-size: 21px; line-height: 1.4; margin: 0;}
.motor-series-heading .motor-link {font-size: 14px; white-space: nowrap;}
.drone-motor-products {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0;}
.drone-motors .drone-motor-products .list2 {width: 100%; float: none;}
.drone-motors .list2 .list2_pic img {height: auto; aspect-ratio: 285 / 300; object-fit: contain;}
.drone-motors .lists .list2 .title {white-space: normal; height: auto; min-height: 40px; margin-top: 38px; line-height: 1.3; font-size: 23px;}
.drone-motors .lists .list2 .content {margin-bottom: 0;}
.drone-motors .motor-guidance h3 {font-size: 21px; margin: 26px 0 12px; line-height: 1.4;}
.drone-motors .motor-guidance h2:not(:first-child) {margin-top: 48px;}
#motor-categories {scroll-margin-top: 110px;}
.motor-link:focus-visible, .drone-motors .list2 a:focus-visible {outline: 2px solid #44a8f2; outline-offset: 4px;}
@media (max-width: 1240px) {
  .drone-motors .motor-section {width: auto; margin-left: 3%; margin-right: 3%;}
}
@media (max-width: 992px) {
  .motor-category-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
  .drone-motors h1 {font-size: 34px;}
  .drone-motors .list2 .list2_pic {width: 60%;}
  .drone-motors .lists .list2 .txt {width: 100%; padding: 0 8%;}
  .drone-motors .lists .list2 .title {margin-top: 0; text-align: center; justify-content: center; font-size: 21px;}
}
@media (max-width: 600px) {
  .drone-motors .motor-section {padding-top: 28px; padding-bottom: 28px;}
  .drone-motors h1 {font-size: 30px;}
  .drone-motors h2 {font-size: 25px;}
  .motor-category-grid {grid-template-columns: 1fr; gap: 12px;}
  .motor-category-card {padding: 24px;}
  .drone-motors .motor-catalog-group h3 {font-size: 25px;}
  .motor-series-heading h4 {font-size: 18px;}
  .drone-motors .lists .list2 .title {font-size: 16px;}
  .drone-motors .lists .list2 .button {padding-bottom: 24px;}
  .drone-motors .list2 .list2_pic {width: 100%;}
  .drone-motors .list2 .button2 {padding: 0 12px; font-size: 12px;}
}
