/* ============================================================
   CorePlatformHA Ecommerce - Responsive CSS
   ============================================================ */

@media (max-width: 1199px) {
    .hero-title { font-size: 36px; }
    .deals-title { font-size: 32px; }
}

@media (max-width: 991px) {
    .carousel-item { height: 400px; }
    .hero-content { max-width: 400px; }
    .hero-title { font-size: 30px; }
    .hero-desc { font-size: 16px; }
    .section { padding: 40px 0; }
    .deals-title { font-size: 28px; }
    .products-carousel .owl-nav button.owl-prev { left: -10px; }
    .products-carousel .owl-nav button.owl-next { right: -10px; }
    .shop-sidebar { position: static; }
    .main-header .search-form { margin: 15px 0; }
}

@media (max-width: 767px) {
    .cart-items { grid-template-columns: 1fr 1fr; }
    .top-bar { display: none; }
    .carousel-item { height: 350px; }
    .hero-content { max-width: 300px; }
    .hero-title { font-size: 24px; }
    .hero-desc { font-size: 14px; }
    .hero-subtitle { font-size: 11px; }
    .features-bar .feature-item { flex-direction: column; text-align: center; }
    .section-title { font-size: 22px; }
    .view-all { position: static; display: inline-block; margin-top: 10px; }
    .deals-title { font-size: 24px; }
    .deals-banner { text-align: center; }
    .countdown { justify-content: center; }
    .newsletter-form .input-group { margin: 0 auto; }
    .product-detail-title { font-size: 22px; }
    .product-detail-price .product-price { font-size: 24px; }
    .auth-card { padding: 25px; }
    .blog-post-title { font-size: 24px; }
    .blog-image { height: 180px; }
    .footer-widget { margin-bottom: 25px; }
}

@media (max-width: 575px) {
    .carousel-item { height: 300px; }
    .hero-content { max-width: 250px; }
    .hero-title { font-size: 20px; }
    .hero-desc { font-size: 13px; margin-bottom: 15px; }
    .carousel-indicators { display: none; }
    .section { padding: 30px 0; }
    .cart-items { grid-template-columns: 1fr; }
    .cart-item-row { grid-template-columns: 1fr; gap: 8px; }
    .cart-item-col { align-items: flex-start; text-align: left; }
    .cart-item-left-row { align-items: flex-start; }
    .cart-item-img-wrap { width: 40%; max-width: 100px; }
    .cart-item-info { padding: 0 0 0 8px !important; }
    .cart-item-col-actions { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 10px; padding-top: 8px; }
    .truncate-mobile[data-full] { visibility: hidden; position: relative; }
    .truncate-mobile[data-full]::before {
        content: attr(data-full);
        visibility: visible;
        position: absolute;
        left: 0;
        top: 0;
        white-space: nowrap;
    }
    .cart-actions { flex-direction: column; gap: 10px; }
    .cart-actions .btn { width: 100%; }
    .page-title { font-size: 22px; }
    .product-tabs .nav-tabs .nav-link { padding: 8px 12px; font-size: 13px; }
}

@media (max-width: 400px) {
    .header-actions { gap: 8px; }
    .action-btn { width: 36px; height: 36px; font-size: 15px; }
    .logo-text { font-size: 22px; }
}