/* Responsive */
@media (max-width: 768px) {
  .hero-title {
    font-size: 22px !important;
  }

  .text-paragraph {
    font-size: 14px  !important;
  }
}

@media (max-width: 576px) {
  .hero-title {
    font-size: 2rem;
  }

  .text-paragraph {
    font-size: 14px !important;
  }
}


@media (max-width: 768px) {
  .product-title {
    font-size: 20px !important;
  }
  .mobile-section {
    padding: 2rem 1.5rem;
  }

  .phone-content img,
.phone-content video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

  .mobile-title {
    font-size: 1.5rem;
    margin-bottom: 2rem;
  }

  .phone-frame {
    max-width: 320px;
    padding: 12px;
  }
}

@media (max-width: 992px) {
  .phone-frame {
    max-width: 330px;
  }
}

@media (max-width: 576px) {
  .product-title {
    font-size: 20px !important;
  }

  .mobile-section {
    padding: 1.5rem 1rem;
  }

  .phone-frame {
    max-width: 280px;
    padding: 10px;
  }
}

video::-webkit-media-controls {
  display: flex !important;
}

video::-webkit-media-controls-panel {
  background: rgba(0, 0, 0, 0.8);
}


/* Responsive Adjustments */
@media (max-width: 768px) {

  .ctv-section {
    padding: 2rem 1.5rem;
  }

  .tv-frame {
    padding: 15px;
  }

  .tv-stand {
    width: 150px;
    height: 12px;
  }
}

@media (max-width: 576px) {

  .ctv-section {
    padding: 1.5rem 1rem;
  }

  .tv-frame {
    padding: 10px;
  }

  .tv-stand {
    width: 120px;
    height: 10px;
  }
}