/**
 * Hero Drug Safety Component Styles
 * Extends the hero-naloxone styles with specific adjustments
 *
 * @package JPK
 */

.hero-drug-safety {
    /* Specific styles for the drug safety hero */
    
    /* Add extra spacing between CTA and video on mobile */
    @media (max-width: 992px) {
        .two-col-text {
            margin-bottom: var(--spacing-md);
            
            .cta-container {
                margin-bottom: var(--spacing-md);
            }
        }
        
        .two-col-social {
            margin-top: var(--spacing-md);
        }
    }
    
    @media (max-width: 576px) {
        .two-col-text {
            .cta-container {
                margin-bottom: var(--spacing-md);
            }
        }
        
        .two-col-social {
            margin-top: var(--spacing-md);
        }
    }
}