/* ============================================
   SMALL-TABLET.CSS - 480px - 767px
   ============================================ */

@media (min-width: 480px) {
    .container {
        padding: 0 var(--spacing-md);
    }
    
    /* Улучшения для маленьких планшетов */
    h1 {
        font-size: clamp(2.25rem, 7vw, 3rem);
    }
    
    h2 {
        font-size: clamp(1.75rem, 6vw, 2.25rem);
    }
    
    section {
        padding: var(--spacing-2xl) 0;
    }
    
    /* Quick Links & Social Grid - Small Tablet */
    .links-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
    
    .social-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}