/** Shopify CDN: Minification failed

Line 62:0 Unexpected "{"
Line 62:1 Expected identifier but found "%"
Line 64:14 Unexpected "{"
Line 64:23 Expected ":"
Line 68:14 Unexpected "{"
Line 68:23 Expected ":"
Line 71:14 Unexpected "{"
Line 71:23 Expected ":"
Line 75:0 Unexpected "{"
Line 75:1 Expected identifier but found "%"

**/
/* ============================================================
   UA Clone — Shared Styles
   ============================================================ */

/* 1. CSS Variables (overridable per-section via inline --ua-* vars) */
:root {
  --ua-black:      #000000;
  --ua-white:      #ffffff;
  --ua-off-white:  #f5f5f5;
  --ua-gray-light: #e8e8e8;
  --ua-gray-mid:   #9a9a9a;
  --ua-gray-dark:  #333333;
  --ua-teal:       #006a6a;
  --ua-red:        #e8001d;
  --ua-btn-dark:   #1a1a1a;

  --ua-font:       'Arial Narrow', Arial, Helvetica, sans-serif;
  --ua-font-bold:  900;

  --ua-section-px:      16px;
  --ua-section-px-desk: 48px;
  --ua-section-py:      48px;
  --ua-section-py-desk: 80px;
}

/* ============================================================
   2. Shared Buttons
   ============================================================ */
.ua-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.95rem;
  cursor: pointer;
  text-decoration: none;
  transition: all 200ms ease;
  border: none;
  font-family: var(--ua-font);
}
.ua-btn--pill-white {
  background: var(--ua-white);
  color: var(--ua-black);
  border-radius: 9999px;
  padding: 14px 32px;
}
.ua-btn--pill-white:hover { background: rgba(255,255,255,0.85); }
{% style %}
  @media (max-width: 767px) {
    #ua-hero-{{ section.id }} .ua-hero__img-wrap--left {
      width: 100% !important;
      flex: 0 0 100% !important;
    }
    #ua-hero-{{ section.id }} .ua-hero__img-wrap--right {
      display: none !important;
    }
    #ua-hero-{{ section.id }} .ua-hero__images {
      flex-wrap: wrap !important;
    }
  }
{% endstyle %}
.ua-btn--pill-dark {
  background: var(--ua-btn-dark);
  color: var(--ua-white);
  border-radius: 9999px;
  padding: 16px 40px;
}
.ua-btn--pill-dark:hover { background: #333; }

.ua-btn--pill-outline {
  background: transparent;
  color: var(--ua-white);
  border: 2px solid var(--ua-white);
  border-radius: 9999px;
  padding: 14px 32px;
}
.ua-btn--pill-outline:hover { background: rgba(255,255,255,0.15); }

/* ============================================================
   3. Utility Bar
   ============================================================ */
.ua-utility-bar {
  background: var(--ua-ubar-bg, var(--ua-black));
  color: var(--ua-ubar-color, var(--ua-white));
  height: var(--ua-ubar-height, 40px);
  display: flex;
  align-items: center;
}
.ua-utility-bar__inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--ua-section-px);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ua-utility-bar__link {
  color: inherit;
  font-size: var(--ua-ubar-font-size, 0.75rem);
  text-decoration: underline;
  text-underline-offset: 3px;
  font-family: var(--ua-font);
}
.ua-utility-bar__right {
  font-size: var(--ua-ubar-font-size, 0.75rem);
  display: none;
}
@media (min-width: 768px) {
  .ua-utility-bar__inner { padding: 0 var(--ua-section-px-desk); }
  .ua-utility-bar__right { display: block; }
}

/* ============================================================
   4. Hero Banner
   ============================================================ */
.ua-hero {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.ua-hero__track {
  display: flex;
  transition: transform 0.5s ease;
  will-change: transform;
}
.ua-hero__slide {
  min-width: 100%;
  flex-shrink: 0;
}
.ua-hero__images {
  display: flex;
  width: 100%;
  height: var(--ua-hero-height-mobile, 60vw);
  min-height: 320px;
  max-height: 520px;
}
@media (min-width: 768px) {
  .ua-hero__images {
    height: var(--ua-hero-height-desk, 72vh);
    min-height: 560px;
    max-height: var(--ua-hero-max-height, 780px);
  }
}
.ua-hero__img-wrap {
  position: relative;
  overflow: hidden;
}
.ua-hero__img-wrap--left { width: 100%; }
.ua-hero__img-wrap--right { display: none; }
@media (min-width: 768px) {
  .ua-hero__img-wrap--left  { width: var(--ua-hero-left-pct, 55%); }
  .ua-hero__img-wrap--right { display: block; width: var(--ua-hero-right-pct, 45%); }
}
.ua-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ua-hero__img-placeholder {
  width: 100%;
  height: 100%;
  background: #2a2a2a;
}
.ua-hero__overlay {
  position: absolute;
  bottom: 48px;
  left: 32px;
  right: 32px;
  z-index: 2;
}
@media (min-width: 768px) {
  .ua-hero__overlay {
    left: 48px;
    right: auto;
    max-width: 520px;
  }
}
.ua-hero__heading {
  font-size: clamp(2rem, 6vw, 4.5rem);
  font-weight: var(--ua-hero-heading-weight, 900);
  color: var(--ua-hero-heading-color, var(--ua-white));
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  font-family: var(--ua-font);
  letter-spacing: 0.02em;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3);
}
.ua-hero__subtext {
  font-size: var(--ua-hero-subtext-size, 0.95rem);
  color: var(--ua-hero-subtext-color, var(--ua-white));
  margin: 12px 0 20px;
  line-height: 1.5;
  text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.ua-hero__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 44px;
  height: 44px;
  background: rgba(255,255,255,0.85);
  border: 1px solid #ccc;
  border-radius: 50%;
  font-size: 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 200ms;
}
.ua-hero__arrow:hover { background: white; }
.ua-hero__arrow--prev { left: 12px; }
.ua-hero__arrow--next { right: 12px; }
.ua-hero__dots {
  position: absolute;
  bottom: 16px;
  right: 24px;
  display: flex;
  gap: 6px;
  z-index: 10;
}
.ua-hero__dot {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: rgba(255,255,255,0.5);
  border: none;
  cursor: pointer;
  transition: all 300ms;
  padding: 0;
}
.ua-hero__dot--active { width: 24px; background: white; }

/* ============================================================
   5. Product Carousel / Grid
   ============================================================ */
.ua-product-carousel {
  background: var(--ua-pc-bg, transparent);
  padding: var(--ua-pc-py, var(--ua-section-py)) var(--ua-section-px);
  max-width: 1440px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .ua-product-carousel {
    padding: var(--ua-pc-py-desk, var(--ua-section-py-desk)) var(--ua-section-px-desk);
  }
}
.ua-product-carousel__header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 12px;
}
.ua-product-carousel__title {
  font-size: clamp(1.4rem, 3vw, var(--ua-pc-title-size, 2rem));
  font-weight: 700;
  color: var(--ua-pc-title-color, var(--ua-black));
  margin: 0;
  font-family: var(--ua-font);
  text-transform: var(--ua-pc-title-transform, none);
}
.ua-product-carousel__view-all {
  font-size: 0.85rem;
  color: var(--ua-pc-title-color, var(--ua-black));
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ua-product-carousel__wrapper { position: relative; }

/* --- Carousel layout --- */
.ua-product-carousel__track {
  display: flex;
  gap: var(--ua-pc-gap, 16px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 4px;
}
.ua-product-carousel__track::-webkit-scrollbar { display: none; }

/* --- Grid layout (toggled via JS class) --- */
.ua-product-carousel__track.is-grid {
  display: grid;
  grid-template-columns: repeat(var(--ua-pc-cols-mobile, 2), 1fr);
  overflow-x: visible;
  scroll-snap-type: none;
}
@media (min-width: 640px) {
  .ua-product-carousel__track.is-grid {
    grid-template-columns: repeat(var(--ua-pc-cols-tablet, 3), 1fr);
  }
}
@media (min-width: 1024px) {
  .ua-product-carousel__track.is-grid {
    grid-template-columns: repeat(var(--ua-pc-cols-desktop, 4), 1fr);
  }
}

/* Card */
.ua-product-card {
  flex: 0 0 75vw;
  scroll-snap-align: start;
  max-width: 340px;
}
@media (min-width: 640px)  { .ua-product-card { flex: 0 0 45%; } }
@media (min-width: 1024px) { .ua-product-card { flex: 0 0 calc(25% - 12px); } }

.ua-product-carousel__track.is-grid .ua-product-card {
  flex: unset;
  max-width: none;
}

/* Card image */
.ua-product-card__img-wrap {
  position: relative;
  background: var(--ua-pc-card-bg, var(--ua-off-white));
  aspect-ratio: var(--ua-pc-img-ratio, 3 / 4);
  overflow: hidden;
}
.ua-product-card__img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 12px;
  transition: transform 300ms ease;
}
.ua-product-card__img-wrap:hover .ua-product-card__img { transform: scale(1.04); }
.ua-product-card__img-placeholder {
  width: 100%;
  height: 100%;
  background: var(--ua-gray-light);
}

/* Wishlist */
.ua-product-card__wishlist {
  position: absolute;
  top: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--ua-gray-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.ua-product-card__wishlist:hover { color: var(--ua-red); }

/* Quick-add cart button */
.ua-product-card__cart-btn {
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 44px;
  height: 44px;
  background: var(--ua-btn-dark);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 200ms;
}
.ua-product-card__img-wrap:hover .ua-product-card__cart-btn { opacity: 1; }
@media (max-width: 767px) { .ua-product-card__cart-btn { opacity: 1; } }

/* Card info */
.ua-product-card__info { padding-top: 12px; }
.ua-product-card__badge {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ua-black);
  margin-bottom: 4px;
}
.ua-badge--new { color: var(--ua-red); }
.ua-product-card__name {
  font-size: var(--ua-pc-name-size, 1rem);
  font-weight: 600;
  color: var(--ua-pc-name-color, var(--ua-black));
  margin: 0;
}
.ua-product-card__subtitle {
  font-size: 0.85rem;
  color: var(--ua-gray-mid);
  margin: 2px 0 6px;
}
.ua-product-card__price {
  font-size: 1rem;
  font-weight: 500;
  color: var(--ua-pc-price-color, var(--ua-black));
  margin: 0 0 4px;
}
.ua-product-card__promo {
  font-size: 0.78rem;
  color: var(--ua-teal);
  margin: 0;
}
.ua-product-card__tee-subtitle {
  font-size: 0.78rem;
  color: var(--ua-gray-mid);
  font-style: italic;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 2px 0 6px;
}
.ua-product-card__desc {
  font-size: 0.875rem;
  color: var(--ua-gray-dark);
  line-height: 1.5;
  margin: 0 0 10px;
}
.ua-product-card__shop-link {
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--ua-black);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.ua-product-card__shop-link:hover { opacity: 0.6; }

/* Carousel arrows */
.ua-product-carousel__arrow {
  display: none;
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  z-index: 5;
  width: 44px;
  height: 44px;
  background: white;
  border: 1px solid var(--ua-gray-light);
  border-radius: 50%;
  font-size: 1.5rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  transition: box-shadow 200ms;
  padding: 0;
}
@media (min-width: 768px) { .ua-product-carousel__arrow { display: flex; } }
.ua-product-carousel__track.is-grid ~ * .ua-product-carousel__arrow,
.ua-product-carousel__wrapper:has(.is-grid) .ua-product-carousel__arrow { display: none !important; }
.ua-product-carousel__arrow--prev { left: -22px; }
.ua-product-carousel__arrow--next { right: -22px; }
.ua-product-carousel__arrow:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
.ua-product-carousel__arrow[disabled] { opacity: 0.3; cursor: default; }

/* Dots */
.ua-product-carousel__dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 20px;
}
.ua-pc-dot {
  width: 8px;
  height: 8px;
  border-radius: 9999px;
  background: var(--ua-gray-light);
  border: none;
  cursor: pointer;
  transition: all 300ms;
  padding: 0;
}
.ua-pc-dot--active { width: 24px; background: var(--ua-black); }

/* ============================================================
   6. Category Grid
   ============================================================ */
.ua-category-grid {
  background: var(--ua-cg-bg, transparent);
  padding: var(--ua-section-py) 0;
}
.ua-category-grid__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--ua-section-px);
}
@media (min-width: 768px) {
  .ua-category-grid__inner { padding: 0 var(--ua-section-px-desk); }
}
.ua-category-grid__title {
  font-size: clamp(1.4rem, 3vw, var(--ua-cg-title-size, 2rem));
  font-weight: 700;
  color: var(--ua-cg-title-color, var(--ua-black));
  margin: 0 0 24px;
  font-family: var(--ua-font);
  text-transform: var(--ua-cg-title-transform, none);
}
.ua-category-grid__track {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ua-category-grid__track::-webkit-scrollbar { display: none; }
.ua-category-grid__track .ua-category-grid__cell {
  flex: 0 0 72vw;
  max-width: 320px;
  scroll-snap-align: start;
}
.ua-category-grid__track.is-grid {
  display: grid;
  overflow-x: visible;
  scroll-snap-type: none;
}
.ua-category-grid__track.is-grid .ua-category-grid__cell {
  flex: unset;
  max-width: unset;
}
.ua-category-grid__cell {
  text-decoration: none;
  color: var(--ua-cg-label-color, var(--ua-black));
  display: block;
}
.ua-category-grid__img-wrap {
  overflow: hidden;
  aspect-ratio: var(--ua-cg-img-ratio, 3 / 4);
}
.ua-category-grid__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 300ms ease;
}
.ua-category-grid__cell:hover .ua-category-grid__img { transform: scale(1.03); }
.ua-category-grid__placeholder {
  width: 100%;
  height: 100%;
  background: var(--ua-gray-light);
}
.ua-category-grid__label {
  margin: 12px 0 0;
  font-size: var(--ua-cg-label-size, 0.9rem);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-align: var(--ua-cg-label-align, left);
}

/* ============================================================
   7. Editorial Banner
   ============================================================ */
.ua-editorial {
  background: var(--ua-ed-bg, transparent);
  max-width: 1440px;
  margin: 0 auto;
  padding: var(--ua-section-py) 0;
}
.ua-editorial--full-bleed { max-width: none; }
.ua-editorial__images {
  display: flex;
  flex-direction: column;
  gap: 0;
}
@media (min-width: 768px) {
  .ua-editorial__images { flex-direction: row; }
}
.ua-editorial__img-wrap {
  overflow: hidden;
  flex: 1;
}
.ua-editorial__img-wrap--wider { flex: var(--ua-ed-left-flex, 1.1); }
.ua-editorial__img {
  width: 100%;
  height: var(--ua-ed-img-h-mobile, 260px);
  object-fit: cover;
  display: block;
}
@media (min-width: 768px) { .ua-editorial__img { height: var(--ua-ed-img-h-desk, 420px); } }
.ua-editorial__placeholder {
  width: 100%;
  height: var(--ua-ed-img-h-mobile, 260px);
  background: var(--ua-gray-light);
}
@media (min-width: 768px) { .ua-editorial__placeholder { height: var(--ua-ed-img-h-desk, 420px); } }
.ua-editorial__text {
  text-align: var(--ua-ed-text-align, center);
  padding: 40px var(--ua-section-px);
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--ua-ed-text-bg, transparent);
}
@media (min-width: 768px) { .ua-editorial__text { padding: 48px var(--ua-section-px-desk); } }
.ua-editorial__heading {
  font-size: clamp(2rem, 4vw, var(--ua-ed-heading-size, 3rem));
  font-weight: var(--ua-ed-heading-weight, 900);
  text-transform: var(--ua-ed-heading-transform, uppercase);
  color: var(--ua-ed-heading-color, var(--ua-black));
  margin: 0 0 16px;
  font-family: var(--ua-font);
  letter-spacing: 0.02em;
}
.ua-editorial__body {
  font-size: var(--ua-ed-body-size, 1rem);
  color: var(--ua-ed-body-color, var(--ua-gray-dark));
  max-width: 600px;
  line-height: 1.6;
  margin: 0 0 24px;
}

/* ============================================================
   8. Social Feed
   ============================================================ */
.ua-social {
  background: var(--ua-sf-bg, transparent);
  padding: var(--ua-section-py) 0;
}
.ua-social__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--ua-section-px);
}
@media (min-width: 768px) { .ua-social__inner { padding: 0 var(--ua-section-px-desk); } }
.ua-social__title {
  font-size: clamp(1.4rem, 3vw, var(--ua-sf-title-size, 2rem));
  font-weight: 700;
  margin: 0 0 24px;
  color: var(--ua-sf-title-color, var(--ua-black));
  font-family: var(--ua-font);
  text-align: var(--ua-sf-title-align, left);
}
.ua-social__track {
  display: flex;
  gap: var(--ua-sf-gap, 8px);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.ua-social__track::-webkit-scrollbar { display: none; }
@media (min-width: 768px) {
  .ua-social__track {
    display: grid;
    grid-template-columns: repeat(var(--ua-sf-cols, 4), 1fr);
    gap: var(--ua-sf-gap-desk, 16px);
    overflow-x: visible;
    scroll-snap-type: none;
  }
}
.ua-social__card {
  flex: 0 0 80vw;
  scroll-snap-align: start;
  overflow: hidden;
  border-radius: var(--ua-sf-radius, 0px);
}
@media (min-width: 768px) { .ua-social__card { flex: unset; } }
.ua-social__img,
.ua-social__placeholder {
  width: 100%;
  aspect-ratio: var(--ua-sf-ratio, 1 / 1);
  object-fit: cover;
  display: block;
}
.ua-social__placeholder { background: var(--ua-gray-light); }
.ua-social__dots {
  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 16px;
}
@media (min-width: 768px) { .ua-social__dots { display: none; } }