/* 
 * ULTRA COMPACT MOBILE - 320px and smaller devices
 * Maximum screen utilization, zero wasted space
 * Applied after premium-mobile.css
 */

@media (max-width: 320px) {
  /* Absolute minimum spacing */
  body {
    font-size: 14px !important;
  }

  section {
    padding: 1.25rem 0 !important;
  }

  .container {
    padding: 0 0.75rem !important;
  }

  /* Hero ultra-compact */
  .hero {
    min-height: 65vh !important;
    padding: 2.5rem 0 1.5rem !important;
    padding-top: 60px !important;
  }

  .hero-content {
    padding: 1rem 0.75rem !important;
  }

  .hero h1 {
    font-size: 1.5rem !important;
    line-height: 1.1 !important;
    margin-bottom: 0.5rem !important;
  }

  .hero-subtitle {
    font-size: 0.9rem !important;
    margin-bottom: 0.4rem !important;
  }

  .hero-description {
    font-size: 0.8rem !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.4 !important;
  }

  .hero-trust-badges {
    gap: 0.5rem !important;
    margin-bottom: 0.75rem !important;
  }

  .trust-badge {
    padding: 0.3rem 0.5rem !important;
    font-size: 0.65rem !important;
  }

  .hero-buttons {
    gap: 0.5rem !important;
  }

  .hero-buttons .btn {
    padding: 0.75rem 1rem !important;
    font-size: 0.9rem !important;
  }

  /* Section titles super compact */
  .section-title {
    font-size: 1.3rem !important;
    margin-bottom: 0.8rem !important;
    line-height: 1.15 !important;
  }

  .section-subtitle {
    font-size: 0.85rem !important;
    margin-bottom: 1rem !important;
  }

  /* Cards ultra tight */
  .usluga-card {
    padding: 0.9rem !important;
  }

  .usluga-card h3 {
    font-size: 1.1rem !important;
    margin-bottom: 0.4rem !important;
  }

  .usluga-card p {
    font-size: 0.8rem !important;
    margin-bottom: 0.6rem !important;
    line-height: 1.4 !important;
  }

  .usluge-grid {
    gap: 0.6rem !important;
  }

  /* Testimonials compact */
  .testimonial-card {
    padding: 0.9rem !important;
  }

  .testimonial-text {
    font-size: 0.8rem !important;
    margin-bottom: 0.6rem !important;
  }

  .testimonial-author {
    font-size: 0.75rem !important;
  }

  .testimonials-grid {
    gap: 0.6rem !important;
  }

  /* Partners ultra dense */
  .partners-grid {
    gap: 0.3rem !important;
  }

  .partner-box {
    height: 45px !important;
    padding: 0.15rem !important;
  }

  .partner-box img {
    max-height: 32px !important;
  }

  /* FAQ compact */
  .faq-item {
    margin-bottom: 0.5rem !important;
  }

  .faq-question {
    padding: 0.8rem !important;
    font-size: 0.9rem !important;
  }

  .faq-answer {
    padding: 0.8rem !important;
    font-size: 0.8rem !important;
  }

  /* Forms minimal */
  .contact-form input,
  .contact-form textarea,
  .contact-form select {
    padding: 0.75rem 0.8rem !important;
    font-size: 15px !important;
  }

  /* Gallery minimal gap */
  .gallery-grid {
    gap: 0.6rem !important;
  }

  .gallery-item {
    height: 180px !important;
  }

  .gallery-caption {
    font-size: 0.75rem !important;
    padding: 0.6rem !important;
  }

  /* Blog cards stacked */
  .blog-grid {
    gap: 0.8rem !important;
  }

  .blog-card-image {
    height: 150px !important;
  }

  .blog-card-content {
    padding: 0.9rem !important;
  }

  /* CTA minimal */
  .cta-box {
    padding: 1.2rem 1rem !important;
  }

  .cta-box h2 {
    font-size: 1.3rem !important;
    margin-bottom: 0.6rem !important;
  }

  .cta-box p {
    font-size: 0.9rem !important;
    margin-bottom: 1rem !important;
  }

  /* Stats 2-column minimal */
  .stats-grid {
    gap: 0.6rem !important;
  }

  .stat-item {
    padding: 0.8rem !important;
  }

  .stat-number {
    font-size: 1.8rem !important;
  }

  .stat-label {
    font-size: 0.75rem !important;
  }

  /* Footer compact */
  .footer-content {
    gap: 1rem !important;
  }

  .footer-column h4 {
    font-size: 0.95rem !important;
    margin-bottom: 0.5rem !important;
  }

  .footer-column p,
  .footer-column a,
  .footer-column li {
    font-size: 0.8rem !important;
    line-height: 1.5 !important;
  }

  /* Booking modal compact */
  .booking-form {
    padding: 1rem !important;
  }

  .urgency-notice {
    font-size: 0.85rem !important;
    padding: 0.6rem !important;
  }

  /* Remove unnecessary margins */
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
  }

  p {
    margin-bottom: 0.75rem !important;
  }
}