/* Minification failed. Returning unminified contents.
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(13,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(75,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(76,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,15): run-time error CSS1039: Token not allowed after unary operator: '-header-h'
(284,17): run-time error CSS1039: Token not allowed after unary operator: '-p-color-text-link'
(332,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(465,31): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(471,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(475,30): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-before'
(481,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-centered-offset-after'
(499,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(505,22): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(506,18): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(507,34): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(513,17): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-color'
(513,47): run-time error CSS1039: Token not allowed after unary operator: '-swiper-theme-color'
(534,21): run-time error CSS1039: Token not allowed after unary operator: '-swiper-navigation-size'
(1225,38): run-time error CSS1039: Token not allowed after unary operator: '-idx'
(1226,32): run-time error CSS1039: Token not allowed after unary operator: '-dur'
(1226,50): run-time error CSS1039: Token not allowed after unary operator: '-ease'
(1897,40): run-time error CSS1030: Expected identifier, found '.'
(1897,41): run-time error CSS1030: Expected identifier, found 'body-based-campaign'
(1897,60): run-time error CSS1031: Expected selector, found ')'
(1897,60): run-time error CSS1025: Expected comma or open brace, found ')'
(1902,40): run-time error CSS1030: Expected identifier, found '.'
(1902,41): run-time error CSS1030: Expected identifier, found 'body-based-campaign'
(1902,60): run-time error CSS1031: Expected selector, found ')'
(1902,60): run-time error CSS1025: Expected comma or open brace, found ')'
(2005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(2006,18): run-time error CSS1039: Token not allowed after unary operator: '-button-height'
(2098,17): run-time error CSS1039: Token not allowed after unary operator: '-button-height'
(2652,35): run-time error CSS1030: Expected identifier, found '.'
(2652,56): run-time error CSS1031: Expected selector, found ')'
(2652,56): run-time error CSS1025: Expected comma or open brace, found ')'
(2766,37): run-time error CSS1030: Expected identifier, found '.'
(2766,58): run-time error CSS1031: Expected selector, found ')'
(2766,58): run-time error CSS1025: Expected comma or open brace, found ')'
(3171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3172,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3173,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3174,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3178,21): run-time error CSS1039: Token not allowed after unary operator: '-scroll-hit-size'
(3179,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-hit-size'
(3193,66): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(3193,99): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(3193,123): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(3193,157): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(3197,67): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(3197,100): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(3197,124): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(3197,158): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(3201,66): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(3201,99): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(3201,123): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(3201,157): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(3205,67): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(3205,100): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(3205,124): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(3205,158): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(3614,15): run-time error CSS1039: Token not allowed after unary operator: '-horizontal-auto-swiper-slide-gap'
(3665,12): run-time error CSS1030: Expected identifier, found '['
(3665,16): run-time error CSS1031: Expected selector, found '='
(3665,16): run-time error CSS1025: Expected comma or open brace, found '='
(3710,26): run-time error CSS1039: Token not allowed after unary operator: '-pl-gutter'
(3741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3751,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3752,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3757,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3767,37): run-time error CSS1039: Token not allowed after unary operator: '-plb-single-hero-col'
(3804,35): run-time error CSS1039: Token not allowed after unary operator: '-plb-split-hero-gap'
(3812,19): run-time error CSS1039: Token not allowed after unary operator: '-plb-split-hero-gap'
(3844,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3855,39): run-time error CSS1039: Token not allowed after unary operator: '-plb-split-hero-gap'
(3862,23): run-time error CSS1039: Token not allowed after unary operator: '-plb-split-hero-gap'
(3880,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3957,36): run-time error CSS1039: Token not allowed after unary operator: '-plb-hero-ql-offset'
(3969,13): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3982,36): run-time error CSS1039: Token not allowed after unary operator: '-plb-hero-ql-offset'
(3990,21): run-time error CSS1039: Token not allowed after unary operator: '-plb-single-hero-col'
(3998,15): run-time error CSS1039: Token not allowed after unary operator: '-plb-split-hero-gap'
(4054,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4055,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4064,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4079,20): run-time error CSS1039: Token not allowed after unary operator: '-plb-option-strip-swiper-pad-top'
(4079,61): run-time error CSS1039: Token not allowed after unary operator: '-plb-option-strip-image-h'
(4117,21): run-time error CSS1039: Token not allowed after unary operator: '-plb-split-hero-band-width'
(4123,38): run-time error CSS1039: Token not allowed after unary operator: '-plb-option-strip-gap'
(4165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4169,15): run-time error CSS1039: Token not allowed after unary operator: '-plb-option-gap'
(4173,40): run-time error CSS1039: Token not allowed after unary operator: '-plb-option-count'
(4183,76): run-time error CSS1039: Token not allowed after unary operator: '-plb-option-gap'
(4184,73): run-time error CSS1039: Token not allowed after unary operator: '-plb-option-gap'
(4185,77): run-time error CSS1039: Token not allowed after unary operator: '-plb-option-gap'
(4352,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4368,39): run-time error CSS1039: Token not allowed after unary operator: '-plb-split-hero-gap'
(4377,23): run-time error CSS1039: Token not allowed after unary operator: '-plb-split-hero-gap'
(4905,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4907,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4908,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4912,21): run-time error CSS1039: Token not allowed after unary operator: '-scroll-hit-size'
(4913,22): run-time error CSS1039: Token not allowed after unary operator: '-scroll-hit-size'
(4927,66): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(4927,99): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(4927,123): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(4927,157): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(4931,67): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(4931,100): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(4931,124): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(4931,158): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(4935,66): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(4935,99): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(4935,123): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(4935,157): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(4939,67): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(4939,100): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-offset'
(4939,124): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(4939,158): run-time error CSS1039: Token not allowed after unary operator: '-scrollbar-end'
(5117,60): run-time error CSS1030: Expected identifier, found '.'
(5117,84): run-time error CSS1031: Expected selector, found ')'
(5117,84): run-time error CSS1025: Expected comma or open brace, found ')'
(5341,22): run-time error CSS1039: Token not allowed after unary operator: '-radix-accordion-content-height'
(5348,22): run-time error CSS1039: Token not allowed after unary operator: '-radix-accordion-content-height'
 */
/*!************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductList.scss ***!
  \************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-list {
    margin: 0 auto;
    position: relative;
    padding: 16px 0;
    container-type: inline-size;
    container-name: product-list;
    --pl-gutter: max( 12px, min(calc(100cqw * 128 / 1280), calc((100cqw - 1024px) / 2)) );
    --pl-arrow-nudge: calc(var(--pl-gutter) * (80 - 128) / 128);
    --pl-cols2-column-gap: max(8px, calc(100cqw * 40 / 1280));
}

@supports not (container-type: inline-size) {
    .product-list {
        --pl-gutter: max( 12px, min(calc(100% * 128 / 1280), calc((100% - 1024px) / 2)) );
        --pl-arrow-nudge: calc(var(--pl-gutter) * (80 - 128) / 128);
        --pl-cols2-column-gap: max(8px, calc(100% * 40 / 1280));
    }
}

.product-list--brand {
    padding-top: 0px;
}

.product-list__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    margin-top: 24px;
}

.product-list__header--mobile {
    display: flex;
    align-items: center;
    padding: 16px;
}

    .product-list__header--mobile .product-list-heading {
        flex: 1;
        text-align: center;
    }

.product-list__top-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.product-list__content-area {
    flex: 1 1 100%;
    margin-top: 16px;
    padding-inline: 0;
    box-sizing: border-box;
    overflow: visible;
}

@media (max-width: 992px) {
    .product-list__content-area {
        padding-inline: 24px;
    }
}

@media (min-width: 992px) {
    .product-list__content-area {
        margin-top: 24px;
    }
}

@media (max-width: 992px) {
    .product-list {
        --pl-gutter: 24px;
        --pl-arrow-nudge: calc(var(--pl-gutter) * (80 - 128) / 128);
    }
}

.product-list__previous-section {
    padding: 0 32px;
    box-sizing: border-box;
    margin-top: 16px;
}

@media (max-width: 992px) {
    .product-list__previous-section {
        padding: 0 16px;
        margin-top: 12px;
    }
}

.product-list__top-section, .product-list__bottom-section {
    padding: 0 32px;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .product-list__top-section, .product-list__bottom-section {
        padding: 0 16px;
    }
}

.product-list__top-section .web-listing-page-banner, .product-list__bottom-section .web-listing-page-banner {
    margin-left: -32px !important;
    width: calc(100% + 64px);
}

.product-list__top-section--scrolling {
    position: sticky;
    left: 0;
    right: 0;
    top: var(--header-h, 0px);
    z-index: 999;
    transform: translateY(-100%);
    transition: transform 320ms cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: transform;
    background: white;
    padding: 16px 32px;
    opacity: 0;
}

    .product-list__top-section--scrolling.isShown {
        transform: translateY(0);
        opacity: 1;
    }

.product-list__top-section.product-list__top-section--scrolling.isShown .product-list__web-banner-wrapper {
    display: none;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/QuickFilters/styles/QuickFilter.scss ***!
  \***********************************************************************************************************************************************************/
.quick-filter {
    width: 100%;
    flex: 1 1 0%;
    min-width: 0;
}

.quick-filter__wrapper {
    display: flex;
    align-items: center;
    overflow: hidden;
    gap: 18px;
}

.quick-filter__sticky {
    flex-shrink: 0;
    background-color: white;
    left: 0;
    z-index: 9;
}

.quick-filter__swiper {
    flex: 1 1 0%;
    min-width: 0;
    overflow: hidden;
}

    .quick-filter__swiper .swiper-wrapper {
        display: flex;
        flex-wrap: nowrap;
        gap: 18px;
    }

        .quick-filter__swiper .swiper-wrapper .swiper-slide {
            width: auto !important;
            flex-shrink: 0;
        }

.quick-filter__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: white;
    z-index: 9;
}

.quick-filter__arrow--left {
    margin-right: 20px;
}

.quick-filter__arrow--right {
    margin-left: 20px;
}

    .quick-filter__arrow--left.swiper-button-disabled svg > path, .quick-filter__arrow--right.swiper-button-disabled svg > path {
        stroke: #c5c5c7;
    }

.quick-filter__arrow svg {
    width: 16px;
    height: 14px;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/QuickFilters/styles/QuickFilterItem.scss ***!
  \***************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.quick-filter-item {
    padding: 0;
    font-size: 14px;
    color: #25282b;
    background: none;
    border: none;
    text-align: left;
    white-space: nowrap;
}

.quick-filter-item--selected .quick-filter-item__label {
    font-weight: 600;
    text-decoration: underline;
}

.quick-filter-item__label {
    position: relative;
    display: inline-block;
    transition: text-shadow 0.2s ease;
    line-height: normal;
}

    .quick-filter-item__label::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -1px;
        height: 1px;
        width: 0;
        background-color: currentColor;
        transition: width 0.3s ease;
    }

[dir=rtl] .quick-filter-item__label::after {
    left: auto;
    right: 0;
    transform-origin: right;
}

.quick-filter-item__icon {
    height: 20px;
}

.quick-filter-item__icon--lcw {
    width: 65px;
    height: 9px;
}

@media screen and (min-width: 992px) {
    .quick-filter-item__icon--lcw {
        width: 67px;
        height: 10px;
    }
}

.quick-filter-item__icon-selected, .quick-filter-item__icon--lcw-selected {
    height: 13px;
    display: inline-block;
    border-bottom: 0.4px solid rgb(37, 40, 43);
    line-height: 0;
    vertical-align: middle;
}

.quick-filter-item__icon--lcw-selected {
    height: 9px;
}

@media screen and (min-width: 992px) {
    .quick-filter-item__icon--lcw-selected {
        height: 10px;
    }
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/Link/style.scss ***!
  \******************************************************************************************************************************************/
.link__element {
    appearance: none;
    display: inline;
    text-align: inherit;
    padding: 0;
    background: none;
    border: 0;
    font-size: inherit;
    font-weight: inherit;
    color: var(--p-color-text-link);
    text-decoration: underline;
    cursor: pointer;
}

    .link__element:hover {
        color: inherit;
        text-decoration: underline;
    }

.link--monochrome {
    color: inherit;
}

    .link--monochrome:hover, .link--monochrome:focus, .link--monochrome:active {
        color: inherit;
    }

.link--remove-underline {
    text-decoration: none;
}

    .link--remove-underline:hover {
        text-decoration: none;
    }
/*!**************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/swiper.min.css ***!
  \**************************************************************************************/
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */

@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-android .swiper-slide, .swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-pointer-events {
    touch-action: pan-y
}

    .swiper-pointer-events.swiper-vertical {
        touch-action: pan-x
    }

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
    height: auto
}

    .swiper-autoheight .swiper-wrapper {
        align-items: flex-start;
        transition-property: transform,height
    }

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

    .swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
        transform-style: preserve-3d
    }

    .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
        z-index: 10
    }

    .swiper-3d .swiper-slide-shadow {
        background: rgba(0,0,0,.15)
    }

    .swiper-3d .swiper-slide-shadow-left {
        background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-right {
        background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-top {
        background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

    .swiper-3d .swiper-slide-shadow-bottom {
        background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
    }

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
        display: none
    }

    .swiper-css-mode > .swiper-wrapper > .swiper-slide {
        scroll-snap-align: start start
    }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}
/*!***********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/modules/free-mode/free-mode.min.css ***!
  \***********************************************************************************************************/
.swiper-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}
/*!*************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/swiper/modules/navigation/navigation.min.css ***!
  \*************************************************************************************************************/
:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/ 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

    .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
    display: none !important
}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

    .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
        content: 'prev'
    }

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

    .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
        content: 'next'
    }

.swiper-button-lock {
    display: none
}
/*!****************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductListGrid.scss ***!
  \****************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-grid {
    display: grid;
    grid-template-columns: 1fr;
}

    .product-grid .product-card {
        width: 100%;
    }

.product-grid--cols-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 24px;
    padding-inline: 0;
    width: 100%;
}

    .product-grid--cols-2 .product-card {
        grid-column: span 1;
    }

        .product-grid--cols-2 .product-card[data-is-full-cover=true] {
            grid-column: 1/-1;
        }

@media (max-width: 992px) {
    .product-grid--cols-2 {
        column-gap: 6px;
    }
}

@media (min-width: calc(992px + 1px)) {
    .product-grid--cols-2 {
        grid-template-columns: repeat(2, minmax(0, 492px));
        justify-content: center;
        column-gap: 40px;
    }

        .product-grid--cols-2 .product-card[data-is-full-cover=true] {
            grid-column: 1/-1;
            max-width: 736px;
            justify-self: center;
            width: 100%;
        }
}

.product-list .product-grid--cols-2 .product-listing-block.product-card.product-card--full {
    padding-inline: 0;
}

.product-grid--cols-3 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 24px;
    padding-inline: 0;
    width: 100%;
}

@media (min-width: 992px) {
    .product-grid--cols-3 {
        column-gap: 16px;
    }
}

.product-grid--cols-3 .product-card {
    grid-column: span 1;
}

@media (max-width: 992px) {
    .product-grid--cols-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-list .product-grid--cols-3, .product-list-container .product-grid--cols-3 {
        margin-inline: -24px;
        width: calc(100% + 48px);
        box-sizing: border-box;
    }
}

.product-grid--cols-4 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: 1px;
    padding-inline: 0;
    width: 100%;
}

    .product-grid--cols-4 .product-card {
        grid-column: span 1;
    }

@media (max-width: 992px) {
    .product-grid--cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

        .product-grid--cols-4 .product-card {
            grid-column: span 1;
        }

    .product-list .product-grid--cols-4, .product-list-container .product-grid--cols-4 {
        margin-inline: -24px;
        width: calc(100% + 48px);
        box-sizing: border-box;
    }
}

.product-grid .product-listing-block.product-card {
    overflow: visible;
}

.product-grid--cols-2 .product-listing-block.product-card, .product-grid--cols-3 .product-listing-block.product-card, .product-grid--cols-4 .product-listing-block.product-card {
    grid-column: 1/-1;
}

.product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card), .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) {
    min-width: 0;
}

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .link__element, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .link__element {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-container, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-container {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        aspect-ratio: 492/656;
        height: auto;
        box-sizing: border-box;
        overflow: hidden;
        flex-shrink: 0;
    }

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image {
        width: 100%;
        height: 100%;
        margin: 0;
    }

        .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image > div:first-child, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image > div:first-child {
            position: relative !important;
            width: 100% !important;
            height: 100% !important;
            padding-bottom: 0 !important;
        }

            .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image > div:first-child > div, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image > div:first-child > div {
                position: absolute !important;
                inset: 0;
            }

        .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image:not(.product-image--listing-hero-segments) > div:first-child img, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image:not(.product-image--listing-hero-segments) > div:first-child img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
        }

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-card-info, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-card-info {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        text-align: start;
    }

@media (max-width: 992px) {
    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-container, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-container {
        width: 100%;
        height: auto;
        aspect-ratio: 180/240;
    }
}

.product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) {
    min-width: 0;
}

    .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .link__element {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
    }

    .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-container {
        position: relative;
        width: 100%;
        max-width: 100%;
        margin-inline: 0;
        aspect-ratio: 359/479;
        height: auto;
        box-sizing: border-box;
        overflow: hidden;
        flex-shrink: 0;
    }

    .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image {
        width: 100%;
        height: 100%;
        margin: 0;
    }

        .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image > div:first-child {
            position: relative !important;
            width: 100% !important;
            height: 100% !important;
            padding-bottom: 0 !important;
        }

            .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image > div:first-child > div {
                position: absolute !important;
                inset: 0;
            }

        .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image:not(.product-image--listing-hero-segments) > div:first-child img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
        }

    .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-card-info {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        box-sizing: border-box;
        text-align: start;
    }

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image, .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image, .product-list-container .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image {
        display: flex;
        flex-direction: column;
        min-height: 0;
    }

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable, .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable, .product-list-container .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
        width: 100%;
    }

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__viewport, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__viewport, .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__viewport, .product-list-container .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__viewport {
        flex: 1 1 auto;
        min-height: 0;
        height: 100%;
    }

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__track, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__track, .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__track, .product-list-container .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__track {
        height: 100%;
        align-items: stretch;
    }

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide, .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide, .product-list-container .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide {
        display: flex;
        flex-direction: column;
        align-self: stretch;
        min-height: 100%;
    }

        .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide > div, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide > div, .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide > div, .product-list-container .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide > div {
            flex: 1 1 auto;
            min-height: 0;
            height: 100% !important;
            padding-bottom: 0 !important;
            position: relative !important;
        }

            .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide > div > div, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide > div > div, .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide > div > div, .product-list-container .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-swipable__slide > div > div {
                position: absolute !important;
                inset: 0;
            }

    .product-list .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) img.product-image-swipable__image, .product-list-container .product-grid--cols-2 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) img.product-image-swipable__image, .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) img.product-image-swipable__image, .product-list-container .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) img.product-image-swipable__image {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        max-width: none !important;
    }

@media (max-width: 992px) {
    .product-list .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-container, .product-list-container .product-grid--cols-3 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-container {
        width: 100%;
        height: auto;
        margin-inline: 0;
        aspect-ratio: 180/240;
    }
}

.product-grid--cols-4 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .link__element {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}

.product-grid--cols-4 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
    aspect-ratio: 360/479;
    height: auto;
    box-sizing: border-box;
    overflow: hidden;
    flex-shrink: 0;
}

.product-grid--cols-4 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image {
    width: 100%;
    height: 100%;
    margin: 0;
}

    .product-grid--cols-4 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image > div:first-child {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        padding-bottom: 0 !important;
    }

        .product-grid--cols-4 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image > div:first-child > div {
            position: absolute !important;
            inset: 0;
        }

    .product-grid--cols-4 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-image:not(.product-image--listing-hero-segments) > div:first-child img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

.product-grid--cols-4 .product-card:not(.product-listing-block):not(.product-listing-block__option-card) .product-card-info {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    text-align: start;
}

@media (min-width: calc(992px + 1px)) {
    .product-list .product-grid.product-grid--cols-4,
    .product-list-container .product-grid.product-grid--cols-4 {
        gap: 1px;
        row-gap: 1px;
        column-gap: 1px;
    }

    .product-list .product-grid--cols-4 > .product-card,
    .product-list-container .product-grid--cols-4 > .product-card {
        margin-block: 0;
    }
}
/*!*****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductCardTile/ProductCardTile.scss ***!
  \*****************************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-card.product-card--full {
    width: 100% !important;
}

    .product-card.product-card--full .link--remove-underline:hover, .product-card.product-card--full .link--remove-underline:active, .product-card.product-card--full .link--remove-underline:focus, .product-card.product-card--full .link--remove-underline:visited {
        text-decoration: none !important;
        color: #25282b !important;
        outline: none;
    }

    .product-card.product-card--full .product-image-container {
        position: relative;
        overflow: hidden;
    }

    .product-card.product-card--full .product-image-container__remove {
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 1001;
    }

    .product-card.product-card--full .product-image-container .quick-look-button {
        padding: 0;
        height: auto;
    }

    .product-card.product-card--full .product-card-info {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        padding: 8px;
        gap: 6px;
    }

    .product-card.product-card--full .product-card-info__header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        gap: 8px;
    }

    .product-card.product-card--full .product-card-info__body {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: stretch;
        gap: 8px;
    }

    .product-card.product-card--full .product-card-info__content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        gap: 6px;
        flex: 1;
        overflow: hidden;
    }

    .product-card.product-card--full .product-card-info__brand {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        font-size: 12px;
        font-weight: 400;
        color: #25282b;
    }

    .product-card.product-card--full .product-card-info__description {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
        font-size: 12px;
        font-weight: 300;
        color: #25282b;
        margin-bottom: 2px;
    }

    .product-card.product-card--full .product-card-info__favorite-option {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        align-self: flex-start;
    }

.product-card.product-card--compact .link--remove-underline:hover, .product-card.product-card--compact .link--remove-underline:active, .product-card.product-card--compact .link--remove-underline:focus, .product-card.product-card--compact .link--remove-underline:visited {
    text-decoration: none !important;
    color: #25282b !important;
}

.product-card.product-card--compact .product-card-compact {
    width: 100%;
    display: grid;
    gap: 16px;
}

    .product-card.product-card--compact .product-card-compact .product-image .quick-look-button {
        padding: 0;
        height: auto;
    }

@media (min-width: 992px) {
    .product-card.product-card--compact .product-card-compact {
        grid-template-columns: minmax(0, 186px) 1fr;
        align-items: start;
    }

        .product-card.product-card--compact .product-card-compact .product-image {
            width: 100%;
            max-width: 186px;
        }
}

.product-card.product-card--compact .product-card-compact .product-card-info {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 8px;
    padding: 8px 0;
    min-width: 0;
}

.product-card.product-card--compact .product-card-compact .product-card-info__header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.product-card.product-card--compact .product-card-compact .product-card-info__body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    gap: 8px;
}

.product-card.product-card--compact .product-card-compact .product-card-info__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    flex: 1;
    overflow: hidden;
}

    .product-card.product-card--compact .product-card-compact .product-card-info__content > :first-child {
        margin-bottom: 6px;
    }

    .product-card.product-card--compact .product-card-compact .product-card-info__content > :not(:first-child) {
        margin-bottom: 12px;
    }

    .product-card.product-card--compact .product-card-compact .product-card-info__content > :last-child {
        margin-bottom: 0;
    }

.product-card.product-card--compact .product-card-compact .product-card-info__favorite-option {
    display: flex;
}

.product-card.product-card--compact .product-card-compact .product-card-info__brand {
    font-size: 14px;
    font-weight: 400;
}

@media (min-width: 992px) {
    .product-card.product-card--compact .product-card-compact .product-card-info__brand {
        font-size: 12px;
    }
}

.product-card.product-card--compact .product-card-compact .product-card-info__description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
}

.product-card.product-card--compact .product-card-compact .product-card-info__price .current-price,
.product-card.product-card--compact .product-card-compact .product-card-info__price .price-in-cart {
    line-height: 16px;
    font-size: 16px;
    font-weight: 400;
}

@media (max-width: 1366px) {
    .product-card.product-card--compact .product-card-compact .product-card-info .product-card-info__price.product-price {
        flex-direction: column;
    }
}

.product-card-analytics__info {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 2px 6px;
}

.product-card-analytics__trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.product-card-analytics__table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
}

    .product-card-analytics__table th,
    .product-card-analytics__table td {
        border: 1px solid #ddd;
        padding: 4px;
    }

    .product-card-analytics__table th {
        background: #f6f6f6;
        text-align: left;
        font-weight: 600;
    }

    .product-card-analytics__table td {
        color: #333;
        max-width: 160px;
        word-break: break-word;
        overflow-wrap: anywhere;
    }
/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/ProductCard.css ***!
  \******************************************************************************************************************/
.product-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #fff;
}

/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductImage/ProductImage.scss ***!
  \***********************************************************************************************************************************************************************************/
.product-image {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductImageSwipable/ProductImageSwipable.scss ***!
  \***************************************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-image-swipable {
    position: relative;
}

.product-image-swipable__viewport {
    position: relative;
    overflow: hidden;
    touch-action: pan-y;
}

@media (min-width: 992px) {
    .product-image-swipable__viewport:hover .slider-controls {
        pointer-events: auto;
        display: flex;
    }
}

.product-image-swipable__track {
    display: flex;
    width: 100%;
    will-change: transform;
    transform: translate3d(calc(var(--idx, 0) * -100%), 0, 0);
    transition: transform var(--dur, 420ms) var(--ease, cubic-bezier(0.22, 0.61, 0.36, 1));
}

.product-image-swipable__slide {
    flex: 0 0 100%;
    width: 100%;
    opacity: 0;
}

.product-image-swipable__slide--active {
    opacity: 1;
}

.product-image-swipable__track {
    display: flex;
    width: 100%;
    will-change: transform;
}

.product-image-swipable__image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
    transition: opacity 0.3s ease-in-out;
}

.product-image-swipable__image--loading {
    opacity: 0;
}

.product-image-swipable__controls {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8px;
    transform: translateY(-50%);
    pointer-events: none;
    display: none;
}

.product-image-swipable:hover .product-image-swipable__controls {
    pointer-events: auto;
}

.slider-controls {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.slider-controls__button {
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, 0.5);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.2s ease-in-out;
}

    .slider-controls__button:hover, .slider-controls__button:focus, .slider-controls__button:active {
        background-color: rgba(255, 255, 255, 0.5);
    }

.slider-controls__icon {
    width: 16px;
    height: 32px;
}

[dir=rtl] .slider-controls__icon {
    transform: rotate(180deg);
}

.image-bullets {
    display: flex;
    justify-content: center;
    padding: 15px 0;
}

@media (min-width: 992px) {
    .image-bullets {
        display: none;
    }
}

.image-bullets__bullet {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
    border: none;
    margin: 0 8px;
    padding: 0;
    cursor: pointer;
    outline: none;
    transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
}

    .image-bullets__bullet:hover, .image-bullets__bullet:focus {
        transform: scale(1.1);
    }

.image-bullets__bullet--active {
    background-color: #193db0;
    transform: scale(1.2);
}
/*!***********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductDescription/ProductDescription.scss ***!
  \***********************************************************************************************************************************************************************************************/

/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductBrand/ProductBrand.scss ***!
  \***********************************************************************************************************************************************************************************/
.product-brand {
    color: #25282b;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
}
/*!**********************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/ReviewsV2/components/Rating/Rating.css ***!
  \**********************************************************************************************/
.star-rating-wrapper {
    all: unset;
    display: inline-block;
    touch-action: none;
}

.simple-star-rating {
    position: relative;
    display: inline-block;
    line-height: 1;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    touch-action: none;
}

    .simple-star-rating span svg {
        margin-right: 5px;
    }

        .simple-star-rating span svg:last-child {
            margin-right: 0;
        }

.rating-fill-icons {
    position: absolute;
    top: 0;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
}

.rating-empty-icons {
    display: inline-block;
}

.rating-tooltip {
    display: inline-block;
    padding: 5px 15px;
    background-color: #333;
    color: #fff;
    vertical-align: middle;
    border-radius: 5px;
}

/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductPrice/ProductPrice.scss ***!
  \***********************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-price {
    display: flex;
    gap: 8px;
}

@media (max-width: 992px) {
    .product-price {
        flex-direction: column;
    }
}

.product-price.product-price-multi-currency {
    flex-direction: row;
}

@media (max-width: 992px) {
    .product-price.product-price-multi-currency {
        flex-direction: column;
    }
}

.product-price.product-price-multi-currency.product-price-multi-currency--discounted {
    gap: 8px;
    flex-wrap: nowrap;
}

@media (max-width: 1170px) {
    .product-price.product-price-multi-currency.product-price-multi-currency--discounted {
        flex-direction: column;
    }
}

.product-price.product-price-multi-currency.product-price-multi-currency--discounted .current-price {
    flex: 0 1 auto;
}

.product-price.product-price-multi-currency.product-price-multi-currency--discounted .product-price__discounted-price-badge {
    flex: 0 0 auto;
}

@media (max-width: 1170px) {
    .product-price.product-price-multi-currency.product-price-multi-currency--discounted .product-price__discounted-price-badge {
        flex: none;
    }
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductPrice/components/RenderPrices/RenderPrices.scss ***!
  \*****************************************************************************************************************************************************************************/
@charset "UTF-8";

.product-price__discount-group {
    display: flex;
    gap: 4px;
}

/* ===== Responsive davran�� ===== */
/* Desktop'ta mobil y�zde gizli */
.render-prices__discount-rate--mobile {
    display: none;
}

/* Desktop'ta y�zde ayr� (map d���) */
.render-prices__discount-rate--desktop {
    display: inline-flex;
    align-items: center;
}

/* Mobil */
@media (max-width: 768px) {
    /* Desktop y�zdesini kapat */
    .render-prices__discount-rate--desktop {
        display: none;
    }
    /* Mobil y�zdesini a� */
    .render-prices__discount-rate--mobile {
        display: inline-flex;
        align-items: center;
        margin-left: 6px;
        white-space: nowrap;
        flex-shrink: 0;
        margin: unset;
    }
    /* Fiyat + y�zde ayn� sat�rda kals�n */
    .product-price__discount-group {
        flex-wrap: nowrap;
        align-items: center;
    }
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductPrice/components/CurrentPrice/CurrentPrice.scss ***!
  \*****************************************************************************************************************************************************************************/
.current-price {
    font-size: 12px;
    font-weight: 400;
    color: #25282b;
}

.current-price--has-basket {
    text-decoration: line-through;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductPrice/components/DiscountedPrice/DiscountedPrice.scss ***!
  \***********************************************************************************************************************************************************************************/
.product-price__discounted-price-badge {
    display: flex;
    align-items: center;
    gap: 4px;
}

.price-in-cart {
    font-size: 12px;
    font-weight: 400;
    color: #cd0000;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductPrice/components/DiscountRate/DiscountRate.scss ***!
  \*****************************************************************************************************************************************************************************/
.discount-rate-container__value, .discount-rate-container__minus {
    font-size: 12px;
    font-weight: 400;
    color: #cd0000;
}

.discount-rate-container {
    display: inline-flex;
    align-items: center;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ReviewsV2/components/OptionFavorite/OptionFavorite.scss ***!
  \******************************************************************************************************************************************************/
.favorite-option {
    cursor: pointer;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductBadges/ProductBadges.scss ***!
  \*******************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.option-mix-and-match {
    display: flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset-inline-start: 8px;
    bottom: 16px;
    background: rgba(255, 255, 255, 0.5);
    font-size: 10px;
    font-weight: 300;
    color: #25282b;
}

@media (min-width: 992px) {
    .option-mix-and-match {
        font-weight: 400;
    }
}

.product-badges {
    position: absolute;
    inset-inline-start: 8px;
    top: 8px;
}

    .product-badges img {
        display: block;
        margin-bottom: 8px;
        width: 52px;
    }

.product-badges__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    padding: 4px;
    background: #25282b;
    max-height: 20px;
    margin-bottom: 8px;
}

.product-badges__badge--outlet {
    background: #f76262;
    color: #fff;
    border-radius: 3px 3px;
    line-height: 20px;
    text-align: center;
    margin-bottom: 5px;
    display: block;
    font-size: 10pt;
    font-weight: 600;
    padding: 2px 5px;
}

.product-badges__badge--last {
    font-size: 9px;
    font-weight: 400;
    color: #ffffff;
    line-height: 12px;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductQuickLook/styles/ProductQuickLook.scss ***!
  \**************************************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-quick-look-drawer {
    width: 535px !important;
}

.quick-look-button {
    position: absolute !important;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 0;
    z-index: 10;
    border: none !important;
    background: none !important;
    padding: 0;
    height: auto;
}

    .quick-look-button .lcw-button__content-wrapper {
        padding-inline-end: 8px;
        margin-bottom: 16px;
        justify-content: flex-end;
        height: auto;
    }

.quick-look-button__icon {
    background: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    height: 18px;
    width: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 992px) {
    .quick-look-button__icon {
        height: 24px;
        width: 24px;
    }
}

.image-thumbnails {
    display: flex;
    overflow-x: auto;
    gap: 8px;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 4px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

    .image-thumbnails::-webkit-scrollbar {
        display: none;
    }

.image-thumbnails__item {
    flex: 0 0 auto;
    width: 136px;
    transition: border 0.2s;
}
/*!**************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductQuickLook/styles/QuickLookContent.scss ***!
  \**************************************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.quick-view {
    width: 100%;
    height: 100%;
}

.quick-view__content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

.quick-view__body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    flex-grow: 1;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .quick-view__body {
        margin-bottom: 160px;
        margin-right: -16px;
    }

    [dir=rtl] .quick-view__body {
        margin-right: 0;
        margin-left: -16px;
    }
}

.quick-view__top-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 24px;
}

@media (max-width: 992px) {
    .quick-view__top-row {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 0;
    }
}

.quick-view__media {
    flex: 0 0 40%;
    max-width: 156px;
    position: relative;
}

@media (max-width: 992px) {
    .quick-view__media {
        flex: 1;
        max-width: 100%;
    }
}

.quick-view__badges {
    position: absolute;
    top: 8px;
    left: 8px;
    display: flex;
    flex-direction: column;
}

.quick-view__badges-item {
    width: 52px;
    object-fit: cover;
}

.quick-view__image-link {
    display: block;
    width: 100%;
}

.quick-view__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.quick-view__details {
    flex: 1 1 60%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    padding: 8px;
    min-width: 0;
    overflow: hidden;
}

@media (max-width: 992px) {
    .quick-view__details {
        flex: 1;
        width: 100%;
        padding-left: 0;
    }

    [dir=rtl] .quick-view__details {
        padding-left: 8px;
        padding-right: 0;
    }
}

.quick-view__title-link {
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
    margin: 0 0 4px;
}

.quick-view__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
    margin: 0 0 12px;
}

.quick-view .product-price {
    margin-bottom: 12px;
}

.quick-view__brand {
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    height: 19px;
}

.quick-view__price {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    height: 22px;
    margin: 0;
}

.quick-view__current-price, .quick-view__discounted-price, .quick-view__discount-rate .discount-rate-container__value, .quick-view__discount-rate .discount-rate-container__minus {
    font-size: 16px;
    font-weight: 400;
    color: #25282b;
}

.quick-view__discounted-price, .quick-view__discount-rate .discount-rate-container__value, .quick-view__discount-rate .discount-rate-container__minus {
    color: #cd0000;
}

.quick-view__meta-label {
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
    margin: 0;
}

.quick-view__meta-value {
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
    margin: 0;
}

.quick-view__options {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

    .quick-view__options .product-options {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        gap: 16px;
    }

@media (max-width: 992px) {
    .quick-view__options .product-options {
        gap: 14px;
    }
}

.quick-view__option-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
}

    .quick-view__option-group .body-based-campaign {
        margin-top: 8px;
        margin-bottom: 16px;
    }

    .quick-view__option-group:not(:has(.body-based-campaign)) .quick-view__option-list {
        margin-top: 16px;
    }

@media (max-width: 992px) {
    .quick-view__option-group:not(:has(.body-based-campaign)) .quick-view__option-list {
        margin-top: 14px;
    }
}

.quick-view__option-group .option-size-boxes {
    padding: 8px 0;
}

.quick-view__option-label {
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
    margin: 0;
}

.quick-view__option-list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.quick-view__note {
    font-size: 12px;
    font-weight: 300;
    color: #25282b;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
}

.quick-view__note-icon {
    cursor: default;
}

.quick-view__actions {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px 32px;
}

@media (max-width: 768px) {
    .quick-view__actions {
        padding: 8px 16px 32px;
        box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.1), 0px 0px 14px 0px rgba(51, 51, 51, 0.05);
    }

    [dir=rtl] .quick-view__actions {
        padding: 8px 16px 32px;
    }
}

.quick-view__add-to-cart {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    height: 44px !important;
}

@media (max-width: 992px) {
    .quick-view__add-to-cart {
        height: 50px !important;
    }
}

.quick-view__details-link {
    height: 44px !important;
    background: #fff !important;
    color: #25282b !important;
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ui/Button/Button.scss ***!
  \********************************************************************************************************************************************/
.lcw-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 0px;
    font-family: inherit;
    font-weight: 400;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    outline: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, opacity 0.15s ease-in-out, text-decoration 0.15s ease-in-out;
    flex-shrink: 0;
    overflow: hidden;
    --button-height: 30px;
    height: var(--button-height);
    padding: 6px 24px;
    font-size: 14px;
    line-height: 1;
    color: #25282b;
}

    .lcw-button:focus-visible {
        box-shadow: 0 0 0 3px rgba(24, 57, 142, 0.5);
        z-index: 1;
    }

.lcw-button--primary {
    color: #ffffff;
    background-color: #25282b;
    border-color: #25282b;
}

.lcw-button--secondary {
    color: #25282b;
    background-color: #ffffff;
    border-color: #25282b;
}

.lcw-button--tertiary {
    color: #c5c5c7;
    background-color: #ffffff;
    border-color: #c5c5c7;
}

.lcw-button--accent {
    color: #ffffff;
    background-color: #f0513b;
    border-color: #f0513b;
}

.lcw-button--link {
    display: inline;
    height: auto !important;
    padding: 0 !important;
    border: none;
    background: none;
    color: #25282b;
    text-decoration: none;
    text-underline-offset: 4px;
}

.lcw-button--ghost {
    color: #25282b;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}

.lcw-button:disabled.lcw-button--link, .lcw-button[aria-disabled=true].lcw-button--link {
    cursor: not-allowed;
}

.lcw-button:disabled:not(.lcw-button--link), .lcw-button[aria-disabled=true]:not(.lcw-button--link) {
    cursor: not-allowed;
}

.lcw-button__content-wrapper {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 100%;
}

.lcw-button__icon {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

    .lcw-button__icon svg {
        width: 1em;
        height: 1em;
        vertical-align: middle;
    }

.lcw-button__text {
    display: inline-block;
    line-height: inherit;
    vertical-align: middle;
    text-overflow: ellipsis;
}

.lcw-button--icon-only {
    padding: 0;
    width: var(--button-height);
}

    .lcw-button--icon-only .lcw-button__content-wrapper {
        gap: 0;
    }

    .lcw-button--icon-only .lcw-button__icon {
        margin: 0 !important;
    }

    .lcw-button--icon-only .lcw-button__text {
        display: none !important;
    }

.lcw-button--full-width {
    display: flex;
    width: 100%;
    justify-content: center;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductPrice/ProductPrice.scss ***!
  \*****************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/ProductOptions.scss ***!
  \*********************************************************************************************************************************************************/
.product-options-container {
    position: relative;
    margin-top: 4px;
}

.product-options-container__content {
    position: relative;
    background-color: #fff;
    color: #555;
    margin: 15px 0 10px 0;
}

.product-options-container__size-height-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.product-options-container__size-height-label {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}

.product-options-container__notification {
    visibility: visible;
    background-color: #fff;
    font-size: 13px;
    font-weight: 600;
    color: #193db0;
    text-align: center;
    border-radius: 3px;
    padding: 8px 8px;
    position: absolute;
    top: -30px;
    left: calc(50% - 145px);
    height: 38px;
    width: 290px;
    border: 1px solid #193db0;
}

    .product-options-container__notification::after {
        content: "";
        position: absolute;
        display: block;
        top: 30px;
        left: 50%;
        margin-left: -5px;
        border-width: 1px;
        width: 15px;
        height: 15px;
        border-left: 1px solid #193db0;
        border-bottom: 1px solid #193db0;
        background: #fff;
        transform: rotate(-45deg);
    }

.product-options-container__notification--active {
    position: absolute;
    visibility: hidden;
}

.product-options-content {
    position: relative;
    display: flex;
    gap: 0.8rem;
}

.product-options-content__notify {
    visibility: visible;
    background-color: #fff;
    font-size: 10px;
    font-weight: 600;
    color: #193db0;
    text-align: center;
    border-radius: 3px;
    padding: 8px 8px;
    position: absolute;
    top: -15px;
    left: calc(50% - 175px);
    height: 38px;
    width: auto;
    border: 1px solid #193db0;
}

    .product-options-content__notify::after {
        content: "";
        position: absolute;
        display: block;
        top: 30px;
        left: 50%;
        margin-left: -5px;
        border-width: 1px;
        width: 15px;
        height: 15px;
        border-left: 1px solid #193db0;
        border-bottom: 1px solid #193db0;
        background: #fff;
        transform: rotate(-45deg);
    }

.product-size-infos {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.product-price-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.price-in-cash {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.5rem;
}

.price-in-cash__text {
    font-size: 12px;
    color: #6b778d;
}

.price-in-cash__cash-price {
    font-size: 22px;
    font-weight: bold;
    white-space: nowrap;
    color: #193db0;
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductSizes/ProductSizes.scss ***!
  \*******************************************************************************************************************************************************************************/
.option-size-box-header {
    display: flex;
    justify-content: start;
    margin-bottom: 10px;
    margin-top: 15px;
}

.option-size-box-header__label {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}

.option-size-boxes-desktop {
    display: contents;
    overflow-y: auto;
    width: 100%;
    max-height: 120px;
}

.option-size-boxes-mobile {
    display: flex;
    overflow-x: scroll;
    margin: -5px 0px 0px -5px;
    padding: 5px;
}

    .option-size-boxes-mobile::-webkit-scrollbar-track {
        background: transparent;
    }

    .option-size-boxes-mobile::-webkit-scrollbar {
        width: 0;
    }
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/OptionBox/OptionBox.scss ***!
  \*************************************************************************************************************************************************************************/
.option-size-box {
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    padding: 4px 6px;
    border: 0.5px solid #25282b;
    border-radius: 1px;
    background: #fff;
    font-size: 12px;
    font-weight: 400;
    color: #25282b;
    color: #25282b;
    box-sizing: border-box;
    transition: width 0.2s, height 0.2s;
    white-space: nowrap;
    min-width: 36px;
    min-height: 36px;
}

.option-size-box--expanded {
    width: 76px;
    height: 48px;
    white-space: normal;
    overflow-wrap: break-word;
}

.option-size-box--multi-line {
    width: 100%;
    max-width: 92px;
    height: 48px;
    white-space: normal;
    overflow-wrap: break-word;
}

    .option-size-box--multi-line .option-size-box__label {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }

.option-size-box--standart {
    padding: 10px 38px;
    width: 123px;
    height: 36px;
    border-radius: 1px;
    border-width: 0.5px;
    background: #25282b;
    color: #fff;
    border: 0.5px solid #25282b;
}

.option-size-box__selected {
    color: #fff;
    background: #25282b;
}

.option-size-box__selected--notify-when-available {
    border: 0.5px solid #25282b !important;
    color: #25282b;
}

.option-size-box__out-of-stock {
    color: #ababad;
    background: #eeeeee;
    border: 0.5px solid transparent;
}

.option-size-box__out-of-stock-bell-icon, .option-size-box__has-campaign-icon, .option-size-box__has-campaign-selected {
    position: absolute;
    top: -8px;
    right: -5px;
}

html[dir=rtl] .option-size-box__out-of-stock-bell-icon, html[dir=rtl] .option-size-box__has-campaign-icon, html[dir=rtl] .option-size-box__has-campaign-selected {
    right: auto;
    left: -5px;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/OptionBoxWrapper/OptionBoxWrapper.scss ***!
  \***************************************************************************************************************************************************************************************/
.option-size-boxes {
    padding: 8px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 18px;
}

@media screen and (max-width: 992px) {
    .option-size-boxes {
        overflow-x: auto;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        padding-block: 8px;
        margin-top: -6px;
    }

    .option-size-box {
        scroll-snap-align: start;
    }
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductHeights/ProductHeights.scss ***!
  \***********************************************************************************************************************************************************************************/
.option-size-box-header {
    display: flex;
    justify-content: start;
    margin-bottom: 10px;
    margin-top: 15px;
}

.option-size-box-header__label {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductAddToCart/ProductAddToCart.scss ***!
  \***************************************************************************************************************************************************************************************/
.add-to-card {
    cursor: pointer;
}

.add-to-card--select-size {
    background: #f0513b !important;
    border: none !important;
}

    .add-to-card--select-size:disabled {
        background: #f0513b !important;
        border: none !important;
        color: #ffffff !important;
    }

.add-to-card--adding {
    background: #c5c5c7;
    color: #000000;
    opacity: 0.8;
    cursor: not-allowed;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductBodyMeasurement/ProductBodyMeasurement.scss ***!
  \***************************************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.body-measurement {
    min-height: auto;
    background: transparent;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0.5rem;
}

    .body-measurement [data-radix-hover-card-trigger] {
        pointer-events: none;
    }

        .body-measurement [data-radix-hover-card-trigger]:focus {
            pointer-events: auto;
        }

.body-measurement__container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
}

.body-measurement__main-content {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 300;
    font-size: 12px;
}

.body-measurement__main-content--left {
    flex-direction: row;
}

.body-measurement__main-content--right {
    flex-direction: row-reverse;
}

.body-measurement__main-content--inline {
    flex-wrap: wrap;
    gap: 10px;
}

.body-measurement__main-content--stacked {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.body-measurement__icon-text-group {
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 300;
    font-size: 12px;
}

.body-measurement__main-content--left .body-measurement__icon-text-group {
    flex-direction: row;
}

.body-measurement__main-content--right .body-measurement__icon-text-group {
    flex-direction: row-reverse;
}

.body-measurement__height {
    font-size: 12px;
    font-weight: 300;
    color: #25282b;
}

.body-measurement__value {
    font-size: 12px;
    font-weight: 700;
    color: #25282b;
}

.body-measurement__trigger-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    margin: 0;
    position: relative;
    top: -1px;
    display: flex;
    align-items: center;
}

    .body-measurement__trigger-btn svg {
        display: block;
    }

.body-measurement__info-text {
    font-size: 12px;
    font-weight: 300;
    color: #25282b;
}

.body-measurement__info-wrapper {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    white-space: nowrap;
    flex-wrap: wrap;
}

.body-measurement__height-container {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.body-measurement__info {
    position: relative;
}

.body-measurement__info__content {
    width: 209px !important;
    height: 64px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    color: #25282b;
    padding: 10px 10px !important;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/HoverCard/styles/HoverCard.scss ***!
  \******************************************************************************************************************************************************/
.hover-card__content {
    border-radius: 0px;
    padding: 16px;
    width: 300px;
    background-color: white;
    box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.05), 0px 0px 5px rgba(51, 51, 51, 0.1);
    animation-duration: 400ms;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform, opacity;
    z-index: 99999 !important;
}

.hover-card__arrow {
    fill: #fff;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductEvamStockModal/ProductEvamStockModal.scss ***!
  \*************************************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.evam-stock-register-form-modal {
    width: 462px !important;
}

.evam-stock-register-form-modal__content {
    padding: 0;
    margin: 48px 0;
}

.evam-stock-register-form-modal__close-icon {
    margin-left: auto;
}

@media (max-width: 992px) {
    .evam-stock-register-form-modal {
        margin: 0;
        min-width: 100vw !important;
        min-height: 100vh !important;
    }
}

@media (max-width: 992px) {
    .evam-stock-register-form-modal.mobile-view {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        top: auto !important;
        width: 100vw !important;
        height: auto !important;
        max-height: 90vh !important;
        min-width: 100vw !important;
        margin: 0 !important;
        padding: 24px 16px !important;
        box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.08);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        overflow-y: auto;
        transform: unset;
    }
}

.evam-stock-register-form-modal .modal__title {
    display: none;
}

.evam-stock-success-modal {
    width: 462px !important;
}

    .evam-stock-success-modal:has(.evam-success-content) .modal__content {
        margin: 0;
    }

.evam-stock-clarification-text-modal {
    width: 80vw !important;
    max-width: 1240px !important;
    overflow: hidden !important;
}

@media (max-width: 992px) {
    .evam-stock-clarification-text-modal {
        margin: 0;
        width: 100vw !important;
        height: 100vh !important;
        max-height: 100vh !important;
        justify-content: flex-start !important;
    }
}

.evam-stock-clarification-text-modal__content {
    padding: 0;
    margin: 48px 0;
}

.evam-stock-clarification-text-modal__close-icon {
    margin-left: auto;
}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductEvamStockModal/components/ClarificationTextContent/ClarificationTextContent.scss ***!
  \****************************************************************************************************************************************************************************************************************************************/
.clarification-text-content {
    max-height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}

    .clarification-text-content::-webkit-scrollbar {
        height: 4px;
        width: 4px;
    }

    .clarification-text-content::-webkit-scrollbar-track {
        background: #d8d8d8;
        border: 0px none #ffffff;
        border-radius: 4px;
        margin-bottom: 90px;
    }

    .clarification-text-content::-webkit-scrollbar-thumb {
        background: #a5a5a5;
        border: 0px none #ffffff;
        border-radius: 4px;
    }
/*!****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Loader/styles/LogoLoader.scss ***!
  \****************************************************************************************************************************************************/
.logo-loader-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9998;
    background: hsla(0, 0%, 100%, 0.5);
}

.logo-loader-wrapper {
    position: fixed;
    top: 50%;
    max-width: 200px;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 9999;
    background: transparent;
}

.logo-loader {
    width: 200px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-loader--resize {
    width: 104px !important;
}

.logo-loader-svg {
    width: 100%;
    height: auto;
}

.mask-rect {
    animation: fillBar 0.5s ease-out forwards;
}

@keyframes fillBar {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}
/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductEvamStockModal/components/RegisterFormContent/RegisterFormContent.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.evam-stock-register-form-modal:has(.stock-reminder-modal) .modal__content {
    margin: 0;
}

.stock-reminder-modal {
    display: flex;
    flex-direction: column;
    padding: 0 40px 40px;
}

@media (max-width: 992px) {
    .stock-reminder-modal {
        padding: 0;
    }
}

.stock-reminder-modal__title {
    font-size: 16px;
    font-weight: 500;
    color: #25282b;
    text-align: center;
    margin-bottom: 8px;
}

.stock-reminder-modal__info {
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
    text-align: center;
    max-width: 290px;
    margin: 0 auto 24px;
}

.stock-reminder-modal__form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 24px;
}

.stock-reminder-modal__input-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-bottom: 16px;
}

.stock-reminder-modal__input-wrapper--error .stock-reminder-modal__input {
    border-color: #cd0000;
}

.stock-reminder-modal__input {
    height: 44px;
    border: 1px solid #c9c9c9;
    border-radius: 1px;
    outline: none;
    padding: 0 1rem;
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
}

    .stock-reminder-modal__input.placeholder {
        font-size: 14px;
        font-weight: 400;
        color: "#C5C5C7";
    }

    .stock-reminder-modal__input:-moz-placeholder {
        font-size: 14px;
        font-weight: 400;
        color: "#C5C5C7";
    }

    .stock-reminder-modal__input::-moz-placeholder {
        font-size: 14px;
        font-weight: 400;
        color: "#C5C5C7";
    }

    .stock-reminder-modal__input:-ms-input-placeholder {
        font-size: 14px;
        font-weight: 400;
        color: "#C5C5C7";
    }

    .stock-reminder-modal__input::-webkit-input-placeholder {
        font-size: 14px;
        font-weight: 400;
        color: "#C5C5C7";
    }

.stock-reminder-modal__feedback {
    font-size: 11px;
    font-weight: 300;
    color: #cd0000;
    margin-top: 4px;
}

.stock-reminder-modal__submit {
    width: 100%;
    height: 44px;
    padding: 0.75rem;
    border-radius: 1px;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    background-color: #25282b;
    border: none;
}

.stock-reminder-modal__submit--disabled {
    background-color: #c9c9c9;
}

.stock-reminder-modal__disclaimer {
    font-size: 12px;
    font-weight: 400;
    color: #6c6c6c;
    text-align: center;
    margin: 0 auto;
    max-width: 315px;
}

    .stock-reminder-modal__disclaimer .stock-reminder-modal__link {
        color: #25282b;
        cursor: pointer;
        text-decoration: underline;
    }
/*!************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductEvamStockModal/components/SuccessRegisterContent/SuccessRegisterContent.scss ***!
  \************************************************************************************************************************************************************************************************************************************/
.evam-success-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 40px 40px;
}

.evam-success-content__success-text {
    font-size: 16px;
    font-weight: 500;
    color: #25282b;
    margin: 0 auto 11px;
}

.evam-success-content__info {
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
    text-align: center;
    margin-bottom: 24px;
}

    .evam-success-content__info > b {
        font-weight: 700;
    }

.evam-success-content__product-image {
    width: 143px;
    height: 190px;
    margin: 0 auto;
}

.evam-success-content__continue-shopping {
    background: #25282b;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    width: 100%;
    height: 44px;
    padding: 9px 12px;
    border: none;
    text-decoration: none;
    display: inline-block;
    text-align: center;
}

.evam-success-content__see-similar-products {
    background: #fff;
    color: #25282b;
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
    width: 100%;
    height: 44px;
    padding: 9px 12px;
    border: 2px solid #25282b;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
}

    .evam-success-content__see-similar-products:hover {
        background: #25282b;
        color: #fff;
    }
/*!*******************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductBodyBasedCampaign/ProductBodyBasedCampaign.scss ***!
  \*******************************************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.body-based-campaign {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 5px;
}

.body-based-campaign__text {
    font-size: 12px;
    font-weight: 300;
    color: #25282b;
}

@media (max-width: 992px) {
    .body-based-campaign {
        margin-top: 4px;
        margin-bottom: 14px;
    }

    .body-based-campaign__text {
        font-size: 11px;
        font-weight: 300;
        color: #25282b;
    }
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductAddToCartError/ProductAddToCartError.scss ***!
  \*************************************************************************************************************************************************************************************************/
.product-add-to-cart-error-modal {
    border-radius: 0 !important;
    width: 350px !important;
}

.product-add-to-cart-error {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
}

.product-add-to-cart-error__icon {
    margin-bottom: 24px;
}

.product-add-to-cart-error__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.product-add-to-cart-error__title {
    font-size: 16px;
    font-weight: 500;
    color: #25282b;
    margin-bottom: 8px;
}

.product-add-to-cart-error__message {
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
    margin: 0 auto 24px;
    text-align: center;
}

.product-add-to-cart-error__button {
    width: 100%;
    height: 40px;
    border-radius: 1px;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Modal/Modal.scss ***!
  \***************************************************************************************************************************************/
.lcw-modal-overlay {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    inset: 0;
    z-index: 1037;
}

.lcw-modal-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 24px;
    border-radius: 10px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
    z-index: 1138;
    min-width: 320px;
    max-width: 90vw;
    max-height: 90vh;
    width: 100%;
    outline: none;
    display: flex;
    flex-direction: column;
}

.lcw-modal-title {
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 16px;
}

.lcw-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: none;
    border: none;
    font-size: 1.5rem;
    cursor: pointer;
    color: #333;
    z-index: 1;
}

.lcw-modal-body {
    flex: 1 1 auto;
    overflow-y: auto;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/ProductOptionsLabel/ProductOptionsLabel.scss ***!
  \*********************************************************************************************************************************************************************************************/
.product-options-label {
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductQuickLook/styles/QuickLookSkeleton.scss ***!
  \***************************************************************************************************************************************************************************************************/
@keyframes shimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.skeleton {
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    animation: shimmer 1.5s infinite linear;
}

.skeleton-image {
    width: 100%;
    height: 250px;
    border-radius: 4px;
}

.skeleton-text {
    height: 20px;
    border-radius: 4px;
    margin-bottom: 12px;
}

.skeleton-text--brand {
    width: 100px;
}

.skeleton-text--title {
    width: 80%;
}

.skeleton-text--price {
    width: 120px;
}

.skeleton-text--color {
    width: 150px;
}

.skeleton-option {
    height: 40px;
    border-radius: 4px;
    margin-bottom: 16px;
    width: 100%;
}

.skeleton-button {
    height: 48px;
    border-radius: 4px;
    margin-bottom: 12px;
    width: 100%;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/ProductOptions/components/AddToCartPreview/AddToCartPreview.scss ***!
  \***************************************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.scroll-thin {
    overflow: auto;
    --scroll-hit-size: 16px;
    --scrollbar-size: 1px;
    --scrollbar-offset: calc((var(--scroll-hit-size) - var(--scrollbar-size)) / 2);
    --scrollbar-end: calc(var(--scrollbar-offset) + var(--scrollbar-size));
}

    .scroll-thin::-webkit-scrollbar {
        width: var(--scroll-hit-size);
        height: var(--scroll-hit-size);
    }

    .scroll-thin::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 4px;
    }

    .scroll-thin::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 4px;
    }

    .scroll-thin::-webkit-scrollbar-track:vertical {
        background: linear-gradient(to right, transparent 0 var(--scrollbar-offset), #c5c5c7 var(--scrollbar-offset) var(--scrollbar-end), transparent var(--scrollbar-end));
    }

    .scroll-thin::-webkit-scrollbar-track:horizontal {
        background: linear-gradient(to bottom, transparent 0 var(--scrollbar-offset), #c5c5c7 var(--scrollbar-offset) var(--scrollbar-end), transparent var(--scrollbar-end));
    }

    .scroll-thin::-webkit-scrollbar-thumb:vertical {
        background: linear-gradient(to right, transparent 0 var(--scrollbar-offset), #25282b var(--scrollbar-offset) var(--scrollbar-end), transparent var(--scrollbar-end));
    }

    .scroll-thin::-webkit-scrollbar-thumb:horizontal {
        background: linear-gradient(to bottom, transparent 0 var(--scrollbar-offset), #25282b var(--scrollbar-offset) var(--scrollbar-end), transparent var(--scrollbar-end));
    }

@supports not selector(::-webkit-scrollbar) {
    .scroll-thin {
        scrollbar-color: #25282b #c5c5c7;
        scrollbar-width: thin;
    }
}

.d-none {
    display: none;
}

.add-to-cart-preview {
    display: flex;
    flex-direction: column;
    gap: 32px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .add-to-cart-preview {
        gap: 40px;
    }
}

.add-to-cart-preview__main {
    display: flex;
    height: 208px;
    width: 100%;
    margin-bottom: 16px;
}

@media screen and (min-width: 992px) {
    .add-to-cart-preview__main {
        margin-bottom: 24px;
    }
}

.add-to-cart-preview__image-container {
    flex-shrink: 0;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 16px;
}

[dir=rtl] .add-to-cart-preview__image-container {
    margin-right: initial;
}

[dir=rtl] .add-to-cart-preview__image-container {
    margin-left: 16px;
}

@media screen and (min-width: 768px) {
    .add-to-cart-preview__image-container {
        margin-right: 20px;
    }

    [dir=rtl] .add-to-cart-preview__image-container {
        margin-right: initial;
    }

    [dir=rtl] .add-to-cart-preview__image-container {
        margin-left: 20px;
    }
}

.add-to-cart-preview__image {
    max-width: 136px;
    max-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media screen and (min-width: 992px) {
    .add-to-cart-preview__image {
        max-width: 150px;
    }
}

.add-to-cart-preview__details {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

    .add-to-cart-preview__details .discount-rate-container__minus, .add-to-cart-preview__details .discount-rate-container__value {
        font-size: 16px;
        font-weight: 600;
        color: #cd0000;
    }

.add-to-cart-preview__brand {
    margin: 8px 0 4px 0;
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
}

.add-to-cart-preview__description {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.add-to-cart-preview__price {
    display: flex;
    gap: 8px;
    margin: 0 0 12px;
}

.add-to-cart-preview__current-price, .add-to-cart-preview__discounted-price {
    font-size: 16px;
    font-weight: 400;
}

.add-to-cart-preview__size {
    margin: 0 0 12px 0;
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
}

.add-to-cart-preview__size--value {
    font-weight: 400;
}

.add-to-cart-preview__color {
    margin: 0 0 5px 0;
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
}

.add-to-cart-preview__color--value {
    font-weight: 400;
}

.add-to-cart-preview__actions {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

@media screen and (min-width: 768px) {
    .add-to-cart-preview__actions {
        gap: 10px;
    }
}

.add-to-cart-preview__button {
    font-size: 12px;
    font-weight: 500;
    padding: 8px;
    width: 100%;
    height: 44px;
    flex: 1;
}

@media screen and (min-width: 992px) {
    .add-to-cart-preview__button {
        font-size: 14px;
    }
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductRecommendationsV2/styles/ProductsThatMayInterest.scss ***!
  \***********************************************************************************************************************************************************/
.products-that-may-interest {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.products-that-may-interest__title {
    font-size: 16px;
    font-weight: 300;
    color: #25282b;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .products-that-may-interest__title svg {
        cursor: pointer;
    }

.products-that-may-interest__tiles {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
}

.products-that-may-interest .product-card .product-image .quick-look-button {
    padding: 0;
    height: auto;
}

    .products-that-may-interest .product-card .product-image .quick-look-button .quick-look-button__icon {
        width: 18px !important;
        height: 18px !important;
    }

        .products-that-may-interest .product-card .product-image .quick-look-button .quick-look-button__icon svg {
            width: 10px !important;
            height: 10px !important;
        }

.products-that-may-interest .product-card .product-price {
    flex-direction: column !important;
}
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Skeletons/SkeletonProductCard.scss ***!
  \*********************************************************************************************************************************************************/
@keyframes shimmer {
    0% {
        background-position: -468px 0;
    }

    100% {
        background-position: 468px 0;
    }
}

.skeleton-product-card {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.skeleton-product-card__image {
    width: 100%;
    aspect-ratio: 3/4;
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    animation: shimmer 1.5s infinite linear;
}

.skeleton-product-card__brand {
    width: 40%;
    height: 12px;
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    animation: shimmer 1.5s infinite linear;
}

.skeleton-product-card__title {
    width: 80%;
    height: 14px;
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    animation: shimmer 1.5s infinite linear;
}

.skeleton-product-card__price {
    width: 30%;
    height: 14px;
    background: #f6f7f8;
    background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-repeat: no-repeat;
    background-size: 800px 100%;
    animation: shimmer 1.5s infinite linear;
}
/*!************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductRecommendationsV2/styles/FBTInfoModal.scss ***!
  \************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.fbt-info-modal {
    width: 350px;
    overflow: hidden;
    padding: 8px 8px 24px;
}

    .fbt-info-modal .modal__content {
        margin: 0;
    }

.fbt-info-modal__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.fbt-info-modal-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fbt-info-modal-content {
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
    text-align: center;
    margin: 0;
}

.fbt-info-modal-actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 0 32px;
    margin-top: 16px;
}

.fbt-info-modal-actions__btn {
    flex: 1;
    width: 100%;
    min-height: 44px;
    border-radius: 2px;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductRemove/ProductRemove.scss ***!
  \*************************************************************************************************************************************************************************************/

/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductColorBadge/ProductColorBadge.scss ***!
  \*********************************************************************************************************************************************************************************************/
.product-colors {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: max-content;
    gap: 4px;
    font-size: 12px;
    font-weight: 400;
    color: #25282b;
    line-height: 12px;
}
/*!***********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductColor/ProductColor.scss ***!
  \***********************************************************************************************************************************************************************************/
.product-color {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 4px;
}

.product-color__label {
    font-size: 14px;
    font-weight: 300;
    color: #25282b;
}

.product-color__value {
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/ProductCard-V2/components/ProductBanner/ProductBanner.scss ***!
  \*************************************************************************************************************************************************************************************/
.product-banner__link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.product-banner__image, .product-banner__video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.product-banner__video {
    background-color: #000;
}
/*!*********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/HorizontalAutoSwiper/HorizontalAutoSwiper.scss ***!
  \*********************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.horizontal-auto-swiper {
    position: relative;
    min-width: 0;
    width: 100%;
    overflow: visible;
}

    .horizontal-auto-swiper .swiper-wrapper {
        display: flex;
        flex-wrap: nowrap;
    }

.horizontal-auto-swiper--slide-gap .swiper-wrapper {
    gap: var(--horizontal-auto-swiper-slide-gap, 0px);
}

.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide {
    width: auto !important;
    flex-shrink: 0;
}

.horizontal-auto-swiper--fixed-slides .swiper-wrapper .swiper-slide {
    flex-shrink: 0;
    height: auto;
}

.horizontal-auto-swiper__core {
    width: 100%;
    padding: 12px 0 4px;
    margin: 0 -2px;
}

.horizontal-auto-swiper__arrow {
    position: absolute;
    top: calc(50% - 8px);
    transform: translateY(-50%);
    z-index: 3;
    width: 32px;
    height: 32px;
    padding: 0;
    background-color: hsla(0, 0%, 100%, 0.85);
    border: none;
    border-radius: 50%;
    cursor: pointer;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    transition: background-color 0.2s ease-in-out;
}

.horizontal-auto-swiper__arrow--left {
    inset-inline-start: 0;
}

.horizontal-auto-swiper__arrow--right {
    inset-inline-end: 0;
}

.horizontal-auto-swiper__arrow:hover {
    background-color: hsl(0, 0%, 100%);
}

:where(html[dir=rtl]) .horizontal-auto-swiper .horizontal-auto-swiper__arrow svg {
    transform: scaleX(-1);
}

.horizontal-auto-swiper--locked .swiper-wrapper {
    justify-content: center;
}

.horizontal-auto-swiper--locked .horizontal-auto-swiper__arrow {
    display: none !important;
}

@media (max-width: 992px) {
    .horizontal-auto-swiper__arrow {
        display: none !important;
    }
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/components/ProductListingBlock/ProductListingBlock.scss ***!
  \********************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-list .product-grid .product-listing-block.product-card.product-card--full,
.product-list-container .product-grid .product-listing-block.product-card.product-card--full {
    margin-block: 32px;
}

@media (min-width: calc(992px + 1px)) {
    .product-list .product-grid .product-listing-block.product-card.product-card--full,
    .product-list-container .product-grid .product-listing-block.product-card.product-card--full {
        margin-block: 40px;
    }
}

.product-list .product-grid .product-listing-block.product-card.product-card--full:first-child,
.product-list-container .product-grid .product-listing-block.product-card.product-card--full:first-child {
    margin-block-start: 0;
}

.product-list .product-grid .product-listing-block.product-card.product-card--full + .product-listing-block.product-card.product-card--full,
.product-list-container .product-grid .product-listing-block.product-card.product-card--full + .product-listing-block.product-card.product-card--full {
    margin-block-start: 0;
}

.product-list .product-listing-block.product-card.product-card--full,
.product-list-container .product-listing-block.product-card.product-card--full {
    padding-inline: var(--pl-gutter);
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .product-list .product-listing-block.product-card.product-card--full,
    .product-list-container .product-listing-block.product-card.product-card--full {
        padding-inline: 0;
    }
}

@media (max-width: 992px) {
    .product-list .product-grid--cols-3 .product-listing-block.product-card.product-card--full,
    .product-list-container .product-grid--cols-3 .product-listing-block.product-card.product-card--full {
        padding-inline: 24px;
    }
}

.product-list .product-grid--cols-4 .product-listing-block.product-card.product-card--full,
.product-list-container .product-grid--cols-4 .product-listing-block.product-card.product-card--full {
    padding-inline: 0;
}

.product-list .product-listing-block.product-listing-block--single-hero.product-card.product-card--full,
.product-list-container .product-listing-block.product-listing-block--single-hero.product-card.product-card--full {
    width: 100% !important;
    max-width: none;
    margin-inline: 0;
}

.product-listing-block--single-hero {
    --plb-single-hero-col: min(736px, 100%);
}

.product-listing-block {
    width: 100%;
    min-width: 0;
    overflow: visible;
}

    .product-listing-block.product-listing-block--split-hero {
        --plb-split-hero-gap: 40px;
        --plb-split-hero-band-width: min(100%, calc(984px + var(--plb-split-hero-gap)));
    }

@media (max-width: 992px) {
    .product-listing-block.product-listing-block--split-hero {
        --plb-split-hero-gap: 6px;
    }
}

.product-listing-block__hero {
    display: grid;
    width: 100%;
}

    .product-listing-block__hero.product-listing-block__hero--single {
        grid-template-columns: var(--plb-single-hero-col);
        justify-content: center;
        gap: 0;
    }

@media (max-width: 992px) {
    .product-listing-block__hero.product-listing-block__hero--single {
        grid-template-columns: 100%;
    }
}

.product-listing-block__hero.product-listing-block__hero--split {
    grid-template-columns: minmax(0, 1fr);
    justify-content: center;
    gap: 0;
    max-width: 100%;
    box-sizing: border-box;
}

@media (min-width: 992px) {
    .product-listing-block__hero.product-listing-block__hero--single .product-listing-block__hero-cell-shell {
        width: 736px;
        height: 982px;
        max-width: 100%;
        box-sizing: border-box;
    }
}

.product-listing-block__hero.product-listing-block__hero--single .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    height: 100%;
}

.product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell {
    width: min(100%, 984px + var(--plb-split-hero-gap, 40px));
    height: 656px;
    max-width: 100%;
    justify-self: center;
    box-sizing: border-box;
}

    .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image--listing-hero-segments {
        gap: var(--plb-split-hero-gap, 40px);
        flex-wrap: nowrap;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-inline: auto;
    }

    .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment {
        flex: 0 0 492px;
        width: 492px;
        min-width: 492px;
        max-width: 492px;
        height: 656px;
    }

@media (max-width: 992px) {
    .product-listing-block .product-list .product-grid--cols-2 .product-listing-block__hero.product-listing-block__hero--single .product-listing-block__hero-cell-shell,
    .product-listing-block .product-list .product-grid--cols-3 .product-listing-block__hero.product-listing-block__hero--single .product-listing-block__hero-cell-shell,
    .product-listing-block .product-list-container .product-grid--cols-2 .product-listing-block__hero.product-listing-block__hero--single .product-listing-block__hero-cell-shell,
    .product-listing-block .product-list-container .product-grid--cols-3 .product-listing-block__hero.product-listing-block__hero--single .product-listing-block__hero-cell-shell {
        width: 366px;
        height: 488px;
        max-width: 100%;
        justify-self: center;
        box-sizing: border-box;
    }

    .product-listing-block .product-list .product-grid--cols-2 .product-listing-block.product-listing-block--single-hero,
    .product-listing-block .product-list .product-grid--cols-3 .product-listing-block.product-listing-block--single-hero,
    .product-listing-block .product-list-container .product-grid--cols-2 .product-listing-block.product-listing-block--single-hero,
    .product-listing-block .product-list-container .product-grid--cols-3 .product-listing-block.product-listing-block--single-hero {
        --plb-single-hero-col: min(100%, 366px);
    }

    .product-listing-block .product-list .product-grid--cols-2 .product-listing-block--single-hero .product-listing-block__info,
    .product-listing-block .product-list .product-grid--cols-3 .product-listing-block--single-hero .product-listing-block__info,
    .product-listing-block .product-list-container .product-grid--cols-2 .product-listing-block--single-hero .product-listing-block__info,
    .product-listing-block .product-list-container .product-grid--cols-3 .product-listing-block--single-hero .product-listing-block__info {
        max-width: min(100%, 366px);
    }

    .product-list .product-grid--cols-2 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell, .product-list .product-grid--cols-3 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell, .product-list-container .product-grid--cols-2 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell, .product-list-container .product-grid--cols-3 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell {
        width: min(100%, 360px + var(--plb-split-hero-gap, 6px));
        height: 240px;
        max-width: 100%;
        justify-self: center;
    }

        .product-list .product-grid--cols-2 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image--listing-hero-segments, .product-list .product-grid--cols-3 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image--listing-hero-segments, .product-list-container .product-grid--cols-2 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image--listing-hero-segments, .product-list-container .product-grid--cols-3 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image--listing-hero-segments {
            gap: var(--plb-split-hero-gap, 6px);
            flex-wrap: nowrap;
            width: 100%;
            min-width: 0;
        }

        .product-list .product-grid--cols-2 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment, .product-list .product-grid--cols-3 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment, .product-list-container .product-grid--cols-2 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment, .product-list-container .product-grid--cols-3 .product-listing-block .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment {
            flex: 0 0 180px;
            width: 180px;
            min-width: 180px;
            max-width: 180px;
            height: 240px;
        }
}

.product-listing-block__hero-cell-shell {
    position: relative;
    min-width: 0;
    --plb-hero-ql-offset: 8px;
}

    .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card {
        width: 100%;
        height: 100%;
        box-shadow: none;
        overflow: hidden;
    }

        .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .link__element {
            display: flex;
            flex-direction: column;
            height: 100%;
            min-height: 0;
        }

        .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image-container {
            position: relative;
            flex: 1;
            width: 100%;
            height: 100%;
            min-height: 0;
        }

        .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image {
            width: 100%;
            height: 100%;
            margin: 0;
        }

            .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image:not(.product-image--listing-hero-segments) > div:first-child {
                position: relative !important;
                width: 100% !important;
                height: 100% !important;
                padding-bottom: 0 !important;
            }

                .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image:not(.product-image--listing-hero-segments) > div:first-child > div {
                    position: absolute !important;
                    inset: 0;
                }

                .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image:not(.product-image--listing-hero-segments) > div:first-child img {
                    width: 100% !important;
                    height: 100% !important;
                    object-fit: cover;
                }

        .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image--listing-hero-segments {
            display: flex !important;
            flex-direction: row !important;
            flex-wrap: nowrap;
            align-items: stretch;
            width: 100%;
            height: 100%;
            margin: 0;
            box-sizing: border-box;
            background: #fff;
        }

        .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment {
            position: relative;
            flex: 1 1 0;
            min-width: 0;
            overflow: hidden;
        }

        .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-img {
            width: 100% !important;
            height: 100% !important;
            object-fit: cover;
            display: block;
        }

        .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image-container .quick-look-button.lcw-button {
            position: absolute;
            inset-inline-end: var(--plb-hero-ql-offset);
            inset-inline-start: auto;
            bottom: 16px;
            top: auto;
            z-index: 5;
            pointer-events: auto;
            width: auto !important;
            height: auto !important;
            min-height: 0 !important;
            padding: 0 !important;
            margin: 0 !important;
            border: none !important;
            --button-height: auto !important;
        }

        .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image-container .quick-look-button .lcw-button__content-wrapper {
            margin: 0 !important;
            padding: 0 !important;
            height: auto !important;
            min-height: 0 !important;
            justify-content: end;
        }

        .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment .quick-look-button.lcw-button {
            position: absolute;
            inset-inline-end: var(--plb-hero-ql-offset);
            inset-inline-start: auto;
            bottom: 16px;
            top: auto;
        }

.product-listing-block.product-listing-block--single-hero .product-listing-block__info {
    width: 100%;
    max-width: var(--plb-single-hero-col);
    margin-inline: auto;
    box-sizing: border-box;
}

.product-listing-block.product-listing-block--split-hero .product-listing-block__info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 492px));
    gap: var(--plb-split-hero-gap, 40px);
    justify-content: center;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    box-sizing: border-box;
    text-align: start;
}

    .product-listing-block.product-listing-block--split-hero .product-listing-block__info > .product-listing-block__info-card {
        grid-column: 1/-1;
        width: 100%;
        min-width: 0;
    }

    .product-listing-block.product-listing-block--split-hero .product-listing-block__info .link__element {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        text-align: start;
    }

    .product-listing-block.product-listing-block--split-hero .product-listing-block__info .product-card-info {
        width: 100%;
    }

    .product-listing-block.product-listing-block--split-hero .product-listing-block__info .product-card-info__body {
        width: 100%;
        justify-content: space-between;
        align-items: start;
    }

    .product-listing-block.product-listing-block--split-hero .product-listing-block__info .product-card-info__favorite-option {
        flex-shrink: 0;
        margin-inline-start: auto;
    }

@media (max-width: 992px) {
    .product-listing-block .product-list .product-grid--cols-2 .product-listing-block--split-hero .product-listing-block__info,
    .product-listing-block .product-list .product-grid--cols-3 .product-listing-block--split-hero .product-listing-block__info,
    .product-listing-block .product-list-container .product-grid--cols-2 .product-listing-block--split-hero .product-listing-block__info,
    .product-listing-block .product-list-container .product-grid--cols-3 .product-listing-block--split-hero .product-listing-block__info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.product-listing-block__info-card.product-card {
    width: 100%;
    min-width: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
}

.product-listing-block__options-swiper.horizontal-auto-swiper {
    --plb-option-strip-image-h: 430px;
    --plb-option-strip-swiper-pad-top: 12px;
    min-width: 0;
    overflow: visible;
    position: relative;
    z-index: 0;
}

@media (max-width: 992px) {
    .product-listing-block__options-swiper.horizontal-auto-swiper {
        --plb-option-strip-image-h: 200px;
    }
}

.product-listing-block__options-swiper.horizontal-auto-swiper .horizontal-auto-swiper__core {
    padding-inline: 0;
    margin: 0px !important;
}

.product-listing-block__options-swiper.horizontal-auto-swiper .horizontal-auto-swiper__arrow {
    z-index: 5;
    background: transparent;
    box-shadow: none;
    width: auto;
    height: auto;
    top: calc(var(--plb-option-strip-swiper-pad-top) + var(--plb-option-strip-image-h) / 2);
    transform: translateY(-50%);
    bottom: auto;
}

.product-listing-block__options-swiper.horizontal-auto-swiper .horizontal-auto-swiper__arrow--left {
    inset-inline-start: -32px;
}

.product-listing-block__options-swiper.horizontal-auto-swiper .horizontal-auto-swiper__arrow--right {
    inset-inline-end: -32px;
}

.product-listing-block__options-swiper.horizontal-auto-swiper .product-listing-block__option-card {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide {
    width: 322px !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

@media (max-width: 992px) {
    .product-listing-block:not(.product-listing-block--split-hero) .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide {
        width: 150px !important;
        max-width: 100% !important;
    }
}

.product-listing-block__options-swiper.horizontal-auto-swiper .swiper-wrapper .swiper-slide.product-listing-block__option-slide:last-child {
    margin-inline: 0 !important;
}

.product-listing-block.product-listing-block--split-hero .product-listing-block__options-swiper.horizontal-auto-swiper {
    max-width: var(--plb-split-hero-band-width);
    width: 100%;
    margin-inline: auto;
}

    .product-listing-block.product-listing-block--split-hero .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide {
        width: calc((100% - 2 * var(--plb-option-strip-gap, 29px)) / 3) !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

@media (min-width: calc(992px + 1px)) {
    .product-listing-block .product-list .product-grid--cols-2 .product-listing-block__hero.product-listing-block__hero--single .product-listing-block__hero-cell-shell,
    .product-listing-block .product-list-container .product-grid--cols-2 .product-listing-block__hero.product-listing-block__hero--single .product-listing-block__hero-cell-shell {
        width: 736px;
        height: 982px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .product-listing-block .product-list .product-grid--cols-2 .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell,
    .product-listing-block .product-list-container .product-grid--cols-2 .product-listing-block__hero.product-listing-block__hero--split .product-listing-block__hero-cell-shell {
        width: 492px;
        height: 656px;
        max-width: 100%;
        box-sizing: border-box;
    }

    .product-list .product-grid--cols-2 .product-listing-block.product-listing-block--split-hero .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide, .product-list-container .product-grid--cols-2 .product-listing-block.product-listing-block--split-hero .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide {
        width: 322px !important;
        max-width: 100% !important;
    }
}

@media (max-width: 992px) {
    .product-list .product-grid--cols-2 .product-listing-block.product-listing-block--split-hero .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide, .product-list .product-grid--cols-3 .product-listing-block.product-listing-block--split-hero .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide, .product-list-container .product-grid--cols-2 .product-listing-block.product-listing-block--split-hero .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide, .product-list-container .product-grid--cols-3 .product-listing-block.product-listing-block--split-hero .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide {
        width: 150px !important;
        max-width: 100% !important;
    }
}

.product-listing-block__option-slide {
    box-sizing: border-box;
    height: auto;
    flex-shrink: 0;
}

.product-listing-block__slider--grid {
    --plb-option-gap: max(8px, calc(100cqw * 29 / 1280));
    display: grid;
    width: 100%;
    min-width: 0;
    gap: var(--plb-option-gap);
    padding: 12px 0 4px;
    margin: 0 -2px;
    box-sizing: border-box;
    grid-template-columns: repeat(var(--plb-option-count, 1), minmax(0, 1fr));
}

    .product-listing-block__slider--grid[data-plb-option-count="2"] {
        display: flex;
        justify-content: center;
        align-items: stretch;
    }

        .product-listing-block__slider--grid[data-plb-option-count="2"] .product-listing-block__slider-item {
            flex: 0 0 min(calc(100cqw * 322 / 1280), calc((100% - 2 * var(--plb-option-gap)) / 3));
            width: min(calc(100cqw * 322 / 1280), calc((100% - 2 * var(--plb-option-gap)) / 3));
            max-width: min(calc(100cqw * 322 / 1280), calc((100% - 2 * var(--plb-option-gap)) / 3));
            min-width: 0;
        }

.product-listing-block__slider-item {
    min-width: 0;
    width: 100%;
}

.product-listing-block__option-card.product-card {
    overflow: visible;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

    .product-listing-block__option-card.product-card > a {
        display: flex;
        flex-direction: column;
        width: 100%;
        text-align: start;
    }

    .product-listing-block__option-card.product-card .product-image-container {
        width: 322px;
        height: 430px;
        max-width: 100%;
        flex-shrink: 0;
        overflow: hidden;
        box-sizing: border-box;
    }

@media (max-width: 992px) {
    .product-listing-block__option-card.product-card .product-image-container {
        width: 150px;
        height: 200px;
    }
}

.product-listing-block__option-card.product-card .product-image {
    width: 100%;
    height: 100%;
    margin: 0;
}

    .product-listing-block__option-card.product-card .product-image > div:first-child {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        padding-bottom: 0 !important;
    }

        .product-listing-block__option-card.product-card .product-image > div:first-child > div {
            position: absolute !important;
            inset: 0;
        }

    .product-listing-block__option-card.product-card .product-image:not(.product-image--listing-hero-segments) > div:first-child img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

.product-listing-block__option-info {
    padding-top: 0;
}

.product-listing-block__option-info-body {
    width: 100%;
}

.product-listing-block__option-brand-row {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 8px;
    width: 100%;
}

.product-listing-block__option-title-row {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 8px;
    width: 100%;
    margin-top: 4px;
}

    .product-listing-block__option-title-row .product-card-info__description {
        flex: 1;
        min-width: 0;
    }

.product-listing-block__option-swatch-col {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-shrink: 0;
}

.product-listing-block__color-dot {
    width: 14px;
    height: 14px;
    border-radius: 2px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    flex-shrink: 0;
}

.product-listing-block__color-dot--below-desc {
    display: inline-block;
    margin-top: 4px;
    margin-bottom: 2px;
}

.product-listing-block__option-favorite {
    flex-shrink: 0;
}

.product-listing-block__option-colors-inline.product-colors {
    white-space: nowrap;
    font-size: 11px;
    font-weight: 400;
    color: #25282b;
    line-height: 1.2;
}

@supports not (container-type: inline-size) {
    .product-listing-block--split-hero.product-listing-block {
        --plb-split-hero-gap: 40px;
    }

    @media (max-width: 992px) {
        .product-listing-block--split-hero.product-listing-block {
            --plb-split-hero-gap: 6px;
        }
    }

    .product-listing-block__slider--grid {
        --plb-option-gap: max(8px, calc(100% * 29 / 1280));
    }

    .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide {
        width: 322px !important;
        max-width: 100% !important;
    }

    @media (max-width: 992px) {
        .product-listing-block__options-swiper.horizontal-auto-swiper:not(.horizontal-auto-swiper--fixed-slides) .swiper-wrapper .swiper-slide.product-listing-block__option-slide {
            width: 150px !important;
            max-width: 100% !important;
        }
    }

    .product-listing-block--single-hero {
        --plb-single-hero-col: min(736px, 100%);
    }

    .product-listing-block__slider--grid[data-plb-option-count="2"] .product-listing-block__slider-item {
        flex: 0 0 min(calc(100% * 322 / 1280), calc((100% - 2 * var(--plb-option-gap)) / 3));
        width: min(calc(100% * 322 / 1280), calc((100% - 2 * var(--plb-option-gap)) / 3));
        max-width: min(calc(100% * 322 / 1280), calc((100% - 2 * var(--plb-option-gap)) / 3));
    }
}

@media (max-width: 480px) {
    .product-listing-block--single-hero {
        --plb-single-hero-col: min(100%, 366px);
    }

    .product-listing-block .product-listing-block__hero.product-listing-block__hero--single .product-listing-block__hero-cell-shell {
        width: 100%;
        height: auto;
    }

    .product-list .product-grid--cols-4 .product-listing-block__hero.product-listing-block__hero--split,
    .product-list-container .product-grid--cols-4 .product-listing-block__hero.product-listing-block__hero--split {
        grid-template-columns: minmax(0, 1fr);
        justify-content: center;
    }

    .product-list .product-grid--cols-4 .product-listing-block__hero--split .product-listing-block__hero-cell-shell,
    .product-list-container .product-grid--cols-4 .product-listing-block__hero--split .product-listing-block__hero-cell-shell {
        width: min(100%, 360px + var(--plb-split-hero-gap, 6px));
        height: 240px;
        max-width: 100%;
        justify-self: center;
        box-sizing: border-box;
    }

        .product-list .product-grid--cols-4 .product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image--listing-hero-segments,
        .product-list-container .product-grid--cols-4 .product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image--listing-hero-segments {
            gap: var(--plb-split-hero-gap, 6px);
            flex-wrap: nowrap;
            width: 100%;
            min-width: 0;
        }

        .product-list .product-grid--cols-4 .product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment,
        .product-list-container .product-grid--cols-4 .product-listing-block__hero--split .product-listing-block__hero-cell-shell .product-listing-block__hero-card.product-card .product-image__listing-hero-segment {
            flex: 0 0 180px;
            width: 180px;
            min-width: 180px;
            max-width: 180px;
            height: 240px;
        }

    .product-listing-block.product-listing-block--single-hero .product-listing-block__info {
        max-width: unset;
    }

    .product-list .product-grid--cols-4 .product-listing-block--split-hero .product-listing-block__info,
    .product-list-container .product-grid--cols-4 .product-listing-block--split-hero .product-listing-block__info {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Breadcrumb/styles/BreadcrumbRoot.scss ***!
  \************************************************************************************************************************************************************/
.breadcrumb-root {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin: 0 0 24px 0;
}

.breadcrumb-root__list {
    display: flex;
    flex-wrap: nowrap;
    list-style: none;
    margin: 0;
    padding:0;
}

.breadcrumb-root__item {
    display: flex;
    align-items: center;
    line-height: 16px;
}

.breadcrumb-root__separator {
    width: 8px;
    height: 8px;
    color: #6c6c6c;
    transform: none;
}

[dir=rtl] .breadcrumb-root__separator {
    transform: rotate(180deg);
}

.breadcrumb-root__separator {
    margin-left: 8px;
}

[dir=rtl] .breadcrumb-root__separator {
    margin-left: 8px;
}

.breadcrumb-root__separator {
    margin-right: 8px;
}

[dir=rtl] .breadcrumb-root__separator {
    margin-right: 8px;
}

.breadcrumb-root__home-icon {
    width: 16px;
    height: 16px;
    color: #6c6c6c;
}

@media (max-width: 767px) {
    .breadcrumb-root__list {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: smooth;
        scrollbar-width: none;
    }

        .breadcrumb-root__list::-webkit-scrollbar {
            display: none;
        }

    .breadcrumb-root__item {
        flex: 0 0 auto;
    }

        .breadcrumb-root__item:first-child {
            position: sticky;
            left: 0;
            z-index: 2;
            background-color: white;
        }
}
/*!************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Breadcrumb/styles/BreadcrumbItem.scss ***!
  \************************************************************************************************************************************************************/
.breadcrumb-item {
    display: flex;
    align-items: center;
    color: #6c6c6c;
    font-size: 12px;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .breadcrumb-item:hover {
        text-decoration: underline;
        color: #25282b;
    }

.breadcrumb-item--current {
    color: #25282b;
    font-weight: 500;
    pointer-events: none;
    cursor: default;
}

.breadcrumb-item--disabled {
    color: #6c6c6c;
    pointer-events: none;
    cursor: not-allowed;
}
/*!***************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Breadcrumb/styles/BreadcrumbPopover.scss ***!
  \***************************************************************************************************************************************************************/
.breadcrumb-popover__trigger {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    color: #6c6c6c;
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
    padding: 0;
}

    .breadcrumb-popover__trigger:hover {
        text-decoration: underline;
        color: #25282b;
    }

.breadcrumb-popover__content {
    display: flex;
    flex-flow: column;
    gap: 4px;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    padding: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 90vw;
    animation: fade-slide-down 0.2s ease-out forwards;
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #c0c0c0 transparent;
}

    .breadcrumb-popover__content::-webkit-scrollbar {
        width: 6px;
    }

    .breadcrumb-popover__content::-webkit-scrollbar-thumb {
        background-color: #c0c0c0;
        border-radius: 10px;
    }

    .breadcrumb-popover__content::-webkit-scrollbar-track {
        background: transparent;
    }

.breadcrumb-popover__item {
    padding: 4px;
    white-space: nowrap;
    color: #6c6c6c;
    text-decoration: none;
    font-size: 12px;
    transition: background 0.2s ease;
    text-align: "right";
}

[dir=rtl] .breadcrumb-popover__item {
    text-align: left;
}

.breadcrumb-popover__icon {
    width: 8px;
    height: 8px;
    color: #6c6c6c;
    transform: none;
}

[dir=rtl] .breadcrumb-popover__icon {
    transform: rotate(180deg);
}

.breadcrumb-popover__icon {
    margin-left: 8px;
}

[dir=rtl] .breadcrumb-popover__icon {
    margin-left: 8px;
}

.breadcrumb-popover__icon {
    margin-right: 8px;
}

[dir=rtl] .breadcrumb-popover__icon {
    margin-right: 8px;
}

@keyframes fade-slide-down {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

[data-radix-popper-content-wrapper] {
    z-index: 9999 !important;
}

@media (max-width: 768px) {
    .breadcrumb-popover__content {
        max-height: 150px;
    }
}
/*!*******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductListHeading.scss ***!
  \*******************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-list-heading__block {
    width: 100%;
}

.product-list-heading__title {
    font-size: 16px;
    font-weight: 400;
    color: #25282b;
}

@media (max-width: 992px) {
    .product-list-heading__title {
        margin: 0;
    }
}

.product-list-heading__product-count {
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #555;
}

    .product-list-heading__product-count > p {
        margin: 0;
    }

    .product-list-heading__product-count > svg {
        width: 16px;
        height: 16px;
        margin-right: 8px;
        margin-top: 2px;
        align-self: start;
    }

@media (min-width: 992px) {
    .product-list-heading__product-count {
        font-size: 14px;
    }
}

.product-list-heading__product-count__count {
    font-weight: bold;
}
/*!***************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/GridViewToggle.scss ***!
  \***************************************************************************************************************************************/
@charset "UTF-8";

.grid-toggle {
    display: flex;
    gap: 18px;
}

.grid-toggle__button {
    background: none;
    border: none;
    padding: 5px 0;
    color: #6c6c6c;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: color 0.2s ease;
    /* T�klama SVG �zerinde kal�nca baz� taray�c�larda button onClick tetiklenmeyebiliyor */
}

    .grid-toggle__button svg {
        pointer-events: none;
    }

    .grid-toggle__button::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        height: 1px;
        width: 0;
        background-color: #25282b;
        transition: width 0.3s ease;
    }

    .grid-toggle__button:hover::after, .grid-toggle__button.active::after {
        width: 100%;
    }

    .grid-toggle__button:hover, .grid-toggle__button.active {
        color: #25282b;
    }
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductListLoadMore.scss ***!
  \********************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.load-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 80px;
}

@media (max-width: 992px) {
    .load-more {
        margin-top: 48px;
        margin-bottom: 48px;
    }
}

.load-more__info-text {
    font-size: 12px;
    font-weight: 400;
    color: #25282b;
    text-align: center;
    margin-bottom: 16px;
}

.load-more__info-text-viewed-products {
    font-weight: 600;
}

.load-more__progress-bar {
    position: relative;
    width: 200px;
    height: 6px;
    border-radius: 4px;
    background-color: #e0e0e0;
    overflow: hidden;
    margin-bottom: 16px;
}

.load-more__progress-bar-base {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.load-more__progress-bar-fill {
    position: absolute;
    height: 100%;
    background-color: #2e2e2e;
    transition: width 0.3s ease;
}

.load-more__progress-bar-fill--pct-0 {
    width: 0%;
}

.load-more__progress-bar-fill--pct-10 {
    width: 10%;
}

.load-more__progress-bar-fill--pct-20 {
    width: 20%;
}

.load-more__progress-bar-fill--pct-30 {
    width: 30%;
}

.load-more__progress-bar-fill--pct-40 {
    width: 40%;
}

.load-more__progress-bar-fill--pct-50 {
    width: 50%;
}

.load-more__progress-bar-fill--pct-60 {
    width: 60%;
}

.load-more__progress-bar-fill--pct-70 {
    width: 70%;
}

.load-more__progress-bar-fill--pct-80 {
    width: 80%;
}

.load-more__progress-bar-fill--pct-90 {
    width: 90%;
}

.load-more__progress-bar-fill--pct-100 {
    width: 100%;
}

.load-more__button {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background-color: #25282b;
    padding: 10px 20px;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: background 0.2s ease;
    text-decoration: none;
}

    .load-more__button:disabled, .load-more__button--disabled, .load-more__button[aria-disabled=true] {
        opacity: 0.6;
        cursor: not-allowed;
        pointer-events: none;
    }

.load-more__button-page-indicator {
    font-size: 13px;
    opacity: 0.8;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductListBottomQuickFilter.scss ***!
  \*****************************************************************************************************************************************************/
.bottom-quick-filters {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.bottom-quick-filters__heading {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.bottom-quick-filters__heading-text {
    font-size: 16px;
    font-weight: 400;
    color: #25282b;
}

.bottom-quick-filters__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    max-height: 20px;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductListFilterArea.scss ***!
  \**********************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.filter-area__toggle-button {
    background: none;
    border: none;
    color: #25282b;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: color 0.2s ease;
    padding: 0;
    white-space: nowrap;
}

.filter-area__drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.filter-area__body {
    flex: 1;
    position: relative;
}
/*!**********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/Modals/BaseModal/BaseModal.scss ***!
  \**********************************************************************************************************************************************************/
.scroll-thin {
    overflow: auto;
    --scroll-hit-size: 16px;
    --scrollbar-size: 1px;
    --scrollbar-offset: calc((var(--scroll-hit-size) - var(--scrollbar-size)) / 2);
    --scrollbar-end: calc(var(--scrollbar-offset) + var(--scrollbar-size));
}

    .scroll-thin::-webkit-scrollbar {
        width: var(--scroll-hit-size);
        height: var(--scroll-hit-size);
    }

    .scroll-thin::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 4px;
    }

    .scroll-thin::-webkit-scrollbar-thumb {
        background: transparent;
        border-radius: 4px;
    }

    .scroll-thin::-webkit-scrollbar-track:vertical {
        background: linear-gradient(to right, transparent 0 var(--scrollbar-offset), #c5c5c7 var(--scrollbar-offset) var(--scrollbar-end), transparent var(--scrollbar-end));
    }

    .scroll-thin::-webkit-scrollbar-track:horizontal {
        background: linear-gradient(to bottom, transparent 0 var(--scrollbar-offset), #c5c5c7 var(--scrollbar-offset) var(--scrollbar-end), transparent var(--scrollbar-end));
    }

    .scroll-thin::-webkit-scrollbar-thumb:vertical {
        background: linear-gradient(to right, transparent 0 var(--scrollbar-offset), #25282b var(--scrollbar-offset) var(--scrollbar-end), transparent var(--scrollbar-end));
    }

    .scroll-thin::-webkit-scrollbar-thumb:horizontal {
        background: linear-gradient(to bottom, transparent 0 var(--scrollbar-offset), #25282b var(--scrollbar-offset) var(--scrollbar-end), transparent var(--scrollbar-end));
    }

@supports not selector(::-webkit-scrollbar) {
    .scroll-thin {
        scrollbar-color: #25282b #c5c5c7;
        scrollbar-width: thin;
    }
}

.d-none {
    display: none;
}

#_sorun_icon {
    z-index: 9998 !important;
}

.base-modal .react-base-modal {
    flex-direction: column;
    justify-content: space-between;
    padding: 25px 30px;
    width: 90vw;
    height: auto;
    position: fixed;
    background: #fff;
    top: 50%;
    left: 50%;
    z-index: 9999;
    border-radius: 3px;
    -webkit-transition: display linear 0.2s;
    -moz-transition: display linear 0.2s;
    transition: display linear 0.2s;
    display: flex;
    transform: translateX(-50%) translateY(-50%);
    word-break: break-word;
}

@media screen and (min-width: 991px) {
    .base-modal .react-base-modal {
        width: 454px;
    }
}

.base-modal .react-base-modal.active {
    display: flex;
}

.base-modal .react-base-modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.base-modal .react-base-modal-footer {
    display: flex;
    grid-gap: 15px;
    justify-content: center;
}

.base-modal .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1041;
    background-color: rgba(0, 0, 0, 0.3);
}

.base-modal .timeout-modal {
    width: 328px;
}

.base-modal .must-buy-modal-footer {
    display: block;
    text-align: center;
    margin-top: 10px;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/components/Modals/HtmlContentModal/style.scss ***!
  \*************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
@media (min-width: 992px) {
    .html-content-modal {
        width: 90vw !important;
    }
}

.html-content-modal__header {
    margin-bottom: 15px;
}

.html-content-modal__close {
    display: flex;
    width: 14px;
    height: 14px;
    cursor: pointer;
}

    .html-content-modal__close path {
        stroke: #555;
    }

html[dir=ltr] .html-content-modal__close, html[dir=auto] .html-content-modal__close {
    margin-left: auto;
}

html[dir=rtl] .html-content-modal__close {
    margin-right: auto;
}

.html-content-modal__content {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.html-content-modal__loading-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    flex-direction: column;
}

.html-content-modal__loading-text {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 15px;
}

.html-content-modal {
    /* width */
}

    .html-content-modal ::-webkit-scrollbar {
        width: 4px;
    }

.html-content-modal {
    /* Track */
}

    .html-content-modal ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #fff;
        border-radius: 10px;
    }

.html-content-modal {
    /* Handle */
}

    .html-content-modal ::-webkit-scrollbar-thumb {
        background: #cecece;
        border-radius: 10px;
        width: 4px;
    }
/*!**************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Filters/styles/Filters.scss ***!
  \**************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.filters-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 150px;
}

    .filters-wrapper .accordion__trigger {
        align-items: flex-start;
        padding: 0px;
    }

    .filters-wrapper .accordion__item[data-state=open]:has(.filter-header__selected) {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

.filters__heading {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.filters__heading-text {
    font-size: 16px;
    font-weight: 600;
    color: #25282b;
}

.filters__slider-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.filters__track {
    display: flex;
    overflow-x: auto;
    scroll-behavior: smooth;
    white-space: nowrap;
    gap: 8px;
    width: 100%;
}

    .filters__track::-webkit-scrollbar {
        display: none;
    }

.filters__track {
    scrollbar-width: none;
}

.filters__arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: transparent;
}

.filters__arrow--left {
    margin-right: 20px;
}

.filters__arrow--right {
    margin-left: 20px;
}

.filters__arrow svg {
    width: 24px;
    height: 24px;
    color: #25282b;
}

.filters__actions {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px 32px;
    background: white;
}

@media (max-width: 768px) {
    .filters__actions {
        padding: 8px 16px;
        box-shadow: 0px 0px 10px 0px rgba(51, 51, 51, 0.1), 0px 0px 14px 0px rgba(51, 51, 51, 0.05);
    }
}

.filters__actions-button {
    min-height: 44px;
    border-radius: 1px;
}

@media (max-width: 768px) {
    .filters__actions-button {
        min-height: 50px;
    }
}

.filters__actions-button:disabled {
    border-color: #c5c5c7 !important;
    color: #c5c5c7 !important;
    background-color: transparent !important;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Filters/styles/FilterGroup.scss ***!
  \******************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.filter-group__content {
    display: flex;
    flex-direction: column;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    gap: 18px;
}

@media (max-width: 992px) {
    .filter-group__content {
        gap: 8px;
    }
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Accordion/styles/Accordion.scss ***!
  \******************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.accordion__item {
    border-bottom: 1px solid #e5e7eb;
}

.accordion__header {
    display: flex;
    margin: 0;
}

.accordion__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 24px 0;
    background: none;
    border: none;
    cursor: pointer;
    transition: opacity 0.3s ease-out;
}

@media (max-width: 992px) {
    .accordion__trigger {
        padding-top: 16px;
        padding-bottom: 8px;
    }
}

.accordion__trigger:hover {
    opacity: 0.9;
}

.accordion__trigger[data-state=closed] .accordion__icon--open {
    display: none;
}

.accordion__trigger[data-state=closed] .accordion__icon--closed {
    display: inline-block;
}

.accordion__trigger[data-state=open] .accordion__icon--closed {
    display: none;
}

.accordion__trigger[data-state=open] .accordion__icon--open {
    display: inline-block;
}

.accordion__trigger-content {
    flex-grow: 1;
    margin-inline-end: 0.5rem;
    text-align: start;
    overflow: hidden;
}

.accordion__icon-container {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}

.accordion__icon {
    display: inline-block;
    transition: opacity 0.2s ease-in-out;
}

    .accordion__icon svg {
        display: block;
    }

.accordion__content {
    overflow: hidden;
}

    .accordion__content[data-state=closed] {
        animation: slide-up 0.3s ease-out forwards;
    }

    .accordion__content[data-state=open] {
        animation: slide-down 0.3s ease-out forwards;
    }

.accordion__item--locked {
    opacity: 0.5;
    pointer-events: none;
}

.accordion__content--locked .accordion__content-inner {
    pointer-events: none;
    opacity: 0.5;
}

.accordion__content-inner {
    padding-top: 0;
    padding-bottom: 24px;
}

@keyframes slide-down {
    from {
        height: 0;
        opacity: 0;
    }

    to {
        height: var(--radix-accordion-content-height);
        opacity: 1;
    }
}

@keyframes slide-up {
    from {
        height: var(--radix-accordion-content-height);
        opacity: 1;
    }

    to {
        height: 0;
        opacity: 0;
    }
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/FormControls/Checkbox/styles/Checkbox.scss ***!
  \*****************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

@media (max-width: 992px) {
    .checkbox {
        padding: 8px 12px;
    }
}

.checkbox__button {
    width: 20px;
    height: 20px;
    border: 1px solid #25282b;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1px;
    padding: 0;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

    .checkbox__button:focus-visible {
        outline: none;
        box-shadow: 0 0 0 2px rgba(17, 24, 39, 0.3);
    }

    .checkbox__button:disabled {
        background-color: #fff;
        border-color: #c5c5c7;
        cursor: not-allowed;
        opacity: 0.6;
    }

    .checkbox__button.is-error {
        border-color: #CD0000;
    }

.checkbox .checkbox__indicator {
    position: relative;
    width: 12px;
    height: 12px;
}

    .checkbox .checkbox__indicator::before {
        content: "";
        position: absolute;
        top: 0px;
        left: 3px;
        width: 6px;
        height: 10px;
        border-style: solid;
        border-color: #25282b;
        border-width: 0 1px 1px 0;
        transform: rotate(45deg);
    }

.checkbox.is-checked .checkbox__label {
    font-weight: 600;
}

.checkbox.is-disabled {
    cursor: default;
}

    .checkbox.is-disabled .checkbox__label {
        color: #c5c5c7;
    }

.checkbox__label {
    font-size: 14px;
    color: #1f2937;
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Filters/styles/FilterHeader.scss ***!
  \*******************************************************************************************************************************************************/
.filter-header {
    display: flex;
    flex-direction: column;
    min-height: 48px;
    gap: 8px;
}

.filter-header__selected {
    font-size: 12px;
    font-weight: 400;
    color: #25282b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 16px;
    margin-bottom: 24px;
}

.filter-header__error {
    font-size: 11px;
    font-weight: 300;
    color: #cd0000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 15px;
    margin-bottom: 24px;
}

.filter-header__title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
    height: 24px;
}

.accordion__item[data-state=open] .filter-header .filter-header__selected {
    margin-bottom: 0;
}
/*!****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Filters/styles/SortingAlgorithmModal.scss ***!
  \****************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.filter-group__content .radio {
    flex-direction: row;
}

html[dir=rtl] .filter-group__content .radio {
    flex-direction: row-reverse;
}

.sorting-algorithm {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    gap: 8px;
    align-items: center;
}

@media (max-width: 992px) {
    .sorting-algorithm {
        gap: 12px;
        padding: 0 12px;
    }
}

.sorting-algorithm__text {
    font-size: 12px;
    font-weight: 400;
    color: #25282b;
    text-decoration: underline;
}

.sorting-algorithm-modal {
    width: 80vw !important;
    max-width: 1240px !important;
}

.sorting-algorithm-modal__header {
    height: 0.5em;
    margin: 1em 0;
    font-size: 16px !important;
    justify-content: center !important;
}

.sorting-algorithm-modal__content {
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.sorting-algorithm-modal {
    /* width */
}

    .sorting-algorithm-modal ::-webkit-scrollbar {
        width: 4px;
    }

.sorting-algorithm-modal {
    /* Track */
}

    .sorting-algorithm-modal ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #fff;
        border-radius: 10px;
    }

.sorting-algorithm-modal {
    /* Handle */
}

    .sorting-algorithm-modal ::-webkit-scrollbar-thumb {
        background: #cecece;
        border-radius: 10px;
        width: 4px;
    }

    .sorting-algorithm-modal .dropdown-outside {
        z-index: 999999;
    }

@media (max-width: 992px) {
    .sorting-algorithm-modal .dropdown-outside {
        position: sticky;
        background-color: #fff;
    }
}

.algorithm-popup {
    padding: 1em;
    position: absolute;
    background-color: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
    border-radius: 0.4em;
    z-index: 10001;
    width: 240px;
    left: -4em;
    bottom: 3.3em;
    text-align: center;
    left: -4em;
}

[dir=rtl] .algorithm-popup {
    left: initial;
}

[dir=rtl] .algorithm-popup {
    right: -4em;
}

.algorithm-popup__text {
    font-size: 10px;
    color: #555555;
}

.algorithm-popup::after {
    content: "";
    position: absolute;
    top: 98%;
    left: 46%;
    margin-left: -5px;
    border-width: 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/FormControls/Radio/styles/RadioButton.scss ***!
  \*****************************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.radio {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

@media (max-width: 992px) {
    .radio {
        gap: 12px;
        padding: 8px 12px;
    }
}

.radio__button {
    width: 20px;
    height: 20px;
    border: 1px solid #25282b;
    border-radius: 50%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    padding: 0;
}

    .radio__button:hover {
        border-color: #25282b;
    }

    .radio__button[data-state=checked] {
        background-color: #f3f4f6;
        border-color: #25282b;
    }

    .radio__button:disabled {
        background-color: #f9fafb;
        border-color: #e5e7eb;
    }

.radio__indicator {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #25282b;
}

.radio__label {
    font-size: 14px;
    color: #25282b;
}

.radio.is-disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

    .radio.is-disabled .radio__indicator {
        background-color: #9ca3af;
    }

    .radio.is-disabled .radio__label {
        color: #9ca3af;
    }

.radio.is-error .radio__button {
    border-color: #ef4444;
}

.radio__error {
    font-size: 12px;
    color: #ef4444;
    margin-top: 4px;
}

.radio-group {
    display: grid;
    gap: 18px;
}

@media (max-width: 992px) {
    .radio-group {
        gap: 8px;
    }
}

.radio-group-wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.radio-group__label {
    font-size: 14px;
    color: #25282b;
    font-weight: 500;
}
/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Filters/styles/FilterColor.scss ***!
  \******************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.color-option {
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    outline: none;
    padding: 0;
    gap: 8px;
}

@media (max-width: 992px) {
    .color-option {
        padding: 8px 12px;
    }
}

.color-option:hover, .color-option:focus {
    border-color: #9ca3af;
}

.color-option__image {
    width: 20px;
    height: 20px;
    object-fit: cover;
    transition: border-color 0.2s ease;
}

.color-option__text {
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
}

.color-option--selected .color-option__image {
    border: 1px solid #25282b;
}

.color-option--selected .color-option__text {
    font-weight: 600;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/SharedComponents/shared/Filters/styles/FilterPriceRange.scss ***!
  \***********************************************************************************************************************************************************/
.filter-price-range__labels {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: #25282b;
    margin-bottom: 24px;
}

.filter-price-range__label {
    font-weight: 500;
}

.filter-price-range__slider {
    position: relative;
    display: flex;
    align-items: center;
    height: 16px;
}

.filter-price-range__track {
    background-color: #eeeeee;
    position: relative;
    flex-grow: 1;
    height: 1px;
    border-radius: 1px;
}

.filter-price-range__range {
    position: absolute;
    height: 100%;
    background-color: #000;
    border-radius: 1px;
}

.filter-price-range__thumb {
    display: block;
    width: 12px;
    height: 12px;
    background-color: #25282b;
    border: 1px solid #25282b;
    border-radius: 50%;
    cursor: grab;
}
/*!******************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductListBanner.scss ***!
  \******************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-list-banner {
    position: relative;
    padding-top: 15px;
    z-index: 3;
    background: #fff;
}

@media (min-width: 992px) {
    .product-list-banner .visible-xs {
        display: none;
    }

    .product-list-banner .hidden-xs {
        display: block;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .product-list-banner .visible-xs {
        display: block;
        width: 100%;
    }

    .product-list-banner .hidden-xs {
        display: none;
    }

    .product-list-banner .img-responsive {
        height: auto;
        max-width: 100%;
    }
}

.product-list-banner__container h1,
.product-list-banner__container h2,
.product-list-banner__container h3,
.product-list-banner__container h4 {
    font-size: 22px;
    font-weight: 600;
    color: #555;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    margin: 0;
    padding: 0;
    letter-spacing: -0.5px;
}

    .product-list-banner__container h1 > span,
    .product-list-banner__container h2 > span,
    .product-list-banner__container h3 > span,
    .product-list-banner__container h4 > span {
        font-family: inherit !important;
        font-size: inherit !important;
        color: inherit !important;
    }

.product-list-banner__container p span {
    font-family: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
}

.product-list-banner .fbox + h1 {
    margin-top: 15px;
}

.product-list-banner .fbox_box {
    margin: initial !important;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductListPageHeader.scss ***!
  \**********************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.product-list-page-info {
    display: flex;
    align-items: center;
    padding: 16px;
    background-color: #f7f7f7;
    gap: 8px;
    margin-left: -16px;
    margin-right: -16px;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .product-list-page-info {
        padding: 16px 40px;
    }
}

.product-list-page-info__logo {
    border: 0.5px solid #c5c5c7;
    background-color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

    .product-list-page-info__logo span {
        font-size: 18px;
        font-weight: 500;
        color: #25282b;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

.product-list-page-info__content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.product-list-page-info__text {
    font-size: 14px;
    font-weight: 400;
    color: #25282b;
    margin: 0;
}

.product-list-page-info__title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    color: #25282b;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/SupplierInfoHoverCard.scss ***!
  \**********************************************************************************************************************************************/
.supplier-hover-card {
    padding: 12px 16px !important;
    min-width: 360px;
}

.supplier-hover-card__info-list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.supplier-hover-card__info-item {
    font-weight: 300;
}

.supplier-hover-card__label {
    font-weight: 400;
}

.supplier-hover-card__trigger {
    display: flex;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
/*!**********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductCountIndicator.scss ***!
  \**********************************************************************************************************************************************/
.product-count {
    position: fixed;
    bottom: 87px;
    right: 24px;
    z-index: 50;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 8px 6px;
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.product-count__seen {
    font-size: 13px;
    font-weight: 600;
    color: #25282b;
    text-align: right;
}

.product-count__separator, .product-count__total {
    font-size: 13px;
    font-weight: 400;
    color: #6c6c6c;
}
/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ProductListV2/styles/ProductListNotFound.scss ***!
  \********************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.empty-state {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    max-width: 382px;
    margin: 0 auto;
    height: 50vh;
    padding: 0 16px;
}

.empty-state__icon svg {
    width: 40px;
    height: 40px;
}

.empty-state__text {
    font-size: 14;
    font-weight: 300;
    color: #25282b;
    text-align: center;
}

@media (max-width: 992px) {
    .empty-state__text {
        max-width: 263px;
    }
}
/*!*******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/ContentLayout/components/WebListingPageBanner/style.scss ***!
  \*******************************************************************************************************************************************************/
/* iPad Mini Vertical (Portrait) */
.web-listing-page-banner {
    width: 100%;
    user-select: none;
}

.web-listing-page-banner__title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    color: #333;
    margin: 0 0 24px;
}

@media (min-width: 992px) {
    .web-listing-page-banner__title {
        font-size: 32px;
        margin-bottom: 40px;
    }
}

.web-listing-page-banner__wrapper {
    position: relative;
    width: 100%;
}

.web-listing-page-banner__wrapper--centered .swiper-wrapper {
    justify-content: center;
}

.web-listing-page-banner__slider {
    position: relative;
}

.web-listing-page-banner__slide {
    cursor: pointer;
    height: auto;
}

.web-listing-page-banner__item {
    display: block;
    position: relative;
    text-decoration: none;
    width: 100%;
}

.web-listing-page-banner__image {
    width: 100%;
    display: block;
    object-fit: cover;
}

.web-listing-page-banner__nav-button {
    display: none;
    user-select: none;
}

@media (min-width: 992px) {
    .web-listing-page-banner__nav-button {
        background-color: rgba(255, 255, 255, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        width: 40px;
        height: 40px;
        z-index: 10;
        top: calc(50% - 20px);
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.2s ease;
    }

        .web-listing-page-banner__nav-button:hover {
            background-color: #fff;
        }

    .web-listing-page-banner__nav-button--prev {
        left: 25px;
    }

    .web-listing-page-banner__nav-button--next {
        right: 25px;
    }

    .web-listing-page-banner__nav-button--hidden {
        opacity: 0 !important;
        pointer-events: none !important;
        visibility: hidden !important;
    }
}

.web-listing-page-banner--vertical .web-listing-page-banner__slide {
    width: 161px;
}

@media (min-width: 768px) {
    .web-listing-page-banner--vertical .web-listing-page-banner__slide {
        width: 240px;
    }
}

.web-listing-page-banner--vertical .web-listing-page-banner__image {
    width: 161px;
    height: 214px;
}

@media (min-width: 768px) {
    .web-listing-page-banner--vertical .web-listing-page-banner__image {
        width: 240px;
        height: 320px;
    }
}

.web-listing-page-banner--horizontal .web-listing-page-banner__slide {
    width: 322px;
}

@media (min-width: 768px) {
    .web-listing-page-banner--horizontal .web-listing-page-banner__slide {
        width: 480px;
    }
}

.web-listing-page-banner--horizontal .web-listing-page-banner__image {
    width: 322px;
    height: 214px;
}

@media (min-width: 768px) {
    .web-listing-page-banner--horizontal .web-listing-page-banner__image {
        width: 480px;
        height: 320px;
    }
}

h1.product-list-heading__title {
    margin: unset;
}