/* Custom Styles - Optimized for Performance */

/* Critical CSS - Above the fold */
.container{max-width:1200px;margin:0 auto;padding:0 15px}
.row{display:flex;flex-wrap:wrap;margin:0 -15px}
.col{flex:1;padding:0 15px}

/* Lazy loading placeholder */
img[loading="lazy"]{opacity:0;transition:opacity .3s}
img[loading="lazy"].loaded{opacity:1}

/* Performance optimizations */
*{box-sizing:border-box}
img{max-width:100%;height:auto}
.hidden{display:none}

/* Mobile first approach */
@media (max-width:768px){
.container{padding:0 10px}
.row{margin:0 -10px}
.col{padding:0 10px}
}