/**
 * v20 — Full-width top bar & header (no side gaps), top bar coupon fix
 */

.page-home .app-main {
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.store-header-wrap {
  width: 100% !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box;
}

.store-top-bar {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.store-top-bar-inner {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box;
}
.store-top-marquee-wrap {
  padding-left: 12px !important;
}
.store-top-coupon {
  max-width: min(340px, 48vw) !important;
  flex-shrink: 0 !important;
  padding-right: 4px !important;
}
.store-top-coupon .coupon-ticket.coupon-tick-item {
  min-width: 210px !important;
  max-width: 100% !important;
}
.store-top-coupon .coupon-tick-code {
  font-size: 10px !important;
  max-width: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.store-top-bar-close {
  flex: 0 0 36px !important;
  margin-right: 2px;
}

.store-header-main {
  width: 100% !important;
  max-width: 100% !important;
}
.store-header-inner {
  width: 100% !important;
  max-width: 1320px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box;
  padding-left: 14px !important;
  padding-right: 14px !important;
}

.store-cat-strip,
.page-home .store-cat-strip {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

@media (min-width: 1024px) {
  .store-top-bar-inner {
    padding-left: 16px !important;
    padding-right: 0 !important;
  }
  .store-header-inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 1023px) {
  .store-header-inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .store-top-coupon {
    max-width: 52% !important;
  }
  .store-top-coupon .coupon-ticket.coupon-tick-item {
    min-width: 0 !important;
  }
  .store-top-coupon .coupon-tick-code {
    max-width: 72px;
    font-size: 10px !important;
  }
}

@media (min-width: 1024px) {
  .page-home .home-products-showcase.home-section-block,
  .page-home .section-trending.home-section-block {
    max-width: min(1320px, 100%) !important;
  }
}