@media only screen and (min-width: 1500px) {
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hydrosite-noi-that-menu > li > a {
    padding: 7px 10px;
  }
  .hydrosite-noi-that-search-btn,
  .hydrosite-noi-that-cart-btn {
    width: 35px;
    height: 35px;
  }
  .hydrosite-noi-that-contact-btn {
    padding: 8px 10px;
  }
}

@media (max-width: 991.8px) {
  section {
    overflow: hidden;
  }
  section .container,
  footer .container {
    padding-left: 0;
    padding-right: 0;
  }
  .lenis-scrollbar {
    display: none;
  }
  /* nội thất */
  .hydrosite-noi-that-mobile-actions .hydrosite-noi-that-search-btn,
  .hydrosite-noi-that-mobile-actions .hydrosite-noi-that-cart-btn {
    color: var(--primary-color);
  }
  .hydrosite-noi-that-slide-content {
    max-width: 90%;
    padding: var(--spacing-md) var(--spacing-sm);
  }

  .hydrosite-noi-that-slide-content h2 {
    font-size: 2.8rem;
  }

  .hydrosite-noi-that-slide-content div,
  .hydrosite-noi-that-slide-content p {
    font-size: 1.1rem;
  }

  .hydrosite-noi-that-search-popup {
    width: 95%;
    margin: var(--spacing-sm);
  }

  .hydrosite-noi-that-mobile-menu-container {
    width: 320px;
    max-width: 90%;
  }
  .hydrosite-noi-that-slide-content-container {
    align-items: center;
  }
  .hydrosite-noi-that-mobile-contact-btn {
    padding: 12px 17px;
  }

  .hydrosite-noi-that-philosophy-content {
    padding-right: 0;
  }

  .hydrosite-noi-that-philosophy-image {
    height: 400px;
  }
  .hydrosite-noi-that-workflow-steps .row::before {
    display: none;
  }
  .index .hydrosite-noi-that-logo img {
    filter: none;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    -webkit-filter: none;
  }
  .hydrosite-noi-that-category-link {
    opacity: 1;
  }
  .hydrosite-noi-that-hero-content {
    margin: 0 auto;
  }
  .hydrosite-noi-that-testimonials-slider {
    padding: 0;
  }
  .hydrosite-noi-that-partner-logo img {
    opacity: 1;
    filter: none;
  }
  .hydrosite-noi-that-consultation-content {
    padding-right: 0;
    margin-bottom: var(--spacing-md);
  }

  .hydrosite-noi-that-testimonials-button-prev {
    left: -15px;
  }

  .hydrosite-noi-that-testimonials-button-next {
    right: -15px;
  }

  .hydrosite-noi-that-consultation-inner {
    padding: var(--spacing-md);
  }

  .hydrosite-noi-that-consultation-form-container {
    padding: var(--spacing-md);
  }
  /* trang sản phẩm list */
  .hydrosite-noi-that-page-title {
    font-size: 2rem;
  }

  .hydrosite-noi-that-results-info {
    text-align: left;
    margin-top: var(--spacing-sm);
  }

  .hydrosite-noi-that-filters-section .row {
    gap: var(--spacing-sm);
  }

  .hydrosite-noi-that-sort-section {
    justify-content: flex-start;
    margin-top: var(--spacing-sm);
  }
  main .container,
  .hydrosite-noi-that-mobile-header .container {
    padding-left: 0;
    padding-right: 0;
  }
  .du-an .hydrosite-noi-that-stat-item {
    align-items: center;
  }
}

@media (max-width: 768px) {
  .vh-btn-dang-hang-form .vh-btn-dat-hang {
    width: 100%;
  }

  .vh-quay-lai {
    width: 100%;
  }

  .vh-quay-lai a {
    width: 100%;
    justify-content: center;
  }
  .lenis-scrollbar {
    width: 3px;
  }
  .lenis-scrollbar.visible {
    width: 5px;
  }
  /* nội thất */
  .hydrosite-noi-that-slide-content h2 {
    font-size: 2.2rem;
  }

  .hydrosite-noi-that-slide-content div,
  .hydrosite-noi-that-slide-content p {
    font-size: 1rem;
  }

  .hydrosite-noi-that-slider-nav {
    bottom: var(--spacing-md);
    right: var(--spacing-md);
  }

  .hydrosite-noi-that-slider-button-prev,
  .hydrosite-noi-that-slider-button-next {
    width: 45px;
    height: 45px;
  }

  .hydrosite-noi-that-philosophy-image {
    height: 300px;
  }
  .hydrosite-noi-that-philosophy {
    padding: 50px 0;
  }
  .hydrosite-noi-that-testimonials-button-prev,
  .hydrosite-noi-that-testimonials-button-next {
    width: 40px;
    height: 40px;
    font-size: 0.9rem;
  }

  .hydrosite-noi-that-testimonials-button-prev {
    left: -10px;
  }

  .hydrosite-noi-that-testimonials-button-next {
    right: -10px;
  }

  .hydrosite-noi-that-partner-logo {
    height: 80px;
  }

  .hydrosite-noi-that-consultation-content h2 {
    font-size: 1.8rem;
  }

  .hydrosite-noi-that-consultation-benefits li {
    font-size: 0.95rem;
  }

  .hydrosite-noi-that-form-group .form-control {
    height: 45px;
    font-size: 0.95rem;
  }

  .hydrosite-noi-that-btn-consultation {
    padding: 12px var(--spacing-sm);
    font-size: 1rem;
  }
  .hydrosite-noi-that-hero-navigation {
    bottom: var(--spacing-md);
    right: var(--spacing-md);
  }

  .hydrosite-noi-that-hero-button-prev,
  .hydrosite-noi-that-hero-button-next {
    width: 45px;
    height: 45px;
    font-size: 1rem;
  }

  .hydrosite-noi-that-hero-pagination {
    bottom: var(--spacing-md);
  }

  .hydrosite-noi-that-hero-content {
    padding: var(--spacing-md) 0;
  }

  .hydrosite-noi-that-hero-actions {
    flex-direction: column;
    align-items: center;
  }

  .hydrosite-noi-that-btn-primary {
    padding: 12px 24px;
    font-size: 0.85rem;
  }
  .hydrosite-noi-that-load-more-btn-modern {
    padding: 16px 30px;
    font-size: 0.9rem;
    min-width: 200px;
  }
  .workflow-popup-container {
    width: 95%;
    max-height: 85vh;
    border-radius: 15px;
  }

  .workflow-popup-header {
    padding: var(--spacing-md) var(--spacing-lg);
    flex-direction: column;
    text-align: center;
    gap: var(--spacing-sm);
  }

  .workflow-popup-step-number {
    width: 50px;
    height: 50px;
    font-size: 1rem;
  }

  .workflow-popup-title {
    font-size: 1.3rem;
  }

  .workflow-popup-close {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    width: 35px;
    height: 35px;
    font-size: 1rem;
  }

  .workflow-popup-body {
    padding: var(--spacing-lg) var(--spacing-md);
    max-height: 55vh;
  }

  .workflow-popup-text {
    font-size: 1rem;
    line-height: 1.6;
  }
  .hydrosite-noi-that-footer-bottom {
    margin-top: 20px;
    text-align: center;
  }
  .hydrosite-noi-that-footer {
    padding-top: 50px;
  }
  /* trang sản phẩm list */
  .hydrosite-noi-that-product-list-page {
    padding: var(--spacing-md) 0;
  }

  .hydrosite-noi-that-page-title {
    font-size: 1.8rem;
  }

  .hydrosite-noi-that-filters-section {
    padding: var(--spacing-sm);
  }

  .hydrosite-noi-that-view-options,
  .hydrosite-noi-that-sort-section {
    justify-content: center;
  }

  .hydrosite-noi-that-sort-select {
    max-width: 190px;
  }

  /* Force grid view on mobile for list view */
  .hydrosite-noi-that-products-grid.list-view .hydrosite-noi-that-product-card {
    flex-direction: column;
  }

  .hydrosite-noi-that-products-grid.list-view
    .hydrosite-noi-that-product-image-container {
    width: 100%;
  }

  .hydrosite-noi-that-products-grid.list-view
    .hydrosite-noi-that-add-to-cart-btn {
    width: 100%;
  }
  .san-pham .hydrosite-noi-that-product-info {
    padding: 20px 20px 20px 20px;
  }
  .san-pham-detail .hydrosite-noi-that-review-summary {
    padding: 0;
  }
  .san-pham-detail .hydrosite-noi-that-rating-overview {
    padding: 15px 0;
  }
  .san-pham-detail .hydrosite-noi-that-rating-breakdown {
    padding: 15px 10px;
    margin-top: 0;
  }
  .san-pham-detail .hydrosite-noi-that-rating-row {
    margin-bottom: 0;
  }
  .san-pham-detail .hydrosite-noi-that-write-review {
    padding: 2rem 1rem;
  }
  .san-pham-detail .hydrosite-noi-that-reviews-list h4 {
    margin-bottom: 0;
  }
  .san-pham-detail .hydrosite-noi-that-product-content {
    padding: 2rem 1rem;
  }
  .san-pham-detail .hydrosite-noi-that-product-content h4 {
    margin-top: 0;
  }
  .san-pham-detail .hydrosite-noi-that-related-products {
    margin-top: 0;
  }
  .hydrosite-noi-that-contact-section {
    padding: 30px 0;
  }
  .hydrosite-noi-that-contact-form-container,
  .hydrosite-noi-that-contact-info-container {
    padding: 1.3rem;
  }
  .hydrosite-noi-that-contact-info-container {
    margin-top: 0;
  }
  .hydrosite-noi-that-map-section {
    padding: 20px 0 50px 0;
  }
  .hydrosite-noi-that-testimonial-container {
    padding: 1.5rem;
  }
  .page .hydrosite-noi-that-page-header {
    padding: 50px 0;
  }
  .hydrosite-noi-that-content-container {
    padding: 3rem;
  }
  .hydrosite-nhadidong-float-btn {
    width: 45px;
    height: 45px;
    font-size: 1rem;
  }
  .hydrosite-noi-that-content-section-page {
    padding: 1rem !important;
  }
  .san-pham .hydrosite-noi-that-page-title,
  .du-an .hydrosite-noi-that-page-title {
    text-align: center;
    font-size: 3rem !important;
  }
  .san-pham .hydrosite-noi-that-page-header,
  .du-an .hydrosite-noi-that-page-header {
    padding: 30px 0 !important;
  }
  /*  */

  .hydrosite-noi-that-content-section-page table {
    display: block;
  }
  /* Cho phép cuộn ngang trên mobile */
  .hydrosite-noi-that-content-section-page,
  .hydrosite-noi-that-content-container {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 1rem;
  }

  /* Đảm bảo bảng không bị vỡ layout */
  .hydrosite-noi-that-content-section-page table {
    min-width: 600px; /* hoặc 100% nếu nhỏ hơn */
    width: 100%;
    border-collapse: collapse;
    background-color: var(--white);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    overflow: hidden;
  }

  /* Cải thiện hiển thị thẩm mỹ */
  .hydrosite-noi-that-content-section-page table th,
  .hydrosite-noi-that-content-section-page table td {
    padding: 0.75rem;
    border: 1px solid #e0e0e0;
    text-align: left;
    font-size: 0.95rem;
  }
}

@media (max-width: 576px) {
  /* nội thất */
  .hydrosite-noi-that-slide-content h2 {
    font-size: 1.8rem;
  }

  .hydrosite-noi-that-mobile-actions .hydrosite-noi-that-search-btn,
  .hydrosite-noi-that-mobile-actions .hydrosite-noi-that-cart-btn {
    width: 40px;
    height: 40px;
  }

  .hydrosite-noi-that-contact-btn {
    padding: 10px 16px;
    font-size: 0.8rem;
  }
  .hydrosite-noi-that-workflow-step {
    padding: 10px 10px;
  }
  .hydrosite-noi-that-step-icon {
    width: 70px;
    height: 70px;
  }
  .icon-workflow-step {
    width: 35px;
    height: 35px;
  }
  .hydrosite-noi-that-workflow-steps {
    padding: 20px 10px;
  }
  .hydrosite-noi-that-partners {
    padding: 40px 0;
  }
  .hydrosite-noi-that-testimonials-button-prev,
  .hydrosite-noi-that-testimonials-button-next {
    display: none;
  }

  .hydrosite-noi-that-partner-logo {
    height: 70px;
  }

  .hydrosite-noi-that-consultation-inner {
    padding: var(--spacing-sm);
  }

  .hydrosite-noi-that-consultation-form-container {
    padding: var(--spacing-sm);
  }

  .hydrosite-noi-that-consultation-content {
    text-align: center;
  }

  .hydrosite-noi-that-consultation-benefits {
    text-align: left;
  }
  .hydrosite-noi-that-hero-navigation {
    bottom: var(--spacing-sm);
    right: var(--spacing-sm);
  }

  .hydrosite-noi-that-hero-pagination {
    bottom: var(--spacing-sm);
  }

  .hydrosite-noi-that-hero-button-prev,
  .hydrosite-noi-that-hero-button-next {
    width: 40px;
    height: 40px;
    font-size: 0.9rem;
  }

  .hydrosite-noi-that-hero-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }

  .hydrosite-noi-that-hero-pagination .swiper-pagination-bullet-active {
    width: 14px;
    height: 14px;
  }
  .hydrosite-noi-that-product-nav {
    bottom: 25px;
    right: 10px;
  }

  .hydrosite-noi-that-product-button-prev,
  .hydrosite-noi-that-product-button-next {
    width: 40px;
    height: 40px;
  }
  .hydrosite-noi-that-load-more-btn-modern {
    padding: 14px 25px;
    font-size: 0.8rem;
    min-width: 180px;
  }
  .workflow-popup-container {
    width: 98%;
    max-height: 90vh;
    border-radius: 12px;
  }

  .workflow-popup-header {
    padding: var(--spacing-sm) var(--spacing-md);
  }

  .workflow-popup-body {
    padding: var(--spacing-md);
    max-height: 60vh;
  }

  .workflow-step-overlay {
    /* Simplify on mobile */
    background: rgba(139, 94, 60, 0.85);
  }

  .workflow-step-overlay i {
    font-size: 1.5rem;
  }

  .workflow-step-overlay span {
    font-size: 0.8rem;
  }
  /* trang sản phẩm list */
  .hydrosite-noi-that-product-col {
    margin-bottom: var(--spacing-md);
  }

  .hydrosite-noi-that-product-info {
    padding: var(--spacing-sm);
  }

  .hydrosite-noi-that-pagination .page-link {
    padding: 8px 12px;
    font-size: 0.9rem;
  }
  .hydrosite-noi-that-discount-badge {
    display: block;
    width: max-content;
    margin-top: 5px;
  }
  .san-pham-detail .hydrosite-noi-that-product-info {
    padding: 0;
    margin-top: 15px;
  }
  .san-pham-detail .hydrosite-noi-that-purchase-section {
    padding-top: 1.2rem;
  }
  .san-pham-detail .hydrosite-noi-that-quantity-section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .san-pham-detail .hydrosite-noi-that-product-tabs-section {
    padding: 0;
    margin: 0;
  }
  .san-pham-detail .hydrosite-noi-that-product-detail-section {
    padding-bottom: 20px;
  }
  .san-pham-detail .hydrosite-noi-that-rating-score {
    font-size: 3rem;
  }
  .san-pham-detail .hydrosite-noi-that-rating-row {
    padding: 0.4rem 0.6rem;
  }
  .san-pham-detail .hydrosite-noi-that-rating-breakdown {
    border: none;
  }
  .san-pham-detail .hydrosite-noi-that-rating-overview {
    border: none;
    margin-bottom: 0;
  }
  .san-pham-detail .hydrosite-noi-that-rating-overview {
    padding-bottom: 0 !important;
  }
  .hydrosite-noi-that-info-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .hydrosite-noi-that-info-icon {
    margin: 0;
    margin-bottom: 15px;
  }
  .hydrosite-noi-that-social-links {
    text-align: center;
  }
  .hydrosite-noi-that-social-icons {
    justify-content: center;
  }
  .hydrosite-noi-that-social-links h3 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    color: var(--text-color);
    margin-top: 30px;
  }
  .hydrosite-noi-that-footer-links h4 {
    font-size: 1.5rem;
  }
  .hydrosite-noi-that-content-container {
    padding: 1.5rem;
  }
  .page .hydrosite-noi-that-page-header {
    padding: 20px 0;
    margin-bottom: 20px;
  }
  .hydrosite-nhadidong-float-btn {
    width: 40px;
    height: 40px;
    font-size: 0.8rem;
  }
  .hydrosite-noi-that-content-section-page {
    padding: 0 !important;
  }
}
@media (max-width: 330px) {
}