
        @media (prefers-reduced-motion: no-preference) {
          @view-transition {
            navigation: auto;
          }
        }
      

    :root {
      --hover-lift-amount: 4px;
      --hover-scale-amount: 1.03;
      --hover-subtle-zoom-amount: 1.015;
    }

    @media (any-pointer: fine) and (prefers-reduced-motion: no-preference) {
      

      

      
        .card-hover-effect-subtle-zoom .card-gallery,
        .card-hover-effect-subtle-zoom .collection-card__image,
        .card-hover-effect-subtle-zoom .product-card__image {
          overflow: hidden;
          transition: transform var(--hover-transition-duration) var(--hover-transition-timing);
        }

        .card-hover-effect-subtle-zoom .product-card:hover .card-gallery,
        .card-hover-effect-subtle-zoom .collection-card:hover .collection-card__image,
        .card-hover-effect-subtle-zoom .product-card:hover .product-card__image,
        .card-hover-effect-subtle-zoom .predictive-search-results__card:hover {
          transform: scale(var(--hover-subtle-zoom-amount));
        }
      
    }
  

@font-face {
  font-family: Manrope;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../assets/source/manrope_n4.cd2363f838fb1ef03bdb07c829c7c992d417dd64.woff2") format("woff2"),
       url("../assets/source/manrope_n4.08b75e0e22a3f7267f64ccf115e9fb6d79fc1ce7.woff") format("woff");
}
@font-face {
  font-family: Manrope;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../assets/source/manrope_n7.f3a06f9634c15008fe4637ba89fefcc8a1b93fbd.woff2") format("woff2"),
       url("../assets/source/manrope_n7.6dba97311355640bc9b07a590354f08bc8fcc79f.woff") format("woff");
}
@font-face {
  font-family: Montserrat;
  font-weight: 800;
  font-style: normal;
  font-display: swap;
  src: url("../assets/source/montserrat_n8.853056e398b4dadf6838423edb7abaa02f651554.woff2") format("woff2"),
       url("../assets/source/montserrat_n8.9201aba6104751e1b3e48577a5a739fc14862200.woff") format("woff");
}
@font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("../assets/source/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
       url("../assets/source/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
}
@font-face {
  font-family: Montserrat;
  font-weight: 800;
  font-style: italic;
  font-display: swap;
  src: url("../assets/source/montserrat_i8.b5b703476aa25307888d32fbbb26f33913f79842.woff2") format("woff2"),
       url("../assets/source/montserrat_i8.1037a8c7c9042232c15d221799b18df65709cdd0.woff") format("woff");
}
@font-face {
  font-family: Montserrat;
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  src: url("../assets/source/montserrat_i7.a0d4a463df4f146567d871890ffb3c80408e7732.woff2") format("woff2"),
       url("../assets/source/montserrat_i7.f6ec9f2a0681acc6f8152c40921d2a4d2e1a2c78.woff") format("woff");
}


  :root {
    /* Page Layout */
    --sidebar-width: 25rem;
    --theme-drawer-width: 30rem;
    --narrow-content-width: 36rem;
    --normal-content-width: 42rem;
    --narrow-page-width: 90rem;
    --normal-page-width: 120rem;
    --wide-page-width: 150rem;

    /* Section Heights */
    --section-height-small: 15rem;
    --section-height-medium: 25rem;
    --section-height-large: 35rem;

    @media screen and (min-width: 40em) {
      --section-height-small: 40svh;
      --section-height-medium: 55svh;
      --section-height-large: 70svh;
    }

    @media screen and (min-width: 60em) {
      --section-height-small: 50svh;
      --section-height-medium: 65svh;
      --section-height-large: 80svh;
    }

    /* Letter spacing */
    --letter-spacing-sm: 0.06em;

    /* Font families */
    --font-body--family: Manrope, sans-serif;
    --font-body--style: normal;
    --font-body--weight: 400;
    --font-subheading--family: Manrope, sans-serif;
    --font-subheading--style: normal;
    --font-subheading--weight: 700;
    --font-heading--family: Montserrat, sans-serif;
    --font-heading--style: normal;
    --font-heading--weight: 800;
    --font-accent--family: Montserrat, sans-serif;
    --font-accent--style: normal;
    --font-accent--weight: 800;

    /* Margin sizes */
    --font-heading--spacing: 0.25em;
    --font-h1--spacing: var(--font-heading--spacing);
    --font-h2--spacing: var(--font-heading--spacing);
    --font-h3--spacing: var(--font-heading--spacing);
    --font-h4--spacing: var(--font-heading--spacing);
    --font-h5--spacing: var(--font-heading--spacing);
    --font-h6--spacing: var(--font-heading--spacing);
    --font-paragraph--spacing: 0.5em;

    /** Z-Index / Layering */
    --layer-section-background: -2;
    --layer-lowest: -1;
    --layer-base: 0;
    --layer-flat: 1;
    --layer-raised: 2;
    --layer-heightened: 4;
    --layer-sticky: 8;
    --layer-window-overlay: 10;
    --layer-header-menu: 12;
    --layer-overlay: 16;
    --layer-menu-drawer: 18;
    --layer-temporary: 20;

    /* Max-width / Measure */
    --max-width--body-normal: 32.5em;
    --max-width--body-narrow: 22.75em;

    --max-width--heading-normal: 32.5em;
    --max-width--heading-narrow: 19.5em;

    --max-width--display-normal: 13em;
    --max-width--display-narrow: 9.75em;
    --max-width--display-tight: 3.25em;

    /* Letter-spacing / Tracking */
    --letter-spacing--display-tight: -0.03em;
    --letter-spacing--display-normal: 0em;
    --letter-spacing--display-loose: 0.03em;

    --letter-spacing--heading-tight: -0.03em;
    --letter-spacing--heading-normal: 0em;
    --letter-spacing--heading-loose: 0.03em;

    --letter-spacing--body-tight: -0.03em;
    --letter-spacing--body-normal: 0em;
    --letter-spacing--body-loose: 0.03em;

    /* Line height / Leading */
    --line-height: 1;

    --line-height--display-tight: 1;
    --line-height--display-normal: 1.1;
    --line-height--display-loose: 1.2;

    --line-height--heading-tight: 1.15;
    --line-height--heading-normal: 1.25;
    --line-height--heading-loose: 1.35;

    --line-height--body-tight: 1.2;
    --line-height--body-normal: 1.4;
    --line-height--body-loose: 1.6;

    /* Typography presets */
    --font-size--paragraph: 1.125rem;--font-size--h1: clamp(2.25rem, 7.2vw, 4.5rem);--font-size--h2: 2.0rem;--font-size--h3: 1.5rem;--font-size--h4: 0.875rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-primary--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-primary--family);--font-h1--style: var(--font-primary--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-primary--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-primary--family);--font-h2--style: var(--font-primary--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-primary--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-primary--family);--font-h3--style: var(--font-primary--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-secondary--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-secondary--family);--font-h4--style: var(--font-secondary--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-body--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-body--family);--font-h5--style: var(--font-body--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-loose);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-normal);

    /* Hardcoded font sizes */
    --font-size--3xs: 0.625rem;
    --font-size--2xs: 0.75rem;
    --font-size--xs: 0.8125rem;
    --font-size--sm: 0.875rem;
    --font-size--md: 1rem;
    --font-size--lg: 1.125rem;
    --font-size--xl: 1.25rem;
    --font-size--2xl: 1.5rem;
    --font-size--3xl: 2rem;
    --font-size--4xl: 2.5rem;
    --font-size--5xl: 3rem;
    --font-size--6xl: 3.5rem;

    /* Menu font sizes */
    --menu-font-sm--size: 0.875rem;
    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
    --menu-font-md--size: 1rem;
    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
    --menu-font-xl--size: 1.25rem;
    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
    --menu-font-2xl--size: 1.75rem;
    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));

    /* Colors */
    --color-error: #8B0000;
    --color-success: #006400;
    --color-white: #FFFFFF;
    --color-white-rgb: 255 255 255;
    --color-instock: #3ED660;
    --color-lowstock: #EE9441;
    --color-outofstock: #C8C8C8;

    /* Opacity */
    --opacity-5: 0.05;
    --opacity-8: 0.08;
    --opacity-10: 0.1;
    --opacity-15: 0.15;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-80: 0.8;
    --opacity-85: 0.85;
    --opacity-90: 0.9;
    --opacity-subdued-text: 0.8;
    --opacity-muted-text: 0.6;

    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);

    /* Spacing */
    --margin-3xs: 0.125rem;
    --margin-2xs: 0.3rem;
    --margin-xs: 0.5rem;
    --margin-sm: 0.7rem;
    --margin-md: 0.8rem;
    --margin-lg: 1rem;
    --margin-xl: 1.25rem;
    --margin-2xl: 1.5rem;
    --margin-4xl: 2rem;
    --margin-6xl: 5rem;


    --padding-3xs: 0.125rem;
    --padding-2xs: 0.25rem;
    --padding-xs: 0.5rem;
    --padding-sm: 0.7rem;
    --padding-md: 0.8rem;
    --padding-lg: 1rem;
    --padding-xl: 1.25rem;
    --padding-2xl: 1.5rem;
    --padding-3xl: 1.75rem;
    --padding-4xl: 2rem;
    --padding-5xl: 3rem;
    --padding-6xl: 4rem;

    --gap-3xs: 0.125rem;
    --gap-2xs: 0.3rem;
    --gap-xs: 0.5rem;
    --gap-sm: 0.7rem;
    --gap-md: 0.9rem;
    --gap-lg: 1rem;
    --gap-xl: 1.25rem;
    --gap-2xl: 2rem;
    --gap-3xl: 3rem;

    --spacing-scale-md: 0.7;
    --spacing-scale-default: 1.0;

    /* Checkout buttons gap */
    --checkout-button-gap: 10px;

    /* Borders */
    --style-border-width: 1px;
    --style-border-radius-xs: 0.2rem;
    --style-border-radius-sm: 0.6rem;
    --style-border-radius-md: 0.8rem;
    --style-border-radius-50: 50%;
    --style-border-radius-lg: 1rem;
    --style-border-radius-pills: 40px;
    --style-border-radius-inputs: 8px;
    --style-border-radius-buttons-primary: 2px;
    --style-border-radius-buttons-secondary: 0px;
    --style-border-width-primary: 1px;
    --style-border-width-secondary: 1px;
    --style-border-width-inputs: 1px;
    --style-border-radius-popover: 8px;
    --style-border-popover: 0px solid #030302;
    --style-border-drawer: 1px solid #030302;
    --style-border-swatch-opacity: 10%;
    --style-border-swatch-width: 1px;
    --style-border-swatch-style: solid;

    /* Animation */
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
    --animation-speed-fast: 0.0625s;
    --animation-speed: 0.125s;
    --animation-speed-slow: 0.2s;
    --animation-speed-medium: 0.15s;
    --animation-easing: ease-in-out;
    --drawer-animation-speed: 0.2s;
    --animation-values: var(--animation-speed) var(--animation-easing);
    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
    --spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
    --spring-d300-b0-duration: 0.4980s;
    --spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
    --spring-d280-b0-duration: 0.4648s;
    --spring-d220-b0-easing: linear(
      0,
      0.0093 1.37%,
      0.0696 4.12%,
      0.4667 15.09%,
      0.6322 20.58%,
      0.6986 23.32%,
      0.7793 27.44%,
      0.8219 30.18%,
      0.8721,
      0.9089 38.42%,
      0.9427,
      0.9644,
      0.978 54.88%,
      0.9881 61.74%,
      0.9944 69.97%,
      0.998 80.95%,
      0.9996 98.78%
    );
    --spring-d220-b0-duration: 0.3818s;
    --spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
    --spring-d180-b0-duration: 0.2988s;

    /* View transitions */
    /* View transition old */
    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;

    /* View transition new */
    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;

    /* Focus */
    --focus-outline-width: 0.09375rem;
    --focus-outline-offset: 0.2em;

    /* Badges */
    --badge-rectangle-padding-block: 1px;
    --badge-rectangle-padding-inline: 6px;
    @media screen and (min-width: 750px) {
      --badge-rectangle-padding-block: 4px;
      --badge-rectangle-padding-inline: 10px;
    }

    /* Icons */
    --icon-size-2xs: 0.6rem;
    --icon-size-xs: 0.85rem;
    --icon-size-sm: 1.25rem;
    --icon-size-md: 1.375rem;
    --icon-size-lg: 1.5rem;
    --icon-stroke-width: 2px;

    /* Input */
    --input-padding-y: 0.8rem;
    --input-padding-x: 0.8rem;
    --input-padding: var(--input-padding-y) var(--input-padding-x);
    --input-box-shadow-width: var(--style-border-width-inputs);
    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --input-textarea-min-height: 55px;

    /* Checkbox */
    --checkbox-size: 22px;
    --checkbox-border-radius: 7px;
    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
    --checkbox-label-padding: 8px;

    @media screen and (min-width: 750px) {
      --checkbox-size: 16px;
      --checkbox-border-radius: 5px;
      --checkbox-label-padding: 6px;
    }

    /* Button size */
    --button-size-md: 36px;
    --button-size: var(--minimum-touch-target);
    --button-padding-inline: 24px;
    --button-padding-block: 16px;

    /* Button font-family */
    --button-font-family-primary: var(--font-body--family);
    --button-font-family-secondary: var(--font-body--family);

    /* Button text case */
    --button-text-case-primary: default;
    --button-text-case-secondary: default;

    /* Borders */
    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
    --border-width-sm: 1px;
    --border-radius-sm: 0.25rem;

    /* Drawers */
    --drawer-header-desktop-top: 0rem;
    --drawer-padding: calc(var(--padding-sm) + 7px);
    --drawer-height: 100dvh;
    --drawer-width: 95vw;
    --drawer-max-width: 500px;

    /* Variant Picker Swatches */
    --variant-picker-swatch-width-unitless: 25;
    --variant-picker-swatch-height-unitless: 25;
    --variant-picker-swatch-width: 25px;
    --variant-picker-swatch-height: 25px;
    --variant-picker-swatch-radius: 100px;
    --variant-picker-border-width: 1px;
    --variant-picker-border-style: solid;
    --variant-picker-border-opacity: 10%;

    /* Variant Picker Buttons */
    --variant-picker-button-radius: 2px;
    --variant-picker-button-border-width: 1px;
    --variant-option-label-color: var(--color, var(--color-foreground));

    /* Slideshow */
    --slideshow-controls-icon: 2rem;
    --peek-next-slide-size: 3rem;

    /* Utilities */
    --backdrop-opacity: 0.15;
    --backdrop-color-rgb: var(--color-shadow-rgb);
    --minimum-touch-target: 44px;
    --disabled-opacity: 0.5;
    --skeleton-opacity: 0.025;

    /* Shapes */

    /* Buy buttons */
    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));

    /* Card image width and height variables */
    --card-width-small: 10rem;

    --height-small: 10rem;

    @media screen and (min-width: 750px) {
      --height-small: 17.5rem;
    }

    /* Modal */
    --modal-max-height: 65dvh;
    --quick-add-modal-height: min(38.5rem, 96vh);
    --quick-add-modal-width: min(54rem, 96vw);
    --quick-add-modal-gallery-width: 24rem;

    /* Card styles for search */
    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));

    /* Cart */
    --cart-primary-font-family: var(--font-body--family);
    --cart-primary-font-style: var(--font-body--style);
    --cart-primary-font-weight: var(--font-body--weight);
    --cart-secondary-font-family: var(--font-body--family);
    --cart-secondary-font-style: var(--font-body--style);
    --cart-secondary-font-weight: var(--font-body--weight);
  }

  .custom-color-quick-add {
    --quick-add-background: #ffffff;
    --quick-add-foreground: #030302c2;
  }


    .color-custom-popover,
    .color-custom-popover .text-block {
      /* Background */
      --color-background: #ffffff;
      --color-background-rgb: 255 255 255;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #030302c2;
        --color-rgb: 3 3 2;
        --color-foreground: #030302c2;
        --color-foreground-rgb: 3 3 2;
        --color-foreground-muted: rgb(3 3 2 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(3 3 2 / var(--opacity-subdued-text));
        --color-border: #030302;
        --color-border-rgb: 3 3 2;
      
    }

    
      .color-custom-popover {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(3 3 2 / var(--opacity-10));
        --input-disabled-border-color: rgb(3 3 2 / var(--opacity-5));
        --input-disabled-text-color: rgb(3 3 2 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(3 3 2 / var(--opacity-35-55));
      }
    

    .color-custom-popover {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  

    .color-custom-drawer,
    .color-custom-drawer .text-block {
      /* Background */
      --color-background: #ffffff;
      --color-background-rgb: 255 255 255;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #030302c2;
        --color-rgb: 3 3 2;
        --color-foreground: #030302c2;
        --color-foreground-rgb: 3 3 2;
        --color-foreground-muted: rgb(3 3 2 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(3 3 2 / var(--opacity-subdued-text));
        --color-border: #030302;
        --color-border-rgb: 3 3 2;
      
    }

    
      .color-custom-drawer {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(3 3 2 / var(--opacity-10));
        --input-disabled-border-color: rgb(3 3 2 / var(--opacity-5));
        --input-disabled-text-color: rgb(3 3 2 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(3 3 2 / var(--opacity-35-55));
      }
    

    .color-custom-drawer {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  

    .color-custom-badge-sale,
    .color-custom-badge-sale .text-block {
      /* Background */
      --color-background: #ffffff;
      --color-background-rgb: 255 255 255;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #030302c2;
        --color-rgb: 3 3 2;
        --color-foreground: #030302c2;
        --color-foreground-rgb: 3 3 2;
        --color-foreground-muted: rgb(3 3 2 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(3 3 2 / var(--opacity-subdued-text));
        --color-border: #030302c2;
        --color-border-rgb: 3 3 2;
      
    }

    
      .color-custom-badge-sale {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(3 3 2 / var(--opacity-10));
        --input-disabled-border-color: rgb(3 3 2 / var(--opacity-5));
        --input-disabled-text-color: rgb(3 3 2 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(3 3 2 / var(--opacity-35-55));
      }
    

    .color-custom-badge-sale {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  

    .color-custom-badge-sold-out,
    .color-custom-badge-sold-out .text-block {
      /* Background */
      --color-background: #000000;
      --color-background-rgb: 0 0 0;

      /* Opacity values adjusted for background brightness */
      
--opacity-5-15: 0.15; --opacity-10-25: 0.25; --opacity-35-55: 0.55; --opacity-40-60:
0.6; --opacity-30-60: 0.6; --opacity-60: 0.6;


      
        /* Foreground / text — explicit or smart-contrasted */
        --color: #ffffff;
        --color-rgb: 255 255 255;
        --color-foreground: #ffffff;
        --color-foreground-rgb: 255 255 255;
        --color-foreground-muted: rgb(255 255 255 / var(--opacity-muted-text));
        --color-foreground-subdued: rgb(255 255 255 / var(--opacity-subdued-text));
        --color-border: #ffffff;
        --color-border-rgb: 255 255 255;
      
    }

    
      .color-custom-badge-sold-out {
        /* Form-related tokens stay on .color-custom only — .text-block is a prose
           container (text/announcement/inline-text/blog-post-description/
           collection-link/price/sku) and never holds form inputs. */
        --input-disabled-background-color: rgb(255 255 255 / var(--opacity-10));
        --input-disabled-border-color: rgb(255 255 255 / var(--opacity-5));
        --input-disabled-text-color: rgb(255 255 255 / var(--opacity-50));
        --checkbox-border: 1px solid rgb(255 255 255 / var(--opacity-35-55));
      }
    

    .color-custom-badge-sold-out {
      color: var(--color, var(--color-foreground));
      background-color: var(--color-background);
    }
  

  /* Palette colors */
  :root {
    --color-background: #ffffff;
    --color-background-rgb: 255 255 255;
    --color-foreground: #030302;
    --color-foreground-rgb: 3 3 2;
    --color-border: #030302;
    --color-border-rgb: 3 3 2;
    --palette-lightest: #ffffff;
    --palette-lightest-rgb: 255 255 255;
    --palette-darkest: #000000;
    --palette-darkest-rgb: 0 0 0;
    
--opacity-5-15: 0.05; --opacity-10-25: 0.1; --opacity-35-55: 0.35; --opacity-40-60:
0.4; --opacity-30-60: 0.3; --opacity-60: 0.6;


    --color-primary-button-text: rgb(255 255 255 / 1.0);
    --color-primary-button-background: rgb(3 3 2 / 1.0);
    --color-primary-button-border: rgb(3 3 2 / 1.0);
    --color-primary-button-focus-outline: rgb(3 3 2);
    --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
    --color-primary-button-hover-background: #313121;
    --color-primary-button-hover-border: #313121;

    --color-secondary-button-text: rgb(3 3 2 / 1.0);
    --color-secondary-button-background: rgb(0 0 0 / 0.0);
    --color-secondary-button-border: rgb(211 206 197 / 1.0);
    --color-secondary-button-hover-text: rgb(3 3 2 / 1.0);
    --color-secondary-button-hover-background: rgba(0, 0, 0, 0.15);
    --color-secondary-button-hover-border: #c8c2b7;

    --color-input-background: rgb(211 206 197 / 0.09);
    --color-input-text: rgb(3 3 2 / 1.0);
    --color-input-text-rgb: 3 3 2;
    --color-input-border: rgb(211 206 197 / 1.0);

    --color-variant-background: rgb(0 0 0 / 0.0);
    --color-variant-border: rgb(3 3 2 / 0.11);
    --color-variant-text: rgb(0 0 0 / 1.0);
    --color-variant-text-rgb: 0 0 0;
    --color-variant-hover-background: rgba(0, 0, 0, 0.15);
    --color-variant-hover-text: rgb(0 0 0 / 1.0);
    --color-variant-hover-border: rgba(3, 3, 2, 0.26);

    --color-selected-variant-background: rgb(0 0 0 / 0.0);
    --color-selected-variant-border: rgb(3 3 2 / 1.0);
    --color-selected-variant-text: rgb(3 3 2 / 1.0);
    --color-selected-variant-text-rgb: 3 3 2;
    --color-selected-variant-hover-background: rgba(0, 0, 0, 0.15);
    --color-selected-variant-hover-text: rgb(3 3 2 / 1.0);
    --color-selected-variant-hover-border: #313121;

    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
    --color-foreground-muted: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
    --color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
    --color-drawer-shadow-rgb: ;
    --color-popover-shadow-rgb: 3 3 2;

    /* Shadows */
    
    
      --shadow-blur: 20px;
      --shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
    
  }

  body {
    color: var(--color-foreground);
    background-color: var(--color-background);
  }

.jdgm-xx{left:0}:root{--jdgm-primary-color: #108474;--jdgm-secondary-color: rgba(16,132,116,0.1);--jdgm-star-color: #108474;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #108474;--jdgm-paginate-color: #108474;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #108474}.jdgm-histogram__bar-content{background-color:#108474}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#108474}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_etsy"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_google_business"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_written_in_shop_app"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #108474;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'HL Fitness'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}



  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}



  #search-modal{--hl-search-accent:#e9432c}
  #search-modal .search-modal__content[open]{display:block!important;grid-template-columns:1fr!important}
  #search-modal predictive-search-component{display:block!important;width:100%!important;min-width:0!important}
  #search-modal .predictive-search-results__clear{white-space:nowrap!important;font-size:11px!important;letter-spacing:0!important;flex:none!important}
  body[data-brand-division="uniforms"] #search-modal{--hl-search-accent:#5d6669}
  #search-modal .search-modal__content{width:min(920px,calc(100vw - 48px))!important;max-height:calc(100dvh - 64px)!important;margin:32px auto!important;padding:0!important;border:1px solid #ffffff90!important;border-radius:28px!important;background:#f4f2ee!important;box-shadow:0 32px 100px #11131835!important;overflow:hidden!important;color:#202323}
  #search-modal .search-modal__content::backdrop{display:block!important;background:#10131370;backdrop-filter:blur(9px)}
  #search-modal .hl-search-heading{margin:0;padding:26px 30px 8px;font-size:clamp(22px,3vw,30px);font-weight:650;letter-spacing:-.035em;line-height:1.2;color:#202323}
  #search-modal .hl-search-heading:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--hl-search-accent);vertical-align:middle;margin-right:12px}
  #search-modal .predictive-search{background:transparent!important;color:#202323!important;--color-background:#f4f2ee;--color-foreground:#202323;--color-border:#dedbd5}
  #search-modal .predictive-search-form__header{padding:16px 30px 22px!important;border:0!important;background:transparent!important;gap:12px;align-items:center}
  #search-modal .predictive-search-form__header-inner{position:relative!important;border:1px solid #dad7d0!important;background:#fff!important;border-radius:16px!important;min-height:58px;overflow:hidden;box-shadow:0 2px 5px #15171804;transition:border-color .2s,box-shadow .2s}
  #search-modal .predictive-search-form__header-inner:focus-within{border-color:var(--hl-search-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--hl-search-accent) 12%,transparent)!important}
  #search-modal input.search-input{padding:17px 76px 17px 50px!important;font-size:17px!important;background:transparent!important;border:0!important;border-radius:16px!important;outline:none!important;box-shadow:none!important;min-width:0;width:100%;color:#202323}
  #search-modal input.search-input::placeholder{color:#858883;opacity:1}
  #search-modal .predictive-search__icon{left:18px!important;inset-inline-start:18px!important;width:20px;height:20px;color:#616663}
  #search-modal .predictive-search__reset-button{font-size:12px;color:#676c69;right:14px!important}
  #search-modal .predictive-search__close-modal-button{width:42px!important;height:42px!important;min-width:42px!important;padding:11px!important;border:1px solid #dedbd5!important;border-radius:50%!important;background:#ebe8e2!important;color:#343937!important;box-shadow:none!important;transition:background .2s,transform .2s}
  #search-modal .predictive-search__close-modal-button:hover{background:#dedad2!important;transform:rotate(90deg)}
  #search-modal .predictive-search-form__content{max-height:calc(100dvh - 300px)!important;overflow-y:auto!important;overscroll-behavior:contain;padding:0 30px 24px!important}
  #search-modal .predictive-search-results__inner{padding:0!important;background:transparent!important}
  #search-modal .predictive-search-results__title{font-size:13px!important;font-weight:700!important;letter-spacing:.07em;text-transform:uppercase;margin:12px 0 16px!important;color:#747b75}
  #search-modal .predictive-search-results__wrapper-products{gap:16px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
  #search-modal .predictive-search-results__card{min-width:0;border-radius:16px!important;background:transparent!important;box-shadow:none!important}
  #search-modal .resource-card__media{border-radius:16px!important;overflow:hidden!important;background:#e8e8e6!important;aspect-ratio:1!important}
  #search-modal .resource-card__image{object-fit:contain!important}
  #search-modal .resource-card__title{font-size:13px!important;font-weight:600!important;line-height:1.4!important;overflow-wrap:anywhere;letter-spacing:0}
  #search-modal .predictive-search-form__footer{padding:0 30px 24px!important;background:transparent!important;border:0!important}
  #search-modal .predictive-search__search-button{border-radius:14px!important;background:#242827!important;color:#fff!important;border:0!important;padding:15px 24px!important;font-size:13px!important;font-weight:650!important;box-shadow:none!important;transition:background .2s}
  #search-modal .predictive-search__search-button:hover{background:var(--hl-search-accent)!important}
  @media(max-width:749px){#search-modal .search-modal__content{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;margin:12px auto!important;border-radius:22px!important;position:fixed!important;inset:0!important;height:fit-content!important}#search-modal .hl-search-heading{padding:22px 20px 6px}#search-modal .predictive-search-form__header{padding:14px 16px 18px!important;gap:8px}#search-modal .predictive-search-form__header-inner{min-height:54px;border-radius:14px!important}#search-modal input.search-input{font-size:16px!important;padding:16px 58px 16px 43px!important}#search-modal .predictive-search__icon{left:14px!important;inset-inline-start:14px!important}#search-modal .predictive-search-form__content{padding:0 20px 20px!important;max-height:calc(100dvh - 265px)!important}#search-modal .predictive-search-results__wrapper-products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px 12px!important}#search-modal .predictive-search-form__footer{padding:0 20px 20px!important}#search-modal .resource-card__media{border-radius:12px!important}}
  @media(prefers-reduced-motion:reduce){#search-modal *{transition:none!important}}


.hl-collection-hero__category-art img{object-fit:contain!important;width:100%;height:100%;border-radius:20px}.u-collection-category-art{width:min(480px,90vw);margin:0 auto 24px;aspect-ratio:1;overflow:hidden;border-radius:24px}.u-collection-category-art img{width:100%;height:100%;object-fit:contain}
#MainContent .hl-collection-hero--category-art .hl-collection-hero__category-art>img{object-fit:contain!important;min-height:0!important;height:100%!important;max-height:100%!important;width:100%!important;position:relative!important;inset:auto!important}
@media(max-width:749px){#MainContent .hl-collection-hero--category-art .hl-collection-hero__visual{display:block!important;width:min(100%,320px)!important;height:260px!important;min-height:260px!important;max-height:260px!important;margin:0 auto!important}#MainContent .hl-collection-hero--category-art .hl-collection-hero__category-art{height:260px!important;min-height:0!important}.u-collection-category-art{width:min(280px,80vw)}}
#MainContent .product-information variant-picker .variant-option--swatches label.variant-option__button-label{border:0!important;background:transparent!important;box-shadow:none!important}
#MainContent .product-information media-gallery{width:100%;max-width:760px;justify-self:center;margin-inline:auto}.u-product__gallery{max-width:740px;margin-inline:auto}
.product-information variant-picker .variant-option--swatches label.variant-option__button-label{border-width:0!important;background:none!important;box-shadow:none!important}
.hl-gallery-modes{display:flex;gap:6px;width:100%;margin-top:10px}.hl-gallery-modes button{border:1px solid #d4d1cb;border-radius:8px;padding:7px 12px;background:transparent;font:inherit;font-size:11px;cursor:pointer}.hl-gallery-modes button[aria-pressed=true]{background:#262828;color:#fff;border-color:#262828}
#MainContent .product-information .product-information__media media-gallery.hl-gallery-override > :not(.hl-gallery-mode-images),#MainContent .u-product__gallery.hl-gallery-override > :not(.hl-gallery-mode-images){display:none!important}.hl-gallery-mode-images{display:grid!important;gap:18px;width:100%;max-width:660px;margin:auto}.hl-gallery-mode-images > div{aspect-ratio:1;overflow:hidden;border-radius:18px;background:#f0f0ef}.hl-gallery-mode-images img{width:100%;height:100%;object-fit:contain;display:block}.product-information media-gallery .product-media img{max-height:720px;object-fit:contain!important}
.hl-size-group{display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-top:8px}.hl-size-group__title{width:100%;margin:0 0 3px;font-size:11px;font-weight:650;color:#737572;letter-spacing:.05em}
.hl-official-size-guide{width:100%;margin:16px 0;border-block:1px solid #d8d5ce;font-size:13px}.hl-official-size-guide summary{display:flex;justify-content:space-between;padding:14px 0;cursor:pointer;font-weight:650}.hl-official-size-guide__body{padding:0 0 16px;overflow:auto}.hl-official-size-guide img{width:100%;max-height:220px;object-fit:contain;height:auto}.hl-official-size-guide table{border-collapse:collapse;width:100%;font-size:12px}.hl-official-size-guide th,.hl-official-size-guide td{text-align:left;padding:8px 6px;border-bottom:1px solid #ddd9d3}.hl-official-size-guide a{display:block;margin-top:12px;text-decoration:underline;text-underline-offset:3px}
body .variant-picker .variant-option.variant-option--swatches .swatch{display:block!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important;flex:0 0 24px!important;border-radius:50%!important;background-size:100% 100%!important;background-repeat:no-repeat!important;box-sizing:border-box!important;transform:none!important;padding:0!important;margin:0!important}
body .variant-picker .variant-option.variant-option--swatches .variant-option__button-label{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;padding:5px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;box-sizing:border-box!important;transform:none!important;overflow:visible!important}
body .variant-option--swatches{overflow:visible!important;padding-inline:3px!important;gap:9px!important}
body .u-color-swatch{display:block!important;width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important;aspect-ratio:1!important;flex:0 0 38px!important;box-sizing:border-box!important;padding:0!important;border-radius:50%!important;background-size:100% 100%!important;background-repeat:no-repeat!important}
.hl-card-metadata{display:flex!important;gap:10px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;min-height:24px;margin-top:auto!important;padding:10px 4px 0!important;width:100%!important;pointer-events:none}
.hl-card-metadata__colors{display:flex;align-items:center;gap:5px;flex-wrap:nowrap;min-width:0}
.hl-card-metadata__dot{display:block;width:13px;height:13px;min-width:13px;flex:0 0 13px;border:1px solid #191a1b26;border-radius:50%;background:var(--hl-preview-color);background-size:100% 100%;background-repeat:no-repeat}
.hl-card-metadata__badge{font-size:9px!important;line-height:1!important;font-weight:700!important;letter-spacing:.09em!important;color:#535756!important;padding:5px 7px;border:1px solid #191a1b20;border-radius:6px;white-space:nowrap}
.hl-card-metadata__more{font-size:10px;font-weight:600;color:#5b5d5c;white-space:nowrap}
product-card:has(.hl-card-metadata) product-swatches{display:none!important}
.hl-product-breadcrumbs{position:relative;z-index:1;width:min(1600px,100%);margin:0 auto;padding:18px clamp(16px,3vw,48px) 8px;color:#686b69;font-size:12px;line-height:1.5}
.hl-product-breadcrumbs ol{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.hl-product-breadcrumbs li+li:before{content:'›';margin-right:8px;color:#959794}
.hl-product-breadcrumbs a{color:inherit;text-decoration:none}.hl-product-breadcrumbs a:hover{color:#1b1c1d;text-decoration:underline;text-underline-offset:3px}
.hl-product-breadcrumbs [aria-current]{font-weight:650;color:#353836}
.hl-product-breadcrumbs{padding-top:calc(var(--header-height,94px) + 16px)}
body .hl-product-breadcrumbs + .shopify-section .product-information{padding-top:24px!important}
@media(max-width:749px){.hl-product-breadcrumbs{font-size:10px;padding-top:12px}.hl-product-breadcrumbs ol{justify-content:flex-start;gap:5px}.hl-card-metadata{gap:6px!important;padding-top:8px!important}.hl-card-metadata__colors{gap:4px}.hl-card-metadata__dot{width:11px;height:11px;min-width:11px;flex-basis:11px}.hl-card-metadata__badge{font-size:8px!important;padding:4px 5px}}


.hl-card-metadata__dot{width:16px!important;height:16px!important;min-width:16px!important;flex-basis:16px!important;pointer-events:auto;position:relative;z-index:3;cursor:pointer}
.hl-card-metadata__dot:focus-visible{outline:2px solid #eb442b;outline-offset:3px}
.hl-card-metadata__badge{color:#fff!important;background:#eb442b!important;border-color:#eb442b!important;font-weight:750!important}
body .variant-picker .variant-option.variant-option--swatches .variant-option__button-label{border-color:transparent!important;background:transparent!important;box-shadow:none!important;padding:4px!important;width:38px!important;height:38px!important;max-width:38px!important}
body .variant-picker .variant-option.variant-option--swatches .swatch{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;max-width:28px!important;max-height:28px!important;flex-basis:28px!important;border:1px solid #1c1c1c26!important;box-shadow:none!important}
body .variant-option--swatches .variant-option__button-label:has(input:checked){outline:1px solid #333!important;outline-offset:0}
body .variant-option--swatches .variant-option__button-label:before,body .variant-option--swatches .variant-option__button-label:after,body .variant-option--swatches .swatch:before,body .variant-option--swatches .swatch:after{display:none!important}
.search-modal__content{width:min(880px,94vw)!important;border-radius:24px!important;background:#f5f3ef!important;border:1px solid #ddd9d2!important;box-shadow:0 24px 80px #0002!important}
.search-modal__content::backdrop{background:#16171855;backdrop-filter:blur(5px)}
.search-modal__content input[type=search]{font-size:18px!important;border-radius:12px!important;background:#fff!important;padding:16px!important}
@media(max-width:749px){.hl-card-metadata__dot{width:14px!important;height:14px!important;min-width:14px!important;flex-basis:14px!important}.search-modal__content{border-radius:18px!important;width:96vw!important}}

@media(max-width:749px){.hl-product-breadcrumbs{padding-top:calc(var(--header-height,72px) + 12px)}}
