/* UNIT 365 global storefront typography
   A neutral Helvetica system keeps product and navigation copy quiet while
   preserving the existing UNIT 365 display wordmarks. */

:root {
  --tf-sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --tw-reg: 400;
  --tw-med: 500;
  --tw-bold: 600;
  --tw-black: 700;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body,
button,
input,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400;
}

body {
  font-size: 15px;
  line-height: 1.4;
  letter-spacing: -0.05em;
}

h1,
h2,
h3,
h4,
h5,
h6,
.pdp-title,
.price,
.section-head h2,
.collection-category-head h1,
.why h2,
.faq summary,
.accordion summary {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: -0.04em;
}

body p,
body li,
body dd {
  letter-spacing: -0.03em !important;
}

.brand,
.drawer-brand,
.footer-logo,
.contact-brand {
  font-family: var(--tf-display, "Druk Text Wide", Impact, sans-serif) !important;
}

.nav-left a,
.nav-right a,
.nav-right button,
.shop-dropdown__toggle,
.drawer a,
.drawer button,
.drawer summary,
.drawer-menu a,
.drawer-menu button {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 0.82rem !important;
  font-weight: 400 !important;
  letter-spacing: -0.05em !important;
  text-transform: uppercase !important;
}

.shop-dropdown__menu a,
.shop-dropdown__menu .shop-mega__group a,
.shop-dropdown__menu .shop-mega__group--primary a,
.drawer .drawer-submenu a,
.shop-mega__heading {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 400 !important;
  letter-spacing: -0.04em !important;
  text-transform: uppercase !important;
}

.pdp-title {
  font-weight: 500 !important;
  letter-spacing: -0.045em !important;
  text-transform: uppercase !important;
}

.price .now,
.price .was,
.product-price {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-variant-numeric: tabular-nums;
}

.price .now {
  font-weight: 500 !important;
}

.eyebrow,
.label,
.section-head .label,
.collection-kicker,
.collection-count,
.community-handle,
.community-note {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.035em !important;
}

.faq summary,
.accordion summary,
.accord summary,
.info details > summary,
.details summary,
.pdp-accordion summary,
details > summary,
.details .details-compact details.accord > summary {
  font-weight: 400 !important;
  letter-spacing: -0.025em !important;
}

.rec-title,
#cartDrawer .line-title,
#cartDrawer .cart-upsell-card__title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.05em !important;
  text-transform: uppercase !important;
}

.announce,
#announceBar {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: 0.04em !important;
}

#siteFooter .footer-col h3,
#siteFooter .footer-col a,
#siteFooter .footer-col button,
#siteFooter .footer-col summary {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-weight: 400 !important;
  letter-spacing: -0.035em !important;
}

@media (max-width: 700px) {
  .nav-left a,
  .nav-right a,
  .nav-right button,
  .shop-dropdown__toggle,
  .drawer a,
  .drawer button,
  .drawer summary,
  .drawer-menu a,
  .drawer-menu button {
    font-size: 0.82rem !important;
    letter-spacing: -0.04em !important;
  }
}