@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap");

body,
.elementor-kit-13,
.elementor-kit-13 button,
.elementor-kit-13 input,
.elementor-kit-13 textarea,
.elementor-heading-title,
.elementor-kit-13 h1,
.elementor-kit-13 h2,
.elementor-kit-13 h3,
.elementor-kit-13 h4,
.elementor-nav-menu .elementor-item,
.elementor-button-text {
  font-family: "Roboto", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

.elementor-kit-13 h1,
.elementor-kit-13 h2,
.elementor-kit-13 h3,
.elementor-kit-13 h4 {
  font-weight: 700 !important;
}

body.elementor-kit-13,
body.elementor-kit-13 .elementor-widget-container,
body.elementor-kit-13 p,
body.elementor-kit-13 li,
body.elementor-kit-13 blockquote,
body.elementor-kit-13 figcaption,
body.elementor-kit-13 label,
body.elementor-kit-13 input,
body.elementor-kit-13 textarea,
body.elementor-kit-13 select,
body.elementor-kit-13 table,
body.elementor-kit-13 th,
body.elementor-kit-13 td,
body.elementor-kit-13 .elementor-icon-box-title,
body.elementor-kit-13 .elementor-icon-box-description,
body.elementor-kit-13 .elementor-toggle-title,
body.elementor-kit-13 .elementor-tab-title,
body.elementor-kit-13 .elementor-tab-content {
  font-family: "Roboto", Arial, sans-serif !important;
}

.elementor-location-header {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.elementor-nav-menu .elementor-item {
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

.elementor-nav-menu--dropdown a {
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 14px !important;
}

.elementor-kit-13 .elementor-button {
  border-radius: 4px;
  box-shadow: none;
  font-family: "Roboto", Arial, sans-serif !important;
  font-weight: 500;
  letter-spacing: 0 !important;
}

/* A restrained, consistent type scale for all exported WordPress pages. */
body.elementor-kit-13 h1,
body.elementor-kit-13 .elementor-heading-title h1 {
  font-size: 48px !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}

body.elementor-kit-13 h2,
body.elementor-kit-13 .elementor-heading-title h2 {
  font-size: 32px !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}

body.elementor-kit-13 h3,
body.elementor-kit-13 .elementor-heading-title h3 {
  font-size: 24px !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

body.elementor-kit-13 h4,
body.elementor-kit-13 .elementor-heading-title h4 {
  font-size: 20px !important;
  line-height: 1.3 !important;
  text-transform: none !important;
}

body.elementor-kit-13 h5 {
  font-size: 18px !important;
  line-height: 1.35 !important;
  text-transform: none !important;
}

body.elementor-kit-13 h6 {
  font-size: 16px !important;
  line-height: 1.4 !important;
  text-transform: none !important;
}

/* Align every ordinary page section to the same 1200px line as the header. */
main .elementor > .e-con.e-parent,
.elementor-location-footer > .e-con.e-parent {
  box-sizing: border-box;
  margin: 50px auto !important;
  max-width: 1200px !important;
  padding-top: 50px !important;
  padding-bottom: 50px !important;
  width: calc(100% - 48px) !important;
}

main .elementor > .e-con.e-parent > .e-con-inner,
.elementor-location-footer > .e-con.e-parent > .e-con-inner {
  max-width: 1200px !important;
}

main .elementor .e-con {
  row-gap: 25px !important;
}

main .elementor .elementor-widget:not(:last-child) {
  margin-bottom: 25px !important;
}

/* Homepage refinement: restore a clear visual hierarchy and remove legacy demo remnants. */
main .elementor-105 .elementor-element.elementor-element-2d98e18f::before {
  background-color: rgba(15, 20, 19, 0.64) !important;
}

/* Keep the actual H1 visible instead of relying on CSS-generated text. */
main .elementor-105 .elementor-element.elementor-element-22ae43a3 {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
}

main .elementor-105 .elementor-element.elementor-element-22ae43a3 h1 {
  display: block !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  height: auto !important;
  line-height: 1.15 !important;
  overflow: visible !important;
}

main .elementor-105 .elementor-element.elementor-element-22ae43a3::before {
  content: none !important;
  display: none !important;
}

/* Strengthen small hero text against the factory image. */
main .elementor-105 .elementor-element.elementor-element-9c244c6 .elementor-button {
  background-color: #26332d !important;
  color: #d9ffdc !important;
}

main .elementor-105 .elementor-element.elementor-element-9c244c6 .elementor-button-text,
main .elementor-105 .elementor-element.elementor-element-f7fc362 .elementor-icon-list-text {
  color: #ffffff !important;
}

main .elementor-105 .elementor-element.elementor-element-f7fc362 .elementor-icon-list-icon i {
  color: #98ff98 !important;
}

main .elementor-105 .elementor-element.elementor-element-74b7d4c4 .elementor-button {
  font-size: 16px !important;
  padding: 16px 24px !important;
}

/* Separate the hero from social proof and rebalance the proof block. */
main .elementor-105 > .elementor-element.elementor-element-f8cc6aa {
  margin: 50px auto !important;
}

main .elementor-105 .elementor-element.elementor-element-b3f2e66 {
  flex: 0 0 260px !important;
  width: 260px !important;
}

main .elementor-105 .elementor-element.elementor-element-ad753bc {
  flex: 1 1 0 !important;
  width: auto !important;
}

main .elementor-105 .elementor-element.elementor-element-f8cc6aa h2 {
  font-size: 24px !important;
  line-height: 1.25 !important;
}

/* Remove the inherited internal space and align the first image with its text block. */
main .elementor-105 > .elementor-element.elementor-element-232a53b2 {
  padding: 0 !important;
}

main .elementor-105 .elementor-element.elementor-element-232a53b2 > .e-con-inner {
  align-items: flex-start !important;
}

/* Product cards need a lighter title scale for their narrow columns. */
main .elementor-105 .elementor-element.elementor-element-c19fff7 h3 {
  font-size: 20px !important;
  line-height: 1.3 !important;
}

/* These three items were left over from an unrelated sports-club template. */
main .elementor-105 .elementor-element.elementor-element-834690b,
main .elementor-105 .elementor-element.elementor-element-98e6884,
main .elementor-105 .elementor-element.elementor-element-6f4ddfc {
  display: none !important;
}

/* Keep the valid menswear copy while removing its empty placeholder-image column. */
main .elementor-105 .elementor-element.elementor-element-74c8042b {
  display: none !important;
}

main .elementor-105 .elementor-element.elementor-element-a272393 {
  flex: 1 1 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}

@media (max-width: 767px) {
  main .elementor-105 .elementor-element.elementor-element-22ae43a3 h1 {
    font-size: 36px !important;
  }

  main .elementor-105 .elementor-element.elementor-element-f8cc6aa {
    margin: 32px auto 50px !important;
  }

  main .elementor-105 .elementor-element.elementor-element-b3f2e66 {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

main .elementor .elementor-widget-spacer {
  display: none !important;
}

main .elementor .elementor-invisible {
  animation: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* The home hero is the one intentional full-width section. */
main .elementor-105 > .elementor-element.elementor-element-7eac6c5d {
  border-radius: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  padding: 0 !important;
  width: 100% !important;
}

main .elementor-105 .elementor-element.elementor-element-2d98e18f {
  aspect-ratio: 1920 / 900;
  background-image: url("/wp-content/uploads/2026/05/Yauum_is_a_B2B_menswear_manufacturer_for_private_label_and_streetwear_brands.jpg") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  border-radius: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}

main .elementor-105 .elementor-element.elementor-element-2d98e18f::before,
main .elementor-105 .elementor-element.elementor-element-2d98e18f::after {
  border-radius: 0 !important;
}

main .elementor-105 .elementor-element.elementor-element-2d98e18f::before {
  background-color: rgba(15, 20, 19, 0.54) !important;
}

main .elementor-105 .elementor-element.elementor-element-352249cc {
  justify-content: center !important;
  position: relative;
  z-index: 2;
}

main .elementor-105 .elementor-element.elementor-element-3dd17242,
main .elementor-105 .elementor-element.elementor-element-22ae43a3,
main .elementor-105 .elementor-element.elementor-element-4c1f68c6,
main .elementor-105 .elementor-element.elementor-element-63eac338 {
  max-width: 760px !important;
}

main .elementor-105 .elementor-element.elementor-element-22ae43a3 h1 {
  color: #ffffff !important;
  display: block !important;
  font-size: 0 !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 1 !important;
  overflow: hidden !important;
  position: relative !important;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
  visibility: visible !important;
  z-index: 5 !important;
}

main .elementor-105 .elementor-element.elementor-element-22ae43a3::before {
  color: #ffffff;
  content: "Custom Clothing Manufacturer for Private Label Menswear Brands";
  display: block;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 1.15;
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}

main .elementor-105 .elementor-element.elementor-element-22ae43a3 {
  height: auto !important;
  min-height: 180px !important;
  overflow: visible !important;
}

main .elementor-105 .elementor-element.elementor-element-4c1f68c6,
main .elementor-105 .elementor-element.elementor-element-4c1f68c6 p {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.65 !important;
}

main .elementor-105 .elementor-element.elementor-element-63eac338 {
  margin-top: 10px;
}

main .elementor-105 .elementor-element.elementor-element-2d98e18f > .e-con {
  box-sizing: border-box;
  margin: 0 auto !important;
  max-width: 1200px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
  width: 100% !important;
}

/* Keep the social-proof heading and logos at normal content scale. */
main .elementor-105 .elementor-element.elementor-element-f8cc6aa {
  align-items: center !important;
  row-gap: 25px !important;
}

main .elementor-105 .elementor-element.elementor-element-f8cc6aa h2 {
  font-size: 32px !important;
}

main .elementor-105 .elementor-element.elementor-element-90d2b02 .swiper-slide-image {
  max-height: 80px !important;
  object-fit: contain;
  width: auto !important;
}

/* Keep the exported Elementor header in a familiar, single-row desktop layout. */
@media (min-width: 1025px) {
  .elementor-location-header .elementor-element.elementor-element-2e3536f,
  .elementor-location-header .elementor-element.elementor-element-8e654eb {
    gap: 0 !important;
    padding: 0 !important;
  }

  .elementor-location-header .elementor-element.elementor-element-dcc8b10 {
    align-items: center !important;
    background: #ffffff !important;
    border-radius: 0 !important;
    gap: 20px !important;
    margin: 0 auto !important;
    max-width: 1200px;
    min-height: 72px;
    padding: 0 24px !important;
  }

  .elementor-location-header .elementor-element.elementor-element-7112674 {
    flex: 0 0 145px !important;
    justify-content: center !important;
  }

  .elementor-location-header .elementor-element.elementor-element-3f9f0f3 img {
    height: auto !important;
    max-width: 145px !important;
    width: 145px !important;
  }

  .elementor-location-header .elementor-element.elementor-element-58c3280 {
    align-items: center !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
    min-width: 0;
  }

  .elementor-location-header .elementor-nav-menu--main .elementor-nav-menu {
    flex-wrap: nowrap !important;
    justify-content: center;
  }

  .elementor-location-header .elementor-nav-menu--main .elementor-item {
    padding: 12px 10px !important;
    white-space: nowrap;
  }

  .elementor-location-header .elementor-element.elementor-element-dc52986 {
    flex: 0 0 auto !important;
  }

  .elementor-location-header .elementor-element.elementor-element-107ec2d .elementor-button {
    background: #111827 !important;
    color: #ffffff !important;
    padding: 12px 18px !important;
    white-space: nowrap;
  }
}

@media (max-width: 1024px) {
  .elementor-location-header .elementor-element.elementor-element-2e3536f,
  .elementor-location-header .elementor-element.elementor-element-8e654eb {
    gap: 0 !important;
    padding: 0 !important;
  }

  .elementor-location-header .elementor-element.elementor-element-dcc8b10 {
    align-items: center !important;
    border-radius: 0 !important;
    min-height: 64px;
    padding: 0 20px !important;
  }

  main .elementor > .e-con.e-parent,
  .elementor-location-footer > .e-con.e-parent {
    width: calc(100% - 32px) !important;
  }

  main .elementor-105 > .elementor-element.elementor-element-7eac6c5d {
    width: 100% !important;
  }
}

@media (max-width: 767px) {
  body.elementor-kit-13 h1,
  body.elementor-kit-13 .elementor-heading-title h1 {
    font-size: 36px !important;
  }

  body.elementor-kit-13 h2,
  body.elementor-kit-13 .elementor-heading-title h2 {
    font-size: 28px !important;
  }

  body.elementor-kit-13 h3,
  body.elementor-kit-13 .elementor-heading-title h3 {
    font-size: 22px !important;
  }
}

/* Shared static-site header and footer replace the exported template chrome. */
.site-shell-header {
  background: #ffffff;
  border-bottom: 1px solid #e5e7eb;
}

.site-shell-header__inner,
.site-shell-footer__inner,
.site-shell-footer__bottom {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1200px;
  width: calc(100% - 48px);
}

.site-shell-header__inner {
  align-items: center;
  display: flex;
  gap: 28px;
  min-height: 72px;
}

.site-shell-logo {
  display: inline-flex;
  flex: 0 0 auto;
}

.site-shell-logo img {
  display: block;
  height: auto;
  width: 145px;
}

.site-shell-menu-control,
.site-shell-menu-toggle {
  display: none;
}

.site-shell-nav {
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  gap: 24px;
  justify-content: center;
}

.site-shell-nav__products {
  position: relative;
}

.site-shell-subnav {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  display: none;
  left: -14px;
  min-width: 220px;
  padding: 8px;
  position: absolute;
  top: 100%;
  z-index: 30;
}

.site-shell-subnav a {
  display: block;
  padding: 9px 12px;
  white-space: nowrap;
}

.site-shell-nav__products:hover .site-shell-subnav,
.site-shell-nav__products:focus-within .site-shell-subnav {
  display: block;
}

.site-shell-nav a,
.site-shell-footer a {
  color: #1f2937;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}

.site-shell-nav a:hover,
.site-shell-footer a:hover {
  color: #111827;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.site-shell-cta {
  background: #111827;
  border-radius: 4px;
  color: #ffffff !important;
  display: inline-flex;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  padding: 13px 18px;
  text-decoration: none;
  white-space: nowrap;
}

.site-shell-footer {
  background: #f3f4f6;
  border-top: 1px solid #e5e7eb;
  margin-top: 80px;
}

.site-shell-footer__inner {
  align-items: center;
  display: grid;
  gap: 40px;
  grid-template-columns: 1.4fr 1fr auto;
  padding: 48px 0;
}

.site-shell-footer__brand p {
  color: #4b5563;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.6;
  margin: 16px 0 0;
  max-width: 360px;
}

.site-shell-footer__nav {
  display: grid;
  gap: 12px 28px;
  grid-template-columns: repeat(2, max-content);
}

.site-shell-footer__bottom {
  border-top: 1px solid #d1d5db;
  color: #6b7280;
  font-family: "Roboto", Arial, sans-serif;
  font-size: 13px;
  padding: 18px 0;
}

/* Remove Elementor block decoration and normalize nested content spacing. */
main .elementor .e-con:not(.elementor-element-7eac6c5d):not(.elementor-element-2d98e18f),
main .elementor .elementor-widget-container {
  background-color: transparent !important;
  background-image: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

main .elementor:not(.elementor-105) .elementor-background-overlay {
  display: none !important;
}

main .elementor .e-con.e-child {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

main .elementor .e-con:not(.elementor-element-7eac6c5d):not(.elementor-element-2d98e18f) {
  height: auto !important;
  min-height: 0 !important;
}

/* Override the generic legacy-container reset for the home hero title block. */
main .elementor-105 .elementor-element.elementor-element-22ae43a3 {
  flex: 0 0 110px !important;
  height: 110px !important;
  min-height: 110px !important;
  overflow: visible !important;
}

main .elementor-105 .elementor-element.elementor-element-22ae43a3::before {
  font-size: 44px;
}

main .elementor-105 > .e-con.e-parent:not(.elementor-element-7eac6c5d) {
  margin: 0 auto 50px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

main .elementor-105 > .elementor-element.elementor-element-f8cc6aa {
  margin-top: 50px !important;
}

main .elementor-105 .elementor-element.elementor-element-5bc53202 {
  row-gap: 25px !important;
}

main .elementor-105 .elementor-element.elementor-element-5bc53202 > .elementor-widget {
  margin-bottom: 0 !important;
}

main .elementor-105 .elementor-element.elementor-element-63eac338 {
  margin-top: 0 !important;
}

main .elementor .elementor-widget:not(:last-child) {
  margin-bottom: 25px !important;
}

/* Remove only the legacy image/breadcrumb banners from non-home pages. */
.elementor-120 > .elementor-element.elementor-element-5bbee16a,
.elementor-133 > .elementor-element.elementor-element-7b79641b,
.elementor-131 > .elementor-element.elementor-element-617c948f,
.elementor-135 > .elementor-element.elementor-element-245cf117 {
  display: none !important;
}

@media (max-width: 1024px) {
  .site-shell-header__inner,
  .site-shell-footer__inner,
  .site-shell-footer__bottom {
    width: calc(100% - 32px);
  }

  .site-shell-header__inner {
    gap: 16px;
    min-height: 64px;
  }

  .site-shell-menu-toggle {
    color: #111827;
    cursor: pointer;
    display: inline-flex;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
  }

  .site-shell-nav {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    display: none;
    flex-direction: column;
    gap: 0;
    padding: 8px;
    position: absolute;
    right: 16px;
    top: 56px;
    width: min(280px, calc(100vw - 32px));
    z-index: 20;
  }

  .site-shell-nav a {
    padding: 11px 12px;
    width: 100%;
  }

  .site-shell-nav__products {
    width: 100%;
  }

  .site-shell-subnav {
    border: 0;
    display: block;
    padding: 0 0 6px 14px;
    position: static;
    width: auto;
  }

  .site-shell-subnav a {
    font-size: 14px;
    padding: 8px 12px;
  }

  .site-shell-menu-control:checked ~ .site-shell-nav {
    display: flex;
  }

  .site-shell-header__inner {
    position: relative;
  }

  .site-shell-header .site-shell-cta {
    display: none;
  }

  .site-shell-footer__inner {
    align-items: start;
    grid-template-columns: 1fr;
    padding: 40px 0;
  }

  main .elementor-105 .elementor-element.elementor-element-22ae43a3 h1 {
    font-size: 0 !important;
  }

  main .elementor-105 .elementor-element.elementor-element-22ae43a3::before {
    font-size: 42px;
  }
}

@media (max-width: 767px) {
  main .elementor-105 .elementor-element.elementor-element-22ae43a3 h1 {
    font-size: 0 !important;
  }

  main .elementor-105 .elementor-element.elementor-element-22ae43a3::before {
    font-size: 36px;
  }

  main .elementor-105 .elementor-element.elementor-element-4c1f68c6,
  main .elementor-105 .elementor-element.elementor-element-4c1f68c6 p {
    font-size: 16px !important;
  }
}

/* Final homepage priority overrides: these deliberately follow Elementor's legacy rules. */
main .elementor-105 .elementor-element.elementor-element-22ae43a3 {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 0 !important;
}

main .elementor-105 .elementor-element.elementor-element-22ae43a3 h1 {
  color: #ffffff !important;
  display: block !important;
  font-family: "Roboto", Arial, sans-serif !important;
  font-size: 44px !important;
  font-weight: 700 !important;
  height: auto !important;
  line-height: 1.15 !important;
  overflow: visible !important;
}

main .elementor-105 .elementor-element.elementor-element-22ae43a3::before {
  content: none !important;
  display: none !important;
}

main .elementor-105 > .elementor-element.elementor-element-f8cc6aa {
  margin: 50px auto !important;
}

main .elementor-105 .elementor-element.elementor-element-f8cc6aa h2 {
  font-size: 24px !important;
  line-height: 1.25 !important;
}

@media (max-width: 767px) {
  main .elementor-105 .elementor-element.elementor-element-22ae43a3 h1 {
    font-size: 36px !important;
  }
}

/* Give social proof its own breathing room below the full-width hero. */
main .elementor-105 > .elementor-element.elementor-element-f8cc6aa {
  padding-block-start: 50px !important;
  padding-top: 50px !important;
}

main .elementor-105 .elementor-element.elementor-element-b3f2e66 {
  flex-basis: 300px !important;
  width: 300px !important;
}

main .elementor-105 .elementor-element.elementor-element-f8cc6aa h2 {
  font-size: 20px !important;
}

@media (max-width: 767px) {
  main .elementor-105 > .elementor-element.elementor-element-f8cc6aa {
    padding-block-start: 32px !important;
    padding-top: 32px !important;
  }

  main .elementor-105 .elementor-element.elementor-element-b3f2e66 {
    flex-basis: 100% !important;
    width: 100% !important;
  }
}

/* Elementor's exported layout locks this container's logical padding at zero.
   Move the social-proof row visually while preserving a 50px gap after it. */
@media (min-width: 768px) {
  main .elementor-105 > .elementor-element.elementor-element-f8cc6aa {
    margin-bottom: 77px !important;
    transform: translateY(27px) !important;
  }
}