#omp_wrapper {
    --omp-font-size: 15px;
    --omp-body-max-width: 1000px;
    --omp-space: 0.25rem;
    --omp-space-x2: 0.5rem;
    --omp-space-x3: 0.75rem;
    --omp-landing-header-height: 3.6rem;
    --omp-landing-footer-height: 3rem;
    --omp-banner-height: 10rem;
    --omp-product-image-height: 15rem;
    --omp-product-list-img-height: 15rem;
    --omp-product-height: 17rem;
    --omp-product-width: 10rem;
    --omp-collection-image-width: 4.8rem;
    --omp-block-title-height: 3rem;
    --omp-skeleton-size: 1.5rem;
    --omp-cowdown-width: 6.8rem;

    --omp-normal-text-color: #4F4F4F;

    --omp-blue: #007bff;
    --omp-indigo: #6610f2;
    --omp-purple: #6f42c1;
    --omp-pink: #e83e8c;

    --omp-red: #ec0808;
    --omp-red-rgb: 236, 8, 8;

    --omp-orange-light: #ee4d2d;
    --omp-orange: #ee4d2d;

    --omp-yellow: #fff200;
    --omp-yellow-darken: #fcd511;
    --omp-yellow-rgb: 255 193 7;

    --omp-green: #28a745;
    --omp-green-rgb: 23, 175, 57;

    --omp-teal: #20c997;
    --omp-cyan: #17a2b8;
    --omp-white: #fff;
    --omp-gray: #6c757d;
    --omp-dark-light: #898989;
    --omp-silver: #f7f7f7;
    --omp-silver-darken: #e4e4e4;
    --omp-text-hint: #717171;
    --omp-mid-range: #F7AB30;

    --omp-btn-secondary-bg-color: #f5f6f6;
    --omp-btn-outline-bg-color: #cdcdcd;

    --omp-btn-secondary-text-color: #333;
    --omp-btn-outline-text-color: #333;

    --slider-width: 100vw;
    --slider-height: 100vw;

    --omp-z-index1: 1;
    --omp-z-index2: 10;
    --omp-z-index3: 100;
    --omp-z-index4: 500;
    --omp-z-index5: 999;
    --omp-z-index6: 1000;
    --omp-z-index7: 1050;
    --omp-z-index8: 9000;
    --omp-z-index9: 9001;
    --omp-z-index10: 10000;
    --omp-z-index11: 10001;
    --omp-z-index12: 10100;
    --omp-z-index99: 99999;
}

@media (max-width: 375px) {
    #omp_wrapper {
        --omp-product-width: 10rem;
    }
}

@media (min-width: 376px) and (max-width: 414px) {
    #omp_wrapper {
        --omp-product-width: 11.5rem;
    }
}

@media (min-width: 415px) {
    #omp_wrapper {
        --omp-product-height: 19rem;
        --omp-product-width: calc((100vw - (var(--omp-space-x3) / 2)) / 2);
    }
}

@media (min-width: 567px) and (max-width: 900px) {
    #omp_wrapper {
        --omp-product-width: calc((100vw - (var(--omp-space-x3) / 2)) / 3);
        --omp-collection-image-width: 6.8rem;
    }
}

@media (min-width: 729px) and (max-width: 900px) {
    #omp_wrapper {
        --omp-product-width: calc((100vw - (var(--omp-space-x3) / 2)) / 3);
        --omp-collection-image-width: 6.8rem;
    }
}

@media (min-width: 901px) and (max-width: 999px) {
    #omp_wrapper {
        --omp-product-width: calc((100vw - (var(--omp-space-x3) / 2)) / 4);
        --omp-collection-image-width: 8.8rem;
    }
}

@media (min-width: 1000px) {
    #omp_wrapper {
        --omp-product-width: calc((1000px - (var(--omp-space-x3) / 2)) / 5);
        --omp-collection-image-width: 8.8rem;
    }
}

html {
    --app-height: 100vh;
    font-size: var(--omp-font-size);
    overflow: hidden;
    height: var(--app-height);
}

body {
    font-weight: 400;
    font-size: 0.88rem;
    color: #4F4F4F;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    margin: 0;
    line-height: 1.6 !important;
    position: relative;
    background-color: #f2f2f2;
    height: 100%;
    overflow: hidden;
}

@font-face {
    font-display: swap;
}

#omp_wrapper {
    width: 100%;
    max-width: var(--omp-body-max-width);
    margin: auto;
    background-color: #ffffff;
    padding: 0 0 6rem 0;
    overflow-x: hidden;
    height: 100%;
    overflow-y: scroll;
}

#omp_wrapper.home-page {
    padding-bottom: 3rem;
}

@media (min-width: 1025px) {
    html {
        overflow-y: scroll;
    }

    body {
        height: max-content;
        min-height: var(--app-height); /* Make wrapper in cart show full screen height */
        overflow-y: auto;
    }

    #omp_wrapper {
        height: max-content;
        min-height: var(--app-height); /* Make wrapper in cart show full screen height */
        overflow-y: auto;
    }
}

#omp_wrapper.product-detail-page {
    background-color: transparent !important;
}

#omp_wrapper:not(.tefalStaffSale) :not(input):not(textarea) {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
}

#omp_wrapper:not(.tefalStaffSale) *:not(input):not(textarea) {
    -webkit-user-select: text;
}

*::-webkit-scrollbar {
    background-color: #fcfcfc;
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #e5e5e5;
}

@media (max-width: 991px) {
    *::-webkit-scrollbar {
        display: none !important;
    }
}

*, *::before, *::after {
    box-sizing: border-box;
}

*:focus {
    outline: none !important;
    box-shadow: none !important;
}

* {
    touch-action: manipulation;
}

area,
area:-webkit-any-link {
    cursor: pointer;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
}

select {
    -webkit-appearance: none !important;
}

#omp_wrapper p {
    margin-top: 0;
    margin-bottom: 0;
}

#omp_wrapper small {
    font-size: 12px;
}

#omp_wrapper.product-detail-page [id^=OMP_]:not(#OMP_DETAIL_HEADER):not(#OMP_DETAIL_FOOTER) {
    margin-bottom: var(--omp-space-x3);
}

#omp_wrapper [id^=OMP_ONE_IMAGE],
#omp_wrapper [id^=OMP_TWO_IMAGE],
#omp_wrapper [id^=OMP_VIDEO] {
    height: max-content;
}

[id^=OMP_FLASH_SALE] {
    height: auto;
}

#omp_wrapper img {
    transform: translateZ(0);
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.position-fixed {
    position: fixed;
}

.border-light {
    border: 1px solid #f8f8f8;
}

.border-top-light {
    border-top: 1px solid #f8f8f8;
}

.border-right-light {
    border-right: 1px solid #f8f8f8;
}

.border-bottom-light {
    border-bottom: 1px solid #f8f8f8;
}

.border-left {
    border-left: 1px solid #f8f8f8;
}