:root {
    --aspect-ratiocus1: 0.716;
    --scrollbar-w: 0px;
    /* Spacing */
    --spacing-0-2: 0.2rem;
    /* 2px */
    --spacing-0-4: 0.4rem;
    /* 4px */
    --spacing-0-6: 0.6rem;
    /* 6px */
    --spacing-0-8: 0.8rem;
    /* 8px */
    --spacing-1: 1rem;
    /* 10px */
    --spacing-1-2: 1.2rem;
    /* 12px */
    --spacing-1-4: 1.4rem;
    /* 14px */
    --spacing-1-6: 1.6rem;
    /* 16px */
    --spacing-1-8: 1.8rem;
    /* 18px */
    --spacing-2: 2rem;
    /* 20px */
    --spacing-2-2: 2.2rem;
    /* 22px */
    --spacing-2-4: 2.4rem;
    /* 24px */
    --spacing-2-6: 2.6rem;
    /* 26px */
    --spacing-2-8: 2.8rem;
    /* 28px */
    --spacing-3: 3rem;
    /* 30px */
    --spacing-3-2: 3.2rem;
    /* 32px */
    --spacing-3-4: 3.4rem;
    /* 34px */
    --spacing-3-6: 3.6rem;
    /* 36px */
    --spacing-3-8: 3.8rem;
    /* 38px */
    --spacing-4: 4rem;
    /* 40px */
    --spacing-4-2: 4.2rem;
    /* 42px */
    --spacing-4-4: 4.4rem;
    /* 44px */
    --spacing-4-8: 4.8rem;
    /* 48px */
    --spacing-5: 5rem;
    /* 50px */
    --spacing-5-6: 5.6rem;
    /* 56px */
    --spacing-6: 6rem;
    /* 60px */
    --spacing-6-4: 6.4rem;
    /* 64px */
    --spacing-7: 7rem;
    /* 70px */
    --spacing-7-2: 7.2rem;
    /* 72px */
    --spacing-8: 8rem;
    /* 80px */
    --spacing-9: 9rem;
    /* 90px */
    --spacing-10: 10rem;
    /* 100px */
    /* Colors */
    --color-base-background: 255 255 255;
    --color-base-text: 134 134 134;
    --color-accent: 219 18 21;
    --color-accent-secondary: 255 255 255;
    --color-focus: 213 58 61;
    --payment-terms-background-color: rgb(255 255 255);
    /* Product badge colors */
    --color-on-sale-badge-background: 252 87 50;
    --color-on-sale-badge-text: 255 255 255;
    --color-new-badge-background: 72 212 187;
    --color-new-badge-text: 255 255 255;
    --color-sold-out-badge-background: 242 242 242;
    --color-sold-out-badge-text: 0 0 0;
    --color-pre-order-badge-background: 85 166 83;
    --color-pre-order-badge-text: 255 255 255;
    --color-custom-badge-background: 131 183 53;
    --color-custom-badge-text: 255 255 255;
    /* Notices colors */
    --color-tooltip-background: 35 35 35;
    --color-tooltip-text: 255 255 255;
    --color-success-background: 232 240 233;
    --color-success-text: 66 132 69;
    --color-warning-background: 251 246 234;
    --color-warning-text: 224 178 82;
    --color-error-background: 253 224 228;
    --color-error-text: 235 0 27;
    --font-body-family: 'Inter', sans-serif;
    --font-body-style: normal;
    --font-body-weight: 400;
    --font-body-weight-bold: 700;
    --font-heading-family: 'Albert Sans', sans-serif;
    --font-heading-style: normal;
    --font-heading-weight: 400;
    --font-body-line-height: 1.6;
    --font-body-spacing: 0.0em;
    --font-heading-scale: 1.0;
    --font-heading-line-height: 1.2;
    --font-heading-spacing: 0.0em;
    --button-line-height: 1.2;
    /* Font sizes */
    --text-xs: 1.0rem;
    --text-sm: 1.2rem;
    --text-base: 1.4rem;
    --text-lg: 1.6rem;
    --text-xl: 1.8rem;
    --text-2xl: 2.0rem;
    --text-4xl: 2.2rem;
    --text-6xl: 2.4rem;
    --text-8xl: 2.6rem;
    --text-10xl: 2.8rem;
    --text-12xl: 3.0rem;
    /* Font Weight */
    --font-light: 300;
    --font-normal: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
    --font-black: 900;
    --spacing-x: 15px;
    --spacing-y: 15px;
    --container-max-width: 144rem;
    --container-max-width-padding-lg: 154rem;
    --container-max-width-padding-md: 150rem;
    --container-width-margin: 0rem;
    --spacing-sections-desktop: 0px;
    --spacing-sections-mobile: 0px;
    /* Border Radius */
    --rounded-2xs: 0.16666666666666666rem;
    --rounded-xs: 0.25rem;
    --rounded-sm: 0.5rem;
    --rounded: 1.0rem;
    --rounded-lg: 2.0rem;
    --rounded-full: 9999px;
    --rounded-button: 0.3rem;
    --rounded-input: 0.3rem;
    --rounded-product-card: 1.0rem;
    --rounded-product-media: 1.0rem;
    --rounded-collection-card: 1.0rem;
    --rounded-blog-card: 1.0rem;
    --padding-block-input: var(--spacing-0-6);
    --padding-inline-input: var(--spacing-1);
    --height-input: var(--spacing-4-2);
    --cursor-zoom-in-icon: url(//www.yalefi.com/cdn/shop/t/3/assets/cursor-zoom-in.svg?v=88807523373575012131739433723);
    --cursor-close-icon: url(//www.yalefi.com/cdn/shop/t/3/assets/cursor-close.svg?v=47636334999695629861739433723);
    /* RTL support */
    --value-logical-flip: 1;
    --value-origin-start: left;
    --value-origin-end: right;
}
@media screen and (min-width: 768px) {
    :root {
        /* Font sizes */ --text-xs: 1.0rem;
        --text-sm: 1.2rem;
        --text-base: 1.4rem;
        --text-lg: 1.6rem;
        --text-xl: 1.8rem;
        --text-2xl: 2.0rem;
        --text-4xl: 2.2rem;
        --text-6xl: 2.4rem;
        --text-8xl: 2.6rem;
        --text-10xl: 2.8rem;
        --text-12xl: 3.0rem;
        --spacing-x: 30px;
        --spacing-y: 30px;
    }
}

.hdt-has-bg-img {
    position: relative
}

    .hdt-has-bg-img .hdt-section-bg-img {
        z-index: 0
    }

        .hdt-has-bg-img .hdt-section-bg-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center
        }

@media (min-width: 1150px) {
    .lg\:hdt-ps-max {
        padding-inline-start: max(5rem,(100vw - var(--container-max-width) - var(--scrollbar-w)) / 2);
    }
}

@media(max-width:1149px) {
    .hdt-container-full.lg\:hdt-ps-max {
        max-width: var(--container-max-width-padding-md);
        padding-inline-start: 3rem
    }
}

@media(max-width:767px) {
    .hdt-container-full.lg\:hdt-ps-max {
        max-width: 100vw;
        padding-inline-start: 1.5rem
    }
}