/** Shopify CDN: Minification failed

Line 22:4 Unexpected "{"
Line 22:5 Expected identifier but found "%"
Line 22:82 Expected identifier but found "%"
Line 25:4 Unexpected "{"
Line 25:5 Expected identifier but found "%"
Line 25:69 Expected identifier but found "%"
Line 29:4 Unexpected "{"
Line 29:5 Expected identifier but found "%"
Line 29:64 Expected identifier but found "%"
Line 34:2 Unexpected "{"
... and 2 more hidden warnings

**/
/* START_SECTION:header (INDEX:24) */
shopify-account {
    font-size: inherit;
    --shopify-account-signed-in-avatar-size: 20px;
    --shopify-account-avatar-size: 20px;

    {% comment %} Used when user had a profile picture set in their Shop account {% endcomment %}
    --shop-brand-color: #000000;

    {% comment %} Used when logged in user has no img profile photo {% endcomment %}
    --shopify-account-signed-in-avatar-color-background: var(--text);
    --shopify-account-signed-in-avatar-color-text: var(--bg);

    {% comment %} Heading is just a bold instance of body font {% endcomment %}
    --shopify-account-font-heading: var(--FONT-STACK-HEADING);
    --shopify-account-font-body: var(--FONT-STACK-BODY);
  }

  {% comment %} Reset header account button styles {% endcomment %}
  shopify-account::part(signed-out-avatar) {
    min-width: auto;
    min-height: auto;
    font-size: inherit;
  }
/* END_SECTION:header */
/* START_SNIPPET:oldtrend-design-system (INDEX:258) */
@view-transition {
    navigation: auto;
  }

  :root {
    --ot-ink: #241e19;
    --ot-ink-soft: #514840;
    --ot-bone: #f6f2ea;
    --ot-parchment: #ebe3d5;
    --ot-cognac: #9e5938;
    --ot-cognac-dark: #713b27;
    --ot-forest: #2f493d;
    --ot-gold: #b28a58;
    --ot-white: #fffdf9;
    --ot-line: rgba(36, 30, 25, 0.16);
    --ot-shadow: 0 24px 70px rgba(36, 30, 25, 0.12);
    --ot-radius: 2px;
    --ot-page: min(1440px, calc(100vw - 48px));
  }

  html {
    scroll-behavior: smooth;
  }

  .ot-rebuilt {
    background: var(--ot-bone);
    color: var(--ot-ink);
  }

  .ot-rebuilt .main-content {
    overflow: clip;
    isolation: isolate;
    position: relative;
    z-index: 0;
  }

  /* Mobile filters are fixed dialogs inside main; raise only while that dialog is open. */
  @media (max-width: 767px) {
    .ot-rebuilt .main-content:has([data-collection-sidebar].drawer--visible) {
      z-index: 20100;
      overflow: visible;
    }
  }

  .ot-rebuilt .shopify-section-group-header-group {
    overflow: visible;
    position: relative;
    z-index: 100;
  }

  .ot-rebuilt .header__wrapper {
    border-bottom: 1px solid var(--ot-line);
    box-shadow: none;
    overflow: visible;
  }

  .ot-rebuilt .header__inner {
    background: var(--ot-white);
    overflow: visible;
  }

  /* Pipeline's backfill must follow the measured two-tier header height. */
  .ot-rebuilt .header__backfill {
    height: var(--menu-height) !important;
  }

  .ot-rebuilt .header__menu__inner {
    overflow: visible;
  }

  .ot-rebuilt :is(.header__menu, .header__menu .menu__item) {
    overflow: visible;
  }

  .ot-rebuilt .header__dropdown {
    z-index: 120;
  }

  .ot-rebuilt .header__dropdown__wrapper {
    background: #ffffff;
    border-top: 1px solid rgba(36, 30, 25, 0.1);
    box-shadow: 0 22px 44px rgba(36, 30, 25, 0.1);
  }

  .ot-rebuilt .header__menu a,
  .ot-rebuilt .header__desktop__button a {
    font-family: var(--FONT-STACK-BODY);
    font-size: 15px;
    letter-spacing: 0.015em;
    text-transform: none;
  }

  .ot-rebuilt .header__menu .navtext {
    text-transform: none;
  }

  .ot-rebuilt .header__menu a::after {
    background: var(--ot-cognac);
  }

  .ot-rebuilt .header__menu a[href*='/pages/old-trend-points'] {
    color: var(--ot-cognac-dark);
    font-weight: 650;
  }

  .ot-rebuilt .header__menu a[href*='/pages/old-trend-points']::after {
    display: block;
    transform: scaleX(1);
  }

  .ot-rebuilt .drawer__menu a[href*='/pages/old-trend-points'] {
    background: rgba(158, 89, 56, 0.09);
    border-left: 3px solid var(--ot-cognac);
    color: var(--ot-cognac-dark);
  }

  .ot-rebuilt .drawer__menu,
  .ot-rebuilt .drawer__menu .sliderow,
  .ot-rebuilt .drawer__menu .sliderow__title {
    color: var(--ot-ink);
  }

  .ot-rebuilt .drawer__menu .sliderow {
    background: var(--ot-white);
  }

  @media (min-width: 1200px) {
    .ot-rebuilt .theme__header {
      padding-inline: 0;
    }

    .ot-rebuilt .header__desktop--menu_center {
      display: flex !important;
      justify-content: center;
      min-height: 150px;
      padding-top: 86px;
      position: relative;
    }

    .ot-rebuilt .header__mobile {
      display: none !important;
    }

    .ot-rebuilt .header__desktop--menu_center > .header__desktop__bar__l {
      height: 86px;
      justify-content: center;
      left: 50%;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
    }

    .ot-rebuilt .header__desktop--menu_center > .header__desktop__bar__l .header__logo {
      padding-block: 18px;
    }

    .ot-rebuilt .header__desktop--menu_center > .header__desktop__bar__c {
      align-self: stretch;
      flex: 0 1 auto;
      height: 64px;
      justify-content: center;
    }

    .ot-rebuilt .header__desktop--menu_center > .header__desktop__bar__r {
      height: 86px;
      position: absolute;
      right: 22px;
      top: 0;
    }

    .ot-rebuilt .header__desktop--menu_center .header__menu,
    .ot-rebuilt .header__desktop--menu_center .header__menu__inner {
      height: 100%;
    }

    .ot-rebuilt .header__desktop--menu_center .navlink--toplevel {
      padding-inline: clamp(13px, 1.05vw, 21px);
    }

    .ot-rebuilt .header__desktop--menu_center .header__desktop__button .navlink {
      padding-inline: 12px;
    }

    .ot-rebuilt .header__dropdown__wrapper {
      max-height: calc(100vh - var(--menu-height));
    }

    .ot-rebuilt .grandparent .header__dropdown__inner {
      gap: 22px;
      margin-inline: auto;
      max-width: 1320px;
      padding: 34px 24px 40px;
    }

    .ot-rebuilt .menu__item.grandparent.blocks-2 .header__dropdown__inner {
      grid-template-columns: minmax(210px, 0.72fr) repeat(2, minmax(0, 1.18fr));
      max-width: 1260px;
    }

    .ot-rebuilt .menu__item.grandparent.blocks-2 .dropdown__family {
      padding-right: 24px;
    }

    .ot-rebuilt .header__dropdown__image__holder {
      background: var(--ot-bone);
      overflow: hidden;
    }

    .ot-rebuilt .header__dropdown__image__holder img {
      height: 100%;
      object-fit: cover;
      transition: transform 600ms cubic-bezier(0.2, 0.7, 0, 1);
      width: 100%;
    }

    .ot-rebuilt .header__dropdown__image:hover .header__dropdown__image__holder img {
      transform: scale(1.025);
    }

    .ot-rebuilt .header__dropdown__actions {
      padding: 13px 0 0;
    }

    .ot-rebuilt .header__dropdown__actions :is(.hero__title, .text-btn-arrow-right) {
      color: var(--ot-ink);
    }

    .ot-rebuilt .parent .header__dropdown {
      background: #ffffff;
      border: 1px solid rgba(36, 30, 25, 0.12);
      box-shadow: 0 18px 38px rgba(36, 30, 25, 0.1);
      margin-left: -26px;
      min-width: 310px;
      padding: 20px 26px 24px;
    }

    .ot-rebuilt .parent .navlink--child {
      padding-block: 7px;
    }

    .ot-rebuilt .header__dropdown :is(.navlink--child, .navlink--grandchild) .navtext {
      color: var(--ot-ink);
      font-size: 14px;
      letter-spacing: 0.01em;
      line-height: 1.35;
      text-transform: none;
    }
  }

  @media (max-width: 1199px) {
    .ot-rebuilt .header__desktop--menu_center {
      display: none !important;
    }

    .ot-rebuilt .header__mobile {
      display: grid !important;
    }
  }

  .ot-rebuilt :is(.btn, .btn--outline, .btn--neutral, button[type='submit']) {
    border-radius: var(--ot-radius);
    letter-spacing: 0.1em;
    min-height: 50px;
    text-transform: uppercase;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
  }

  .ot-rebuilt :is(.btn, .btn--neutral):hover,
  .ot-rebuilt :is(.btn, .btn--neutral):focus-visible {
    transform: translateY(-2px);
  }

  .ot-rebuilt :is(a, button, input, select, summary):focus-visible {
    outline: 2px solid var(--ot-cognac);
    outline-offset: 4px;
  }

  .ot-rebuilt .product-grid-item {
    color: var(--ot-ink);
  }

  .ot-rebuilt product-grid-item {
    border-radius: var(--ot-radius);
  }

  .ot-rebuilt product-grid-item .product__media,
  .ot-rebuilt product-grid-item [data-product-image] {
    background: #eee8de;
    overflow: hidden;
  }

  .ot-rebuilt product-grid-item img {
    transition: transform 700ms cubic-bezier(0.2, 0.7, 0, 1);
  }

  .ot-rebuilt product-grid-item:hover img {
    transform: scale(1.025);
  }

  .ot-rebuilt product-grid-item .product__grid__info .grid__swatch__hover {
    flex-flow: row wrap;
    gap: 7px 12px;
    overflow: visible;
    overflow-x: visible;
    padding-bottom: 4px !important;
  }

  .ot-rebuilt product-grid-item .grid__swatch__container .swatch__button {
    margin-inline: 0;
  }

  .ot-rebuilt product-grid-item .sibs__slider,
  .ot-rebuilt product-grid-item .sibs__inner {
    max-width: 100%;
    overflow: visible;
  }

  .ot-rebuilt product-grid-item .sibs__inner {
    flex-flow: row wrap;
    gap: 7px 12px;
    margin: 0;
    padding: 0;
  }

  .ot-rebuilt product-grid-item .grid__swatch__container .tabs__arrow,
  .ot-rebuilt product-grid-item .sibs__slider .tabs__arrow {
    display: none !important;
  }

  .ot-rebuilt .product__grid__title,
  .ot-rebuilt .product__title {
    color: var(--ot-ink);
  }

  .ot-rebuilt .product__price,
  .ot-rebuilt .price {
    color: var(--ot-ink-soft);
  }

  .ot-rebuilt .collection,
  .ot-rebuilt .search-page,
  .ot-rebuilt .page__template,
  .ot-rebuilt .cart__template {
    background: var(--ot-bone);
  }

  .ot-rebuilt :is(.page__template, .cart__template, .account-header) h1,
  .ot-rebuilt :is(.cart__page__title, .search__page__heading, .account-header__title) {
    color: var(--ot-ink);
    font-family: var(--FONT-STACK-HEADING);
    letter-spacing: -0.025em;
  }

  .ot-rebuilt .page__template .rte {
    color: var(--ot-ink-soft);
    font-size: clamp(16px, 1.2vw, 18px);
    line-height: 1.7;
  }

  .ot-rebuilt .page__template.wrapper--narrow:has(.ot-rewards-page),
  .ot-rebuilt .page__template:has(.ot-rewards-page) > .wrapper,
  .ot-rebuilt .page__template:has(.ot-rewards-page) .wrapper--narrow,
  .ot-rebuilt .page__template:has(.ot-rewards-page) .rte {
    max-width: none;
    width: 100%;
  }

  .ot-rebuilt .page__template.wrapper--narrow:has(.ot-rewards-page),
  .ot-rebuilt .page__template:has(.ot-rewards-page) > .wrapper,
  .ot-rebuilt .page__template:has(.ot-rewards-page) .rte,
  .ot-rebuilt .page__template:has(.ot-rewards-page) .ot-rewards-page {
    margin-inline: auto;
  }

  .ot-rebuilt .product__block__text a[href*='/account'] {
    font-weight: 600;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 3px;
  }

  .ot-rebuilt .product__block__text a[href*='/account'],
  .ot-rebuilt .product__block__text a[href*='/account']:hover {
    text-decoration-line: underline !important;
  }

  .ot-rebuilt .product__main__content,
  .ot-rebuilt .product__inner {
    min-width: 0;
  }

  .ot-rebuilt .product__title {
    overflow-wrap: anywhere;
  }

  .ot-rewards-page {
    color: var(--ot-ink);
    margin: clamp(28px, 4vw, 64px) auto clamp(72px, 9vw, 132px);
    width: var(--ot-page);
  }

  .ot-rewards-page :is(h2, h3, p, ul, ol) {
    color: inherit;
  }

  .ot-rewards-hero {
    background: var(--ot-ink);
    color: var(--ot-white);
    display: grid;
    gap: clamp(34px, 5vw, 80px);
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.55fr);
    padding: clamp(42px, 7vw, 104px);
  }

  .ot-rewards-hero__eyebrow,
  .ot-rewards-section__eyebrow {
    color: var(--ot-gold) !important;
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 11px;
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    letter-spacing: 0.18em;
    margin: 0 0 18px;
    text-transform: uppercase;
  }

  .ot-rewards-hero h2 {
    color: var(--ot-white);
    font-family: var(--FONT-STACK-HEADING);
    font-size: clamp(42px, 5.8vw, 82px);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: -0.035em;
    line-height: 0.96;
    margin: 0 0 26px;
    max-width: 900px;
    text-wrap: balance;
  }

  .ot-rewards-hero__copy {
    color: rgba(255, 253, 249, 0.82) !important;
    font-size: clamp(17px, 1.4vw, 20px);
    line-height: 1.65;
    margin: 0;
    max-width: 760px;
  }

  .ot-rewards-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
  }

  .ot-rewards-actions a {
    align-items: center;
    background: var(--ot-cognac);
    border: 1px solid var(--ot-cognac);
    color: var(--ot-white) !important;
    display: inline-flex;
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 11px;
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    justify-content: center;
    letter-spacing: 0.12em;
    min-height: 52px;
    padding: 14px 22px;
    text-decoration: none;
    text-transform: uppercase;
  }

  .ot-rewards-actions a + a {
    background: transparent;
    border-color: rgba(255, 253, 249, 0.48);
  }

  .ot-rewards-actions a:hover,
  .ot-rewards-actions a:focus-visible {
    background: var(--ot-white);
    border-color: var(--ot-white);
    color: var(--ot-ink) !important;
  }

  .ot-rewards-membership {
    align-self: end;
    border: 1px solid rgba(255, 253, 249, 0.24);
    padding: 28px;
  }

  .ot-rewards-membership strong {
    color: var(--ot-white);
    display: block;
    font-family: var(--FONT-STACK-HEADING);
    font-size: 30px;
    line-height: 1.05;
    margin-bottom: 14px;
  }

  .ot-rewards-membership p {
    color: rgba(255, 253, 249, 0.78) !important;
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
  }

  .ot-rewards-section {
    border-top: 1px solid var(--ot-line);
    padding-block: clamp(58px, 7vw, 96px);
  }

  .ot-rewards-section__head {
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);
    margin-bottom: 42px;
  }

  .ot-rewards-section h2 {
    font-family: var(--FONT-STACK-HEADING);
    font-size: clamp(34px, 4vw, 58px);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: -0.025em;
    line-height: 1;
    margin: 0;
    text-wrap: balance;
  }

  .ot-rewards-section__intro {
    align-self: end;
    color: var(--ot-ink-soft) !important;
    line-height: 1.65;
    margin: 0;
  }

  .ot-rewards-steps,
  .ot-rewards-cards {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .ot-rewards-steps li,
  .ot-rewards-card {
    background: var(--ot-white);
    border: 1px solid var(--ot-line);
    margin: 0;
    padding: 30px;
  }

  .ot-rewards-step__number {
    align-items: center;
    border: 1px solid var(--ot-cognac);
    border-radius: 50%;
    color: var(--ot-cognac);
    display: inline-flex;
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 11px;
    height: 42px;
    justify-content: center;
    letter-spacing: 0.1em;
    margin-bottom: 34px;
    width: 42px;
  }

  .ot-rewards-steps h3,
  .ot-rewards-card h3 {
    font-family: var(--FONT-STACK-HEADING);
    font-size: 27px;
    font-weight: var(--FONT-WEIGHT-HEADING);
    line-height: 1.1;
    margin: 0 0 12px;
  }

  .ot-rewards-steps p,
  .ot-rewards-card p {
    color: var(--ot-ink-soft) !important;
    font-size: 15px;
    line-height: 1.62;
    margin: 0;
  }

  .ot-rewards-grid {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ot-rewards-list {
    background: var(--ot-parchment);
    display: grid;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 12px 30px;
  }

  .ot-rewards-list li {
    align-items: baseline;
    border-bottom: 1px solid var(--ot-line);
    display: flex;
    gap: 18px;
    justify-content: space-between;
    margin: 0;
    padding: 18px 0;
  }

  .ot-rewards-list li:last-child {
    border-bottom: 0;
  }

  .ot-rewards-list strong {
    color: var(--ot-cognac-dark);
    flex: 0 0 auto;
  }

  .ot-rewards-note {
    border-left: 3px solid var(--ot-cognac);
    color: var(--ot-ink-soft) !important;
    font-size: 14px;
    margin: 22px 0 0;
    padding-left: 18px;
  }

  .ot-rewards-faq {
    border-top: 1px solid var(--ot-line);
  }

  .ot-rewards-faq details {
    border-bottom: 1px solid var(--ot-line);
    margin: 0;
    padding: 0;
  }

  .ot-rewards-faq summary {
    color: var(--ot-ink);
    cursor: pointer;
    font-family: var(--FONT-STACK-HEADING);
    font-size: clamp(20px, 2vw, 28px);
    list-style: none;
    padding: 24px 44px 24px 0;
    position: relative;
  }

  .ot-rewards-faq summary::-webkit-details-marker {
    display: none;
  }

  .ot-rewards-faq summary::after {
    color: var(--ot-cognac);
    content: '+';
    font-family: var(--FONT-STACK-BODY);
    position: absolute;
    right: 4px;
    top: 24px;
  }

  .ot-rewards-faq details[open] summary::after {
    content: '–';
  }

  .ot-rewards-faq details p {
    color: var(--ot-ink-soft) !important;
    margin: -8px 0 24px;
    max-width: 860px;
  }

  .ot-rewards-cta {
    align-items: center;
    background: var(--ot-cognac-dark);
    color: var(--ot-white);
    display: flex;
    gap: 30px;
    justify-content: space-between;
    padding: clamp(36px, 5vw, 66px);
  }

  .ot-rewards-cta h2 {
    color: var(--ot-white);
    font-family: var(--FONT-STACK-HEADING);
    font-size: clamp(32px, 4vw, 56px);
    margin: 0 0 10px;
  }

  .ot-rewards-cta p {
    color: rgba(255, 253, 249, 0.8) !important;
    margin: 0;
  }

  .ot-rewards-cta a {
    background: var(--ot-white);
    color: var(--ot-ink) !important;
    flex: 0 0 auto;
  }

  .ot-rebuilt [id*='__customer_reviews'] {
    background: var(--ot-parchment);
  }

  .ot-rebuilt [id*='__customer_reviews'] .jdgm-cards-carousel {
    background: var(--ot-white);
    border: 1px solid var(--ot-line);
    padding: clamp(32px, 5vw, 72px);
  }

  .ot-rebuilt [id*='__customer_reviews'] .jdgm-title {
    color: var(--ot-ink);
    font-family: var(--FONT-STACK-HEADING);
    font-size: clamp(34px, 4vw, 58px);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: -0.025em;
    line-height: 1;
  }

  .ot-rebuilt [id*='__customer_reviews'] :is(.jdgm-card, .jdgm-row-stars) {
    border-color: var(--ot-line);
  }

  .ot-rebuilt [id*='__customer_reviews'] .jdgm-star {
    color: var(--ot-cognac);
  }

  .ot-rebuilt [id*='__customer_reviews'] .jdgm-card {
    box-shadow: 0 14px 34px rgba(36, 30, 25, 0.08);
  }

  .ot-rebuilt :is(img, video, iframe, svg) {
    max-width: 100%;
  }

  .ot-rebuilt :is(.rte, .page__template, .product__description, .product__block__text) {
    min-width: 0;
    overflow-wrap: anywhere;
  }

  .ot-rebuilt .rte table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .ot-rebuilt :is(input, select, textarea, button) {
    max-width: 100%;
  }

  .ot-rebuilt :is(input:not([type='checkbox']):not([type='radio']), textarea, select) {
    background: var(--ot-white);
    border-color: var(--ot-line);
    border-radius: var(--ot-radius);
    color: var(--ot-ink);
  }

  .ot-rebuilt :is(.drawer__inner, .search-popdown, .search-drawer) {
    background: var(--ot-white);
    color: var(--ot-ink);
  }

  .ot-rebuilt :is(.cart__items__row, .cart__heading__wrapper, .cart__footer__itemtotal) {
    border-color: var(--ot-line);
  }

  .ot-rebuilt .collection__filters,
  .ot-rebuilt .collection__sidebar,
  .ot-rebuilt .collection__nav {
    border-color: var(--ot-line);
  }

  .ot-rebuilt .footer {
    background: var(--ot-ink);
    color: var(--ot-white);
  }

  .ot-rebuilt .footer a,
  .ot-rebuilt .footer__title {
    color: var(--ot-white);
  }

  .ot-rebuilt .footer__holder {
    padding-top: clamp(52px, 7vw, 100px);
  }

  .ot-rebuilt .footer__quicklinks a {
    opacity: 0.78;
    transition: opacity 180ms ease;
  }

  .ot-rebuilt .footer__quicklinks a:hover,
  .ot-rebuilt .footer__quicklinks a:focus-visible {
    opacity: 1;
  }

  .ot-shell {
    margin-inline: auto;
    width: var(--ot-page);
  }

  .ot-eyebrow {
    color: var(--ot-cognac);
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 11px;
    font-style: var(--FONT-STYLE-ACCENT);
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    letter-spacing: 0.19em;
    line-height: 1.3;
    margin: 0 0 14px;
    text-transform: uppercase;
  }

  .ot-display {
    color: inherit;
    font-family: var(--FONT-STACK-HEADING);
    font-size: clamp(42px, 6.2vw, 92px);
    font-style: var(--FONT-STYLE-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: -0.035em;
    line-height: 0.94;
    margin: 0;
    text-wrap: balance;
  }

  .ot-title {
    color: inherit;
    font-family: var(--FONT-STACK-HEADING);
    font-size: clamp(32px, 4vw, 58px);
    font-style: var(--FONT-STYLE-HEADING);
    font-weight: var(--FONT-WEIGHT-HEADING);
    letter-spacing: -0.025em;
    line-height: 1.02;
    margin: 0;
    text-wrap: balance;
  }

  .ot-copy {
    color: var(--ot-ink-soft);
    font-family: var(--FONT-STACK-BODY);
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.65;
  }

  .ot-copy > :first-child {
    margin-top: 0;
  }

  .ot-copy > :last-child {
    margin-bottom: 0;
  }

  .ot-button {
    align-items: center;
    background: var(--ot-ink);
    border: 1px solid var(--ot-ink);
    color: var(--ot-white);
    display: inline-flex;
    font-family: var(--FONT-STACK-ACCENT);
    font-size: 11px;
    font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
    justify-content: center;
    letter-spacing: 0.13em;
    min-height: 52px;
    padding: 14px 24px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
  }

  .ot-button:hover,
  .ot-button:focus-visible {
    background: var(--ot-cognac);
    border-color: var(--ot-cognac);
    color: var(--ot-white);
    transform: translateY(-2px);
  }

  .ot-button--ghost {
    background: transparent;
    border-color: currentColor;
    color: inherit;
  }

  .ot-rule {
    border: 0;
    border-top: 1px solid var(--ot-line);
    margin: 0;
  }

  .ot-rebuilt ::selection {
    background: var(--ot-parchment);
    color: var(--ot-ink);
  }

  @media (max-width: 989px) {
    .ot-rewards-hero,
    .ot-rewards-section__head {
      grid-template-columns: 1fr;
    }

    .ot-rewards-steps,
    .ot-rewards-cards {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ot-rewards-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 767px) {
    .ot-rebuilt .product-grid-item [class~='group/quick-actions-toolbar'] {
      justify-content: flex-start;
    }

    .ot-rebuilt .product-grid-item [class~='group/quick-action-button'] {
      width: 44px;
      min-width: 44px;
      height: 44px;
      min-height: 44px;
      border: 1px solid rgba(42, 35, 29, 0.12);
    }
  }

  @media (max-width: 749px) {
    :root {
      --ot-page: calc(100vw - 32px);
    }

    .ot-rebuilt .header__inner {
      background: var(--ot-white);
    }

    .ot-rewards-hero,
    .ot-rewards-section__head,
    .ot-rewards-steps,
    .ot-rewards-cards,
    .ot-rewards-grid {
      grid-template-columns: 1fr;
    }

    .ot-rewards-hero {
      padding: 38px 24px;
    }

    .ot-rewards-hero h2 {
      font-size: clamp(28px, 8vw, 40px);
      overflow-wrap: normal;
    }

    .ot-rewards-section h2,
    .ot-rewards-cta h2 {
      font-size: clamp(26px, 7vw, 34px);
    }

    .ot-rewards-actions {
      align-items: stretch;
      flex-direction: column;
    }

    .ot-rewards-actions a {
      width: 100%;
    }

    .ot-rewards-membership,
    .ot-rewards-steps li,
    .ot-rewards-card {
      padding: 24px;
    }

    .ot-rewards-list {
      padding-inline: 20px;
    }

    .ot-rebuilt [id*='__customer_reviews'] .jdgm-cards-carousel {
      padding: 28px 18px;
    }

    .ot-rewards-list li,
    .ot-rewards-cta {
      align-items: flex-start;
      flex-direction: column;
    }

    .ot-rewards-list strong {
      flex: auto;
    }

    .ot-rewards-cta a {
      flex: auto;
      width: 100%;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }

    .ot-rebuilt *,
    .ot-rebuilt *::before,
    .ot-rebuilt *::after {
      scroll-behavior: auto !important;
      transition-duration: 0.01ms !important;
    }
  }
/* === Old Trend custom: always show collection product-card color swatches ===
   Keeps the "X colors available" line visible and places the swatches underneath.
   Scoped to product-grid-item cards only, so PDP/product-page swatches are unchanged.
*/
product-grid-item.product-grid-item .grid__swatch__container,
.product-grid-item .grid__swatch__container {
  min-height: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

product-grid-item.product-grid-item .product__grid__info.text-center .grid__swatch__container,
.product-grid-item .product__grid__info.text-center .grid__swatch__container {
  align-items: center;
}

product-grid-item.product-grid-item .product__grid__info.text-right .grid__swatch__container,
.product-grid-item .product__grid__info.text-right .grid__swatch__container {
  align-items: flex-end;
}

product-grid-item.product-grid-item .grid__swatch__container .grid__swatch__placeholder,
.product-grid-item .grid__swatch__container .grid__swatch__placeholder {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

product-grid-item.product-grid-item .product__grid__info .grid__swatch__hover,
.product-grid-item .product__grid__info .grid__swatch__hover {
  position: relative !important;
  top: auto !important;
  height: auto !important;
  display: flex;
  flex-flow: row wrap;
  max-width: 100%;
  padding: 6px 0 2px !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 3;
}

product-grid-item.product-grid-item .product__grid__sibs .sibs__slider,
.product-grid-item .product__grid__sibs .sibs__slider {
  max-width: 100%;
}

/* PDP-only variant image swatches
   Product-card swatches continue to use swatches.json / color swatch styling. */
.product__block__variants .swatch__button--variant-image {
  --swatch-size: 54px;
  --swatch-border-radius: 4px;
  --swatch-offset: -4px;
  --swatch-border-width: 2px;
}

.product__block__variants .swatch__button--variant-image label[data-swatch-use-variant-image] {
  width: var(--swatch-size);
  height: var(--swatch-size);
  border-radius: var(--swatch-border-radius);
  border: 1px solid var(--border, #d9d9d9);
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.product__block__variants .swatch__button--variant-image input:checked ~ label[data-swatch-use-variant-image]::after,
.product__block__variants .swatch__button--variant-image input:focus-visible ~ label[data-swatch-use-variant-image]::after {
  border-radius: calc(var(--swatch-border-radius) + 2px);
}


/* Old Trend Target Top 100 collection-card swatches
   Exact SKU/product colors from swatch_automation_report.xlsx — 2026-08-20. */
product-grid-item[data-item-id="8369200641"] .swatch__label[data-swatch="Aqua" i] {
  --swatch: #298575 !important;
}
product-grid-item[data-item-id="8369200641"] .swatch__label[data-swatch="Chestnut" i] {
  --swatch: #C55618 !important;
}
product-grid-item[data-item-id="8369200641"] .swatch__label[data-swatch="Cognac" i] {
  --swatch: #8A250B !important;
}
product-grid-item[data-item-id="8369200641"] .swatch__label[data-swatch="Orchid" i] {
  --swatch: #DB2E61 !important;
}
product-grid-item[data-item-id="8369200641"] .swatch__label[data-swatch="Sky Blue" i] {
  --swatch: #235E9F !important;
}
product-grid-item[data-item-id="8369200641"] .swatch__label[data-swatch="Vintage Green" i] {
  --swatch: #2B4944 !important;
}
product-grid-item[data-item-id="7333961793"] .swatch__label[data-swatch="Black" i] {
  --swatch: #181918 !important;
}
product-grid-item[data-item-id="7333961793"] .swatch__label[data-swatch="Brown" i] {
  --swatch: #462829 !important;
}
product-grid-item[data-item-id="7333961793"] .swatch__label[data-swatch="Green" i] {
  --swatch: #374936 !important;
}
product-grid-item[data-item-id="7333961793"] .swatch__label[data-swatch="Navy" i] {
  --swatch: #262939 !important;
}
product-grid-item[data-item-id="7333961793"] .swatch__label[data-swatch="Red" i] {
  --swatch: #C42E36 !important;
}
product-grid-item[data-item-id="2025898115165"] .swatch__label[data-swatch="Brown" i] {
  --swatch: #5C2D27 !important;
}
product-grid-item[data-item-id="2025898115165"] .swatch__label[data-swatch="Camel" i] {
  --swatch: #BA6328 !important;
}
product-grid-item[data-item-id="2025898115165"] .swatch__label[data-swatch="Green" i] {
  --swatch: #2E3B24 !important;
}
product-grid-item[data-item-id="2025898115165"] .swatch__label[data-swatch="Grey" i] {
  --swatch: #36353A !important;
}
product-grid-item[data-item-id="2025898115165"] .swatch__label[data-swatch="Red" i] {
  --swatch: #B72535 !important;
}
product-grid-item[data-item-id="5588404404386"] .swatch__label[data-swatch="Black" i] {
  --swatch: #302F32 !important;
}
product-grid-item[data-item-id="5588404404386"] .swatch__label[data-swatch="Cognac" i] {
  --swatch: #A94D2E !important;
}
product-grid-item[data-item-id="2025921675357"] .swatch__label[data-swatch="Black" i] {
  --swatch: #353535 !important;
}
product-grid-item[data-item-id="2025921675357"] .swatch__label[data-swatch="Brown" i] {
  --swatch: #513334 !important;
}
product-grid-item[data-item-id="2025921675357"] .swatch__label[data-swatch="Chestnut" i] {
  --swatch: #C65C23 !important;
}
product-grid-item[data-item-id="2025921675357"] .swatch__label[data-swatch="Turquoise" i] {
  --swatch: #366877 !important;
}
product-grid-item[data-item-id="8499610714274"] .swatch__label[data-swatch="Caramel" i] {
  --swatch: #A75636 !important;
}
product-grid-item[data-item-id="8499610714274"] .swatch__label[data-swatch="Kale" i] {
  --swatch: #464A48 !important;
}
product-grid-item[data-item-id="8499610714274"] .swatch__label[data-swatch="Maroon" i] {
  --swatch: #581C22 !important;
}
product-grid-item[data-item-id="8499610714274"] .swatch__label[data-swatch="Navy" i] {
  --swatch: #292D32 !important;
}
product-grid-item[data-item-id="8265931194530"] .swatch__label[data-swatch="Aqua" i] {
  --swatch: #298775 !important;
}
product-grid-item[data-item-id="8265931194530"] .swatch__label[data-swatch="Brown" i] {
  --swatch: #954728 !important;
}
product-grid-item[data-item-id="8265931194530"] .swatch__label[data-swatch="Burgundy" i] {
  --swatch: #672925 !important;
}
product-grid-item[data-item-id="8265931194530"] .swatch__label[data-swatch="Caramel" i] {
  --swatch: #D85719 !important;
}
product-grid-item[data-item-id="8265931194530"] .swatch__label[data-swatch="Kale" i] {
  --swatch: #263827 !important;
}
product-grid-item[data-item-id="8265931194530"] .swatch__label[data-swatch="Navy" i] {
  --swatch: #363946 !important;
}
product-grid-item[data-item-id="8918470361250"] .swatch__label[data-swatch="Pink" i] {
  --swatch: #C9334A !important;
}
product-grid-item[data-item-id="8265931194530"] .swatch__label[data-swatch="Pink" i] {
  --swatch: #C9334A !important;
}
product-grid-item[data-item-id="8265931194530"] .swatch__label[data-swatch="Slate" i] {
  --swatch: #363537 !important;
}
/* END_SNIPPET:oldtrend-design-system */