/* Responsive Container Padding */
@media screen and (max-width: 767px) {
  /* Mobile padding */
  .container {
    padding: 0 var(--container-padding-mobile);
  }
  
  .content-wrapper {
    padding: 0 var(--container-padding-mobile);
  }
  
  .content,
  .page-content,
  .site-content {
    padding-left: var(--container-padding-mobile);
    padding-right: var(--container-padding-mobile);
  }
    header {
      height: auto;
    }
  
    header #top-menu {
      flex-wrap: wrap;
      gap: 1rem;
      padding: 0.5rem;
    }
  
    header .horizontal-menu {
      order: 3;
      width: 100%;
      overflow-x: auto;
      gap: 1.5rem;
      padding: 0.5rem;
    }
  
    header #search-bar {
      margin-left: auto;
      width: 2.75rem;
    }
      header #search-bar input {
        display: none;
      }
  
    #page-content {
      padding: 0 1rem;
    }
  
    .container {
      flex-direction: column;
      padding: 0 var(--container-padding-mobile);
    }
  
    #filter-products {
      width: 100% !important;
      margin-bottom: 1.5rem;
    }
  
    #main-contents {
      margin-left: 0 !important;
      width: 100%;
      overflow-x: auto;
    }
  
    #product-list-sort-bar {
      flex-wrap: wrap;
      gap: 0.75rem;
    }
      #product-list-sort-bar .search-bar {
        width: 100%;
        margin-left: 0;
      }
  
    .product-action-buttons {
      position: fixed;
      right: 1rem;
      bottom: 1rem;
    }
  
    footer #newsletter .newsletter-contents {
      padding: 0 var(--container-padding-mobile);
    }
  
    footer #newsletter .newsletter-input {
      width: 100%;
    }
  
    footer #footer-contents {
      padding: 2rem var(--container-padding-mobile);
    }
  
    footer #footer-gnb-menu {
      flex-direction: column;
      gap: 2rem;
      margin-top: 2rem;
      width: 100%;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
  /* Tablet padding */
  .container {
    padding: 0 var(--container-padding-tablet);
  }
  
  .content-wrapper {
    padding: 0 var(--container-padding-tablet);
  }
  
  .content,
  .page-content,
  .site-content {
    padding-left: var(--container-padding-tablet);
    padding-right: var(--container-padding-tablet);
  }
  
    #main-contents {
      margin-left: 2rem;
    }
  
    footer #newsletter .newsletter-contents {
      padding: 0 var(--container-padding-tablet);
    }
    
    footer #newsletter .newsletter-input {
      width: 100%;
      max-width: 44.1875rem;
    }
    
    footer #footer-contents {
      padding: 2rem var(--container-padding-tablet) 3rem;
    }
    
    footer #footer-shortcuts .shortcut-item-list {
      padding: 1.12rem var(--container-padding-tablet);
    }
    
    footer #footer-bottom {
      padding: 1rem var(--container-padding-tablet) 2.95rem;
    }
  
    footer #footer-gnb-menu {
      gap: 2rem;
      flex-wrap: wrap;
    }
  }
  
  @media screen and (min-width: 1024px) {
    /* Desktop styles - ensure footer padding */
    footer #newsletter .newsletter-contents,
    footer #footer-shortcuts .shortcut-item-list,
    footer #footer-contents,
    footer #footer-bottom {
      box-sizing: border-box;
      padding-left: var(--container-padding-desktop);
      padding-right: var(--container-padding-desktop);
    }
  }
  
  /* Add responsive table styles */
  @media screen and (max-width: 1023px) {
    #product-list {
      display: block;
      overflow-x: auto;
      white-space: nowrap;
    }
  }
  
  /* Responsive newsletter section */
  @media screen and (max-width: 767px) {
    .newsletter-title {
      font-size: 1.5rem !important;
    }
  
    .btn-newsletter-submit {
      position: relative;
      width: 100%;
      margin-top: 1rem;
    }
  
    .email-input-wrapper {
      padding-right: 0;
    }
  }
  



/* Ensure footer padding for all screen sizes above mobile */
@media screen and (min-width: 768px) {
  /* Force padding on all footer sections */
  footer #newsletter .newsletter-contents {
    padding-left: var(--container-padding-tablet) !important;
    padding-right: var(--container-padding-tablet) !important;
  }
  
  footer #footer-shortcuts .shortcut-item-list {
    padding-left: var(--container-padding-tablet) !important;
    padding-right: var(--container-padding-tablet) !important;
  }
  
  footer #footer-contents {
    padding-left: var(--container-padding-tablet) !important;
    padding-right: var(--container-padding-tablet) !important;
  }
  
  footer #footer-bottom {
    padding-left: var(--container-padding-tablet) !important;
    padding-right: var(--container-padding-tablet) !important;
  }
}

@media screen and (min-width: 1024px) {
  /* Desktop padding override */
  footer #newsletter .newsletter-contents,
  footer #footer-shortcuts .shortcut-item-list,
  footer #footer-contents,
  footer #footer-bottom {
    padding-left: var(--container-padding-desktop) !important;
    padding-right: var(--container-padding-desktop) !important;
  }
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
  }
}

@media (max-width: 576px) {
  .grid-container {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}