/* ==========================================================
   MULTISTORE E-COMMERCE - Responsive Stylesheet
   ========================================================== */

/* === Large Devices (lg) === */
@media (max-width: 991.98px) {
  .ms-hero .carousel-item {
    height: 260px;
  }

  .ms-mega-menu {
    position: static;
    box-shadow: none;
    border: none;
    padding: 1rem;
    background: var(--ms-gray-100);
    border-radius: var(--ms-radius);
    margin-top: .5rem;
  }

  .ms-navbar-brand span {
    display: none;
  }

  .ms-category-nav {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .ms-category-nav::-webkit-scrollbar {
    display: none;
  }

  .ms-footer .row > div {
    margin-bottom: 1.5rem;
  }

  .ms-product-detail-gallery {
    margin-bottom: 1.5rem;
  }
}

/* === Medium Devices (md) === */
@media (max-width: 767.98px) {
  .ms-hero .carousel-item {
    height: 200px;
  }

  .ms-newsletter {
    padding: 1.5rem;
    text-align: center;
  }

  .ms-newsletter .input-group {
    margin: 0 auto;
  }

  .ms-section-title {
    font-size: 1rem;
  }

  .ms-flash-timer span {
    min-width: 22px;
    padding: .15rem .3rem;
    font-size: var(--ms-font-xs);
  }

  .ms-product-card:hover {
    transform: none;
  }

  .ms-cart-item {
    flex-wrap: wrap;
  }

  .ms-cart-item .item-img {
    width: 60px;
    height: 60px;
  }

  .ms-footer-bottom {
    text-align: center;
  }

  .ms-footer .social-icons {
    margin-top: .75rem;
  }

  .ms-checkout-section {
    padding: 1rem;
  }
}

/* === Small Devices (sm) === */
@media (max-width: 575.98px) {
  .ms-hero .carousel-item {
    height: 160px;
  }

  .ms-hero-caption {
    padding: 1rem;
  }

  .ms-hero-caption h5 {
    font-size: .9375rem;
  }

  .ms-hero-caption p {
    font-size: .75rem;
    display: none;
  }

  .ms-topbar {
    display: none;
  }

  .ms-navbar {
    padding: .35rem 0;
  }

  .ms-nav-actions .nav-label {
    display: none;
  }

  .ms-promo-banner img {
    height: 100px;
  }

  .ms-section {
    padding: 1rem 0;
  }

  .ms-section-header {
    margin-bottom: .75rem;
  }

  .ms-auth-card {
    padding: 1.5rem;
    margin: 0 1rem;
  }

  .ms-newsletter h4 {
    font-size: 1rem;
  }

  .ms-product-img .product-actions {
    opacity: 1;
    transform: translateY(0);
  }

  .ms-product-img .btn-wishlist {
    opacity: 1;
    transform: scale(1);
    width: 26px;
    height: 26px;
  }

  .ms-summary-card {
    padding: 1rem .75rem;
  }

  .ms-summary-card .summary-count {
    font-size: 1.25rem;
  }

  .ms-ms-store-cover {
    height: 80px !important;
  }
}

/* === Extra Small === */
@media (max-width: 374.98px) {
  .ms-flash-timer span {
    min-width: 18px;
    font-size: .625rem;
    padding: .1rem .2rem;
  }

  .ms-flash-timer .timer-sep {
    font-size: .625rem;
  }

  .ms-product-price .price {
    font-size: .875rem;
  }
}

/* === Horizontal Scroll for Products === */
@media (max-width: 991.98px) {
  .ms-scroll-products {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    gap: .75rem;
    padding-bottom: .5rem;
    scrollbar-width: none;
  }

  .ms-scroll-products::-webkit-scrollbar {
    display: none;
  }

  .ms-scroll-products > .col {
    flex: 0 0 45%;
    max-width: 45%;
    scroll-snap-align: start;
  }

  .ms-scroll-categories {
    display: flex;
    overflow-x: auto;
    gap: .5rem;
    padding-bottom: .5rem;
    scrollbar-width: none;
  }

  .ms-scroll-categories::-webkit-scrollbar {
    display: none;
  }

  .ms-scroll-categories > .col {
    flex: 0 0 auto;
    width: auto;
  }
}

/* === Print === */
@media print {
  .ms-topbar, .ms-navbar, .ms-footer, .ms-back-to-top, .ms-chat-widget {
    display: none !important;
  }

  .ms-product-card:hover {
    transform: none;
    box-shadow: none;
  }
}