/* Ultra-optimized CSS for PageSpeed - Minimal payload for critical styles only */

/* Critical Layout - CLS Prevention */
.navbar{height:56px;background:#212529!important;border-bottom:1px solid #495057;z-index:1030}
.container{max-width:1200px;margin:0 auto;padding:0 15px}
.hero-section{min-height:400px;padding:60px 0;text-align:center}
.upload-area,.drag-drop-area,.drop-zone{min-height:320px;margin:2rem 0;border:2px dashed #6c757d;border-radius:.5rem;padding:2rem;text-align:center}

/* Critical Button Styles */
.btn{display:inline-block;padding:.75rem 1.5rem;margin:.25rem;border:none;border-radius:.375rem;text-decoration:none;text-align:center;font-weight:500;min-height:48px;line-height:1.5}
.btn-primary{background-color:#0d6efd;color:#fff}

/* Critical Dropdown Fix */
.dropdown-menu{z-index:1055!important;position:absolute!important;background-color:#343a40!important;border:1px solid #6c757d!important;box-shadow:0 8px 20px rgba(0,0,0,.4)!important}

/* Minimal Card Layout */
.conversion-card{min-height:200px;margin-bottom:1rem}
.faq-card{min-height:150px;margin-bottom:1rem}

/* File Display - Essential Only */
.file-item{background:rgba(255,255,255,.02);transition:all .2s ease;padding:1rem;margin:.5rem 0;border-radius:.5rem}

/* Mobile Optimizations */
@media (max-width:768px){
.hero-section{min-height:300px;padding:40px 0}
.upload-area,.drag-drop-area,.drop-zone{min-height:200px;padding:1rem}
.btn{min-height:44px;padding:.6rem 1.2rem}
}

/* Performance: Reduced Animations */
.conversion-card:hover{transform:translateY(-2px)}
.drag-drop-area:hover,.drop-zone:hover{border-color:#0d6efd;background-color:rgba(13,110,253,.1)}