/* Baisifu Mobile Optimization - coolws23.net (v2 - improved) */
@media only screen and (max-width: 768px) {
  /* Hero carousel - force mobile-friendly layout */
  .hero-carousel{min-height:80vh!important;max-height:auto!important;position:relative!important;overflow:hidden!important}
  .carousel-slides{min-height:80vh!important}
  .carousel-slide{min-height:80vh!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;padding-top:40px!important}
  .carousel-overlay{background:rgba(0,0,0,0.55)!important}
  .hero-content{max-width:95%!important;padding:0 15px!important;text-align:center!important;position:relative!important;z-index:5!important}
  .hero-content h1{font-size:1.7rem!important;line-height:1.3!important;padding:0 10px!important;word-wrap:break-word!important;overflow-wrap:break-word!important;margin:15px 0!important;color:#fff!important}
  .hero-content .hero-subtitle{font-size:.95rem!important;padding:0 10px!important;color:rgba(255,255,255,.95)!important}
  .hero-content .hero-buttons,.hero-content .btn-group{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:center!important;width:100%!important;padding:0 20px!important}
  .hero-content .btn{padding:12px 24px!important;font-size:14px!important;width:auto!important;min-width:200px!important;text-align:center!important}

  /* Stats bar - move BELOW carousel, prevent overlap */
  .hero-stats-bar{position:relative!important;z-index:10!important;padding:25px 15px!important;background:#1a5a8c!important;margin-top:0!important}
  .hero-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px!important;text-align:center!important;width:100%!important}
  .stat-item{width:100%!important;margin:0!important;padding:8px 5px!important}
  .stat-number{font-size:2rem!important;font-weight:700!important;color:#fff!important;line-height:1!important;margin-bottom:5px!important}
  .stat-label{font-size:.85rem!important;color:rgba(255,255,255,.85)!important;line-height:1.2!important}

  /* Carousel arrows - smaller */
  .carousel-arrow,.carousel-control,.arrow-left,.arrow-right{width:36px!important;height:36px!important;font-size:18px!important}
  .carousel-dots{position:relative!important;margin:15px auto 0!important;text-align:center!important;bottom:auto!important;left:auto!important;right:auto!important;transform:none!important;display:block!important}
  .carousel-dots span{margin:0 4px!important}

  /* Sections padding */
  section{padding:30px 15px!important}
  .section-title,.section-heading{font-size:1.5rem!important;padding:0 10px!important}

  /* Products grid */
  .products-grid,.products-list,[class*="product-grid"]{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:0 10px!important}
  .product-card,[class*="product-item"]{width:100%!important;margin-bottom:0!important}
  .product-card img{width:100%!important;height:auto!important}

  /* Header */
  .header,.navbar,.site-header{padding:8px 15px!important}
  .nav-menu,.menu{display:none!important}

  /* Footer */
  .footer,.site-footer{padding:25px 15px!important;text-align:center!important}
  .footer-widgets{display:block!important}
  .footer-widget{width:100%!important;margin-bottom:20px!important}

  /* Prevent overflow */
  body,html{overflow-x:hidden!important;max-width:100vw!important}
  *{max-width:100%!important;box-sizing:border-box!important}
  img{max-width:100%!important;height:auto!important}
}
@media only screen and (max-width: 480px) {
  .hero-content h1{font-size:1.4rem!important}
  .products-grid,[class*="product-grid"]{grid-template-columns:1fr!important}
  .stat-number{font-size:1.6rem!important}
}