/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Lato", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --font-display: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    --text-2xs: 0.6875rem;
    --color-navy-900: #14283F;
    --color-navy-800: #1E3A5F;
    --color-navy-700: #2A5183;
    --color-navy-600: #3A6AA8;
    --color-navy-100: #E6ECF3;
    --color-silver-500: #8C949D;
    --color-silver-400: #B0B7BE;
    --color-silver-200: #DCE0E4;
    --color-graphite-600: #4A4A4A;
    --color-ink-900: #1B1F24;
    --color-surface-0: #FFFFFF;
    --color-surface-50: #F6F8FA;
    --color-surface-100: #EDF1F5;
    --color-gold-600: #A8862A;
    --color-gold-500: #D4AF37;
    --color-gold-100: #F7EFD6;
    --color-whatsapp-500: #25D366;
    --color-whatsapp-600: #1DA851;
    --color-success-700: #1E6B45;
    --color-danger-700: #A32820;
    --radius-card: 0.5rem;
    --radius-pill: 999px;
    --shadow-hairline: 0 0 0 1px var(--color-silver-200);
    --shadow-hairline-strong: 0 0 0 1px var(--color-silver-400);
    --shadow-lifted: 0 18px 40px -24px rgb(30 58 95 / 0.45), 0 0 0 1px var(--color-silver-200);
    --shadow-bar: 0 1px 0 var(--color-silver-200);
    --container-site: 82.5rem;
    --header-sticky-height: 5.5rem;
  }
}
@layer base {
  ::-ms-backdrop {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  ::-webkit-file-upload-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  *,
  ::after,
  ::before,
  ::backdrop,
  ::file-selector-button {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html,
  :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
      -o-tab-size: 4;
         tab-size: 4;
    font-family: var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    -webkit-font-feature-settings: var(--default-font-feature-settings, normal);
            font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    -webkit-font-feature-settings: var(--default-mono-font-feature-settings, normal);
            font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    display: block;
    vertical-align: middle;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  ::-webkit-file-upload-button {
    font: inherit;
    -webkit-font-feature-settings: inherit;
            font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  button,
  input,
  select,
  optgroup,
  textarea,
  ::file-selector-button {
    font: inherit;
    -webkit-font-feature-settings: inherit;
            font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    -webkit-padding-start: 20px;
            padding-inline-start: 20px;
  }
  ::-webkit-file-upload-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  ::file-selector-button {
    -webkit-margin-end: 4px;
            margin-inline-end: 4px;
  }
  ::-webkit-input-placeholder {
    opacity: 1;
  }
  ::-moz-placeholder {
    opacity: 1;
  }
  :-ms-input-placeholder {
    opacity: 1;
  }
  ::-ms-input-placeholder {
    opacity: 1;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or
    (contain-intrinsic-size: 1px) {
    ::-webkit-input-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::-moz-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    :-ms-input-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::-ms-input-placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: -webkit-inline-box;
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit,
  ::-webkit-datetime-edit-year-field,
  ::-webkit-datetime-edit-month-field,
  ::-webkit-datetime-edit-day-field,
  ::-webkit-datetime-edit-hour-field,
  ::-webkit-datetime-edit-minute-field,
  ::-webkit-datetime-edit-second-field,
  ::-webkit-datetime-edit-millisecond-field,
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
            appearance: button;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]),
  ::file-selector-button {
    -webkit-appearance: button;
       -moz-appearance: button;
            appearance: button;
  }
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .container-site {
    width: 100%;
    max-width: var(--container-site);
    margin-inline: auto;
    padding-inline: 1rem;
    @media (width >= 48rem) {
      padding-inline: 2rem;
    }
  }
  .btn-primary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.5rem;
    border-radius: var(--radius-card);
    background-color: var(--color-navy-800);
    padding-inline: 1.5rem;
    padding-block: 0.8125rem;
    font-family: var(--font-display);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
    color: #ffffff;
    -webkit-transition: background-color 160ms ease;
    transition: background-color 160ms ease;
    &:hover {
      background-color: var(--color-navy-700);
      color: #ffffff;
    }
    &:disabled {
      background-color: var(--color-silver-400);
      cursor: not-allowed;
    }
  }
  .btn-outline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.5rem;
    border-radius: var(--radius-card);
    background-color: transparent;
    -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-400);
            box-shadow: inset 0 0 0 1px var(--color-silver-400);
    padding-inline: 1.5rem;
    padding-block: 0.8125rem;
    font-family: var(--font-display);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-navy-800);
    -webkit-transition: background-color 160ms ease, -webkit-box-shadow 160ms ease;
    transition: background-color 160ms ease, -webkit-box-shadow 160ms ease;
    transition: box-shadow 160ms ease, background-color 160ms ease;
    transition: box-shadow 160ms ease, background-color 160ms ease, -webkit-box-shadow 160ms ease;
    &:hover {
      background-color: var(--color-navy-100);
      -webkit-box-shadow: inset 0 0 0 1px var(--color-navy-800);
              box-shadow: inset 0 0 0 1px var(--color-navy-800);
    }
  }
  .btn-light {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.5rem;
    border-radius: var(--radius-card);
    background-color: #ffffff;
    padding-inline: 1.5rem;
    padding-block: 0.8125rem;
    font-family: var(--font-display);
    font-size: 0.9375rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--color-navy-800);
    -webkit-transition: background-color 160ms ease;
    transition: background-color 160ms ease;
    &:hover {
      background-color: var(--color-navy-100);
      color: var(--color-navy-800);
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .transform {
    -webkit-transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
            transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .surface {
    border-radius: var(--radius-card);
    background-color: var(--color-surface-0);
    -webkit-box-shadow: var(--shadow-hairline);
            box-shadow: var(--shadow-hairline);
  }
  .section-tint {
    background-color: var(--color-surface-50);
  }
  .section {
    padding-block: 3rem;
    @media (width >= 48rem) {
      padding-block: 4.5rem;
    }
  }
  .section-flush-top {
    -webkit-padding-before: 0;
            padding-block-start: 0;
  }
  .filter {
    -webkit-filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
            filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-variable.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: url("../fonts/Lato-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@layer base {
  html {
    scrollbar-gutter: stable;
    scroll-padding-top: var(--header-sticky-height);
  }
  body {
    background-color: var(--color-surface-0);
    color: var(--color-graphite-600);
    font-family: var(--font-sans);
    font-size: 1rem;
    line-height: 1.6;
    -webkit-text-size-adjust: 100%;
  }
  :where(h1, h2, h3, h4, h5) {
    color: var(--color-navy-800);
    font-family: var(--font-display);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -0.01em;
    text-wrap: balance;
  }
  h1 {
    font-size: 1.875rem;
    @media (width >= 48rem) {
      font-size: 2.375rem;
    }
  }
  h2 {
    font-size: 1.5rem;
    @media (width >= 48rem) {
      font-size: 1.875rem;
    }
  }
  h3 {
    font-size: 1.25rem;
  }
  h4 {
    font-size: 1.0625rem;
  }
  p {
    text-wrap: pretty;
  }
  :where(a) {
    color: inherit;
    text-decoration: none;
  }
  :where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
    outline: 2px solid var(--color-navy-700);
    outline-offset: 2px;
    border-radius: 2px;
  }
  ::-moz-selection {
    background-color: var(--color-navy-800);
    color: #ffffff;
  }
  ::selection {
    background-color: var(--color-navy-800);
    color: #ffffff;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  @media (prefers-reduced-motion: reduce) {
    *,
        *::before,
        *::after {
      -webkit-animation-duration: 0.01ms !important;
              animation-duration: 0.01ms !important;
      -webkit-animation-iteration-count: 1 !important;
              animation-iteration-count: 1 !important;
      -webkit-transition-duration: 0.01ms !important;
              transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}
.skip-link {
  position: absolute;
  left: -9999px;
  z-index: 100;
  &:focus {
    left: 1rem;
    top: 1rem;
    background-color: var(--color-surface-0);
    -webkit-box-shadow: var(--shadow-lifted);
            box-shadow: var(--shadow-lifted);
    border-radius: var(--radius-pill);
    padding: 0.625rem 1.125rem;
    font-family: var(--font-display);
    font-weight: 600;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.btn-light__arrow {
  display: inline-block;
  -webkit-transition: -webkit-transform 160ms ease;
  transition: -webkit-transform 160ms ease;
  transition: transform 160ms ease;
  transition: transform 160ms ease, -webkit-transform 160ms ease;
}
.btn-light:hover .btn-light__arrow {
  -webkit-transform: translateX(0.1875rem);
          transform: translateX(0.1875rem);
}
.price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.125rem;
}
.price__from {
  font-size: 0.8125rem;
  color: var(--color-silver-500);
  text-decoration: line-through;
}
.price__now {
  white-space: nowrap;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--color-navy-800);
}
.price__installment {
  font-size: 0.875rem;
  color: var(--color-graphite-600);
}
.price__pix {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.25rem;
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-gold-600);
}
.badge-sale {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-pill);
  background-color: var(--color-gold-100);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-gold-500);
          box-shadow: inset 0 0 0 1px var(--color-gold-500);
  padding-inline: 0.625rem;
  padding-block: 0.25rem;
  font-family: var(--font-display);
  font-size: var(--text-2xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--color-gold-600);
}
.badge-stock {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--color-success-700);
  &::before {
    content: "";
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 999px;
    background-color: currentColor;
  }
}
.section-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.75rem 1.5rem;
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
}
.section-head__title {
  font-size: 1.5rem;
  @media (width >= 48rem) {
    font-size: 1.875rem;
  }
}
.section-head__link {
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-navy-600);
  border-bottom: 1px solid currentColor;
  &:hover {
    color: var(--color-navy-800);
  }
}
.entry {
  padding-block: 2.5rem 4rem;
}
.entry__title {
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
}
.entry__media {
  -webkit-margin-after: 2rem;
          margin-block-end: 2rem;
  border-radius: var(--radius-card);
  overflow: hidden;
}
.entry__content {
  max-width: 44rem;
  font-size: 1.0625rem;
  line-height: 1.7;
  :is(h2, h3, h4) {
    margin-block: 2.25rem 0.75rem;
  }
  p {
    margin-block: 1rem;
  }
  :is(ul, ol) {
    margin-block: 1rem;
    -webkit-padding-start: 1.375rem;
            padding-inline-start: 1.375rem;
    list-style: revert;
  }
  li {
    margin-block: 0.375rem;
  }
  a {
    color: var(--color-navy-600);
    text-decoration: underline;
    text-underline-offset: 2px;
    &:hover {
      color: var(--color-navy-800);
    }
  }
  strong {
    color: var(--color-ink-900);
    font-weight: 700;
  }
  blockquote {
    margin-block: 1.5rem;
    -webkit-border-start: 3px solid var(--color-silver-400);
            border-inline-start: 3px solid var(--color-silver-400);
    -webkit-padding-start: 1.25rem;
            padding-inline-start: 1.25rem;
    color: var(--color-silver-500);
  }
  img {
    border-radius: var(--radius-card);
  }
  table {
    width: 100%;
    border-collapse: collapse;
    margin-block: 1.5rem;
    :is(th, td) {
      border-bottom: 1px solid var(--color-silver-200);
      padding: 0.75rem 0.5rem;
      text-align: left;
    }
    th {
      font-family: var(--font-display);
      color: var(--color-navy-800);
    }
  }
}
.post-archive {
  padding-block: 2.5rem 4rem;
}
.post-archive__title {
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
}
.post-archive__list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.75rem;
  @media (width >= 40rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media (width >= 64rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.entry-card__media img {
  border-radius: var(--radius-card);
  aspect-ratio: 4 / 3;
  -o-object-fit: cover;
     object-fit: cover;
}
.entry-card__title {
  margin-block: 0.875rem 0.25rem;
  font-size: 1.0625rem;
}
.entry-card__excerpt {
  font-size: 0.9375rem;
  color: var(--color-silver-500);
}
.post-archive__empty {
  color: var(--color-silver-500);
}
.error-404 {
  padding-block: 4rem 6rem;
  max-width: 36rem;
}
.error-404__text {
  margin-block: 1rem 2rem;
  font-size: 1.0625rem;
}
.site-header {
  display: contents;
}
.masthead-bar {
  position: sticky;
  top: 0;
  z-index: 41;
  background-color: var(--color-surface-0);
  -webkit-transition: -webkit-box-shadow 160ms ease;
  transition: -webkit-box-shadow 160ms ease;
  transition: box-shadow 160ms ease;
  transition: box-shadow 160ms ease, -webkit-box-shadow 160ms ease;
  @media (width >= 64rem) {
    -webkit-box-shadow: var(--shadow-bar);
            box-shadow: var(--shadow-bar);
  }
}
.site-header.is-compact .masthead-bar {
  -webkit-box-shadow: 0 6px 16px -10px rgb(30 58 95 / 0.4), var(--shadow-bar);
          box-shadow: 0 6px 16px -10px rgb(30 58 95 / 0.4), var(--shadow-bar);
  @media (width >= 64rem) {
    -webkit-box-shadow: var(--shadow-bar);
            box-shadow: var(--shadow-bar);
  }
}
.topbar {
  background-color: var(--color-navy-900);
  color: #ffffff;
}
.topbar__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  min-height: 2.25rem;
  font-size: 0.8125rem;
  @media (width >= 64rem) {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.topbar__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4375rem;
  color: rgb(255 255 255 / 0.88);
  &:not(:first-child) {
    display: none;
  }
  @media (width >= 64rem) {
    &:not(:first-child) {
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
    }
  }
}
.topbar__item strong {
  color: #ffffff;
  font-weight: 700;
}
.topbar__item.topbar__social {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.5rem;
  &:hover {
    color: #ffffff;
  }
}
.topbar__social-label {
  display: none;
  @media (width >= 64rem) {
    display: inline;
  }
}
.masthead {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  padding-block: 0.875rem;
  @media (width >= 64rem) {
    grid-template-columns: auto 1fr auto;
    gap: 2.5rem;
    padding-block: 1.125rem;
  }
}
.masthead__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: 0;
}
.masthead__brand img {
  display: block;
  width: auto;
  height: 2.25rem;
  @media (width >= 64rem) {
    height: 2.75rem;
  }
}
.search-shop {
  display: none;
  @media (width >= 64rem) {
    display: block;
  }
}
.search-shop__field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-pill);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
  padding-inline: 1.125rem 0.375rem;
  -webkit-transition: -webkit-box-shadow 160ms ease;
  transition: -webkit-box-shadow 160ms ease;
  transition: box-shadow 160ms ease;
  transition: box-shadow 160ms ease, -webkit-box-shadow 160ms ease;
  &:focus-within {
    -webkit-box-shadow: inset 0 0 0 1px var(--color-navy-800);
            box-shadow: inset 0 0 0 1px var(--color-navy-800);
  }
}
.search-shop__input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  border: 0;
  background: transparent;
  padding-block: 0.75rem;
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  color: var(--color-ink-900);
  &::-webkit-input-placeholder {
    color: var(--color-silver-500);
  }
  &::-moz-placeholder {
    color: var(--color-silver-500);
  }
  &:-ms-input-placeholder {
    color: var(--color-silver-500);
  }
  &::-ms-input-placeholder {
    color: var(--color-silver-500);
  }
  &::placeholder {
    color: var(--color-silver-500);
  }
  &:focus {
    outline: none;
  }
}
.search-shop__submit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: var(--radius-pill);
  background-color: var(--color-navy-800);
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: background-color 160ms ease;
  transition: background-color 160ms ease;
  &:hover {
    background-color: var(--color-navy-700);
  }
}
.search-shop--mobile {
  display: block;
  -webkit-padding-after: 0.875rem;
          padding-block-end: 0.875rem;
  @media (width >= 64rem) {
    display: none;
  }
}
.site-header.is-search-open .search-shop--mobile {
  position: sticky;
  top: calc(var(--masthead-bar-height, 4.25rem) + 0.875rem);
  z-index: 39;
}
.site-header.is-search-open .search-shop--mobile::before {
  content: '';
  position: absolute;
  inset: -0.875rem 0 0;
  z-index: -1;
  background-color: var(--color-surface-0);
  -webkit-box-shadow: 0 6px 16px -10px rgb(30 58 95 / 0.4), var(--shadow-bar);
          box-shadow: 0 6px 16px -10px rgb(30 58 95 / 0.4), var(--shadow-bar);
}
.site-header.is-search-open.is-compact .masthead-bar {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.masthead__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  @media (width >= 64rem) {
    gap: 1.25rem;
  }
}
.header-action {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: var(--radius-card);
  padding: 0.5rem;
  color: var(--color-navy-800);
  &:hover {
    background-color: var(--color-surface-50);
    color: var(--color-navy-800);
  }
}
.header-action--search {
  display: none;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.site-header.is-search-open .header-action--search {
  background-color: var(--color-surface-50);
}
.site-header.is-compact .header-action--search {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  @media (width >= 64rem) {
    display: none;
  }
}
.header-action__label {
  display: none;
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.2;
  @media (width >= 64rem) {
    display: block;
  }
}
.header-action__label span {
  display: block;
  font-weight: 400;
  color: var(--color-silver-500);
}
.cart-action {
  position: relative;
}
.cart-action__count {
  position: absolute;
  top: 0.125rem;
  right: 0.125rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 1.125rem;
  height: 1.125rem;
  border-radius: var(--radius-pill);
  background-color: var(--color-gold-500);
  padding-inline: 0.25rem;
  font-family: var(--font-display);
  font-size: var(--text-2xs);
  font-weight: 700;
  color: var(--color-navy-900);
  @media (width >= 64rem) {
    position: static;
  }
}
.catnav {
  border-top: 1px solid var(--color-silver-200);
  -webkit-box-shadow: var(--shadow-bar);
          box-shadow: var(--shadow-bar);
}
.catnav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
  &::-webkit-scrollbar {
    display: none;
  }
  a {
    display: block;
    padding-block: 0.8125rem;
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 500;
    white-space: nowrap;
    color: var(--color-graphite-600);
    border-bottom: 2px solid transparent;
    -webkit-transition: color 160ms ease, border-color 160ms ease;
    transition: color 160ms ease, border-color 160ms ease;
    &:hover {
      color: var(--color-navy-800);
      border-bottom-color: var(--color-navy-800);
    }
  }
  .current-menu-item > a {
    color: var(--color-navy-800);
    border-bottom-color: var(--color-navy-800);
  }
}
.nav-drawer {
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
  @media (width >= 64rem) {
    width: 0;
    -webkit-margin-end: 0;
            margin-inline-end: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: width 200ms ease,
            margin 200ms ease,
            opacity 140ms ease,
            visibility 0s linear 200ms;
    transition: width 200ms ease,
            margin 200ms ease,
            opacity 140ms ease,
            visibility 0s linear 200ms;
  }
}
.nav-drawer__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: var(--radius-card);
  color: var(--color-navy-800);
  cursor: pointer;
  list-style: none;
  &::-webkit-details-marker {
    display: none;
  }
  &:hover {
    background-color: var(--color-surface-50);
  }
  @media (width >= 64rem) {
    -webkit-transform: translateX(-0.5rem);
            transform: translateX(-0.5rem);
    -webkit-transition: -webkit-transform 200ms ease;
    transition: -webkit-transform 200ms ease;
    transition: transform 200ms ease;
    transition: transform 200ms ease, -webkit-transform 200ms ease;
  }
}
@media (width >= 64rem) {
  .site-header.is-compact .nav-drawer {
    width: 2.5rem;
    -webkit-margin-end: 1rem;
            margin-inline-end: 1rem;
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: 0s, 0s, 60ms, 0s;
            transition-delay: 0s, 0s, 60ms, 0s;
  }
  .site-header.is-compact .nav-drawer__toggle {
    -webkit-transform: none;
            transform: none;
  }
}
.search-shop__field {
  position: relative;
}
.search-suggest {
  position: absolute;
  inset-inline: 0;
  top: calc(100% + 0.5rem);
  z-index: 45;
  max-height: min(70vh, 28rem);
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-lifted);
          box-shadow: var(--shadow-lifted);
  &[hidden] {
    display: none;
  }
}
.search-suggest.is-loading::before {
  content: '';
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  height: 2px;
  background-image: linear-gradient(90deg, transparent, var(--color-navy-600), transparent);
  background-size: 40% 100%;
  background-repeat: no-repeat;
  -webkit-animation: search-suggest-sweep 900ms linear infinite;
          animation: search-suggest-sweep 900ms linear infinite;
}
@-webkit-keyframes search-suggest-sweep {
  from {
    background-position: -40% 0;
  }
  to {
    background-position: 140% 0;
  }
}
@keyframes search-suggest-sweep {
  from {
    background-position: -40% 0;
  }
  to {
    background-position: 140% 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .search-suggest.is-loading::before {
    -webkit-animation: none;
            animation: none;
    background-image: linear-gradient(90deg, var(--color-navy-600), var(--color-navy-600));
    background-size: 100% 100%;
    opacity: 0.4;
  }
}
.search-suggest__list {
  margin: 0;
  padding: 0.375rem;
  list-style: none;
}
.search-suggest__link {
  display: grid;
  grid-template-columns: 3rem 1fr auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
  border-radius: var(--radius-card);
  padding: 0.5rem;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  &.is-active {
    background-color: var(--color-surface-50);
  }
  &:focus-visible {
    outline: 2px solid var(--color-navy-800);
    outline-offset: -2px;
  }
}
.search-suggest__thumb {
  display: block;
  overflow: hidden;
  border-radius: calc(var(--radius-card) - 0.125rem);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  aspect-ratio: 1;
  & img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.search-suggest__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.125rem;
  min-width: 0;
}
.search-suggest__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-family: var(--font-sans);
  font-size: 0.875rem;
  line-height: 1.35;
  color: var(--color-ink-900);
}
.search-suggest__hit {
  background: none;
  font-weight: 700;
  color: var(--color-navy-800);
}
.search-suggest__meta {
  font-size: var(--text-2xs);
  letter-spacing: 0.02em;
  color: var(--color-silver-500);
}
.search-suggest__price {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: end;
  & .price__from {
    font-size: var(--text-2xs);
  }
  & .price__now {
    font-size: 1rem;
  }
}
.search-suggest__link--all {
  grid-template-columns: auto 1fr;
  -webkit-margin-before: 0.375rem;
          margin-block-start: 0.375rem;
  border-radius: 0;
  -webkit-border-before: 1px solid var(--color-silver-200);
          border-block-start: 1px solid var(--color-silver-200);
  padding-block: 0.75rem;
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-navy-800);
  & strong {
    font-weight: 700;
  }
}
.search-suggest__empty {
  display: block;
  margin: 0;
  padding: 1rem 1.125rem;
  font-size: 0.875rem;
  color: var(--color-graphite-600);
  & strong {
    color: var(--color-ink-900);
  }
  & span {
    display: block;
    -webkit-margin-before: 0.25rem;
            margin-block-start: 0.25rem;
    font-size: var(--text-2xs);
    line-height: 1.5;
    color: var(--color-silver-500);
  }
}
@media (width < 30rem) {
  .search-suggest__link {
    grid-template-columns: 2.75rem 1fr;
    row-gap: 0.25rem;
  }
  .search-suggest__price {
    grid-column: 2;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: start;
  }
  .search-suggest__link--all {
    grid-template-columns: auto 1fr;
  }
}
.hero {
  --wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0 80V46c120-26 240-38 360-24 120 15 240 56 360 56s240-41 360-56c120-14 240-2 360 24v34z'/%3E%3C/svg%3E");
  --wave-navy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80' preserveAspectRatio='none'%3E%3Cpath fill='%2314283F' d='M0 0V46c120-26 240-38 360-24 120 15 240 56 360 56s240-41 360-56c120-14 240-2 360 24V0z'/%3E%3C/svg%3E");
  position: relative;
  background-color: var(--color-surface-0);
}
.hero__stage {
  position: relative;
  overflow: hidden;
  background-color: var(--color-navy-900);
}
.hero__track {
  display: grid;
}
.hero-slide {
  grid-area: 1 / 1;
  position: relative;
  display: grid;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 600ms ease, visibility 0s linear 600ms;
  transition: opacity 600ms ease, visibility 0s linear 600ms;
  grid-template-rows: 1fr auto;
}
.hero-slide.is-active {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 600ms ease, visibility 0s;
  transition: opacity 600ms ease, visibility 0s;
}
@media (width >= 48rem) {
  .hero-slide {
    display: block;
    position: relative;
  }
  .hero__media {
    position: absolute;
    inset: 0;
    z-index: 0;
  }
  .hero__media img {
    aspect-ratio: auto;
    height: 100%;
    -o-object-position: 70% var(--hero-focus, 50%);
       object-position: 70% var(--hero-focus, 50%);
  }
  .hero-slide.is-active .hero__media img {
    -webkit-animation: hero-drift 9s ease-out both;
            animation: hero-drift 9s ease-out both;
  }
  .hero__veil {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(
            100deg,
            rgb(20 40 63 / 0.94) 0%,
            rgb(20 40 63 / 0.88) 40%,
            rgb(20 40 63 / 0.42) 58%,
            rgb(20 40 63 / 0.12) 76%,
            rgb(20 40 63 / 0.03) 100%
        );
  }
}
@-webkit-keyframes hero-drift {
  from {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes hero-drift {
  from {
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.hero__veil {
  display: none;
  @media (width >= 48rem) {
    display: block;
  }
}
.hero-slide__panel {
  grid-row: 1;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--color-navy-900);
  padding-block: 2.25rem 3.25rem;
  @media (width >= 48rem) {
    padding-block: 2.5rem 3.5rem;
  }
  @media (width >= 48rem) {
    position: relative;
    z-index: 1;
    background-color: transparent;
    min-height: 26rem;
    padding-block: 4rem 7.5rem;
  }
  @media (width >= 64rem) {
    min-height: 40rem;
    padding-block: 6rem 9rem;
  }
  &::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 100%;
    -webkit-margin-before: -1px;
            margin-block-start: -1px;
    height: 1.75rem;
    background: var(--wave-navy) top center / 100% 100% no-repeat;
    @media (width >= 48rem) {
      content: none;
    }
  }
}
.hero-slide__inner {
  width: 100%;
}
.hero__content {
  color: #ffffff;
  @media (width >= 48rem) {
    max-width: 34rem;
  }
}
.hero__eyebrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-pill);
  background-color: rgb(255 255 255 / 0.12);
  -webkit-box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.3);
          box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.3);
  padding-inline: 0.75rem;
  padding-block: 0.25rem;
  -webkit-margin-after: 0.875rem;
          margin-block-end: 0.875rem;
  font-family: var(--font-display);
  font-size: var(--text-2xs);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #ffffff;
}
.hero__title {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -0.02em;
  @media (width >= 48rem) {
    font-size: 2.25rem;
  }
  @media (width >= 64rem) {
    font-size: 2.75rem;
  }
}
.hero__text {
  -webkit-margin-before: 0.625rem;
          margin-block-start: 0.625rem;
  max-width: 30rem;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: rgb(255 255 255 / 0.78);
  @media (width >= 48rem) {
    -webkit-margin-before: 0.875rem;
            margin-block-start: 0.875rem;
    font-size: 1.0625rem;
  }
}
.hero-offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.125rem 0.5rem;
  -webkit-margin-before: 0.875rem;
          margin-block-start: 0.875rem;
  @media (width >= 48rem) {
    -webkit-margin-before: 1.25rem;
            margin-block-start: 1.25rem;
  }
}
.hero-offer__from {
  font-size: 0.875rem;
  color: rgb(255 255 255 / 0.5);
  text-decoration: line-through;
}
.hero-offer__now {
  white-space: nowrap;
  font-family: var(--font-display);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--color-gold-500);
  @media (width >= 64rem) {
    font-size: 2rem;
  }
}
.hero-offer__installment {
  font-size: 0.875rem;
  color: rgb(255 255 255 / 0.78);
}
.hero__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem 1.25rem;
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
  @media (width >= 48rem) {
    -webkit-margin-before: 1.75rem;
            margin-block-start: 1.75rem;
  }
}
.hero__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 600;
  color: rgb(255 255 255 / 0.85);
  border-bottom: 1px solid rgb(255 255 255 / 0.4);
  &:hover {
    color: #ffffff;
    border-bottom-color: #ffffff;
  }
}
.hero__media {
  grid-row: 2;
  background-color: var(--color-navy-900);
  img {
    display: block;
    width: 100%;
    height: 100%;
    aspect-ratio: 3 / 2;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.hero__controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 1.75rem;
  padding-block: 1rem 0.25rem;
  @media (width >= 48rem) {
    position: absolute;
    inset-inline: 0;
    bottom: 4.25rem;
    z-index: 2;
    padding-block: 0;
    pointer-events: none;
  }
  @media (width >= 64rem) {
    bottom: 5.5rem;
  }
}
.hero__arrows {
  display: none;
  gap: 0.5rem;
  pointer-events: auto;
  @media (width >= 48rem) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.hero__arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-pill);
  background-color: rgb(255 255 255 / 0.1);
  -webkit-box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
          box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.35);
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: background-color 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, box-shadow 160ms ease;
  transition: background-color 160ms ease, box-shadow 160ms ease, -webkit-box-shadow 160ms ease;
  &:hover {
    background-color: #ffffff;
    -webkit-box-shadow: inset 0 0 0 1px #ffffff;
            box-shadow: inset 0 0 0 1px #ffffff;
    color: var(--color-navy-800);
  }
}
.hero__dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  pointer-events: auto;
}
.hero__dot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-block: 0.5rem;
  cursor: pointer;
}
.hero__dot-track {
  display: block;
  width: 1.5rem;
  height: 3px;
  border-radius: var(--radius-pill);
  background-color: var(--color-silver-200);
  overflow: hidden;
  -webkit-transition: width 300ms ease, background-color 300ms ease;
  transition: width 300ms ease, background-color 300ms ease;
  @media (width >= 48rem) {
    background-color: rgb(255 255 255 / 0.35);
  }
}
.hero__dot:hover .hero__dot-track {
  background-color: var(--color-silver-400);
  @media (width >= 48rem) {
    background-color: rgb(255 255 255 / 0.6);
  }
}
.hero__dot.is-active .hero__dot-track {
  width: 3rem;
}
.hero__dot-fill {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background-color: var(--color-navy-800);
  @media (width >= 48rem) {
    background-color: #ffffff;
  }
}
.hero__dot.is-active .hero__dot-fill {
  width: 100%;
  -webkit-transition: width linear var(--hero-interval, 6500ms);
  transition: width linear var(--hero-interval, 6500ms);
}
.hero.is-paused .hero__dot.is-active .hero__dot-fill {
  width: var(--hero-progress, 0%);
  -webkit-transition: none;
  transition: none;
}
.hero__wave {
  display: none;
  @media (width >= 48rem) {
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 3.5rem;
    background: var(--wave) bottom center / 100% 100% no-repeat;
    pointer-events: none;
  }
  @media (width >= 64rem) {
    height: 5rem;
  }
}
@media (width >= 64rem) and (height < 52rem) {
  .hero-slide__panel {
    min-height: 30rem;
    padding-block: 2rem 6.5rem;
  }
  .hero__eyebrow {
    -webkit-margin-after: 0.75rem;
            margin-block-end: 0.75rem;
  }
  .hero__title {
    font-size: 2.375rem;
  }
  .hero-offer {
    -webkit-margin-before: 0.75rem;
            margin-block-start: 0.75rem;
  }
  .hero__actions {
    -webkit-margin-before: 1rem;
            margin-block-start: 1rem;
  }
  .hero__controls {
    bottom: 3.25rem;
  }
  .hero__wave {
    height: 3rem;
  }
}
.category-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  @media (width >= 48rem) {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
    gap: 1.25rem;
  }
}
.category-card {
  position: relative;
  display: block;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 200ms ease;
  transition: -webkit-box-shadow 200ms ease;
  transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
  &:hover {
    -webkit-box-shadow: var(--shadow-lifted);
            box-shadow: var(--shadow-lifted);
  }
  &:hover .category-card__media img {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
}
.category-card__media {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transition: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease;
  }
}
.category-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
  padding: 0.875rem 1rem 1rem;
}
.category-card__name {
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-navy-800);
}
.category-card__count {
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
.category-card__from {
  font-size: 0.8125rem;
  color: var(--color-silver-500);
  white-space: nowrap;
  strong {
    display: block;
    font-family: var(--font-display);
    font-size: 0.9375rem;
    font-weight: 700;
    color: var(--color-navy-800);
  }
}
.category-card__body:has(.category-card__from) {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.assurance {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.5rem 1rem;
  @media (width >= 64rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 2rem;
  }
}
.assurance__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
}
.assurance__icon {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: var(--color-navy-800);
}
.assurance__title {
  display: block;
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-navy-800);
}
.assurance__text {
  display: block;
  -webkit-margin-before: 0.125rem;
          margin-block-start: 0.125rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-graphite-600);
}
.pitch {
  display: grid;
  gap: 2rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  @media (width >= 64rem) {
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}
.pitch__media {
  border-radius: var(--radius-card);
  overflow: hidden;
  img {
    width: 100%;
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.pitch__title {
  font-size: 1.75rem;
  @media (width >= 64rem) {
    font-size: 2.25rem;
  }
}
.pitch__text {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
  max-width: 34rem;
  font-size: 1.0625rem;
}
.pitch__values {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  -webkit-margin-before: 1.75rem;
          margin-block-start: 1.75rem;
  padding: 0;
  list-style: none;
}
.promo {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: var(--radius-card);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  background-color: var(--color-surface-0);
}
.promo__media {
  display: block;
  & img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  aspect-ratio: 3 / 2;
  @media (width >= 48rem) {
    position: absolute;
    inset: 0;
    aspect-ratio: auto;
    & img {
      -o-object-position: 50% 62%;
         object-position: 50% 62%;
    }
  }
}
.promo__veil {
  display: none;
  @media (width >= 48rem) {
    display: block;
    position: absolute;
    inset: 0;
    background-image: -webkit-gradient(
            linear,
            left top, right top,
            from(rgb(255 255 255 / 0.94)),
            color-stop(34%, rgb(255 255 255 / 0.9)),
            color-stop(58%, rgb(255 255 255 / 0.4)),
            color-stop(76%, rgb(255 255 255 / 0))
        );
    background-image: linear-gradient(
            to right,
            rgb(255 255 255 / 0.94) 0%,
            rgb(255 255 255 / 0.9) 34%,
            rgb(255 255 255 / 0.4) 58%,
            rgb(255 255 255 / 0) 76%
        );
  }
}
.promo__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.75rem;
  padding: 1.5rem 1.25rem 1.75rem;
  @media (width >= 48rem) {
    gap: 0.875rem;
    max-width: 32rem;
    padding: 3.5rem 3rem;
  }
  @media (width >= 64rem) {
    max-width: 36rem;
    padding: 4.5rem 4rem;
  }
}
.promo__flags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
.promo__eyebrow {
  font-family: var(--font-display);
  font-size: var(--text-2xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-silver-500);
}
.promo__title {
  font-size: 1.5rem;
  line-height: 1.15;
  text-wrap: balance;
  @media (width >= 48rem) {
    font-size: 2rem;
  }
  @media (width >= 64rem) {
    font-size: 2.25rem;
  }
}
.promo__text {
  color: var(--color-graphite-600);
  text-wrap: pretty;
  @media (width >= 48rem) {
    font-size: 1.0625rem;
  }
}
.promo__pix {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-gold-600);
}
.promo__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem 1.25rem;
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}
.promo__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-navy-600);
  border-bottom: 1px solid currentColor;
  &:hover {
    color: var(--color-navy-800);
  }
}
.contact-intro {
  max-width: 44rem;
  -webkit-margin-after: 2.5rem;
          margin-block-end: 2.5rem;
}
.contact-intro__text {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
  font-size: 1.0625rem;
  line-height: 1.7;
}
.contact-grid {
  display: grid;
  gap: 1.5rem;
  @media (width >= 64rem) {
    grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
    gap: 2rem;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.contact-channels {
  display: grid;
  gap: 1rem;
  @media (width >= 40rem) and (width < 64rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.contact-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.5rem;
  padding: 1.5rem;
  > :last-child {
    -webkit-margin-before: auto;
            margin-block-start: auto;
    -webkit-padding-before: 0.75rem;
            padding-block-start: 0.75rem;
  }
}
.contact-card__icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-card);
  background-color: var(--color-navy-100);
  color: var(--color-navy-800);
}
.contact-card__title {
  -webkit-margin-before: 0.25rem;
          margin-block-start: 0.25rem;
  font-size: 1.0625rem;
}
.contact-card__text {
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--color-graphite-600);
}
.contact-card__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
}
.contact-card__link {
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-navy-600);
  border-bottom: 1px solid currentColor;
  word-break: break-word;
  &:hover {
    color: var(--color-navy-800);
  }
}
.contact-address {
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--color-graphite-600);
}
.contact-hours {
  width: 100%;
  display: grid;
  gap: 0.25rem;
  -webkit-margin-before: 0.75rem;
          margin-block-start: 0.75rem;
  -webkit-padding-before: 0.75rem;
          padding-block-start: 0.75rem;
  -webkit-border-before: 1px solid var(--color-silver-200);
          border-block-start: 1px solid var(--color-silver-200);
  font-size: 0.875rem;
}
.contact-hours__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.25rem 1rem;
  dt {
    color: var(--color-graphite-600);
  }
  dd {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--color-navy-800);
  }
}
.contact-map {
  position: relative;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  @media (width >= 64rem) {
    aspect-ratio: auto;
    min-height: 26rem;
  }
}
.contact-map__frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.contact-note {
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
}
.contact-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5rem 2rem;
}
.contact-cta__title {
  font-size: 1.5rem;
}
.contact-cta__text {
  max-width: 38rem;
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
  color: var(--color-graphite-600);
}
.site-footer {
  background-color: var(--color-navy-900);
  color: rgb(255 255 255 / 0.72);
}
.site-footer a {
  color: rgb(255 255 255 / 0.72);
  &:hover {
    color: #ffffff;
  }
}
.site-footer__top {
  display: grid;
  gap: 2.5rem;
  padding-block: 3rem;
  @media (width >= 64rem) {
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 3rem;
    padding-block: 4rem;
  }
}
.site-footer__brand img {
  width: auto;
  height: 2.5rem;
}
.site-footer__tagline {
  -webkit-margin-before: 1rem;
          margin-block-start: 1rem;
  max-width: 22rem;
  font-size: 0.9375rem;
  line-height: 1.6;
}
.site-footer__title {
  color: #ffffff;
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
.site-footer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0.9375rem;
}
.site-footer__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  font-size: 0.9375rem;
}
.site-footer__contact-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
}
.site-footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  border-top: 1px solid rgb(255 255 255 / 0.12);
  padding-block: 1.5rem;
  font-size: 0.8125rem;
  @media (width >= 64rem) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.site-footer__payments {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
.site-footer__payments-label {
  color: rgb(255 255 255 / 0.5);
}
.site-footer__payments-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
}
.payment-flag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.75rem;
  height: 1.75rem;
  border-radius: 0.25rem;
  background-color: rgb(255 255 255 / 0.07);
  -webkit-box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.16);
          box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.16);
  color: rgb(255 255 255 / 0.92);
}
.payment-flag svg {
  width: auto;
  height: 0.9375rem;
}
.payment-flag__word {
  fill: currentColor;
  font-family: var(--font-display);
  font-weight: 700;
}
.payment-flag__word--slanted {
  font-style: italic;
}
.whatsapp-float {
  position: fixed;
  right: 1rem;
  bottom: 1rem;
  z-index: 50;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  border-radius: var(--radius-pill);
  background-color: var(--color-whatsapp-500);
  -webkit-box-shadow: 0 6px 16px -8px color-mix(in srgb, #1DA851 70%, transparent);
          box-shadow: 0 6px 16px -8px color-mix(in srgb, #1DA851 70%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    -webkit-box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--color-whatsapp-600) 70%, transparent);
            box-shadow: 0 6px 16px -8px color-mix(in srgb, var(--color-whatsapp-600) 70%, transparent);
  }
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff;
  -webkit-transition: background-color 160ms ease;
  transition: background-color 160ms ease;
  &:hover {
    background-color: var(--color-whatsapp-600);
    color: #ffffff;
  }
  @media (width >= 48rem) {
    right: 1.5rem;
    bottom: 1.5rem;
    width: auto;
    height: auto;
    gap: 0.5rem;
    padding-inline: 1rem;
    padding-block: 0.75rem;
  }
}
.whatsapp-float__label {
  display: none;
  @media (width >= 48rem) {
    display: inline;
  }
}
.woocommerce-page-wrap {
  padding-block: 1.5rem 4rem;
}
.woocommerce-breadcrumb {
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
  font-size: 0.8125rem;
  color: var(--color-silver-500);
  a {
    color: var(--color-silver-500);
    &:hover {
      color: var(--color-navy-800);
    }
  }
}
.woocommerce-page-wrap .page-title,
.product_title,
.woocommerce-column__title,
.cart-empty {
  font-size: 1.875rem;
  margin-block: 0 0.5rem;
  @media (width >= 48rem) {
    font-size: 2.375rem;
  }
}
.term-description,
.woocommerce-product-description {
  max-width: 52rem;
  -webkit-margin-after: 1.75rem;
          margin-block-end: 1.75rem;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-graphite-600);
  p:last-child {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
  @media (width >= 48rem) {
    font-size: 1.0625rem;
  }
}
.shop-toolbar {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}
.woocommerce-result-count {
  margin: 0;
  font-size: 0.875rem;
  color: var(--color-silver-500);
}
.woocommerce-ordering {
  margin: 0;
}
.woocommerce-page-wrap .form-row select:not(.select2-hidden-accessible),
.woocommerce-page-wrap .select2-container {
  width: 100% !important;
}
.woocommerce-ordering select,
.woocommerce-page-wrap select {
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
  border: 0;
  padding: 0.625rem 2rem 0.625rem 0.875rem;
  font-family: var(--font-sans);
  font-size: 0.875rem;
  color: var(--color-ink-900);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%234A4A4A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}
.woocommerce-page-wrap .form-row select {
  padding-block: 0.8125rem;
  font-size: 1rem;
}
.shop-toolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.75rem 1rem;
  border-bottom: 1px solid var(--color-silver-200);
  -webkit-padding-after: 1rem;
          padding-block-end: 1rem;
  -webkit-margin-after: 1.75rem;
          margin-block-end: 1.75rem;
  @media (width < 48rem) {
    gap: 0.625rem;
    -webkit-margin-after: 1.25rem;
            margin-block-end: 1.25rem;
  }
}
@media (width < 48rem) {
  .shop-layout__main .woocommerce-ordering {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }
  .shop-layout__main .woocommerce-ordering select {
    width: 100%;
  }
  .shop-layout__main .woocommerce-result-count {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .shop-layout:not(.shop-layout--filtered) .woocommerce-result-count {
    display: none;
  }
}
ul.products {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
  }
  @media (width >= 80rem) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
ul.products li.product {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 200ms ease;
  transition: -webkit-box-shadow 200ms ease;
  transition: box-shadow 200ms ease;
  transition: box-shadow 200ms ease, -webkit-box-shadow 200ms ease;
  &:hover {
    -webkit-box-shadow: var(--shadow-lifted);
            box-shadow: var(--shadow-lifted);
  }
  > a img,
    .product-card__media img {
    width: 100%;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
       object-fit: cover;
    background-color: var(--color-surface-50);
    -webkit-transition: -webkit-transform 400ms ease;
    transition: -webkit-transform 400ms ease;
    transition: transform 400ms ease;
    transition: transform 400ms ease, -webkit-transform 400ms ease;
  }
  &:hover .product-card__media img {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
}
.product-card__media {
  position: relative;
  display: block;
  overflow: hidden;
}
.product-card__badges {
  position: absolute;
  top: 0.625rem;
  left: 0.625rem;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.375rem;
}
.product-card__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  padding: 0.875rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  @media (width >= 48rem) {
    padding: 1.125rem;
  }
}
.woocommerce-loop-product__title {
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-ink-900);
  margin: 0;
  @media (width >= 48rem) {
    font-size: 1rem;
  }
  a:hover {
    color: var(--color-navy-800);
  }
}
.product-card__sku {
  font-size: var(--text-2xs);
  letter-spacing: 0.03em;
  color: var(--color-silver-500);
}
.product-card__foot {
  -webkit-margin-before: auto;
          margin-block-start: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.product-card__foot .price__now {
  font-size: 1.125rem;
  @media (width >= 48rem) {
    font-size: 1.375rem;
  }
}
.product-card__foot .price__installment {
  font-size: 0.8125rem;
}
ul.products li.product .button,
.product-card__foot .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  border: 0;
  border-radius: var(--radius-card);
  background-color: var(--color-navy-800);
  padding-block: 0.6875rem;
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: background-color 160ms ease;
  transition: background-color 160ms ease;
  &:hover {
    background-color: var(--color-navy-700);
    color: #ffffff;
  }
}
ul.products li.product .added_to_cart {
  display: none;
}
.single-product div.product {
  position: relative;
  display: grid;
  gap: 2rem;
  @media (width >= 64rem) {
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    gap: 3.5rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.single-product div.product > .onsale {
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
  z-index: 2;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-pill);
  background-color: var(--color-gold-100);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-gold-500);
          box-shadow: inset 0 0 0 1px var(--color-gold-500);
  padding-inline: 0.75rem;
  padding-block: 0.3125rem;
  font-family: var(--font-display);
  font-size: var(--text-2xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--color-gold-600);
}
@media (width >= 64rem) {
  .single-product div.product > :is(.woocommerce-tabs, .related, .upsells) {
    grid-column: 1 / -1;
  }
}
.single-product .stock {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  margin: 0;
  font-size: 0.875rem;
  font-weight: 700;
  color: var(--color-success-700);
  &::before {
    content: "";
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 999px;
    background-color: currentColor;
  }
}
.single-product .stock.out-of-stock {
  color: var(--color-danger-700);
}
.woocommerce-product-gallery {
  position: relative;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  overflow: hidden;
  img {
    width: 100%;
    height: auto;
  }
}
.woocommerce-product-gallery__wrapper {
  margin: 0;
}
.woocommerce-product-gallery .flex-control-thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.5rem;
  padding: 0;
  list-style: none;
  li {
    width: 4.5rem;
  }
  img {
    border-radius: 0.375rem;
    -webkit-box-shadow: var(--shadow-hairline);
            box-shadow: var(--shadow-hairline);
    cursor: pointer;
    opacity: 0.6;
    &.flex-active,
        &:hover {
      opacity: 1;
      -webkit-box-shadow: var(--shadow-hairline-strong);
              box-shadow: var(--shadow-hairline-strong);
    }
  }
}
.summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}
.summary .price {
  gap: 0.25rem;
}
.summary .price__now {
  font-size: 2.25rem;
}
.summary .price__installment {
  font-size: 1rem;
}
.summary .price__pix {
  font-size: 0.9375rem;
}
.woocommerce-product-details__short-description {
  font-size: 1rem;
  line-height: 1.65;
  color: var(--color-graphite-600);
}
form.cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.quantity {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-card);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
  overflow: hidden;
  input.qty {
    width: 4rem;
    border: 0;
    background: transparent;
    padding-block: 0.875rem;
    text-align: center;
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-ink-900);
    &:focus {
      outline: none;
    }
  }
}
form.cart .single_add_to_cart_button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 12rem;
  border: 0;
  border-radius: var(--radius-card);
  background-color: var(--color-navy-800);
  padding-inline: 2rem;
  padding-block: 0.9375rem;
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: background-color 160ms ease;
  transition: background-color 160ms ease;
  &:hover {
    background-color: var(--color-navy-700);
  }
}
.product-trust {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.875rem;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  padding: 1.125rem;
}
.product-trust__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.product-trust__item svg {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  -webkit-margin-before: 0.125rem;
          margin-block-start: 0.125rem;
  color: var(--color-navy-800);
}
.product-trust__item strong {
  display: block;
  font-family: var(--font-display);
  color: var(--color-navy-800);
}
.product_meta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem 1.5rem;
  border-top: 1px solid var(--color-silver-200);
  -webkit-padding-before: 1.25rem;
          padding-block-start: 1.25rem;
  font-size: 0.875rem;
  color: var(--color-silver-500);
}
.woocommerce-tabs {
  -webkit-margin-before: 3rem;
          margin-block-start: 3rem;
}
.woocommerce-tabs ul.tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.75rem;
  border-bottom: 1px solid var(--color-silver-200);
  margin: 0 0 1.75rem;
  padding: 0;
  list-style: none;
  li a {
    display: block;
    padding-block: 0.875rem;
    font-family: var(--font-display);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-silver-500);
    border-bottom: 2px solid transparent;
  }
  li.active a {
    color: var(--color-navy-800);
    border-bottom-color: var(--color-navy-800);
  }
}
.woocommerce-Tabs-panel h2 {
  font-size: 1.25rem;
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
}
.woocommerce-Tabs-panel p {
  max-width: 44rem;
  margin-block: 0.75rem;
}
table.shop_attributes {
  width: 100%;
  max-width: 44rem;
  border-collapse: collapse;
  font-size: 0.9375rem;
  th,
    td {
    border-bottom: 1px solid var(--color-silver-200);
    padding: 0.75rem 0;
    text-align: left;
  }
  th {
    width: 12rem;
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--color-navy-800);
  }
  td p {
    margin: 0;
  }
}
.related.products,
.upsells.products {
  -webkit-margin-before: 3.5rem;
          margin-block-start: 3.5rem;
  > h2 {
    font-size: 1.5rem;
    -webkit-margin-after: 1.5rem;
            margin-block-end: 1.5rem;
  }
}
.notice-box {
  --notice-accent: var(--color-navy-800);
  display: grid;
  grid-template-columns: -webkit-max-content minmax(0, 1fr);
  grid-template-columns: max-content minmax(0, 1fr);
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 0.875rem;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-hairline), inset 3px 0 0 var(--notice-accent);
          box-shadow: var(--shadow-hairline), inset 3px 0 0 var(--notice-accent);
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
  padding: 1.0625rem 1.25rem;
  list-style: none;
  font-size: 0.9375rem;
  color: var(--color-graphite-600);
}
.notice-box--error {
  --notice-accent: var(--color-danger-700);
}
.notice-box--success {
  --notice-accent: var(--color-success-700);
}
.notice-box__mark {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: var(--radius-pill);
  background-color: var(--notice-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--notice-accent) 10%, var(--color-surface-0));
  }
  color: var(--notice-accent);
}
.notice-box__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem 1rem;
  min-height: 2rem;
}
.notice-box--error .notice-box__body {
  display: grid;
  gap: 0.5rem;
  -ms-flex-line-pack: center;
      align-content: center;
}
.notice-box__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-navy-800);
}
.notice-box__list {
  display: grid;
  gap: 0.375rem;
  margin: 0;
  padding: 0;
  list-style: none;
  strong {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--notice-accent);
  }
  a {
    text-decoration: none;
    strong {
      text-decoration: underline;
      text-decoration-thickness: 1px;
      text-underline-offset: 0.15em;
    }
    &:hover strong {
      color: var(--color-navy-800);
    }
  }
}
.notice-box:focus {
  outline: none;
}
.notice-box .button {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  border-radius: var(--radius-card);
  background-color: var(--color-navy-800);
  padding: 0.5rem 1rem;
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  color: #ffffff;
  &:hover {
    background-color: var(--color-navy-700);
    color: #ffffff;
  }
}
table.shop_table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9375rem;
  th {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--color-navy-800);
    text-align: left;
  }
  tr {
    border-bottom: 1px solid var(--color-silver-200);
  }
  th,
    td {
    padding: 0.875rem 0.75rem;
    vertical-align: middle;
  }
  .product-name a {
    font-family: var(--font-display);
    font-weight: 500;
    color: var(--color-ink-900);
  }
}
.cart_totals table.shop_table th,
.woocommerce-checkout-review-order-table tfoot th {
  color: var(--color-navy-800);
}
.order-total .amount,
.cart-subtotal .amount {
  font-family: var(--font-display);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-navy-800);
}
.cart-collaterals {
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
  @media (width >= 64rem) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.cart_totals {
  width: 100%;
  @media (width >= 64rem) {
    max-width: 26rem;
  }
  h2 {
    font-size: 1.25rem;
    -webkit-margin-after: 1rem;
            margin-block-end: 1rem;
  }
}
.wc-proceed-to-checkout {
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
}
.wc-proceed-to-checkout .checkout-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--radius-card);
  background-color: var(--color-navy-800);
  padding-block: 0.9375rem;
  font-family: var(--font-display);
  font-size: 1rem;
  font-weight: 700;
  color: #ffffff;
  &:hover {
    background-color: var(--color-navy-700);
    color: #ffffff;
  }
}
.actions .button,
.button.wc-backward {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
  padding: 0.75rem 1.25rem;
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-navy-800);
  cursor: pointer;
  &:hover {
    background-color: var(--color-navy-100);
  }
}
.woocommerce-page-wrap :is(input[type="text"], input[type="email"], input[type="tel"], input[type="password"], input[type="number"], input[type="search"], textarea),
.woocommerce-page-wrap .select2-container .select2-selection {
  width: 100%;
  border: 0;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
  padding: 0.8125rem 0.875rem;
  font-family: var(--font-sans);
  font-size: 1rem;
  color: var(--color-ink-900);
  -webkit-transition: -webkit-box-shadow 160ms ease;
  transition: -webkit-box-shadow 160ms ease;
  transition: box-shadow 160ms ease;
  transition: box-shadow 160ms ease, -webkit-box-shadow 160ms ease;
  &:focus {
    outline: none;
    -webkit-box-shadow: inset 0 0 0 1px var(--color-navy-800);
            box-shadow: inset 0 0 0 1px var(--color-navy-800);
  }
}
.woocommerce-page-wrap .select2-container .select2-selection--single {
  height: auto;
  margin: 0;
  -webkit-padding-end: 2rem;
          padding-inline-end: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%234A4A4A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
}
.woocommerce-page-wrap .select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
  line-height: 1.6;
  color: inherit;
}
.woocommerce-page-wrap .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.woocommerce-page-wrap .select2-container--open .select2-selection--single,
.woocommerce-page-wrap .select2-container--focus .select2-selection--single {
  -webkit-box-shadow: inset 0 0 0 1px var(--color-navy-800);
          box-shadow: inset 0 0 0 1px var(--color-navy-800);
}
.select2-dropdown {
  border: 0;
  border-radius: var(--radius-card);
  -webkit-box-shadow: var(--shadow-lifted);
          box-shadow: var(--shadow-lifted);
  overflow: hidden;
}
.select2-search--dropdown {
  padding: 0.5rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 0;
  border-radius: var(--radius-card);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
  padding: 0.5rem 0.75rem;
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  color: var(--color-ink-900);
  &:focus {
    outline: none;
    -webkit-box-shadow: inset 0 0 0 1px var(--color-navy-800);
            box-shadow: inset 0 0 0 1px var(--color-navy-800);
  }
}
.select2-container--default .select2-results__option {
  padding: 0.5rem 0.875rem;
  font-family: var(--font-sans);
  font-size: 0.9375rem;
  color: var(--color-graphite-600);
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default .select2-results__option[data-selected="true"] {
  background-color: var(--color-navy-100);
  color: var(--color-navy-800);
}
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background-color: var(--color-navy-800);
  color: var(--color-surface-0);
}
.woocommerce-page-wrap .form-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.375rem;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
.woocommerce-page-wrap label {
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-navy-800);
}
.woocommerce-page-wrap .required {
  color: var(--color-danger-700);
  text-decoration: none;
}
.woocommerce-page-wrap .form-row.woocommerce-invalid label {
  color: var(--color-danger-700);
}
.woocommerce-page-wrap .form-row.woocommerce-invalid :is(input, textarea, .select2-selection) {
  background-color: color-mix(in srgb, #A32820 4%, #FFFFFF);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-danger-700) 4%, var(--color-surface-0));
  }
  -webkit-box-shadow: inset 0 0 0 1.5px var(--color-danger-700);
          box-shadow: inset 0 0 0 1.5px var(--color-danger-700);
}
.woocommerce-page-wrap .checkout-inline-error-message {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-danger-700);
}
form.checkout {
  display: grid;
  gap: 2.5rem;
  @media (width >= 64rem) {
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    grid-template-areas: "fields heading"
            "fields review";
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
    gap: 0.875rem 3rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
@media (width >= 64rem) {
  form.checkout:has(> .woocommerce-NoticeGroup) {
    grid-template-areas: "notice notice"
            "fields heading"
            "fields review";
    grid-template-rows: -webkit-min-content -webkit-min-content 1fr;
    grid-template-rows: min-content min-content 1fr;
  }
  form.checkout > .woocommerce-NoticeGroup {
    grid-area: notice;
  }
  #customer_details {
    grid-area: fields;
  }
  #order_review_heading {
    grid-area: heading;
  }
  #order_review {
    grid-area: review;
  }
}
#order_review {
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 1.25rem;
  @media (width >= 64rem) {
    position: sticky;
    top: var(--header-sticky-height);
  }
}
#order_review_heading {
  font-size: 1.25rem;
  -webkit-margin-after: 0.875rem;
          margin-block-end: 0.875rem;
}
.woocommerce-billing-fields > h3,
.woocommerce-additional-fields > h3,
#ship-to-different-address {
  font-size: 1.25rem;
  margin-block: 0 1rem;
}
#payment {
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
}
#payment ul.payment_methods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
}
#payment ul.payment_methods li {
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
  padding: 0.875rem 1rem;
}
#payment ul.payment_methods label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  cursor: pointer;
}
#payment .payment_box {
  -webkit-margin-before: 0.75rem;
          margin-block-start: 0.75rem;
  font-size: 0.875rem;
  color: var(--color-graphite-600);
}
#place_order {
  width: 100%;
  border: 0;
  border-radius: var(--radius-card);
  background-color: var(--color-navy-800);
  padding-block: 1rem;
  font-family: var(--font-display);
  font-size: 1.0625rem;
  font-weight: 700;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: background-color 160ms ease;
  transition: background-color 160ms ease;
  &:hover {
    background-color: var(--color-navy-700);
  }
}
.woocommerce-privacy-policy-text {
  font-size: 0.8125rem;
  color: var(--color-silver-500);
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
.checkout-secure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  -webkit-margin-before: 0.875rem;
          margin-block-start: 0.875rem;
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
.woocommerce-account:not(.logged-in) .woocommerce-page-wrap > * {
  max-width: 30rem;
  margin-inline: auto;
}
.woocommerce-form {
  max-width: 26rem;
}
.woocommerce-form .button,
.woocommerce-Button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 0;
  border-radius: var(--radius-card);
  background-color: var(--color-navy-800);
  padding: 0.8125rem 1.5rem;
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
  &:hover {
    background-color: var(--color-navy-700);
    color: #ffffff;
  }
}
.woocommerce-password-strength {
  --meter-color: var(--color-silver-500);
  --meter-fill: 25%;
  display: grid;
  gap: 0.375rem;
  -webkit-margin-before: 0.125rem;
          margin-block-start: 0.125rem;
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--meter-color);
}
.woocommerce-password-strength::before {
  content: "";
  height: 0.25rem;
  border-radius: var(--radius-pill);
  background-color: var(--color-surface-100);
  background-image: linear-gradient(
        to right,
        var(--meter-color) var(--meter-fill),
        transparent var(--meter-fill)
    );
}
.woocommerce-password-strength.short {
  --meter-color: var(--color-danger-700);
  --meter-fill: 25%;
}
.woocommerce-password-strength.bad {
  --meter-color: var(--color-danger-700);
  --meter-fill: 50%;
}
.woocommerce-password-strength.good {
  --meter-color: var(--color-navy-600);
  --meter-fill: 75%;
}
.woocommerce-password-strength.strong {
  --meter-color: var(--color-success-700);
  --meter-fill: 100%;
}
.woocommerce-password-hint {
  display: block;
  -webkit-margin-before: 0.375rem;
          margin-block-start: 0.375rem;
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--color-silver-500);
}
.woocommerce-form-login__rememberme {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.woocommerce-pagination ul.page-numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.375rem;
  margin: 2.5rem 0 0;
  padding: 0;
  list-style: none;
  .page-numbers {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-card);
    -webkit-box-shadow: var(--shadow-hairline);
            box-shadow: var(--shadow-hairline);
    padding-inline: 0.5rem;
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-800);
  }
  .current {
    background-color: var(--color-navy-800);
    color: #ffffff;
  }
}
@media (width < 48rem) {
  table.shop_table_responsive thead {
    display: none;
  }
  table.shop_table_responsive tbody tr {
    position: relative;
    display: block;
    border-bottom: 1px solid var(--color-silver-200);
    padding-block: 0.875rem;
  }
  table.shop_table_responsive tbody td.actions {
    display: block;
    padding-inline: 0;
    &::before {
      content: none;
    }
  }
  .woocommerce-cart-form td.actions button[name="update_cart"] {
    float: none;
    width: 100%;
  }
  table.shop_table_responsive tbody td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    gap: 0.25rem 1rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border: 0;
    padding: 0.3125rem 0;
    text-align: right;
  }
  table.shop_table_responsive tbody td::before {
    content: attr(data-title);
    -webkit-margin-end: auto;
            margin-inline-end: auto;
    font-family: var(--font-display);
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--color-navy-800);
    text-align: left;
  }
  table.shop_table_responsive tbody td.product-thumbnail {
    display: block;
    &::before {
      content: none;
    }
    img {
      width: 5rem;
    }
  }
  table.shop_table_responsive tbody td.product-remove {
    position: absolute;
    top: 0.875rem;
    right: 0;
    padding: 0;
    &::before {
      content: none;
    }
  }
  table.shop_table_responsive tbody td.product-name {
    display: block;
    -webkit-padding-end: 2rem;
            padding-inline-end: 2rem;
    -webkit-padding-after: 0.5rem;
            padding-block-end: 0.5rem;
    text-align: left;
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--color-ink-900);
    &::before {
      content: none;
    }
  }
  .cart_totals table.shop_table td::before,
    .woocommerce-checkout-review-order-table td::before {
    content: none;
  }
  .cart_totals table.shop_table tr,
    .woocommerce-checkout-review-order-table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1rem;
  }
  .cart_totals table.shop_table :is(th, td),
    table.woocommerce-checkout-review-order-table :is(th, td) {
    padding-inline: 0;
  }
  .woocommerce-cart-form .actions .coupon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0.5rem;
    -webkit-margin-after: 0.75rem;
            margin-block-end: 0.75rem;
  }
  .woocommerce-cart-form .actions .coupon input {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 10rem;
  }
}
.woocommerce-cart-form table.cart {
  table-layout: fixed;
}
.woocommerce-cart-form th.product-remove {
  width: 3rem;
}
.woocommerce-cart-form th.product-thumbnail {
  width: 6.5rem;
}
.woocommerce-cart-form th.product-price,
.woocommerce-cart-form th.product-quantity {
  width: 8rem;
}
.woocommerce-cart-form th.product-subtotal {
  width: 9rem;
}
.woocommerce-cart-form td.product-name {
  font-family: var(--font-display);
  font-weight: 500;
}
.woocommerce-cart-form td.actions {
  padding-inline: 0;
  padding-block: 1.25rem;
  &::after {
    content: "";
    display: table;
    clear: both;
  }
}
.woocommerce-cart-form td.actions button[name="update_cart"] {
  float: right;
}
.woocommerce-cart-form td.actions .coupon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  max-width: 34rem;
}
.woocommerce-cart-form td.actions .coupon label {
  display: none;
}
.woocommerce-cart-form td.actions .coupon input[type="text"] {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 9rem;
          flex: 1 1 9rem;
  min-width: 9rem;
  max-width: 20rem;
}
.woocommerce-cart-form td.product-thumbnail img {
  width: 5rem;
  border-radius: var(--radius-card);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
}
.woocommerce-cart-form td.product-remove a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 999px;
  background-color: var(--color-surface-50);
  font-size: 1.125rem;
  line-height: 1;
  color: var(--color-silver-500);
  &:hover {
    background-color: var(--color-navy-100);
    color: var(--color-navy-800);
  }
}
.cart-collaterals {
  display: grid;
  gap: 2rem;
  @media (width >= 64rem) {
    grid-template-columns: minmax(0, 1fr) minmax(0, 26rem);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    gap: 3rem;
  }
}
.cart-trust {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  padding: 1.25rem;
}
.cart_totals {
  max-width: none;
}
.cart-pix td {
  text-align: right;
}
.cart-pix__value,
.cart-pix__saving {
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
}
.cart-pix__value {
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--color-gold-600);
}
.cart-pix__saving {
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
.cart-empty {
  -webkit-margin-after: 1.5rem;
          margin-block-end: 1.5rem;
}
.return-to-shop {
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
}
.woocommerce-product-gallery__trigger {
  position: absolute;
  top: 0.875rem;
  right: 0.875rem;
  z-index: 3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-pill);
  background-color: rgb(255 255 255 / 0.92);
  -webkit-box-shadow: var(--shadow-hairline-strong), 0 8px 20px -10px rgb(20 40 63 / 0.55);
          box-shadow: var(--shadow-hairline-strong), 0 8px 20px -10px rgb(20 40 63 / 0.55);
  color: var(--color-navy-800);
  text-decoration: none;
  -webkit-transition: background-color 160ms ease, color 160ms ease, -webkit-transform 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, -webkit-transform 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, transform 160ms ease, -webkit-transform 160ms ease;
  &:hover {
    background-color: var(--color-navy-800);
    color: #ffffff;
    -webkit-transform: scale(1.06);
            transform: scale(1.06);
  }
}
.woocommerce-product-gallery__trigger span {
  display: none;
}
.woocommerce-product-gallery__trigger::before {
  content: "";
  width: 1.375rem;
  height: 1.375rem;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20.5 20.5-4-4M11 8.2v5.6M8.2 11h5.6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20.5 20.5-4-4M11 8.2v5.6M8.2 11h5.6'/%3E%3C/svg%3E") center / contain no-repeat;
}
.woocommerce-product-gallery__image {
  position: relative;
  display: block;
  overflow: hidden;
  a {
    display: block;
  }
  img {
    display: block;
    width: 100%;
    height: auto;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
  }
}
.woocommerce-product-gallery img.zoomImg {
  background-color: var(--color-surface-0);
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}
.pswp__bg {
  background-color: var(--color-navy-900);
}
.pswp__caption__center {
  font-family: var(--font-sans);
  text-align: center;
}
#shipping_method {
  display: grid;
  gap: 0.625rem;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    gap: 0.5rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  input[type="radio"] {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    accent-color: var(--color-navy-700);
    translate: 0 0.1875rem;
  }
  label {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
    color: var(--color-graphite-600);
    line-height: 1.45;
    cursor: pointer;
  }
  .amount {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--color-navy-800);
  }
}
.pickup-note {
  display: grid;
  justify-items: start;
  gap: 0.125rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-padding-start: 1.3125rem;
          padding-inline-start: 1.3125rem;
  font-family: var(--font-sans);
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--color-graphite-600);
}
.pickup-note__address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0.375rem;
  svg {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    translate: 0 0.125rem;
    color: var(--color-silver-400);
  }
}
.pickup-note__link {
  -webkit-margin-before: 0.125rem;
          margin-block-start: 0.125rem;
  font-weight: 600;
  color: var(--color-navy-700);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  &:hover {
    color: var(--color-navy-900);
  }
}
.woocommerce-shipping-destination {
  margin-block: 0.75rem 0;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: var(--color-silver-500);
  text-align: left;
}
.shipping-calculator-button {
  display: inline-block;
  -webkit-margin-before: 0.25rem;
          margin-block-start: 0.25rem;
  font-weight: 600;
  color: var(--color-navy-700);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  &:hover {
    color: var(--color-navy-900);
  }
}
.shipping-calculator-form {
  -webkit-margin-before: 0.75rem;
          margin-block-start: 0.75rem;
  :is(input, select, .select2-container) {
    width: 100%;
  }
  .button {
    -webkit-margin-before: 0.5rem;
            margin-block-start: 0.5rem;
  }
}
@media (width < 48rem) {
  .cart_totals table.shop_table tr.woocommerce-shipping-totals,
    .woocommerce-checkout-review-order-table tr.shipping {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 0.5rem;
  }
  .cart_totals table.shop_table tr.woocommerce-shipping-totals td,
    .woocommerce-checkout-review-order-table tr.shipping td {
    display: block;
    text-align: left;
  }
}
.shop-layout {
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
  @media (width >= 64rem) {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: 3rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.shop-layout__main .shop-toolbar {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
@media (width >= 80rem) {
  .shop-layout__main ul.products {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.shop-filters__toggle {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 0.625rem 0.875rem;
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-navy-800);
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 160ms ease;
  transition: -webkit-box-shadow 160ms ease;
  transition: box-shadow 160ms ease;
  transition: box-shadow 160ms ease, -webkit-box-shadow 160ms ease;
  &:hover {
    -webkit-box-shadow: var(--shadow-hairline-strong);
            box-shadow: var(--shadow-hairline-strong);
  }
  svg:last-child {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    color: var(--color-silver-500);
  }
  @media (width >= 64rem) {
    display: none;
  }
}
.shop-filters__badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--radius-pill);
  background-color: var(--color-navy-800);
  padding-inline: 0.375rem;
  font-size: var(--text-2xs);
  font-weight: 700;
  color: #ffffff;
}
.shop-filters__switch:focus-visible ~ .shop-layout__main .shop-filters__toggle,
.shop-filters__switch:focus-visible + * .shop-filters__toggle {
  outline: 2px solid var(--color-navy-700);
  outline-offset: 2px;
}
.shop-filters__veil {
  position: fixed;
  inset: 0;
  z-index: 60;
  background-color: rgb(20 40 63 / 0.45);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 200ms ease, visibility 200ms ease;
  transition: opacity 200ms ease, visibility 200ms ease;
}
.shop-filters__panel {
  position: fixed;
  inset: auto 0 0 0;
  z-index: 61;
  max-height: 80vh;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
  border-start-start-radius: var(--radius-card);
  border-start-end-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-lifted);
          box-shadow: var(--shadow-lifted);
  padding: 0 1.25rem 1.5rem;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: -webkit-transform 240ms ease;
  transition: -webkit-transform 240ms ease;
  transition: transform 240ms ease;
  transition: transform 240ms ease, -webkit-transform 240ms ease;
}
.shop-filters__switch:checked ~ .shop-filters__veil {
  opacity: 1;
  visibility: visible;
}
.shop-filters__switch:checked ~ .shop-filters__panel {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
body:has(.shop-filters__switch:checked) {
  overflow: hidden;
}
.shop-filters__head {
  position: sticky;
  top: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-bar);
          box-shadow: var(--shadow-bar);
  padding-block: 1rem;
  -webkit-margin-after: 0.25rem;
          margin-block-end: 0.25rem;
}
.shop-filters__heading {
  font-family: var(--font-display);
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--color-navy-800);
}
.shop-filters__close {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  -webkit-margin-end: -0.625rem;
          margin-inline-end: -0.625rem;
  border-radius: var(--radius-pill);
  color: var(--color-navy-800);
  cursor: pointer;
  &:hover {
    background-color: var(--color-navy-100);
  }
}
@media (width >= 64rem) {
  .shop-filters__veil,
    .shop-filters__head {
    display: none;
  }
  .shop-filters__panel {
    position: static;
    max-height: none;
    overflow: visible;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.shop-filters__group + .shop-filters__group {
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
  border-top: 1px solid var(--color-silver-200);
  -webkit-padding-before: 1.25rem;
          padding-block-start: 1.25rem;
}
.shop-filters__title {
  margin-block: 0 0.625rem;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: 0;
  color: var(--color-navy-800);
}
.shop-filters__list {
  display: grid;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.shop-filters__option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  border-radius: var(--radius-card);
  padding: 0.4375rem 0.5rem;
  font-size: 0.9375rem;
  color: var(--color-graphite-600);
  -webkit-transition: background-color 160ms ease, color 160ms ease;
  transition: background-color 160ms ease, color 160ms ease;
  &:hover {
    background-color: var(--color-navy-100);
    color: var(--color-navy-800);
  }
}
.shop-filters__box {
  display: grid;
  place-items: center;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 0.25rem;
  background-color: var(--color-surface-0);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-400);
          box-shadow: inset 0 0 0 1px var(--color-silver-400);
  color: transparent;
  -webkit-transition: background-color 160ms ease, color 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
  transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease, -webkit-box-shadow 160ms ease;
}
.shop-filters__name {
  min-width: 0;
}
.shop-filters__count {
  -webkit-margin-start: auto;
          margin-inline-start: auto;
  -webkit-padding-start: 0.5rem;
          padding-inline-start: 0.5rem;
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-silver-500);
}
.shop-filters__option[data-checked] {
  background-color: var(--color-navy-100);
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--color-navy-800);
  .shop-filters__box {
    background-color: var(--color-navy-800);
    -webkit-box-shadow: inset 0 0 0 1px var(--color-navy-800);
            box-shadow: inset 0 0 0 1px var(--color-navy-800);
    color: #ffffff;
  }
  .shop-filters__count {
    color: var(--color-navy-600);
  }
}
.shop-filters__group[data-type="toggle"] .shop-filters__option[data-checked] {
  background-color: transparent;
}
.shop-filters__clear {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-margin-start: 0.375rem;
          margin-inline-start: 0.375rem;
  color: var(--color-navy-600);
}
.shop-filters__option:hover .shop-filters__clear {
  color: var(--color-navy-800);
}
.filter-chips {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-margin-after: 1.25rem;
          margin-block-end: 1.25rem;
}
.filter-chips__label {
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
.filter-chips__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  border-radius: var(--radius-pill);
  background-color: var(--color-navy-100);
  padding: 0.3125rem 0.75rem;
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-navy-800);
  -webkit-transition: background-color 160ms ease;
  transition: background-color 160ms ease;
  &:hover {
    background-color: var(--color-navy-800);
    color: #ffffff;
  }
  svg {
    opacity: 0.7;
  }
}
.filter-chips__clear {
  font-size: 0.8125rem;
  color: var(--color-silver-500);
  border-bottom: 1px solid currentColor;
  &:hover {
    color: var(--color-navy-800);
  }
}
@media (width >= 64rem) {
  .order-done {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 20rem);
    gap: 0 3rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.order-done > * {
  grid-column: 1 / -1;
}
.order-done > .woocommerce-order-details {
  grid-column: 1;
}
.order-done > .woocommerce-customer-details {
  grid-column: 2;
}
.order-done__lead {
  max-width: 44rem;
  margin-block: 0 1.75rem;
  font-size: 1.0625rem;
}
.pix-pay {
  display: grid;
  grid-template-areas: "brief"
        "qr"
        "steps";
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  overflow: hidden;
  @media (width >= 48rem) {
    grid-template-columns: minmax(0, 1fr) 20rem;
    grid-template-rows: -webkit-min-content 1fr;
    grid-template-rows: min-content 1fr;
    grid-template-areas: "brief qr"
            "steps qr";
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.pix-pay__brief {
  grid-area: brief;
  padding: 1.5rem 1.5rem 1.25rem;
  @media (width >= 48rem) {
    -webkit-padding-after: 0;
            padding-block-end: 0;
  }
}
.pix-pay__eyebrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  -webkit-margin-after: 0.75rem;
          margin-block-end: 0.75rem;
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-navy-800);
}
.pix-pay__amount {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--color-navy-800);
  @media (width >= 48rem) {
    font-size: 2rem;
  }
}
.pix-pay__saving {
  margin-block: 0.25rem 0;
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-gold-600);
}
.pix-pay__how {
  grid-area: steps;
  padding: 1.25rem 1.5rem 1.5rem;
  @media (width >= 48rem) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-item-align: stretch;
        align-self: stretch;
    -webkit-padding-before: 1.5rem;
            padding-block-start: 1.5rem;
  }
}
.pix-pay__steps {
  display: grid;
  gap: 0.625rem;
  counter-reset: step;
  margin: 0;
  padding: 0;
  list-style: none;
  li {
    display: grid;
    grid-template-columns: 1.375rem minmax(0, 1fr);
    gap: 0.625rem;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    font-size: 0.9375rem;
    counter-increment: step;
  }
  li::before {
    content: counter(step);
    display: grid;
    place-items: center;
    height: 1.375rem;
    border-radius: var(--radius-pill);
    background-color: var(--color-navy-100);
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-navy-800);
  }
}
.pix-pay__note {
  max-width: 34rem;
  margin-block: 1.25rem 0;
  font-size: 0.875rem;
  color: var(--color-silver-500);
}
.pix-pay__qr {
  grid-area: qr;
  display: grid;
  justify-items: center;
  gap: 0.75rem;
  background-color: var(--color-surface-50);
  -webkit-box-shadow: inset 0 1px 0 var(--color-silver-200),
        inset 0 -1px 0 var(--color-silver-200);
          box-shadow: inset 0 1px 0 var(--color-silver-200),
        inset 0 -1px 0 var(--color-silver-200);
  padding: 1.5rem;
  text-align: center;
  @media (width >= 48rem) {
    -webkit-box-shadow: inset 1px 0 0 var(--color-silver-200);
            box-shadow: inset 1px 0 0 var(--color-silver-200);
    height: 100%;
    -ms-flex-line-pack: start;
        align-content: start;
  }
}
.pix-pay__code-img {
  width: 11.5rem;
  height: 11.5rem;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 0.625rem;
}
.pix-pay__expiry {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
.pix-pay__expiry[data-pix-expired] {
  font-weight: 700;
  color: var(--color-danger-700);
}
.pix-pay[data-pix-expired] .pix-pay__code-img {
  opacity: 0.35;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}
.pix-pay__copy {
  display: grid;
  gap: 0.5rem;
  width: 100%;
}
.woocommerce-page-wrap input.pix-pay__code {
  padding: 0.625rem 0.75rem;
  font-size: 0.75rem;
  color: var(--color-silver-500);
  text-overflow: ellipsis;
}
.pix-pay__button {
  width: 100%;
}
.pix-pay__hint {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
.pix-pay--approved {
  display: block;
  padding: 1.5rem;
  text-align: center;
}
.pix-pay__approved {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  margin-block: 0 0.375rem;
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--color-success-700);
}
.order-installments {
  margin: 0;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 1rem 1.25rem;
  font-size: 0.9375rem;
  strong {
    font-family: var(--font-display);
    font-weight: 700;
    color: var(--color-navy-800);
  }
}
.order-facts {
  display: grid;
  gap: 1px;
  margin-block: 2rem 0;
  border-radius: var(--radius-card);
  background-color: var(--color-silver-200);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  overflow: hidden;
  padding: 0;
  list-style: none;
  @media (width >= 48rem) {
    grid-auto-flow: column;
    grid-auto-columns: minmax(0, 1fr);
  }
  li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.1875rem;
    background-color: var(--color-surface-0);
    padding: 0.875rem 1.125rem;
    font-size: 0.8125rem;
    color: var(--color-silver-500);
  }
  strong {
    font-family: var(--font-display);
    font-size: 0.9375rem;
    font-weight: 600;
    color: var(--color-navy-800);
  }
}
.woocommerce-order-details,
.woocommerce-customer-details {
  -webkit-margin-before: 2.5rem;
          margin-block-start: 2.5rem;
}
.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
  font-size: 1.25rem;
  -webkit-margin-after: 1rem;
          margin-block-end: 1rem;
}
.woocommerce-customer-details address {
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 1rem 1.125rem;
  font-size: 0.9375rem;
  font-style: normal;
  line-height: 1.7;
}
.order-done__failed {
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 1.5rem;
  p {
    margin-block: 0;
    max-width: 44rem;
  }
}
.order-done__failed-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
  -webkit-margin-before: 1.25rem;
          margin-block-start: 1.25rem;
}
.pix-code {
  max-width: 30rem;
  margin-inline: auto;
  display: grid;
  justify-items: center;
  gap: 0.5rem;
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 1.5rem;
  text-align: center;
}
.pix-code__img {
  width: 9.5rem;
  height: 9.5rem;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 0.5rem;
}
.pix-code__expiry {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
.pix-code__value {
  max-width: 32rem;
  margin: 0;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--color-silver-500);
  overflow-wrap: anywhere;
}
.account-auth {
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  overflow: hidden;
}
.account-auth__tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  position: relative;
  -webkit-border-after: 1px solid var(--color-silver-200);
          border-block-end: 1px solid var(--color-silver-200);
  background-color: var(--color-surface-50);
}
.account-auth__radio {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.account-auth__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.9375rem 1rem;
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--color-silver-500);
  cursor: pointer;
  -webkit-border-after: 2px solid transparent;
          border-block-end: 2px solid transparent;
  -webkit-margin-after: -1px;
          margin-block-end: -1px;
  &:hover {
    color: var(--color-navy-800);
  }
}
.account-auth__radio:checked + .account-auth__tab {
  border-block-end-color: var(--color-navy-800);
  background-color: var(--color-surface-0);
  color: var(--color-navy-800);
}
.account-auth__radio:focus-visible + .account-auth__tab {
  outline: 2px solid var(--color-navy-600);
  outline-offset: -2px;
}
.account-auth__panel {
  padding: 1.75rem 1.5rem 2rem;
}
.account-auth:has(.account-auth__radio) .account-auth__panel {
  display: none;
}
.account-auth:has(.account-auth__radio):has(#account-auth-login:checked) .account-auth__panel--login, .account-auth:has(.account-auth__radio):has(#account-auth-register:checked) .account-auth__panel--register {
  display: block;
}
.account-auth__title {
  margin-block: 0 0.5rem;
}
.account-auth__hint {
  margin-block: 0 1.25rem;
  font-size: 0.875rem;
  color: var(--color-silver-500);
}
.account-auth .woocommerce-form {
  max-width: none;
}
.account-auth .woocommerce-form .button,
.account-auth .woocommerce-Button {
  width: 100%;
}
.account-auth .account-auth__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: calc(var(--spacing) * 3);
     -moz-column-gap: calc(var(--spacing) * 3);
          column-gap: calc(var(--spacing) * 3);
  row-gap: calc(var(--spacing) * 2);
}
.account-auth__lost {
  font-size: 0.875rem;
  color: var(--color-navy-600);
  &:hover {
    color: var(--color-navy-800);
    text-decoration: underline;
  }
}
.woocommerce:has(> .woocommerce-MyAccount-navigation) {
  -webkit-margin-before: 1.5rem;
          margin-block-start: 1.5rem;
  @media (width >= 64rem) {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: 3rem;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
.woocommerce-MyAccount-navigation ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  margin: 0 -1rem 1.625rem;
  padding: 0.375rem 1rem;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
  &::-webkit-scrollbar {
    display: none;
  }
  @media (width >= 48rem) {
    margin-inline: -2rem;
    padding-inline: 2rem;
  }
  @media (width >= 64rem) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0.125rem;
    margin: 0;
    padding: 0;
    overflow: visible;
  }
}
.woocommerce-MyAccount-navigation li {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.woocommerce-MyAccount-navigation a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-radius: var(--radius-pill);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 0.5rem 1rem;
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 500;
  white-space: nowrap;
  color: var(--color-navy-800);
  -webkit-transition: background-color 160ms ease, color 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, color 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
  transition: background-color 160ms ease, box-shadow 160ms ease, color 160ms ease, -webkit-box-shadow 160ms ease;
  &:hover {
    background-color: var(--color-navy-100);
    -webkit-box-shadow: var(--shadow-hairline-strong);
            box-shadow: var(--shadow-hairline-strong);
    color: var(--color-navy-800);
  }
  @media (width >= 64rem) {
    border-radius: var(--radius-card);
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0.625rem 0.875rem;
    &:hover {
      -webkit-box-shadow: none;
              box-shadow: none;
    }
  }
}
.woocommerce-MyAccount-navigation a svg {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  color: var(--color-silver-500);
  -webkit-transition: color 160ms ease;
  transition: color 160ms ease;
}
.woocommerce-MyAccount-navigation a:hover svg {
  color: var(--color-navy-800);
}
.woocommerce-MyAccount-navigation .is-active a {
  background-color: var(--color-navy-800);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ffffff;
  &:hover {
    background-color: var(--color-navy-700);
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #ffffff;
  }
  svg {
    color: currentColor;
  }
}
.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: var(--color-silver-500);
}
@media (width >= 64rem) {
  .woocommerce-MyAccount-navigation-link--customer-logout {
    -webkit-margin-before: 0.75rem;
            margin-block-start: 0.75rem;
    border-top: 1px solid var(--color-silver-200);
    -webkit-padding-before: 0.75rem;
            padding-block-start: 0.75rem;
  }
}
.account-hello {
  margin-block: 0 1.5rem;
  font-size: 1.0625rem;
  strong {
    font-family: var(--font-display);
    font-weight: 600;
    color: var(--color-navy-800);
  }
}
.account-order {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 1.5rem;
  @media (width >= 64rem) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 2rem;
  }
}
.account-order__info {
  display: grid;
  gap: 0.375rem;
}
.account-order__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem 0.75rem;
}
.account-order__label {
  margin: 0;
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
.account-order__number {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.0625rem;
  font-weight: 600;
  color: var(--color-navy-800);
}
.account-order__total {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--color-navy-800);
}
.account-order__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}
.account-shortcuts {
  display: grid;
  gap: 1rem;
  margin-block: 1.5rem 0;
  padding: 0;
  list-style: none;
  @media (width >= 48rem) {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  a {
    display: grid;
    gap: 0.25rem;
    height: 100%;
    border-radius: var(--radius-card);
    background-color: var(--color-surface-0);
    -webkit-box-shadow: var(--shadow-hairline);
            box-shadow: var(--shadow-hairline);
    padding: 1.25rem;
    -ms-flex-line-pack: start;
        align-content: start;
    -webkit-transition: -webkit-box-shadow 160ms ease;
    transition: -webkit-box-shadow 160ms ease;
    transition: box-shadow 160ms ease;
    transition: box-shadow 160ms ease, -webkit-box-shadow 160ms ease;
    &:hover {
      -webkit-box-shadow: var(--shadow-hairline-strong);
              box-shadow: var(--shadow-hairline-strong);
    }
  }
  strong {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-navy-800);
  }
  span:not(.account-shortcuts__icon) {
    font-size: 0.875rem;
    color: var(--color-graphite-600);
  }
}
.account-shortcuts__icon {
  display: grid;
  place-items: center;
  width: 2.25rem;
  height: 2.25rem;
  -webkit-margin-after: 0.5rem;
          margin-block-end: 0.5rem;
  border-radius: var(--radius-pill);
  background-color: var(--color-navy-100);
  color: var(--color-navy-800);
}
.order-status {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-pill);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
  padding-inline: 0.625rem;
  padding-block: 0.25rem;
  font-family: var(--font-display);
  font-size: var(--text-2xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  white-space: nowrap;
  color: var(--color-silver-500);
}
.order-status--pending,
.order-status--on-hold {
  background-color: var(--color-gold-100);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-gold-500);
          box-shadow: inset 0 0 0 1px var(--color-gold-500);
  color: var(--color-gold-600);
}
.order-status--processing,
.order-status--completed {
  background-color: color-mix(in srgb, #1E6B45 8%, #FFFFFF);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-success-700) 8%, var(--color-surface-0));
  }
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, #1E6B45 35%, #FFFFFF);
          box-shadow: inset 0 0 0 1px color-mix(in srgb, #1E6B45 35%, #FFFFFF);
  @supports (color: color-mix(in lab, red, red)) {
    -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-success-700) 35%, var(--color-surface-0));
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-success-700) 35%, var(--color-surface-0));
  }
  color: var(--color-success-700);
}
.order-status--failed,
.order-status--cancelled {
  background-color: color-mix(in srgb, #A32820 6%, #FFFFFF);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in srgb, var(--color-danger-700) 6%, var(--color-surface-0));
  }
  -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, #A32820 30%, #FFFFFF);
          box-shadow: inset 0 0 0 1px color-mix(in srgb, #A32820 30%, #FFFFFF);
  @supports (color: color-mix(in lab, red, red)) {
    -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-danger-700) 30%, var(--color-surface-0));
            box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-danger-700) 30%, var(--color-surface-0));
  }
  color: var(--color-danger-700);
}
.woocommerce-orders-table__cell-order-status {
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-silver-500);
}
.woocommerce-orders-table__row--status-pending .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status {
  color: var(--color-gold-600);
}
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
  color: var(--color-success-700);
}
.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
  color: var(--color-danger-700);
}
.woocommerce-orders-table__cell-order-number a {
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--color-navy-800);
}
.woocommerce-orders-table__cell-order-actions,
.woocommerce-table__product-name .woocommerce-button,
.order-again {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.woocommerce-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
  padding: 0.4375rem 0.875rem;
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  white-space: nowrap;
  color: var(--color-navy-800);
  -webkit-transition: background-color 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, -webkit-box-shadow 160ms ease;
  transition: background-color 160ms ease, box-shadow 160ms ease;
  transition: background-color 160ms ease, box-shadow 160ms ease, -webkit-box-shadow 160ms ease;
  &:hover {
    background-color: var(--color-navy-100);
    -webkit-box-shadow: inset 0 0 0 1px var(--color-navy-800);
            box-shadow: inset 0 0 0 1px var(--color-navy-800);
    color: var(--color-navy-800);
  }
}
.woocommerce-button.pay {
  background-color: var(--color-navy-800);
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #ffffff;
  &:hover {
    background-color: var(--color-navy-700);
    -webkit-box-shadow: none;
            box-shadow: none;
    color: #ffffff;
  }
}
.woocommerce-order-details mark,
.woocommerce-MyAccount-content mark {
  background-color: transparent;
  font-family: var(--font-display);
  font-weight: 600;
  color: var(--color-navy-800);
}
.woocommerce-MyAccount-content > p:first-child {
  margin-block: 0 2rem;
  font-size: 1.0625rem;
}
.woocommerce-MyAccount-content > h2 {
  font-size: 1.25rem;
  margin-block: 2rem 1rem;
}
.woocommerce-table--order-details .order-actions--heading + td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.woocommerce-OrderUpdates {
  display: grid;
  gap: 0.875rem;
  margin-block: 0 2.5rem;
  padding: 0;
  list-style: none;
  li {
    -webkit-border-start: 2px solid var(--color-silver-200);
            border-inline-start: 2px solid var(--color-silver-200);
    -webkit-padding-start: 1rem;
            padding-inline-start: 1rem;
  }
  .woocommerce-OrderUpdate-meta {
    display: block;
    -webkit-margin-after: 0.125rem;
            margin-block-end: 0.125rem;
    font-size: 0.8125rem;
    color: var(--color-silver-500);
  }
  .woocommerce-OrderUpdate-description p {
    margin: 0;
  }
}
.account-addresses__intro {
  margin-block: 0 1.25rem;
}
.woocommerce-Addresses {
  display: grid;
  gap: 1rem;
  @media (width >= 48rem) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.woocommerce-Address {
  display: grid;
  gap: 0.75rem;
  -ms-flex-line-pack: start;
      align-content: start;
  height: 100%;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: var(--shadow-hairline);
          box-shadow: var(--shadow-hairline);
  padding: 1.5rem;
}
.woocommerce-Address-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem 1rem;
  h2 {
    font-size: 1.125rem;
  }
  .edit {
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-navy-600);
    border-bottom: 1px solid currentColor;
    &:hover {
      color: var(--color-navy-800);
    }
  }
}
.woocommerce-Address address {
  margin: 0;
  font-size: 0.9375rem;
  font-style: normal;
  line-height: 1.7;
  color: var(--color-graphite-600);
}
.woocommerce-EditAccountForm,
.woocommerce-address-fields {
  max-width: 34rem;
}
.woocommerce-ResetPassword {
  max-width: 26rem;
}
.woocommerce-EditAccountForm fieldset {
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
  border: 0;
  border-top: 1px solid var(--color-silver-200);
  padding: 1.5rem 0 0;
  legend {
    padding: 0;
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-navy-800);
  }
}
.woocommerce-page-wrap :is(.woocommerce-EditAccountForm, .woocommerce-address-fields) :is(em, .description) {
  display: inline-block;
  font-size: 0.8125rem;
  font-style: normal;
  line-height: 1.5;
  color: var(--color-silver-500);
}
html.has-cart-drawer {
  overflow: hidden;
}
.cart-drawer {
  position: fixed;
  inset: 0;
  z-index: 100;
}
.cart-drawer[hidden] {
  display: none;
}
.cart-drawer__veil {
  position: absolute;
  inset: 0;
  background-color: rgb(20 40 63 / 0.55);
  opacity: 0;
  -webkit-transition: opacity 240ms ease;
  transition: opacity 240ms ease;
}
.cart-drawer.is-open .cart-drawer__veil {
  opacity: 1;
}
.cart-drawer__panel {
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: min(100%, 30rem);
  background-color: var(--color-surface-0);
  -webkit-box-shadow: -18px 0 40px -24px rgb(30 58 95 / 0.55);
          box-shadow: -18px 0 40px -24px rgb(30 58 95 / 0.55);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
  transition: -webkit-transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
  transition: transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
  transition: transform 280ms cubic-bezier(0.32, 0.72, 0, 1), -webkit-transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
  @media (width >= 48rem) {
    width: 26rem;
  }
}
.cart-drawer.is-open .cart-drawer__panel {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.cart-drawer__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  -webkit-border-after: 1px solid var(--color-silver-200);
          border-block-end: 1px solid var(--color-silver-200);
  padding-inline: 1.25rem;
  padding-block: 1rem;
}
.cart-drawer__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: 1.125rem;
  font-weight: 700;
  color: var(--color-navy-800);
}
.cart-drawer__close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: var(--radius-pill);
  background-color: transparent;
  color: var(--color-graphite-600);
  cursor: pointer;
  -webkit-transition: background-color 160ms ease, color 160ms ease;
  transition: background-color 160ms ease, color 160ms ease;
  &:hover {
    background-color: var(--color-navy-100);
    color: var(--color-navy-800);
  }
}
.cart-drawer__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 0;
  -webkit-transition: opacity 160ms ease;
  transition: opacity 160ms ease;
}
.cart-drawer.is-busy .cart-drawer__body {
  opacity: 0.55;
  pointer-events: none;
}
.cart-drawer__count {
  margin: 0;
  padding-inline: 1.25rem;
  padding-block: 0.75rem 0;
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
.cart-drawer__list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  margin: 0;
  padding: 0.75rem 1.25rem 1.25rem;
  list-style: none;
}
.cart-drawer-item {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr) auto;
  gap: 0.875rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding-block: 0.875rem;
  & + & {
    -webkit-border-before: 1px solid var(--color-silver-200);
            border-block-start: 1px solid var(--color-silver-200);
  }
}
.cart-drawer-item__media {
  display: block;
  border-radius: var(--radius-card);
  background-color: var(--color-surface-50);
  overflow: hidden;
  img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.cart-drawer-item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4375rem;
  min-width: 0;
}
.cart-drawer-item__title {
  margin: 0;
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--color-ink-900);
  a {
    color: inherit;
    &:hover {
      color: var(--color-navy-600);
    }
  }
}
.cart-drawer-item__meta {
  margin: 0;
  font-size: 0.75rem;
  color: var(--color-silver-500);
}
.cart-drawer-item__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}
.cart-drawer-item__single {
  font-size: 0.75rem;
  color: var(--color-silver-500);
}
.cart-drawer-item__total {
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 700;
  white-space: nowrap;
  color: var(--color-navy-800);
}
.cart-drawer-item__remove {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: var(--radius-pill);
  background-color: transparent;
  color: var(--color-silver-500);
  cursor: pointer;
  -webkit-transition: background-color 160ms ease, color 160ms ease;
  transition: background-color 160ms ease, color 160ms ease;
  &:hover {
    background-color: var(--color-navy-100);
    color: var(--color-danger-700);
  }
}
.cart-drawer-qty {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: var(--radius-pill);
  -webkit-box-shadow: inset 0 0 0 1px var(--color-silver-200);
          box-shadow: inset 0 0 0 1px var(--color-silver-200);
}
.cart-drawer-qty__step {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  border: 0;
  border-radius: var(--radius-pill);
  background-color: transparent;
  color: var(--color-navy-800);
  cursor: pointer;
  -webkit-transition: background-color 160ms ease;
  transition: background-color 160ms ease;
  &:hover:not(:disabled) {
    background-color: var(--color-navy-100);
  }
  &:disabled {
    color: var(--color-silver-400);
    cursor: not-allowed;
  }
}
.cart-drawer-qty__value {
  min-width: 1.5rem;
  text-align: center;
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 600;
  color: var(--color-ink-900);
}
.cart-drawer__foot {
  -webkit-border-before: 1px solid var(--color-silver-200);
          border-block-start: 1px solid var(--color-silver-200);
  background-color: var(--color-surface-0);
  padding: 1.125rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom));
}
.cart-drawer__total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  font-family: var(--font-display);
  color: var(--color-navy-800);
  span {
    font-size: 0.9375rem;
    font-weight: 600;
  }
  strong {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
}
.cart-drawer__installment {
  margin: 0.125rem 0 0;
  font-size: 0.8125rem;
  color: var(--color-graphite-600);
}
.cart-drawer__pix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
  margin: 0.25rem 0 0;
  font-family: var(--font-display);
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--color-gold-600);
}
.cart-drawer__saving {
  margin: 0.125rem 0 0;
  -webkit-padding-start: 1.125rem;
          padding-inline-start: 1.125rem;
  font-size: 0.75rem;
  color: var(--color-silver-500);
}
.cart-drawer__note {
  margin: 0.5rem 0 0.875rem;
  font-size: 0.75rem;
  color: var(--color-silver-500);
}
.cart-drawer__checkout,
.cart-drawer__view {
  width: 100%;
}
.cart-drawer__view {
  -webkit-margin-before: 0.5rem;
          margin-block-start: 0.5rem;
}
.cart-drawer__empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.875rem;
  padding: 2rem 1.5rem;
  text-align: center;
  color: var(--color-silver-400);
  p {
    margin: 0;
    font-size: 0.9375rem;
    color: var(--color-graphite-600);
  }
}
.add_to_cart_button.is-added,
.single_add_to_cart_button.is-added {
  position: relative;
}
.add_to_cart_button.is-added::after,
.single_add_to_cart_button.is-added::after {
  content: attr(data-added-label);
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: inherit;
  background-color: var(--color-success-700);
  font-family: var(--font-display);
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
}
.single_add_to_cart_button.is-loading {
  opacity: 0.65;
  cursor: progress;
}
@media (prefers-reduced-motion: reduce) {
  .cart-drawer__panel,
    .cart-drawer__veil,
    .cart-drawer__body {
    -webkit-transition: none;
    transition: none;
  }
}
.masthead-bar:has(.nav-drawer[open]) {
  z-index: 110;
}
html:has(.nav-drawer[open]) {
  overflow: hidden;
}
.nav-drawer__veil {
  position: fixed;
  inset: 0;
  z-index: 90;
  background-color: rgb(20 40 63 / 0.55);
  opacity: 0;
  -webkit-transition: opacity 240ms ease;
  transition: opacity 240ms ease;
}
.nav-drawer.is-open .nav-drawer__veil {
  opacity: 1;
}
.nav-drawer__panel {
  position: fixed;
  inset-block: 0;
  inset-inline-start: 0;
  z-index: 91;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: min(100%, 30rem);
  @media (width >= 48rem) {
    width: 23rem;
  }
  background-color: var(--color-surface-0);
  -webkit-box-shadow: 18px 0 40px -24px rgb(30 58 95 / 0.55);
          box-shadow: 18px 0 40px -24px rgb(30 58 95 / 0.55);
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
  transition: -webkit-transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
  transition: transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
  transition: transform 280ms cubic-bezier(0.32, 0.72, 0, 1), -webkit-transform 280ms cubic-bezier(0.32, 0.72, 0, 1);
}
.nav-drawer.is-open .nav-drawer__panel {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.nav-drawer__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  background-color: var(--color-navy-900);
  padding-inline: 1.25rem;
  padding-block: 1.125rem;
  -webkit-padding-before: calc(1.125rem + env(safe-area-inset-top));
          padding-block-start: calc(1.125rem + env(safe-area-inset-top));
}
.nav-drawer__brand {
  display: block;
  width: auto;
  height: 2.25rem;
}
.nav-drawer__close {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 0;
  border-radius: var(--radius-pill);
  background-color: transparent;
  color: rgb(255 255 255 / 0.75);
  cursor: pointer;
  -webkit-transition: background-color 160ms ease, color 160ms ease;
  transition: background-color 160ms ease, color 160ms ease;
  &:hover {
    background-color: rgb(255 255 255 / 0.12);
    color: #ffffff;
  }
}
.nav-drawer__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 0;
  overflow-y: auto;
  -ms-scroll-chaining: none;
      overscroll-behavior: contain;
}
.nav-drawer__list {
  margin: 0;
  padding: 0;
  list-style: none;
  a {
    display: block;
    padding-block: 0.8125rem;
    padding-inline: 1.25rem;
    font-family: var(--font-display);
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.3;
    color: var(--color-navy-800);
    -webkit-transition: background-color 160ms ease, color 160ms ease;
    transition: background-color 160ms ease, color 160ms ease;
    &:hover {
      background-color: var(--color-surface-50);
    }
  }
  li + li a {
    -webkit-border-before: 1px solid var(--color-silver-200);
            border-block-start: 1px solid var(--color-silver-200);
  }
  .current-menu-item > a {
    background-color: var(--color-navy-800);
    color: #ffffff;
    &:hover {
      background-color: var(--color-navy-700);
      color: #ffffff;
    }
  }
}
.nav-drawer__foot {
  -webkit-border-before: 1px solid var(--color-silver-200);
          border-block-start: 1px solid var(--color-silver-200);
  padding: 1.125rem 1.25rem calc(1.125rem + env(safe-area-inset-bottom));
  text-align: center;
}
.nav-drawer__whatsapp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  border-radius: var(--radius-pill);
  background-color: var(--color-whatsapp-500);
  padding-block: 0.6875rem;
  font-family: var(--font-display);
  font-size: 0.9375rem;
  font-weight: 600;
  color: #ffffff;
  -webkit-transition: background-color 160ms ease;
  transition: background-color 160ms ease;
  &:hover {
    background-color: var(--color-whatsapp-600);
    color: #ffffff;
  }
}
.nav-drawer__phone {
  display: block;
  -webkit-margin-before: 0.875rem;
          margin-block-start: 0.875rem;
  font-family: var(--font-display);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--color-navy-800);
  &:hover {
    color: var(--color-navy-600);
  }
}
.nav-drawer__hours {
  margin: 0.125rem 0 0;
  font-size: 0.8125rem;
  color: var(--color-silver-500);
}
@media (prefers-reduced-motion: reduce) {
  .nav-drawer__panel,
    .nav-drawer__veil {
    -webkit-transition: none;
    transition: none;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    ::-ms-backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
    }
  }
}