html,
body {
  max-width: 100%;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  max-width: 100%;
}

input,
select,
textarea,
button {
  max-width: 100%;
}

.container {
  max-width: none;
  width: 100%;
}

.te-cart-grid > *,
.te-product-grid > *,
.te-checkout-grid > *,
.te-account-layout > *,
.te-contact-body > * {
  min-width: 0;
}

.te-shop-table-wrap,
.te-cart-table-wrap,
.te-checkout-table-wrap,
.woocommerce table.shop_table {
  max-width: 100%;
  overflow-x: auto;
}

@media (min-width: 768px) {
  .te-brand-section,
  .te-category-section,
  .te-new-arrivals,
  .te-top-selling,
  .te-category-products,
  .te-all-brands-page,
  .te-brand-collection-container,
  .te-wishlist-container,
  .te-category-showcase-wrap,
  .te-category-archive-layout,
  .te-cart-page,
  .te-single-container,
  .te-shop-layout,
  .te-checkout-container,
  .te-account-container,
  .te-about-container,
  .te-contact-container,
  .te-faq-container,
  .te-privacy-container,
  .te-return-container,
  .te-shipping-container,
  .te-terms-container,
  .te-warranty-container,
  .te-track-order-container,
  .te-thank-you-container,
  .te-footer-main {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    width: 100%;
  }

  .te-brand-view,
  .te-category-container,
  .te-new-arrivals-container,
  .te-category-products-container,
  .te-top-selling-banner {
    margin-left: auto;
    margin-right: auto;
    max-width: none;
    width: 100%;
  }

  .te-product-tabs,
  .te-product-tab-panel {
    max-width: none;
    width: 100%;
  }
}

.te-trust-badges,
.te-brand-section,
.te-category-section,
.te-new-arrivals,
.te-top-selling,
.te-category-products,
.te-all-brands-page,
.te-brand-collection-container,
.te-wishlist-container,
.te-brand-view,
.te-category-container,
.te-new-arrivals-container,
.te-category-showcase-wrap,
.te-category-products-container,
.te-category-archive-layout,
.te-cart-page,
.te-single-container,
.te-shop-layout,
.te-checkout-container,
.te-account-container,
.te-about-container,
.te-contact-container,
.te-faq-container,
.te-privacy-container,
.te-return-container,
.te-shipping-container,
.te-terms-container,
.te-warranty-container,
.te-track-order-container,
.te-thank-you-container,
.te-footer-main {
  max-width: none;
  width: 100%;
}

@media (min-width: 1200px) {
  .te-product-grid {
    gap: clamp(28px, 4vw, 72px);
    grid-template-columns: minmax(0, min(42vw, 700px)) minmax(0, 1fr);
  }

  .te-product-main-image {
    height: clamp(500px, 34vw, 680px);
  }
}

@media (min-width: 1600px) {
  .te-shop-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .design-navbar {
    column-gap: clamp(10px, 1.5vw, 18px);
    padding-left: clamp(12px, 2vw, 22px);
    padding-right: clamp(12px, 2vw, 22px);
  }

  .design-nav-links {
    flex: 0 1 auto;
    min-width: 0;
  }

  .design-nav-links .menu,
  .design-nav-links .nav-links {
    flex: 0 1 auto;
    gap: clamp(7px, 1vw, 11px);
    min-width: 0;
  }

  .design-nav-links .menu a,
  .design-nav-links .nav-links a {
    font-size: clamp(11px, 1.35vw, var(--te-menu-size, 13px));
    letter-spacing: clamp(0.1px, 0.08vw, 0.8px);
  }

  .design-navbar > .logo-container {
    flex: 0 1 auto;
    max-width: 20vw;
    min-width: 0;
  }

  .design-navbar > .logo-container > a {
    font-size: clamp(16px, 2.5vw, var(--te-logo-size, 26px));
    letter-spacing: clamp(0.5px, 0.3vw, var(--te-logo-spacing, 4px));
    white-space: nowrap;
  }

  .design-navbar > .logo-container.has-image-logo,
  .design-navbar > .logo-container.has-mobile-image-logo {
    flex-basis: clamp(110px, 17vw, 180px);
    max-width: 20vw;
  }

  .design-navbar > .logo-container.has-image-logo .te-desktop-logo {
    height: min(var(--te-desktop-logo-height, 48px), 5.5vw);
    max-width: 100%;
    width: min(var(--te-desktop-logo-width, 180px), 17vw);
  }

  .design-navbar > .logo-container.has-image-logo,
  .design-navbar > .logo-container.has-mobile-image-logo {
    height: min(var(--te-desktop-logo-height, 48px), 5.5vw);
  }

  .design-navbar .nav-icons {
    flex: 0 0 auto;
    gap: clamp(6px, 0.9vw, 10px);
  }

  .design-navbar .icon-btn {
    font-size: clamp(14px, 1.45vw, var(--te-icon-size, 18px));
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .te-slider {
    height: clamp(360px, 65vh, 700px);
    height: clamp(360px, 65svh, 700px);
    max-height: 700px;
    min-height: 0;
  }

  .te-slide {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-left: clamp(46px, 7vw, 78px);
    padding-right: clamp(40px, 6vw, 66px);
  }

  .te-slide-content {
    max-width: min(48%, 520px);
    width: 48%;
  }

  .te-slide h2 {
    font-size: clamp(28px, 4vw, 40px);
  }

  .te-slide p {
    font-size: clamp(14px, 1.6vw, 16px);
  }

  .te-slider-prev {
    left: clamp(12px, 2vw, 22px);
  }

  .te-slider-next {
    right: clamp(12px, 2vw, 22px);
  }

  .te-slider-dots {
    bottom: clamp(18px, 2.5vw, 28px);
  }
}

@media (min-width: 768px) and (max-width: 1100px) and (orientation: landscape) {
  .te-slider {
    height: clamp(340px, 68vh, 580px);
    height: clamp(340px, 68svh, 580px);
    max-height: 580px;
  }
}

@media (min-width: 2000px) {
  .te-shop-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .te-slider {
    height: clamp(340px, 54vh, 460px);
    height: clamp(340px, 54svh, 460px);
    max-height: 460px;
    min-height: 0;
  }

  .te-slide {
    padding-left: 48px;
    padding-right: 48px;
  }

  .te-slide-content {
    max-width: 300px;
    width: 78%;
  }

  .te-slide h2 {
    font-size: clamp(19px, 5.8vw, 25px);
    line-height: 1.18;
  }

  .te-slide p {
    font-size: 12px;
    line-height: 1.45;
  }

  .te-slider-arrow {
    height: 34px;
    top: 14px;
    transform: none;
    width: 34px;
  }

  .te-slider-prev {
    left: 12px;
  }

  .te-slider-next {
    right: 12px;
  }

  .te-slider-dots {
    bottom: 16px;
  }

  .te-trust-badges,
  .te-brand-section,
  .te-category-section {
    width: 100%;
  }

  .te-brand-collection-container,
  .te-wishlist-container,
  .te-category-container,
  .te-new-arrivals-container,
  .te-category-showcase-wrap,
  .te-category-products-container,
  .te-category-archive-layout,
  .te-cart-page,
  .te-single-container,
  .te-shop-layout,
  .te-checkout-container,
  .te-account-container,
  .te-about-container,
  .te-contact-container,
  .te-faq-container,
  .te-privacy-container,
  .te-return-container,
  .te-shipping-container,
  .te-terms-container,
  .te-warranty-container,
  .te-track-order-container,
  .te-thank-you-container,
  .te-footer-main {
    max-width: 100%;
    min-width: 0;
  }

  .te-checkout-container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .te-product-main-image {
    height: min(90vw, 500px);
  }

  .te-review-summary {
    gap: 18px;
    grid-template-columns: minmax(0, 1fr);
  }

  .te-review-top-bar,
  .te-review-filter {
    align-items: stretch;
    flex-direction: column;
  }

  .te-review-filter > div {
    flex-wrap: wrap;
  }
}

@media (max-width: 420px) {
  .te-container,
  .container {
    width: 100%;
  }

  .te-checkout-card {
    padding: 20px 14px;
  }

  .te-cart-item {
    grid-template-columns: 56px minmax(0, 1fr) 24px;
  }
}

@media (min-width: 1536px) {
  .container,
  .site-main > .container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1680px;
    width: 92%;
  }

  .design-navbar {
    padding-left: max(50px, calc((100vw - 2200px) / 2));
    padding-right: max(50px, calc((100vw - 2200px) / 2));
  }

  .te-slider {
    height: min(var(--te-slider-height, 85vh), 1100px);
    min-height: min(550px, 65vh);
  }

  .te-brand-section,
  .te-category-section,
  .te-new-arrivals,
  .te-top-selling,
  .te-category-products {
    margin-left: auto;
    margin-right: auto;
    max-width: 2200px;
    width: 92%;
  }

  .te-brand-view,
  .te-category-container,
  .te-new-arrivals-container,
  .te-category-products-container,
  .te-category-showcase-wrap,
  .te-top-selling-banner {
    margin-left: auto;
    margin-right: auto;
    max-width: 2048px;
    width: 100%;
  }

  .te-single-container {
    max-width: 1680px;
    width: 94%;
  }

  .te-product-grid {
    gap: clamp(48px, 4vw, 80px);
    grid-template-columns: minmax(0, min(42vw, 700px)) minmax(0, 1fr);
  }

  .te-product-main-image {
    height: clamp(560px, 34vw, 720px);
  }

  .te-product-tabs {
    margin-left: auto;
    margin-right: auto;
    max-width: 1540px;
    width: 92%;
  }

  .te-product-tab-panel {
    max-width: 1200px;
    width: 100%;
  }

  .te-shop-layout {
    max-width: 2100px;
    width: 92%;
  }

  .te-category-archive-layout,
  .te-cart-page,
  .te-account-container,
  .te-brand-collection-container,
  .te-wishlist-container {
    max-width: 1680px;
    width: 92%;
  }

  .te-checkout-container {
    max-width: 1760px;
    width: 92%;
  }

  .te-about-container,
  .te-contact-container,
  .te-faq-container,
  .te-privacy-container,
  .te-return-container,
  .te-shipping-container,
  .te-terms-container,
  .te-warranty-container,
  .te-thankyou-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1200px;
    width: 92%;
  }

  .te-footer-main {
    max-width: 1760px;
    width: 94%;
  }
}