/* ==========================================================================
   AVCO Design System - Responsive Styles
   ========================================================================== */

/* ===== TABLET (max-width: 1279px) ===== */
@media (max-width: 1279px) {
  body.avco-page .avco-pre-header {
    padding: 0.625rem var(--avco-space-8);
  }

  body.avco-page .avco-header {
    padding: 0 var(--avco-space-8);
  }

  body.avco-page .avco-nav-desktop {
    gap: var(--avco-space-4);
  }

  body.avco-page .avco-header .avco-header__left {
    gap: var(--avco-space-6);
  }

  body.avco-page .avco-mega-menu__left {
    padding: var(--avco-space-8);
    gap: var(--avco-space-12);
  }

  body.avco-page .avco-mega-menu__right {
    padding: var(--avco-space-8);
  }

  body.avco-page .avco-header__contact {
    gap: var(--avco-space-6);
  }

  body.avco-page .avco-hero {
    padding: var(--avco-space-12) var(--avco-space-6);
  }

  body.avco-page .avco-hero .avco-hero-top {
    flex-direction: column;
    gap: var(--avco-space-6);
  }

  body.avco-page .avco-hero h1.avco-hero-heading {
    width: 100%;
    font-size: var(--avco-text-6xl);
  }

  body.avco-page .avco-cores .avco-cores-left {
    width: 12.5rem;
    padding: var(--avco-space-20) var(--avco-space-4) var(--avco-space-12) var(--avco-space-6);
  }

  body.avco-page .avco-cores .avco-cores-right {
    padding: var(--avco-space-12) var(--avco-space-6);
  }

  body.avco-page .avco-cores h2.avco-cores-heading {
    font-size: var(--avco-text-5xl);
  }

  body.avco-page .avco-cores h3.avco-core-item-title {
    font-size: var(--avco-text-xl);
  }

  body.avco-page .avco-industries .avco-industries-top {
    padding: 0 var(--avco-space-6);
  }

  body.avco-page .avco-industries .avco-industries-header {
    flex-direction: column;
    gap: var(--avco-space-6);
    align-items: flex-start;
  }

  body.avco-page .avco-industries h2.avco-industries-heading {
    width: 100%;
    font-size: var(--avco-text-5xl);
  }

  body.avco-page .avco-industries .avco-industries-carousel {
    scroll-padding-left: var(--avco-space-6);
  }

  body.avco-page .avco-industries .avco-industries-carousel::before,
  body.avco-page .avco-industries .avco-industries-carousel::after {
    width: var(--avco-space-6);
  }

  body.avco-page .avco-industries .avco-industry-card {
    width: 18.75rem;
  }

  body.avco-page .avco-cta {
    padding: 14rem var(--avco-space-6) var(--avco-space-20);
    margin-top: -8rem;
    flex-direction: column;
  }

  body.avco-page .avco-products {
    padding: var(--avco-space-12) var(--avco-space-6);
  }

  body.avco-page .avco-products h2.avco-products-heading {
    font-size: var(--avco-text-5xl);
  }

  body.avco-page .avco-products .avco-products-watermark {
    display: none;
  }

  body.avco-page .avco-products .avco-products-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  body.avco-page .avco-footer {
    padding: var(--avco-space-20) var(--avco-space-6) var(--avco-space-12);
    padding-left: max(var(--avco-space-6), calc(50vw - 50% + var(--avco-space-6)));
    padding-right: max(var(--avco-space-6), calc(50vw - 50% + var(--avco-space-6)));
  }

  body.avco-page .avco-footer .avco-footer-top {
    gap: var(--avco-space-12);
    flex-wrap: wrap;
  }

  body.avco-page .avco-footer .avco-footer-menus {
    gap: var(--avco-space-10);
  }
}

/* ===== MOBILE (max-width: 767px) ===== */
@media (max-width: 767px) {
  body.avco-page .avco-pre-header {
    padding: var(--avco-space-2) var(--avco-space-4);
    flex-direction: column;
    gap: var(--avco-space-1-5);
    align-items: flex-start;
    max-height: 5rem;
  }

  body.avco-page .avco-pre-header.avco-hidden {
    max-height: 0;
  }

  body.avco-page .avco-pre-header .avco-pre-header-links {
    display: none;
  }

  body.avco-page .avco-pre-header .avco-pre-header-contact {
    width: 100%;
    justify-content: space-between;
  }

  body.avco-page .avco-header {
    padding: 0 var(--avco-space-4);
    height: var(--avco-header-height-mobile);
  }

  body.avco-page .avco-nav-desktop {
    display: none !important;
  }

  body.avco-page .avco-header__contact {
    display: none !important;
  }

  body.avco-page .avco-header__search {
    display: none !important;
  }

  body.avco-page .avco-header__divider {
    display: none;
  }

  body.avco-page .avco-header__hamburger {
    display: none !important;
  }

  body.avco-page .avco-mobile-menu-btn {
    display: flex;
  }

  body.avco-page .avco-mobile-menu {
    display: block;
  }

  body.avco-page .avco-mega-menu {
    display: none !important;
  }

  body.avco-page .avco-header .avco-header-cta {
    min-width: auto;
    padding: 0.625rem var(--avco-space-4);
    font-size: var(--avco-text-sm);
    height: auto;
  }

  body.avco-page .avco-header .avco-header__right {
    gap: var(--avco-space-3);
  }

  body.avco-page .avco-hero {
    padding: var(--avco-space-8) var(--avco-space-4);
  }

  body.avco-page .avco-hero h1.avco-hero-heading {
    font-size: var(--avco-text-4xl);
    width: 100%;
    letter-spacing: -0.03125rem;
  }

  body.avco-page .avco-hero .avco-hero-right {
    width: 100%;
  }

  body.avco-page .avco-hero .avco-hero-image {
    aspect-ratio: 343 / 406;
  }

  body.avco-page .avco-cores {
    flex-direction: column;
  }

  body.avco-page .avco-cores .avco-cores-left {
    width: 100%;
    height: 6.25rem;
    padding: var(--avco-space-6) var(--avco-space-4);
    flex-direction: row;
    align-items: center;
  }

  body.avco-page .avco-cores .avco-cores-right {
    padding: var(--avco-space-8) var(--avco-space-4);
  }

  body.avco-page .avco-cores h2.avco-cores-heading {
    font-size: var(--avco-text-4xl);
  }

  body.avco-page .avco-cores .avco-cores-grid {
    grid-template-columns: 1fr;
  }

  body.avco-page .avco-cores h3.avco-core-item-title {
    font-size: var(--avco-text-2xl);
  }

  body.avco-page .avco-cores .avco-core-item-icon {
    width: 3.25rem;
    height: 3.25rem;
  }

  body.avco-page .avco-industries {
    padding-top: var(--avco-space-8);
  }

  body.avco-page .avco-industries .avco-industries-top {
    padding: 0 var(--avco-space-4);
  }

  body.avco-page .avco-industries h2.avco-industries-heading {
    font-size: var(--avco-text-4xl);
    width: 100%;
  }

  body.avco-page .avco-industries .avco-industries-right {
    width: 100%;
  }

  body.avco-page .avco-industries p.avco-industries-desc {
    max-width: 100%;
  }

  body.avco-page .avco-industries .avco-industries-carousel {
    scroll-padding-left: var(--avco-space-4);
  }

  body.avco-page .avco-industries .avco-industries-carousel::before,
  body.avco-page .avco-industries .avco-industries-carousel::after {
    width: var(--avco-space-4);
  }

  body.avco-page .avco-industries .avco-industry-card {
    width: 21.4375rem;
  }

  body.avco-page .avco-industries h3.avco-industry-card-title {
    font-size: var(--avco-text-2xl);
  }

  body.avco-page .avco-cta {
    padding: 14rem var(--avco-space-4) var(--avco-space-15);
    margin-top: -6rem;
    flex-direction: column;
  }

  body.avco-page .avco-cta h2.avco-cta-heading {
    font-size: var(--avco-text-2xl);
    letter-spacing: -0.03125rem;
  }

  body.avco-page .avco-cta p.avco-cta-desc {
    max-width: 100%;
  }

  body.avco-page .avco-products {
    padding: var(--avco-space-8) var(--avco-space-4);
  }

  body.avco-page .avco-products .avco-products-row {
    flex-direction: column;
    align-items: flex-start;
  }

  body.avco-page .avco-products h2.avco-products-heading {
    font-size: var(--avco-text-4xl);
  }

  body.avco-page .avco-products .avco-products-watermark {
    display: none;
  }

  body.avco-page .avco-products .avco-products-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: var(--avco-space-3);
  }

  body.avco-page .avco-products .avco-product-card-img {
    height: 8.75rem;
    padding: var(--avco-space-2) var(--avco-space-4);
  }

  body.avco-page .avco-products .avco-product-card-name {
    font-size: var(--avco-text-sm);
    padding: 0 var(--avco-space-2);
    -webkit-line-clamp: 2;
  }

  body.avco-page .avco-products .avco-product-card-action {
    padding: var(--avco-space-1) var(--avco-space-2) var(--avco-space-2);
  }

  body.avco-page .avco-products .avco-product-card-action a.avco-btn-outline,
  body.avco-page .avco-products .avco-product-card-action .avco-btn-outline {
    font-size: var(--avco-text-xs);
    padding: var(--avco-space-2) var(--avco-space-3);
    min-width: unset;
  }

  body.avco-page .avco-footer {
    padding: var(--avco-space-15) var(--avco-space-4) var(--avco-space-8);
    padding-left: max(var(--avco-space-4), calc(50vw - 50% + var(--avco-space-4)));
    padding-right: max(var(--avco-space-4), calc(50vw - 50% + var(--avco-space-4)));
  }

  body.avco-page .avco-footer .avco-footer-top {
    flex-direction: column;
    gap: var(--avco-space-8);
  }

  body.avco-page .avco-footer .avco-footer-menus {
    flex-direction: column;
    gap: var(--avco-space-8);
  }

  body.avco-page .avco-footer .avco-footer-contact-inner {
    flex-direction: column;
  }

  body.avco-page .avco-footer .avco-footer-contact-item {
    border-right: none;
    border-bottom: 0.03125rem solid rgba(255, 255, 255, 0.15);
    padding: var(--avco-space-4) 0;
  }

  body.avco-page .avco-footer .avco-footer-contact-item:last-child {
    border-bottom: none;
  }

  body.avco-page .avco-container .avco-arrow-btn,
  body.avco-page .avco-container a.avco-arrow-btn,
  body.avco-page .avco-container button.avco-arrow-btn {
    width: var(--avco-space-10);
    height: var(--avco-space-10);
  }
}